@genexus/genexus-ide-ui 0.0.12 → 0.0.14
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_5.cjs.entry.js +388 -0
- package/dist/cjs/form-validation-87e3749d.js +68 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-container_2.cjs.entry.js +168 -0
- 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-references.cjs.entry.js +299 -0
- package/dist/cjs/gx-ide-template.cjs.entry.js +11 -12
- package/dist/cjs/gx-ide-test.cjs.entry.js +2 -25
- 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-combo-box_8.cjs.entry.js +172 -231
- 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-test.cjs.entry.js +36 -10
- package/dist/cjs/gxg-title.cjs.entry.js +11 -7
- package/dist/cjs/{gxg-tree-item.cjs.entry.js → gxg-tree_2.cjs.entry.js} +197 -43
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/render-tree-25d5b8a1.js +29 -0
- 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 +7 -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/common/render-suggest.js +18 -0
- 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/references/gx-ide-assets/references/langs/references.lang.en.json +15 -0
- package/dist/collection/components/references/gx-ide-assets/references/langs/references.lang.ja.json +3 -0
- package/dist/collection/components/references/gx-ide-assets/references/langs/references.lang.zh.json +3 -0
- package/dist/collection/components/references/helpers.js +76 -0
- package/dist/collection/components/references/references.css +194 -0
- package/dist/collection/components/references/references.js +377 -0
- 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/index.js +1 -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 +1 -61
- package/dist/components/ch-suggest-list-item2.js +60 -0
- package/dist/components/ch-suggest-list.js +1 -39
- package/dist/components/ch-suggest-list2.js +41 -0
- package/dist/components/ch-suggest.js +1 -249
- package/dist/{cjs/ch-suggest.cjs.entry.js → components/ch-suggest2.js} +98 -59
- 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-references.d.ts +11 -0
- package/dist/components/gx-ide-references.js +433 -0
- package/dist/components/gx-ide-template.js +67 -14
- package/dist/components/gx-ide-test.js +2 -25
- 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 +1 -27
- package/dist/components/gxg-test.js +110 -16
- package/dist/components/gxg-text.js +1 -73
- package/dist/components/gxg-tree-item2.js +31 -43
- package/dist/components/gxg-tree2.js +0 -4
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +6 -0
- package/dist/components/render-tree.js +27 -0
- package/dist/components/{repositionScroll.js → reposition-scroll.js} +2 -13
- package/dist/components/suggest.js +57 -0
- package/dist/components/tab-button.js +1 -1
- package/dist/components/tab.js +17 -2
- package/dist/{esm/gxg-text.entry.js → components/text.js} +53 -19
- 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_5.entry.js +380 -0
- package/dist/esm/form-validation-a6686ca1.js +64 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-container_2.entry.js +163 -0
- 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-references.entry.js +295 -0
- package/dist/esm/gx-ide-template.entry.js +11 -12
- package/dist/esm/gx-ide-test.entry.js +2 -25
- 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-combo-box_8.entry.js +164 -223
- 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-test.entry.js +36 -10
- package/dist/esm/gxg-title.entry.js +11 -7
- package/dist/esm/{gxg-tree-item.entry.js → gxg-tree_2.entry.js} +198 -45
- package/dist/esm/loader.js +1 -1
- package/dist/esm/render-tree-fc8636a3.js +27 -0
- package/dist/esm/{repositionScroll-9d3ee138.js → 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/references/langs/references.lang.en.json +15 -0
- package/dist/genexus-ide-ui/gx-ide-assets/references/langs/references.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/references/langs/references.lang.zh.json +3 -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-9292edf8.entry.js → p-18936375.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-1e412d88.entry.js +1 -0
- package/dist/genexus-ide-ui/p-203ea363.entry.js +1 -0
- 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-62814082.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-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-8cdad9e1.entry.js +1 -0
- package/dist/genexus-ide-ui/p-925cb9fe.js +1 -0
- package/dist/genexus-ide-ui/p-92b75873.entry.js +1 -0
- package/dist/genexus-ide-ui/p-9e32e006.entry.js +1 -0
- package/dist/genexus-ide-ui/p-a5fee36d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-abee8c7b.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-b4e4fc69.entry.js +1 -0
- package/dist/genexus-ide-ui/p-be9406e7.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/render-suggest.d.ts +2 -0
- 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/references/helpers.d.ts +17 -0
- package/dist/types/components/references/references.d.ts +125 -0
- package/dist/types/components/top-bar/top-bar.d.ts +14 -0
- package/dist/types/components.d.ts +423 -35
- package/dist/types/index.d.ts +1 -0
- 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/ch-suggest-list-item.cjs.entry.js +0 -50
- package/dist/cjs/ch-suggest-list.cjs.entry.js +0 -28
- package/dist/cjs/gxg-grid.cjs.entry.js +0 -34
- package/dist/cjs/gxg-suggest.cjs.entry.js +0 -19
- package/dist/cjs/gxg-text.cjs.entry.js +0 -60
- package/dist/cjs/gxg-tree.cjs.entry.js +0 -177
- 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/ch-suggest-list-item.entry.js +0 -46
- package/dist/esm/ch-suggest-list.entry.js +0 -24
- package/dist/esm/ch-suggest.entry.js +0 -218
- package/dist/esm/gxg-grid.entry.js +0 -30
- package/dist/esm/gxg-suggest.entry.js +0 -15
- package/dist/esm/gxg-tree.entry.js +0 -173
- 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-5faaf0e5.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-8eb472e6.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
- package/dist/genexus-ide-ui/p-fed1d2ba.entry.js +0 -1
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-4f0a5746.js';
|
|
2
|
-
|
|
3
|
-
const gxgTreeCss = ":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:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host ul{margin:0;padding-left:0;width:100%}";
|
|
4
|
-
|
|
5
|
-
const GxgTree = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
//PROPS
|
|
9
|
-
/**
|
|
10
|
-
* Set this attribute if you want all the items to have a checkbox.
|
|
11
|
-
*/
|
|
12
|
-
this.checkbox = true;
|
|
13
|
-
/**
|
|
14
|
-
* Set this attribute if you want all the items to be checked by default.
|
|
15
|
-
*/
|
|
16
|
-
this.checked = false;
|
|
17
|
-
/**
|
|
18
|
-
* Set this attribute if you want all the items to be opened by default.
|
|
19
|
-
*/
|
|
20
|
-
this.opened = true;
|
|
21
|
-
/**
|
|
22
|
-
* Set this attribute if you want all the items checkboxes to be toggled when the parent tree item checkbox is toggled.
|
|
23
|
-
*/
|
|
24
|
-
this.toggleCheckboxes = false;
|
|
25
|
-
/**
|
|
26
|
-
* Set this attribute if you want to allow multi selection of the items. This property should only be set on the master tree.
|
|
27
|
-
*/
|
|
28
|
-
this.multiSelection = false;
|
|
29
|
-
/**
|
|
30
|
-
* Indicates if this the is master tree
|
|
31
|
-
*/
|
|
32
|
-
this.masterTree = false;
|
|
33
|
-
/**
|
|
34
|
-
* This method evaluates if this tree is the master tree
|
|
35
|
-
*/
|
|
36
|
-
this.evaluateIsMasterTree = () => {
|
|
37
|
-
var _a;
|
|
38
|
-
const grandFather = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
39
|
-
if (grandFather === undefined || grandFather.nodeName !== "GXG-TREE") {
|
|
40
|
-
this.masterTree = true;
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
this.initialConfig = () => {
|
|
44
|
-
const parent = this.el.parentElement;
|
|
45
|
-
if ((parent === null || parent === void 0 ? void 0 : parent.tagName) === "GXG-TREE-ITEM") {
|
|
46
|
-
const treeItem = parent;
|
|
47
|
-
this.checkbox =
|
|
48
|
-
treeItem.checkbox !== undefined ? treeItem.checkbox : this.checkbox;
|
|
49
|
-
this.checked =
|
|
50
|
-
treeItem.checked !== undefined ? treeItem.checked : this.checked;
|
|
51
|
-
this.opened =
|
|
52
|
-
treeItem.opened !== undefined ? treeItem.opened : this.opened;
|
|
53
|
-
this.toggleCheckboxes =
|
|
54
|
-
treeItem.toggleCheckboxes !== undefined
|
|
55
|
-
? treeItem.toggleCheckboxes
|
|
56
|
-
: this.toggleCheckboxes;
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
this.getNumberOfParentTrees = () => {
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
componentWillLoad() {
|
|
63
|
-
//this.initialConfig();
|
|
64
|
-
this.initialConfig();
|
|
65
|
-
this.getNumberOfParentTrees();
|
|
66
|
-
this.evaluateIsMasterTree();
|
|
67
|
-
}
|
|
68
|
-
selectionChangedHandler(e) {
|
|
69
|
-
//Unselect all items, except the one that triggered this event. This action should be done once, by the master tree.
|
|
70
|
-
if ((this.masterTree && !this.multiSelection) ||
|
|
71
|
-
(this.masterTree && this.multiSelection && !e.detail.ctrlKey)) {
|
|
72
|
-
const allChildren = this.el.querySelectorAll("gxg-tree-item");
|
|
73
|
-
if (allChildren === null || allChildren === void 0 ? void 0 : allChildren.length) {
|
|
74
|
-
Array.from(allChildren).forEach((item) => {
|
|
75
|
-
item.selected = false;
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* Returns an array of the selected tree-items, providing the id, checked status, selected status, and label.
|
|
82
|
-
*/
|
|
83
|
-
async getCheckedItems(idsArray) {
|
|
84
|
-
const allTreeItems = Array.from(this.el.querySelectorAll("gxg-tree-item"));
|
|
85
|
-
const checkedTreeItems = [];
|
|
86
|
-
if (idsArray === null || idsArray === void 0 ? void 0 : idsArray.length) {
|
|
87
|
-
idsArray.forEach((id) => {
|
|
88
|
-
const found = allTreeItems.find((item) => id === item.id);
|
|
89
|
-
found &&
|
|
90
|
-
checkedTreeItems.push({
|
|
91
|
-
id: found.id,
|
|
92
|
-
label: found.label,
|
|
93
|
-
checked: found.checked,
|
|
94
|
-
selected: found.selected,
|
|
95
|
-
});
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
allTreeItems.forEach((item) => {
|
|
100
|
-
item.checked &&
|
|
101
|
-
checkedTreeItems.push({
|
|
102
|
-
id: item.id,
|
|
103
|
-
label: item.label,
|
|
104
|
-
checked: item.checked,
|
|
105
|
-
selected: item.selected,
|
|
106
|
-
});
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
return checkedTreeItems;
|
|
110
|
-
}
|
|
111
|
-
/**
|
|
112
|
-
* Returns an array of the selected tree-items, providing the id, checked status, selected status, and label.
|
|
113
|
-
*/
|
|
114
|
-
async getSelectedItems() {
|
|
115
|
-
const selectedItems = [];
|
|
116
|
-
const allItems = this.el.querySelectorAll("gxg-tree-item");
|
|
117
|
-
if (allItems === null || allItems === void 0 ? void 0 : allItems.length) {
|
|
118
|
-
Array.from(allItems).forEach((item) => {
|
|
119
|
-
console.log(item);
|
|
120
|
-
if (item.selected) {
|
|
121
|
-
selectedItems.push({
|
|
122
|
-
id: item.id,
|
|
123
|
-
label: item.label,
|
|
124
|
-
checked: item.checked,
|
|
125
|
-
selected: item.selected,
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
return selectedItems;
|
|
131
|
-
}
|
|
132
|
-
/**
|
|
133
|
-
* @param ids: An array id the tree items to be toggled.
|
|
134
|
-
* @param open: A boolean indicating that the tree item should be opened or closed. (optional)
|
|
135
|
-
* @description This method is used to toggle a tree-item by the tree-item id/ids.
|
|
136
|
-
* @returns a boolean value indicating if the selected tree-item is open or not, after the method was called.
|
|
137
|
-
*/
|
|
138
|
-
async toggleItems(ids, open) {
|
|
139
|
-
if (!(ids === null || ids === void 0 ? void 0 : ids.length)) {
|
|
140
|
-
return [];
|
|
141
|
-
}
|
|
142
|
-
const allTreeItems = Array.from(this.el.querySelectorAll("gxg-tree-item"));
|
|
143
|
-
const toggledTreeItems = [];
|
|
144
|
-
ids.forEach((id) => {
|
|
145
|
-
const found = allTreeItems.find((item) => id === item.id);
|
|
146
|
-
if (found && open === undefined) {
|
|
147
|
-
found.opened = !found.opened;
|
|
148
|
-
}
|
|
149
|
-
else if (found && open && !found.opened) {
|
|
150
|
-
found.opened = true;
|
|
151
|
-
}
|
|
152
|
-
else if (found && !open && found.opened) {
|
|
153
|
-
found.opened = false;
|
|
154
|
-
}
|
|
155
|
-
if (found) {
|
|
156
|
-
toggledTreeItems.push({
|
|
157
|
-
id: found.id,
|
|
158
|
-
opened: found.opened,
|
|
159
|
-
});
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
|
-
return toggledTreeItems;
|
|
163
|
-
}
|
|
164
|
-
render() {
|
|
165
|
-
return (h(Host, null, h("div", { class: {
|
|
166
|
-
tree: true,
|
|
167
|
-
} }, h("ul", { ref: (el) => (this.ulTree = el) }, h("slot", null)))));
|
|
168
|
-
}
|
|
169
|
-
get el() { return getElement(this); }
|
|
170
|
-
};
|
|
171
|
-
GxgTree.style = gxgTreeCss;
|
|
172
|
-
|
|
173
|
-
export { GxgTree as gxg_tree };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as t,H as o}from"./p-f9f51980.js";const a=class{constructor(t){r(this,t)}render(){return t(o,null,t("slot",null))}};a.style=":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}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-sm);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-weight:700;margin-bottom:4px}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}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(ch-window-window){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(ch-window-window)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(ch-window-window) .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}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{padding:var(--spacing-comp-01) var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;--icon-color:var(--color-on-background);margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-form-item-bgcolor-hover);color:var(--color-on-primary)}ch-suggest-list-item:hover gxg-icon::part(ch-icon){--icon-color:var(--color-on-primary)}ch-suggest-list-item:focus,ch-suggest-list-item[selected]:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}html.gxg-large ch-suggest{font-size:var(--font-size-lg)}";export{a as gxg_suggest}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as o,H as e,g as i}from"./p-f9f51980.js";import{f as a}from"./p-cc7d6bdf.js";import{K as n,r as l}from"./p-b7a03c38.js";import{e as s}from"./p-d8501cb4.js";import{s as g}from"./p-8d3073b6.js";import{c}from"./p-e7e4f76c.js";const h=class{constructor(o){t(this,o),this.valueChanged=r(this,"valueChanged",7),this.opened=r(this,"opened",7),this.closed=r(this,"closed",7),this.toggled=r(this,"toggled",7),this.parts={input:"input",clearButton:"clear-button",toggleButton:"toggle-button"},this.disabled=!1,this.label=void 0,this.labelPosition="above",this.minWidth="0",this.maxWidth="100%",this.listMaxHeight="244px",this.placeholder="Search item",this.disableFilter=!1,this.disableClear=!1,this.strict=!1,this.caseSensitive=!1,this.listPosition="below",this.centerLabel=!1,this.required=!1,this.validationStatus="indeterminate",this.userTyped=!1,this.formMessageLogic=a,this.inputTextValue="",this.listIsOpen=!1,this.inputTextIcon=void 0,this.inputTextIconPosition=null,this.noMatch=!1,this.lastAllowedValue=void 0,this.slottedContent=null,this.selectionProgramatic=!0,this.myObserver=null,this.detectClickOutsideCombo=this.detectClickOutsideComboFunc.bind(this),this.detectMouseScroll=this.detectMouseScrollFunc.bind(this),this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)},this.inputHandler=t=>{this.userTyped=!0;const r=this.sanitizeString(t.detail),o=this.filterList(r);this.strict?1===o.length&&(this.value=o[0].value):this.value=r},this.keyDownHandler=t=>{let r;t.code!==n.ARROW_DOWN&&t.code!==n.ARROW_UP||t.preventDefault(),t.code===n.ARROW_DOWN?(r=this.getNewItem("next"),(null==r?void 0:r.value)&&(this.value=null==r?void 0:r.value),l(this.itemsContainer,this.selectedItem,n.ARROW_DOWN),t.altKey&&this.showList()):t.code===n.ARROW_UP?(r=this.getNewItem("prev"),(null==r?void 0:r.value)&&(this.value=null==r?void 0:r.value),l(this.itemsContainer,this.selectedItem,n.ARROW_UP)):t.code===n.ENTER?this.hideList():t.code===n.SPACE?this.showList():(t.code===n.ESCAPE||t.code===n.TAB&&this.showList)&&this.hideList()},this.handleValueChangeFormText=t=>{this.value=t.detail},this.filterList=t=>{t=this.sanitizeString(t),!this.caseSensitive&&(t=t.toLowerCase());const r=this.getEnabledItems(),o=[];return r.length&&r.forEach((r=>{const e=this.caseSensitive?r.textContent:r.textContent.toLocaleLowerCase();!r.disabled&&e.includes(t)?(o.push(r),r.hidden=!1):r.hidden=!0})),o.length>=1?this.showList():this.hideList(),o},this.showAllItems=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{(null==t?void 0:t.hidden)&&(t.hidden=!1)}))},this.cleanup=()=>{this.myObserver.unobserve(document.body),document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0)},this.setup=()=>{this.setIndexes(),this.onValueChanged(this.value),this.setInitialValue()},this.setIndexes=()=>{this.getAllItems().forEach(((t,r)=>{t.index=r}))},this.getEnabledItems=()=>{const t=[];return this.getAllItems().forEach((r=>{!r.disabled&&t.push(r)})),t},this.getFilteredItems=()=>{const t=this.getEnabledItems(),r=[];return t.forEach((t=>{!t.hidden&&r.push(t)})),r},this.getAllItems=()=>{const t=[];return this.el.querySelectorAll("gxg-combo-box-item").forEach((r=>{t.push(r)})),t},this.getItemByValue=t=>{let r;return t&&(r=this.getEnabledItems().find((r=>!r.disabled&&(null==r?void 0:r.value)&&r.value===t))),r},this.clearSelectedItem=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{t.selected&&(t.selected=!1)})),this.selectedItem=void 0,this.clearIcon()},this.getValueByText=t=>{!this.caseSensitive&&(t=t.toLowerCase());const r=this.getEnabledItems(),o=null==r?void 0:r.find((r=>{const o=this.caseSensitive?r.textContent:r.textContent.toLocaleLowerCase();return!r.disabled&&o===t}));return null==o?void 0:o.value},this.getNewItem=t=>{const r=this.getFilteredItems(),o=null==r?void 0:r.findIndex((t=>t===this.selectedItem));return"next"===t?-1===o?r[0]:r[o+1]:"prev"===t&&-1!==o?r[o-1]:void 0},this.setSelectedItem=t=>!!t&&(this.selectedItem&&(this.selectedItem.selected=!1),t.selected=!0,this.selectedItem=t,!0),this.sanitizeString=t=>"string"==typeof t?t.replace(/\s+/g," ").trim():t,this.setInitialValue=()=>{if(this.strict&&this.disableFilter&&!this.value){const t=this.getEnabledItems();t.length&&(this.value=t[0].value)}},this.toggleListButtonClickHandler=()=>{this.disabled||(this.showAllItems(),this.toggleList(),this.focus())},this.inputTextClickHandler=()=>{this.disabled||this.disableFilter&&this.toggleList()},this.toggleList=()=>{this.disabled||(this.listIsOpen=!this.listIsOpen)},this.showList=()=>{this.disabled||(this.listIsOpen=!0)},this.hideList=()=>{this.disabled||(this.listIsOpen=!1)},this.clearIcon=()=>{this.disabled||(this.inputTextIcon=null,this.inputTextIconPosition=null)}}disabledHandler(t){!0===t?(this.valueBeforeDisabled=this.value,this.textBeforeDisabled=this.text,this.iconBeforeDisabled=this.inputTextIcon,this.iconPositionBeforeDisabled=this.inputTextIconPosition,this.value=null,this.inputTextIcon=null,this.inputTextIconPosition=null):(this.value=this.valueBeforeDisabled,this.text=this.textBeforeDisabled,this.inputTextIcon=this.iconBeforeDisabled,this.inputTextIconPosition=this.iconPositionBeforeDisabled)}componentDidUpdate(){const t=this.itemsContainerBottomOverflows();this.listPosition=t?"above":"below"}componentWillLoad(){this.setup(),this.attachExportParts()}componentDidLoad(){this.resizeObserver()}disconnectedCallback(){this.cleanup()}async open(){this.listIsOpen=!0}async close(){this.listIsOpen=!1}async getValueByIndex(t){const r=this.getEnabledItems().filter((r=>r.index===t))[0];return null==r?void 0:r.value}async setValueByIndex(t){const r=this.getEnabledItems().filter((r=>r.index===t))[0];return!(!r||!r.value||(this.value=r.value,0))}itemSelectedHandler(t){this.value=t.detail.value,this.inputText.focus()}itemDidLoadHandler(){this.setup()}keyDownComboItemHandler(t){t.stopPropagation(),"ArrowUp"===t.detail?this.inputText.focus():"Tab"!==t.detail&&"Escape"!==t.detail||(this.listIsOpen=!1,this.inputText.focus())}onValueChanged(t){let r,o;this.valueChanged.emit(t),this.clearSelectedItem(),this.userTyped?r=this.getValueByText(t):(this.showAllItems(),r=t),o=this.getItemByValue(r),o?(this.setSelectedItem(o),this.setIcon(o.icon),(null==o?void 0:o.textContent)&&(this.text=o.textContent)):this.strict?(this.text=void 0,this.value=void 0):this.text=t,this.userTyped=!1}listIsOpenHandler(t){let r=!1;t?(r=!0,document.addEventListener("click",this.detectClickOutsideCombo,!0),document.addEventListener("scroll",this.detectMouseScroll,!0),this.opened.emit(),this.repositionItemsContainer()):(document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this.closed.emit()),this.toggled.emit(r)}selectedItemHandler(t){t&&(t.selected=!0)}setIcon(t){t?(this.inputTextIcon=t,this.inputTextIconPosition="start"):(this.inputTextIcon=null,this.inputTextIconPosition=null)}focus(){this.inputText.focus()}detectClickOutsideComboFunc(t){const r=this.el.shadowRoot.querySelector(".main-container"),o=t.x,e=t.y,i=r.getBoundingClientRect();o>i.left&&o<i.right&&e>i.top&&e<i.bottom||0===t.screenX&&0===t.screenY&&0===t.clientX&&0===t.clientY||(this.listIsOpen=!1)}detectMouseScrollFunc(){this.listIsOpen=!1}clearCombo(){this.disabled||(this.value=void 0,this.listIsOpen=!0,this.focus())}resizeObserver(){this.myObserver=new ResizeObserver((t=>{t.forEach((()=>{this.repositionItemsContainer()}))})),this.myObserver.observe(document.body),this.myObserver.observe(this.el)}repositionItemsContainer(){const t=this.inputText;this.itemsContainer.style.width=t.clientWidth+"px";const r=t.getBoundingClientRect();this.itemsContainer.style.top=r.y+r.height+"px"}itemsContainerBottomOverflows(){const t=window.innerHeight;return this.el.getBoundingClientRect().bottom+this.itemsContainer.clientHeight>t}render(){const t=this.value&&!this.disableFilter&&!this.disableClear;return o(e,{class:{"gxg-combo-box--disabled":this.disableFilter,large:g.large},style:{maxWidth:this.maxWidth,minWidth:this.minWidth},exportParts:this.exportparts?this.exportparts:null},o("div",{class:{"main-container":!0},ref:t=>this.mainContainer=t},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label):null,o("div",{class:"search-and-items-container",ref:t=>this.searchItemsContainer=t},o("div",{class:{"search-container":!0}},o("gxg-form-text",{placeholder:this.placeholder,onInput:this.inputHandler.bind(this),onKeyDown:this.keyDownHandler,onClick:this.inputTextClickHandler,value:this.text,icon:this.inputTextIcon,iconPosition:this.inputTextIconPosition,readonly:this.disableFilter,ref:t=>this.inputText=t,validationStatus:this.validationStatus,disabled:this.disabled,onValueChanged:this.handleValueChangeFormText,preventValueChangedEmit:!0,preventValueChangeOnDisabled:!0,class:{"clear-icon":t},part:this.parts.input}),o("div",{class:"buttons-wrapper"},t?o("gxg-button",{class:{"button-icon delete-icon":!0},icon:"menus/delete",type:"tertiary",onClick:()=>this.clearCombo(),tabindex:"-1",fit:!0,disabled:this.disabled,part:this.parts.clearButton}):null,o("gxg-button",{class:{"button-icon":!0},icon:"navigation/arrow-down",type:"secondary-icon-only",onClick:this.toggleListButtonClickHandler,fit:!0,disabled:this.disabled,tabindex:"-1",part:this.parts.toggleButton}))),o("div",{class:{"items-container":!0,"items-container--show":this.listIsOpen,"items-container--no-match":this.noMatch,"items-container--below":"below"===this.listPosition,"items-container--above":"above"===this.listPosition},style:{maxHeight:this.listMaxHeight},ref:t=>this.itemsContainer=t},o("slot",null),this.noMatch&&this.strict?o("div",{class:"no-ocurrences-found"},"No occurrences found",o("span",null,"ctrl/cmd + backspace to erase")):null))),this.formMessageLogic(this))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{disabled:["disabledHandler"],value:["onValueChanged"],listIsOpen:["listIsOpenHandler"],selectedItem:["selectedItemHandler"]}}};h.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{font-family:var(--font-family-primary);display:block}:host gxg-form-text::part(input){padding-inline-end:var(--spacing-comp-05)}:host gxg-form-text.clear-icon::part(input){padding-inline-end:calc(var(--spacing-comp-05) * 2)}:host .main-container{width:100%;position:relative;}:host .main-container .label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lay-xs)}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;top:2px;height:calc(100% - 4px);display:flex;align-items:center;padding-inline-start:var(--spacing-comp-01);inset-inline-end:2px}:host .main-container .search-container .buttons-wrapper .button-icon{height:20px;width:20px}:host .main-container .items-container{border:var(--border-width-sm) solid var(--gxg-border-color--regular);border-radius:var(--border-radius-md);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-background);position:fixed;width:inherit;box-sizing:border-box;z-index:999;display:none;}:host .main-container .items-container::-webkit-scrollbar{width:6px;height:6px}:host .main-container .items-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main-container .items-container .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-on-background);padding:var(--spacing-comp-01);background-color:var(--color-background)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gray-04)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) .main-container .label{display:flex;font-size:var(--font-size-lg);margin-bottom:var(--spacing-lay-xs);line-height:1.455em}:host(.large) .main-container .items-container .no-ocurrences-found{font-size:var(--font-size-lg)}";const f=class{constructor(o){t(this,o),this.itemSelected=r(this,"itemSelected",7),this.itemDidLoad=r(this,"itemDidLoad",7),this.keyDownPressed=r(this,"keyDownPressed",7),this.icon=void 0,this.disabled=!1,this.selected=!1,this.exactMatch=!1,this.hidden=!1,this.setup=()=>{this.value||(this.value=this.el.innerHTML)},this.clickHandler=()=>{this.itemSelected.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}}componentWillLoad(){this.setup(),this.iconColor=this.disabled?"ondisabled":"auto"}componentDidLoad(){this.itemDidLoad.emit()}iconColorHandler(){return this.disabled?"disabled":this.selected?"negative":"auto"}render(){return o(e,{onClick:this.clickHandler,class:{large:g.large,"no-icon":!this.icon,[c.DISABLED_CLASS]:this.disabled}},o("div",{class:{container:!0,"form-element":!0}},this.icon?o("gxg-icon",{color:this.iconColorHandler(),size:g.large?"regular":"small",type:this.icon}):null,o("div",{class:"description"},o("slot",null))))}get el(){return i(this)}};f.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}:host{display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-on-background);opacity:1;overflow:hidden}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-01);width:100%;height:var(--gxg-list-item-height);box-sizing:border-box;}:host gxg-icon{flex-shrink:0}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-left:var(--spacing-comp-02)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--gxg-background-color-item-hover)}:host([selected]){background-color:var(--gxg-background-color-item-selected);color:var(--gxg-color-item-active)}:host(.large){font-size:var(--font-size-lg);min-height:auto}:host(.large) gxg-icon{margin-right:var(--spacing-comp-01)}";const m=class{constructor(r){t(this,r),this.fieldset=!1,this.displayBorder=!1,this.displayBorderTop=!1,this.displayBorderEnd=!1,this.displayBorderBottom=!1,this.displayBorderStart=!1,this.sectionsPadding="m",this.noHeadingBorder=!1,this.noHeadingPadding=!1,this.headingJustify="center",this.noContentPadding=!1,this.noContentGap=!1,this.noFooterPadding=!1,this.footerJustify="end",this.noBorderFooter=!1,this.hasSlottedContent=!1,this.hasFooterSlot=!1,this.hasOnlyHeading=!1,this.hasOnlyFooter=!1,this.headingClasses=()=>({heading:!0,"heading--no-border":this.noHeadingBorder||this.hasOnlyHeading,[`heading--justify-${this.headingJustify}`]:!0,"heading--no-padding":this.noHeadingPadding}),this.contentClasses=()=>({content:!0,"content--no-padding":this.noContentPadding,"content--no-gap":this.noContentGap}),this.footer=()=>this.hasFooterSlot?o("footer",{class:{footer:!0,"footer--no-border":this.noHeadingBorder||this.hasOnlyFooter||!this.hasSlottedContent,[`footer--justify-${this.footerJustify}`]:!0,[`footer--justify-${this.footerJustify}`]:!0,"footer--no-padding":this.noFooterPadding}},o("slot",{name:"footer"})):null}componentWillLoad(){this.evaluateSlots()}evaluateSlots(){this.el.querySelectorAll(":not([slot])").length&&(this.hasSlottedContent=!0),this.el.querySelectorAll('[slot="footer"]').length&&(this.hasFooterSlot=!0)}evaluateSections(){this.hasSlottedContent||this.hasFooterSlot||(this.hasOnlyHeading=!0),this.hasSlottedContent||this.containerTitle||(this.hasOnlyFooter=!0)}render(){let t;return this.evaluateSections(),t=this.fieldset?[o("fieldset",null,this.containerTitle?o("legend",{class:this.headingClasses()},o("gxg-title",{type:"title-04"},this.containerTitle)):null,this.hasSlottedContent?o("div",{class:this.contentClasses()},o("slot",null)):null),this.footer()]:[this.containerTitle?o("header",{class:this.headingClasses()},o("gxg-title",{type:"title-04"},this.containerTitle)):null,this.hasSlottedContent?o("div",{class:this.contentClasses()},o("slot",null)):null,this.footer()],o(e,{class:{"gxg-container":!0,[`gxg-container--padding-${this.sectionsPadding}`]:!0,"gxg-container--display-border":this.displayBorder,"gxg-container--display-border-top":this.displayBorderTop,"gxg-container--display-border-end":this.displayBorderEnd,"gxg-container--display-border-bottom":this.displayBorderBottom,"gxg-container--display-border-start":this.displayBorderStart}},t)}get el(){return i(this)}};m.style=":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-container-elements-spacing:var(--spacing-comp-03);display:block}fieldset{padding:0;margin-inline-start:0;margin-inline-end:0;border:none}.heading,.content,.footer{padding:var(--gxg-container--padding)}:host(.gxg-container--padding-s){--gxg-container--padding:var(--spacing-comp-02)}:host(.gxg-container--padding-m){--gxg-container--padding:var(--spacing-comp-03)}:host(.gxg-container--padding-l){--gxg-container--padding:var(--spacing-comp-04)}:host(.gxg-container--display-border){border:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-top){border-top:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-end){border-inline-end:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-bottom){border-bottom:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-start){border-inline-start:1px solid var(--gxg-border-color--regular)}.heading{display:flex;width:100%;box-sizing:border-box;border-bottom:1px solid var(--gxg-border-color--regular)}.heading--justify-start{justify-content:start}.heading--justify-center{justify-content:center}.heading--justify-end{justify-content:end}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.content{display:flex;flex-direction:column;gap:var(--gxg-container-elements-spacing)}.content--no-padding{padding:0}.content--no-gap{gap:0}.footer{display:flex;border-top:1px solid var(--gxg-border-color--regular);gap:var(--gxg-container-elements-spacing)}.footer--justify-start{justify-content:start}.footer--justify-center{justify-content:center}.footer--justify-end{justify-content:end}.footer--no-border{border-top:0}.footer--no-padding{padding:0}";const v=class{constructor(o){t(this,o),this.change=r(this,"change",7),this.radioClicked=r(this,"radioClicked",7),this.keyPressed=r(this,"keyPressed",7),this.error=!1,this.checked=!1,this.disabled=!1,this.clickedHandler=()=>{this.radioClicked.emit()}}componentDidLoad(){this.checked&&this.radioInput.setAttribute("checked","checked"),this.disabled&&this.checked&&(this.radioInput.removeAttribute("checked"),this.checked=!1)}watchHandler(t){!1===t&&this.radioInput.removeAttribute("checked"),!0===t&&(this.radioInput.setAttribute("checked","checked"),this.change.emit({id:this.RadioId,value:this.value}))}handlerOnKeyDown(t){this.keyPressed.emit(t.key)}render(){return o(e,{onClick:this.clickedHandler,class:{"gxg-form-radio--disabled":this.disabled}},o("gxg-label",{noMargin:!0,class:"label",disabled:this.disabled},o("input",{ref:t=>this.radioInput=t,type:"radio",name:this.name,id:this.RadioId,value:this.value,disabled:this.disabled,onKeyDown:this.handlerOnKeyDown.bind(this)}),o("span",{class:{radiobtn:!0,"radiobtn--error":this.error}}),this.label))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{checked:["watchHandler"]}}};v.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;cursor:pointer;}:host input:focus+.radiobtn{box-shadow:0px 0px 0px 1px var(--color-primary-active)}:host .label{display:flex;align-items:center;position:relative;cursor:pointer;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}:host .label input{position:absolute;opacity:0;cursor:pointer}:host .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:transparent}:host .label:hover input~.checkmark{background-color:transparent}:host .label input:checked~.checkmark{background-color:#2196f3}:host .checkmark:after{content:"";position:absolute;display:none}:host .label input:checked~.checkmark:after{display:block}:host .label .checkmark:after{left:10px;top:6px;width:7px;height:12px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}:host .radiobtn{display:inline-block;height:var(--spacing-comp-04);width:var(--spacing-comp-04);background-color:transparent;border-radius:50%;border-color:var(--gray-04);border-style:var(--border-style-regular);border-width:var(--border-width-sm);position:relative;margin-inline-end:var(--spacing-comp-02);flex-shrink:0;box-shadow:0px 0px 0px 1px transparent;box-sizing:border-box}:host .radiobtn--error{border-color:var(--color-error-dark) !important;background:var(--color-error-light) !important}:host .radiobtn--error:after{background-color:var(--color-error-dark) !important}:host input:focus+.radiobtn--error{box-shadow:0px 0px 0px 1px var(--color-error-dark)}:host .label:hover input~.radiobtn{background-color:transparent}:host .label input[checked]~.radiobtn{background-color:transparent;border-color:var(--color-primary-active)}:host .radiobtn:after{content:"";position:absolute;display:block;width:8px;height:8px;transition-property:all;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .label input[checked]~.radiobtn:after{display:block;transform:translateY(-50%) translateX(-50%);width:8px;height:8px}:host .label .radiobtn:after{height:0;width:0;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);border-radius:50%;background:var(--color-primary-active)}:host([disabled]){pointer-events:none}:host([disabled]) .radiobtn,:host([disabled]) .label input[checked]~.radiobtn{border-color:var(--gxg-border-color--disabled)}:host([disabled]) .radiobtn:after{background-color:var(--gxg-border-color--disabled)}';const p=class{constructor(r){t(this,r),this.noPadding=!1,this.isSelected=!1}render(){return o(e,{class:{open:this.isSelected,"not-selected":!this.isSelected,"no-padding":this.noPadding,large:g.large}},o("div",{class:"container"},o("slot",null)))}get el(){return i(this)}};p.style=":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{height:100%;display:block}:host .container{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;height:100%;box-sizing:border-box;padding:var(--spacing-comp-03)}:host(.not-selected){display:none}:host(.no-padding) .container{padding:0}:host(.large) .container{font-size:var(--font-size-lg)}";const d=class{constructor(r){t(this,r),this.parts={buttonMenu:"button-menu"},this.appendedButtons=0,this.tabBarMenuHeight="auto",this.tabBarMenuWidth="auto",this.tabBarMenuCollapsed=!0,this.lastAddedOrRemovedTabBarButtonWidth=0,this.rtl=!1,this.evaluateMenuButtonsTabIndex=t=>{t?this.disableTabIndex():this.enableTabIndex()},this.setFocus=t=>{if(t)this.tabBarMenuToggleButton.focus();else{const t=this.el.querySelectorAll("[slot=tab-menu]");t.length&&t[0].focus()}},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)},this.enableTabIndex=()=>{this.el.querySelectorAll("gxg-tab-button").forEach((t=>{t.removeAttribute("tabindex")}))},this.disableTabIndex=()=>{this.el.querySelectorAll("[slot=tab-menu]").forEach((t=>{t.setAttribute("tabindex","-1")}))},this.detectClickOutsideTabBarMenu=this.detectClickOutsideTabBarMenu.bind(this)}openMenu(t){t.stopPropagation(),this.tabBarMenuCollapsed=!1,document.addEventListener("click",this.detectClickOutsideTabBarMenu)}tabBarMenuCollapsedHandler(t){this.evaluateMenuButtonsTabIndex(t),this.setFocus(t)}tabActivatedHandler(){this.tabBarMenuCollapsed=!0}PrevOrNextTabHandler(t){const r=this.el.querySelector(`gxg-tab-button[tab='${t.detail.originTab}']`);let o=null;if("ArrowRight"===t.detail.arrowPressed){const t=r.nextElementSibling;t&&(o=t)}else if("ArrowLeft"===t.detail.arrowPressed){const t=r.previousElementSibling;t&&(o=t)}o&&o.tabButtonClick()}appendTabItemsToMenu(){const t=this.el.parentElement.position,r=this.el.children.item(0).clientHeight;let o;"top"===t||"bottom"===t?o=this.el.parentElement.offsetWidth:"right"!==t&&"left"!==t||(o=this.el.parentElement.offsetHeight);const e=this.tabBar.offsetWidth;if(e+20>o){const t=this.el.querySelectorAll("gxg-tab-button[slot='tab-bar']"),r=t[t.length-1];r&&(this.lastAddedOrRemovedTabBarButtonWidth=r.offsetWidth,r.classList.add("menu-button"),r.setAttribute("slot","tab-menu"),this.appendedButtons++)}else if(e+20+this.lastAddedOrRemovedTabBarButtonWidth<o){const t=this.el.querySelectorAll("[slot=tab-menu]")[0];t&&(t.classList.remove("menu-button"),t.setAttribute("slot","tab-bar"),this.lastAddedOrRemovedTabBarButtonWidth=t.offsetWidth,this.appendedButtons--)}"right"!==t&&"left"!==t||(this.tabBarMenuHeight=this.appendedButtons*r+"px"),this.evaluateMenuButtonsTabIndex(this.tabBarMenuCollapsed)}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),r=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==r||(this.rtl=!0),new ResizeObserver((t=>{t.forEach((()=>{this.appendTabItemsToMenu()}))})).observe(this.el.parentElement);const o=this.el.querySelectorAll("gxg-tab-button").length;for(let t=0;t<=o;t++)this.appendTabItemsToMenu();const e=this.el.parentElement.getAttribute("position");"bottom"===e&&(this.tabBarMenuPosition="bottom"),"right"===e&&(this.tabBarMenuPosition="right"),this.setIndexToTabButtons()}setIndexToTabButtons(){this.el.querySelectorAll("gxg-tab-button").forEach(((t,r)=>{t.setAttribute("data-index",r.toString())}))}renderTabBarMenu(){if(this.appendedButtons>0)return o("div",{class:"tab-bar__menu"},o("gxg-button",{onClick:this.openMenu.bind(this),type:"tertiary",icon:"gemini-tools/show-more-vertical",ref:t=>this.tabBarMenuToggleButton=t,part:this.parts.buttonMenu}))}detectClickOutsideTabBarMenu(t){const r=t.x,o=t.y,e=this.tabBarMenu.getBoundingClientRect();r>e.left&&r<e.right&&o>e.top&&o<e.bottom||(this.tabBarMenuCollapsed=!0)}componentDidUnload(){document.removeEventListener("click",this.detectClickOutsideTabBarMenu)}render(){return o(e,{class:{rtl:this.rtl},exportParts:this.exportparts?this.exportparts:null},o("nav",{class:{nav:!0}},o("ul",{class:"tab-bar",ref:t=>this.tabBar=t},o("slot",{name:"tab-bar"})),this.renderTabBarMenu(),o("ul",{class:{"tab-bar-menu":!0,"tab-bar-menu--collapsed":this.tabBarMenuCollapsed,top:"top"===this.tabBarMenuPosition,right:"right"===this.tabBarMenuPosition,bottom:"bottom"===this.tabBarMenuPosition,left:"left"===this.tabBarMenuPosition},style:{"--tabBarMenuHeight":this.tabBarMenuHeight,"--tabBarMenuWidth":this.tabBarMenuWidth},ref:t=>this.tabBarMenu=t},o("slot",{name:"tab-menu"}))))}get el(){return i(this)}static get watchers(){return{tabBarMenuCollapsed:["tabBarMenuCollapsedHandler"]}}};d.style=":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{--tabBarMenuHeight:0;--tabBarMenuWidth:0;display:inline-flex;text-align:right;position:relative;display:flex;justify-content:space-between}:host .nav{display:flex;justify-content:space-between;width:100%}:host .tab-bar{list-style-type:none;padding-inline-start:0;display:flex !important;margin-bottom:0;margin-top:0;font-family:var(--font-family-primary);background-color:var(--color-background)}:host .tab-bar__menu{display:flex;align-items:center}:host .tab-bar-menu{border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);height:var(--tabBarMenuHeight);position:absolute;z-index:10;background-color:var(--color-on-primary);right:0;margin:0;padding:0;list-style:none;display:inline-flex;flex-direction:column;overflow:hidden;transition-property:height;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-bar-menu.bottom{bottom:0}:host .tab-bar-menu.right{bottom:0;rotate:90deg;transform-origin:top right;transform:translateX(100%);height:auto !important;width:var(--tabBarMenuHeight)}:host .tab-bar-menu--collapsed{height:0}:host .tab-bar-menu--collapsed.right{width:0}:host(.rtl) .tab-bar-menu{left:0;right:auto}";const b=class{constructor(o){t(this,o),this.tabActivated=r(this,"tabActivated",7),this.PrevOrNextTab=r(this,"PrevOrNextTab",7),this.parts={button:"button"},this.tabLabel=null,this.tab=null,this.isSelected=!1,this.disabled=!1,this.icon=null,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)}}async tabButtonClick(){this.buttonClickHandler(),this.tabButton.focus()}isSelectedHandler(t){t?this.el.removeAttribute("tabindex"):this.el.setAttribute("tabindex","-1")}buttonClickHandler(){this.isSelected=!0;const t=parseInt(this.el.getAttribute("data-index"),10);this.tabActivated.emit({tab:this.tab,index:t})}buttonKeyDownHandler(t){"ArrowRight"===t.key||"ArrowLeft"===t.key?this.PrevOrNextTab.emit({originTab:this.tab,arrowPressed:t.key}):"ArrowUp"!==t.key&&"ArrowDown"!==t.key||t.preventDefault()}printIcon(){if(null!==this.icon)return o("gxg-icon",this.disabled?{color:"disabled",type:this.icon}:{type:this.icon})}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.isSelected&&this.tabActivated.emit()}render(){return o(e,{class:{large:g.large},exportParts:this.exportparts?this.exportparts:null},o("li",{class:"tab-item"},o("button",{disabled:this.disabled,class:{"tab-button":!0,"tab-button--selected":!0===this.isSelected,"tab-button--text-icon":null!==this.tabLabel&&null!==this.icon,large:g.large},onClick:this.buttonClickHandler.bind(this),onKeyDown:this.buttonKeyDownHandler.bind(this),ref:t=>this.tabButton=t,part:this.parts.button},this.printIcon(),o("span",{class:"tab-button__text"},this.tabLabel)),o("slot",null)))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{isSelected:["isSelectedHandler"]}}};b.style=':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:block;align-self:center !important;line-height:0}:host .tab-button{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:uppercase;color:var(--color-on-background);letter-spacing:var(--letter-spacing-regular);padding-top:0;padding-right:var(--spacing-comp-05);padding-bottom:0;padding-left:var(--spacing-comp-05);margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border:0;width:100%;min-height:var(--spacing-comp-06);position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;transition:box-shadow 0.2s ease-in-out;background:transparent;transition-property:box-shadow;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}:host .tab-button:after{content:"";width:100%;height:var(--spacing-comp-01);left:0;bottom:0;position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:hover{cursor:pointer}:host .tab-button:hover:focus{outline-color:var(--color-primary-hover)}:host .tab-button:hover:after{background-color:var(--color-primary-hover)}:host .tab-button:active:after{background-color:var(--color-primary-active)}:host .tab-button[disabled]{color:var(--color-primary-disabled);pointer-events:none}:host .tab-button[disabled]:after{background-color:var(--gxg-border-color--disabled)}:host .tab-button--selected:after{background-color:var(--color-primary-active)}:host .tab-button--text-icon gxg-icon{margin-right:var(--spacing-comp-02)}:host .tab-button__text{display:inline-block}:host([slot=tab-menu]) .tab-button{padding-left:0;padding-right:0}:host(.menu-button){width:100%;box-sizing:border-box;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.menu-button) .tab-button{padding:0 var(--spacing-comp-04)}:host(.menu-button) .tab-button:after{display:none}:host(.menu-button:hover){background:var(--color-secondary)}:host(.large) .tab-button{font-size:var(--font-size-lg)}';const y=class{constructor(r){t(this,r),this.position="top",this.height="100%",this.maxHeight="100%",this.minWidth="200px",this.noPadding=!1,this.activeTab=""}tabActivatedHandler(t){this.updateActiveChildren(t.target.tab,"gxg-tab-button"),this.updateActiveChildren(t.target.tab,"gxg-tab")}componentWillLoad(){this.configureTabs()}updateActiveChildren(t,r){const o=Array.from(this.el.querySelectorAll(r));for(const r of o)r.isSelected=t===r.tab}configureTabs(){const t=this.el.querySelectorAll("gxg-tab");this.noPadding&&t.forEach((t=>{t.noPadding=!0}))}render(){return o(e,{style:{height:this.height,maxHeight:this.maxHeight,minWidth:this.minWidth}},o("div",{class:"main-container"},"bottom"===this.position?[o("div",{class:"tabs-container"},o("slot",null)),o("div",{class:"tab-bar-container"},o("slot",{name:"tab-bar-container"}))]:[o("div",{class:"tab-bar-container"},o("slot",{name:"tab-bar-container"})),o("div",{class:"tabs-container"},o("slot",null))]))}get el(){return i(this)}};y.style=":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:block;height:auto;background:var(--color-background);border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);position:relative}.main-container{height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between}.tabs-container{height:calc(100% - 32px);overflow-y:auto}.tabs-container::-webkit-scrollbar{width:6px;height:6px}.tabs-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.tabs-container .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host([position=left]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10}:host([position=left]) .tabs-container{height:100%;width:calc(100% - 32px);margin-left:32px}:host([position=right]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10;left:calc(100% - 32px)}:host([position=right]) .tabs-container{height:100%;width:calc(100% - 32px)}";export{h as gxg_combo_box,f as gxg_combo_box_item,m as gxg_container,v as gxg_form_radio,p as gxg_tab,d as gxg_tab_bar,b as gxg_tab_button,y as gxg_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
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()})}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-enabled);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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as e,g as i,H as n}from"./p-f9f51980.js";import{m as o}from"./p-ad1b71a0.js";const h=class{constructor(e){s(this,e),this.columnResizeStarted=t(this,"columnResizeStarted",7),this.columnResizeFinished=t(this,"columnResizeFinished",7),this.mousemoveFn=this.mousemoveHandler.bind(this),this.resizing=!1}componentDidLoad(){this.el.addEventListener("mousedown",this.mousedownHandler.bind(this))}clickHandler(s){s.stopPropagation()}dblclickHandler(s){s.stopPropagation(),this.column.size=o(s)?"auto":"max-content"}columnResizeStartedHandler(){this.resizing=!0}columnResizeFinishedHandler(){this.resizing=!1}mousedownHandler(s){s.stopPropagation(),s.preventDefault(),this.startPageX=s.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(s){const t=this.startColumnWidth-(this.startPageX-s.pageX);t>=0&&(this.column.size=`minmax(min-content, ${t}px)`)}mouseupHandler(){document.removeEventListener("mousemove",this.mousemoveFn),this.columnResizeFinished.emit()}render(){return e("div",{class:"resize-mask",hidden:!this.resizing})}get el(){return i(this)}};h.style=":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";const d=class{constructor(t){s(this,t),this.show=!1}windowClosedHandler(s){s.stopPropagation(),this.column.showSettings=!1}columnSettingsChangedHandler(){this.column.showSettings=!1}render(){return e(n,null,e("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"},e("slot",null)))}};d.style=":host{display:contents}";export{h as ch_grid_column_resize,d as ch_grid_column_settings}
|
|
@@ -1 +0,0 @@
|
|
|
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 a=class{constructor(e){t(this,e),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.selectionChanged=i(this,"selectionChanged",7),this.checkboxToggled=i(this,"checkboxToggled",7),this.loadLazyChildren=i(this,"loadLazyChildren",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.label=null,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.evaluateLazy=()=>{this.leaf||0!==this.numberOfChildren||(this.lazy=!0)},this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&(this.lazy=!1,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.getAncestorsTreeItems=(t=this.el)=>{const i=[];for(;"GXG-TREE-ITEM"===(null==t?void 0:t.nodeName)||"GXG-TREE"===(null==t?void 0:t.nodeName);)"GXG-TREE-ITEM"===t.nodeName&&i.push(t),t=t.parentElement;return i},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.evaluateLazy(),this.defineLineHeight(),this.defineStartPosition(),this.cascadeConfig(),this.attachExportParts(),this.evaluateCheckboxStatus(),this.initiateMutationObserver()}numberOfChildrenHandler(){const t=this.getAncestorsTreeItems(this.el);t.length&&t.forEach((()=>{}))}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}toggleTreeIconClicked(){this.lazy?(this.downloading=!0,this.loadLazyChildren.emit({id:this.id})):this.opened=!this.opened}async reRender(){this.defineLineHeight()}liTextClickedHandler(t){!t.ctrlKey&&this.selected||this.selectionChanged.emit({id:this.el.id,label:this.el.label,checked:this.el.checked,selected:this.selected,ctrlKey:t.ctrlKey}),t.ctrlKey?this.selected=!this.selected:this.selected||(this.selected=!0)}liTextDoubleClicked(){this.toggleTreeIconClicked()}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()),"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()}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.toggleTreeIconClicked.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)}static get watchers(){return{numberOfChildren:["numberOfChildrenHandler"]}}};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{--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-enabled);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{a as gxg_tree_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as r,g as o}from"./p-f9f51980.js";const a=class{constructor(e){t(this,e)}menuItemActiveHandler(t){Array.from(this.el.querySelectorAll("gxg-menu-item")).forEach((e=>{e.removeAttribute("active"),t.detail===e.getAttribute("label")&&e.setAttribute("active","active")}))}printTitle(){if("undefined"!==this.menuTitle&&""!==this.menuTitle.replace(/\s/g,""))return e("header",{class:"menu__header"},e("h1",{class:"menu__header__title"},this.menuTitle))}render(){return e(r,null,this.printTitle(),e("ul",{class:"menuList"},e("slot",null)))}get el(){return o(this)}};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;background:var(--color-background);border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01)}:host .menu__header{border-bottom-style:var(--border-style-regular);border-bottom-width:var(--border-width-sm);border-bottom-color:var(--gray-04)}:host .menu__header__title{color:var(--color-on-background);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-top:0;margin-bottom:0;padding:var(--spacing-comp-03) var(--spacing-comp-05) var(--spacing-comp-03) var(--spacing-comp-05)}:host .menuList{list-style-type:none;display:block;padding-left:0;margin:0;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}:host([full-width]){width:100% !important}:host([tabs]) .menuList{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}:host([tabs]) .menuList ::slotted(gxg-menu-item){text-transform:uppercase}";export{a as gxg_menu}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as t,r as e,g as i}from"./p-f9f51980.js";const s=(e,i=!0,s)=>{if(null==e?void 0:e.length)return i?e.map((t=>n(t))):t("gxg-tree",{slot:"tree","data-id":s,key:`tree-${s}`},e.map((t=>n(t))))},n=e=>{var i;const n=e.items?e.items.length:0;return t("gxg-tree-item",{checkbox:e.checkbox,checked:e.checked,disabled:e.disabled,icon:e.icon,indeterminate:e.indeterminate,id:e.id,key:`tree-item-${e.id}`,label:e.label,leaf:!(0!==n&&!e.leaf||e.lazy),numberOfChildren:n,opened:e.opened,selected:e.selected},[e.label,(null===(i=e.items)||void 0===i?void 0:i.length)&&s(e.items,!1,e.id)])},o=class{constructor(t){e(this,t),this.buttonTestExportParts=!1,this.closeTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!1)},this.openTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!0)},this.toggleTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"])},this.getSelectedItemsHandler=()=>{(async()=>{const t=await this.tree.getSelectedItems();console.log(t)})()},this.getCheckedItemsHandler=()=>{(async()=>{const t=await this.tree.getCheckedItems();console.log(t)})()},this.deleteNodeHandler=()=>{this.treeItemsModel=[]}}loadLazyChildrenHandler(t){if(this.lazyLoadTreeItemsCallback){const e=this.lazyLoadTreeItemsCallback(t.detail);setTimeout((()=>{e.then((t=>{this.treeItemsModel=t}))}),1e3)}}render(){return this.buttonTestExportParts?t("gxg-button",{part:"exterior-part"},"Export parts tests"):this.treeItemsModel?[t("gxg-tree",{id:"masterTree",checked:!0,ref:t=>this.tree=t},s(this.treeItemsModel,!0,"master")),t("div",{class:"tree-buttons"},t("gxg-button",{type:"outlined",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.openTreeNodeHandler},"Open 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.getSelectedItemsHandler},"Get Selected Items"),t("gxg-button",{type:"outlined",onClick:this.getCheckedItemsHandler},"Get Checked Items"),t("gxg-button",{type:"outlined",onClick:this.deleteNodeHandler},"Delete Tree"))]:t("slot",null)}get el(){return i(this)}};o.style=".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";export{o as gxg_test}
|