@genexus/genexus-ide-ui 0.0.12 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ch-grid-action-refresh_6.cjs.entry.js +359 -0
- package/dist/cjs/ch-grid-rowset-legend_2.cjs.entry.js +51 -0
- package/dist/cjs/{ch-grid_9.cjs.entry.js → ch-grid_7.cjs.entry.js} +130 -332
- package/dist/cjs/ch-suggest-list-item.cjs.entry.js +11 -16
- package/dist/cjs/ch-suggest-list.cjs.entry.js +10 -10
- package/dist/cjs/ch-suggest.cjs.entry.js +51 -47
- package/dist/cjs/form-validation-87e3749d.js +68 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/{gxg-combo-box_8.cjs.entry.js → gx-ide-container_10.cjs.entry.js} +334 -231
- package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +118 -0
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +36 -87
- package/dist/cjs/gx-ide-template.cjs.entry.js +11 -12
- package/dist/cjs/gxg-breadcrumb.cjs.entry.js +0 -1
- package/dist/cjs/gxg-button-group.cjs.entry.js +1 -1
- package/dist/cjs/gxg-button.cjs.entry.js +2 -2
- package/dist/cjs/gxg-container.cjs.entry.js +215 -0
- package/dist/cjs/gxg-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +3 -1
- package/dist/cjs/gxg-form-radio-group.cjs.entry.js +76 -36
- package/dist/cjs/gxg-form-text.cjs.entry.js +17 -5
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gxg-list-box.cjs.entry.js +3 -2
- package/dist/cjs/gxg-menu-item.cjs.entry.js +59 -12
- package/dist/cjs/gxg-menu-list.cjs.entry.js +28 -0
- package/dist/cjs/gxg-menu.cjs.entry.js +228 -12
- package/dist/cjs/gxg-option.cjs.entry.js +1 -1
- package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-select.cjs.entry.js +1 -1
- package/dist/cjs/gxg-suggest.cjs.entry.js +26 -3
- package/dist/cjs/gxg-test.cjs.entry.js +36 -10
- package/dist/cjs/gxg-text.cjs.entry.js +23 -11
- package/dist/cjs/gxg-title.cjs.entry.js +11 -7
- package/dist/cjs/gxg-tree-item.cjs.entry.js +30 -43
- package/dist/cjs/gxg-tree.cjs.entry.js +0 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{repositionScroll-e3ae1947.js → reposition-scroll-accee84c.js} +3 -15
- package/dist/cjs/types-e04c9098.js +12 -0
- package/dist/collection/collection-manifest.json +6 -1
- package/dist/collection/common/common.js +6 -6
- package/dist/collection/common/form-validation.js +17 -0
- package/dist/collection/common/interfaces.js +3 -1
- package/dist/collection/components/_template/gx-ide-assets/template/langs/template.lang.en.json +1 -1
- package/dist/collection/components/_template/template.css +90 -6
- package/dist/collection/components/_template/template.js +26 -23
- package/dist/{node_modules/@genexus/gemini/dist/collection/components/suggest/gxg-suggest.css → collection/components/container/container.css} +118 -120
- package/dist/collection/components/container/container.js +535 -0
- package/dist/collection/components/entity-selector/entity-selector.css +1 -1
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
- package/dist/collection/components/new-environment/new-environment.css +219 -0
- package/dist/collection/components/new-environment/new-environment.js +355 -0
- package/dist/collection/components/new-kb/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
- package/dist/collection/components/new-kb/new-kb.css +100 -8
- package/dist/collection/components/new-kb/new-kb.js +88 -84
- package/dist/collection/components/top-bar/top-bar.css +17 -0
- package/dist/collection/components/top-bar/top-bar.js +62 -0
- package/dist/collection/pages/assets/common.js +28 -8
- package/dist/components/button-group.js +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/ch-grid-rowset-legend.js +1 -32
- package/dist/components/ch-grid-rowset-legend2.js +34 -0
- package/dist/components/ch-grid2.js +1 -1
- package/dist/components/ch-suggest-list-item.js +15 -18
- package/dist/components/ch-suggest-list.js +10 -10
- package/dist/components/ch-suggest.js +58 -48
- package/dist/components/combo-box-item.js +6 -1
- package/dist/components/combo-box.js +72 -11
- package/dist/components/container.js +83 -156
- package/dist/components/form-checkbox.js +4 -2
- package/dist/components/form-radio-group.js +244 -0
- package/dist/components/form-radio.js +13 -22
- package/dist/components/form-text.js +20 -6
- package/dist/components/form-validation.js +64 -0
- package/dist/components/gx-ide-container.d.ts +11 -0
- package/dist/components/gx-ide-container.js +6 -0
- package/dist/components/gx-ide-entity-selector.js +1 -1
- package/dist/components/gx-ide-new-environment.d.ts +11 -0
- package/dist/components/gx-ide-new-environment.js +258 -0
- package/dist/components/gx-ide-new-kb.js +55 -93
- package/dist/components/gx-ide-template.js +67 -14
- package/dist/components/gx-ide-top-bar.d.ts +11 -0
- package/dist/components/gx-ide-top-bar.js +6 -0
- package/dist/components/gxg-breadcrumb.js +0 -1
- package/dist/components/gxg-container.js +251 -1
- package/dist/components/gxg-date-picker.js +1 -1
- package/dist/components/gxg-drop-down.js +1 -1
- package/dist/components/gxg-form-checkbox-group.js +6 -0
- package/dist/components/gxg-form-checkbox-group2.js +109 -0
- package/dist/components/gxg-form-radio-group.js +1 -202
- package/dist/components/gxg-form-textarea.js +1 -1
- package/dist/components/gxg-grid.js +1 -44
- package/dist/components/gxg-grid2.js +46 -0
- package/dist/components/gxg-list-box.js +2 -2
- package/dist/components/gxg-menu-item.js +64 -15
- package/dist/components/gxg-menu-list.js +50 -0
- package/dist/components/gxg-menu.js +233 -14
- package/dist/components/gxg-option.js +1 -1
- package/dist/components/gxg-paginator.js +1 -1
- package/dist/components/gxg-select.js +1 -1
- package/dist/components/gxg-suggest.js +32 -4
- package/dist/components/gxg-test.js +110 -16
- package/dist/components/gxg-text.js +27 -12
- package/dist/components/gxg-tree-item2.js +31 -43
- package/dist/components/gxg-tree2.js +0 -4
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +5 -0
- package/dist/{esm/repositionScroll-9d3ee138.js → components/reposition-scroll.js} +2 -13
- package/dist/components/tab-button.js +1 -1
- package/dist/components/tab.js +17 -2
- package/dist/components/title.js +13 -8
- package/dist/components/top-bar.js +74 -0
- package/dist/components/types.js +10 -0
- package/dist/esm/ch-grid-action-refresh_6.entry.js +350 -0
- package/dist/esm/ch-grid-rowset-legend_2.entry.js +46 -0
- package/dist/esm/{ch-grid_9.entry.js → ch-grid_7.entry.js} +125 -325
- package/dist/esm/ch-suggest-list-item.entry.js +11 -16
- package/dist/esm/ch-suggest-list.entry.js +10 -10
- package/dist/esm/ch-suggest.entry.js +51 -47
- package/dist/esm/form-validation-a6686ca1.js +64 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/{gxg-combo-box_8.entry.js → gx-ide-container_10.entry.js} +325 -224
- package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +114 -0
- package/dist/esm/gx-ide-new-kb.entry.js +36 -87
- package/dist/esm/gx-ide-template.entry.js +11 -12
- package/dist/esm/gxg-breadcrumb.entry.js +0 -1
- package/dist/esm/gxg-button-group.entry.js +1 -1
- package/dist/esm/gxg-button.entry.js +2 -2
- package/dist/esm/gxg-container.entry.js +211 -0
- package/dist/esm/gxg-date-picker.entry.js +1 -1
- package/dist/esm/gxg-drop-down.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +4 -2
- package/dist/esm/gxg-form-radio-group.entry.js +77 -37
- package/dist/esm/gxg-form-text.entry.js +17 -5
- package/dist/esm/gxg-form-textarea.entry.js +1 -1
- package/dist/esm/gxg-list-box.entry.js +3 -2
- package/dist/esm/gxg-menu-item.entry.js +60 -13
- package/dist/esm/gxg-menu-list.entry.js +24 -0
- package/dist/esm/gxg-menu.entry.js +228 -12
- package/dist/esm/gxg-option.entry.js +1 -1
- package/dist/esm/gxg-paginator.entry.js +1 -1
- package/dist/esm/gxg-select.entry.js +1 -1
- package/dist/esm/gxg-suggest.entry.js +26 -3
- package/dist/esm/gxg-test.entry.js +36 -10
- package/dist/esm/gxg-text.entry.js +23 -11
- package/dist/esm/gxg-title.entry.js +11 -7
- package/dist/esm/gxg-tree-item.entry.js +30 -43
- package/dist/esm/gxg-tree.entry.js +0 -4
- package/dist/esm/loader.js +1 -1
- package/dist/{components/repositionScroll.js → esm/reposition-scroll-3478b46f.js} +2 -13
- package/dist/esm/types-02481dff.js +10 -0
- package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
- package/dist/genexus-ide-ui/gx-ide-assets/template/langs/template.lang.en.json +1 -1
- package/dist/genexus-ide-ui/{p-7e7af90d.entry.js → p-01e9d3aa.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-05ad8cad.js +1 -0
- package/dist/genexus-ide-ui/p-0a8bd33f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-0a954e0f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9292edf8.entry.js → p-18936375.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-203ea363.entry.js +1 -0
- package/dist/genexus-ide-ui/p-20a45778.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-fed1d2ba.entry.js → p-23d4b295.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-408bdfc6.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4198315e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-944e787a.entry.js → p-41e8442b.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-4d572963.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4e78d56d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5463844e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-6a84b339.js +1 -0
- package/dist/genexus-ide-ui/p-6bee904e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-1cedf0b2.entry.js → p-7137b4cf.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-75961324.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7a5e0988.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7c2068c2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-c0360787.entry.js → p-7fa78be9.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-89d0ef14.entry.js +1 -0
- package/dist/genexus-ide-ui/p-925cb9fe.js +1 -0
- package/dist/genexus-ide-ui/p-9e32e006.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-8eb472e6.entry.js → p-a985b448.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-ad9fe469.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ae1871e4.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-8ae0846e.entry.js → p-af0ac52d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b3727324.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b4e4fc69.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c670dcba.entry.js +1 -0
- package/dist/genexus-ide-ui/p-e377e5be.entry.js +1 -0
- package/dist/genexus-ide-ui/p-eb8e9655.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ecedca13.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f5aa333b.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-01795e05.entry.js → p-f6536bbc.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f739d5dc.entry.js → p-ff877c22.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.css +28 -6
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.css +6 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.css +13 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +14 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +336 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +2 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +2 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +344 -10
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu.css +31 -23
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-item/menu-item.css +35 -11
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-list/menu-list.css +340 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/paginator/gxg-paginator.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +617 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +10 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +35 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +27 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +1 -1
- package/dist/types/common/common.d.ts +4 -4
- package/dist/types/common/form-validation.d.ts +2 -0
- package/dist/types/common/interfaces.d.ts +0 -3
- package/dist/types/common/types.d.ts +10 -18
- package/dist/types/components/_template/template.d.ts +5 -5
- package/dist/types/components/container/container.d.ts +117 -0
- package/dist/types/components/new-environment/new-environment.d.ts +91 -0
- package/dist/types/components/new-kb/new-kb.d.ts +43 -38
- package/dist/types/components/top-bar/top-bar.d.ts +14 -0
- package/dist/types/components.d.ts +345 -35
- package/package.json +5 -2
- package/dist/cjs/ch-grid-column-resize_2.cjs.entry.js +0 -94
- package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +0 -23
- package/dist/cjs/ch-grid-settings_2.cjs.entry.js +0 -62
- package/dist/cjs/gxg-grid.cjs.entry.js +0 -34
- package/dist/cjs/helpers-00cb4402.js +0 -12
- package/dist/esm/ch-grid-column-resize_2.entry.js +0 -89
- package/dist/esm/ch-grid-rowset-legend.entry.js +0 -19
- package/dist/esm/ch-grid-settings_2.entry.js +0 -57
- package/dist/esm/gxg-grid.entry.js +0 -30
- package/dist/esm/helpers-78ca0d8a.js +0 -10
- package/dist/genexus-ide-ui/p-161b5c92.entry.js +0 -1
- package/dist/genexus-ide-ui/p-18c86754.entry.js +0 -1
- package/dist/genexus-ide-ui/p-215a6957.entry.js +0 -1
- package/dist/genexus-ide-ui/p-26000a72.entry.js +0 -1
- package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3182ba74.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3c6099ff.entry.js +0 -1
- package/dist/genexus-ide-ui/p-421bd2fb.entry.js +0 -1
- package/dist/genexus-ide-ui/p-783b8e55.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7b79281c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7dead490.entry.js +0 -1
- package/dist/genexus-ide-ui/p-847aca21.entry.js +0 -1
- package/dist/genexus-ide-ui/p-84a47196.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8f89e354.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a04ce551.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ad1b71a0.js +0 -1
- package/dist/genexus-ide-ui/p-b31a9621.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b7a03c38.js +0 -1
- package/dist/genexus-ide-ui/p-b7c204b2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c3c9f7a2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c714cf27.entry.js +0 -1
- package/dist/genexus-ide-ui/p-da94ba10.entry.js +0 -1
- package/dist/genexus-ide-ui/p-de120e4b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e82e2182.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e9d84bbe.entry.js +0 -1
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-93a6a7e0.js');
|
|
6
|
-
const helpers = require('./helpers-00cb4402.js');
|
|
7
|
-
|
|
8
|
-
const chGridColumnResizeCss = ":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";
|
|
9
|
-
|
|
10
|
-
const ChGridColumnResize = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.columnResizeStarted = index.createEvent(this, "columnResizeStarted", 7);
|
|
14
|
-
this.columnResizeFinished = index.createEvent(this, "columnResizeFinished", 7);
|
|
15
|
-
this.mousemoveFn = this.mousemoveHandler.bind(this);
|
|
16
|
-
/**
|
|
17
|
-
* Whether the component is currently resizing the column.
|
|
18
|
-
*/
|
|
19
|
-
this.resizing = false;
|
|
20
|
-
}
|
|
21
|
-
componentDidLoad() {
|
|
22
|
-
this.el.addEventListener("mousedown", this.mousedownHandler.bind(this));
|
|
23
|
-
}
|
|
24
|
-
clickHandler(eventInfo) {
|
|
25
|
-
eventInfo.stopPropagation();
|
|
26
|
-
}
|
|
27
|
-
dblclickHandler(eventInfo) {
|
|
28
|
-
eventInfo.stopPropagation();
|
|
29
|
-
if (helpers.mouseEventModifierKey(eventInfo)) {
|
|
30
|
-
this.column.size = "auto";
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
this.column.size = "max-content";
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
columnResizeStartedHandler() {
|
|
37
|
-
this.resizing = true;
|
|
38
|
-
}
|
|
39
|
-
columnResizeFinishedHandler() {
|
|
40
|
-
this.resizing = false;
|
|
41
|
-
}
|
|
42
|
-
mousedownHandler(eventInfo) {
|
|
43
|
-
eventInfo.stopPropagation();
|
|
44
|
-
eventInfo.preventDefault();
|
|
45
|
-
this.startPageX = eventInfo.pageX;
|
|
46
|
-
this.startColumnWidth = this.column.getBoundingClientRect().width;
|
|
47
|
-
document.addEventListener("mousemove", this.mousemoveFn, { passive: true });
|
|
48
|
-
document.addEventListener("mouseup", this.mouseupHandler.bind(this), {
|
|
49
|
-
once: true
|
|
50
|
-
});
|
|
51
|
-
this.columnResizeStarted.emit();
|
|
52
|
-
}
|
|
53
|
-
mousemoveHandler(eventInfo) {
|
|
54
|
-
const columnSize = this.startColumnWidth - (this.startPageX - eventInfo.pageX);
|
|
55
|
-
if (columnSize >= 0) {
|
|
56
|
-
this.column.size = `minmax(min-content, ${columnSize}px)`;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
mouseupHandler() {
|
|
60
|
-
document.removeEventListener("mousemove", this.mousemoveFn);
|
|
61
|
-
this.columnResizeFinished.emit();
|
|
62
|
-
}
|
|
63
|
-
render() {
|
|
64
|
-
return index.h("div", { class: "resize-mask", hidden: !this.resizing });
|
|
65
|
-
}
|
|
66
|
-
get el() { return index.getElement(this); }
|
|
67
|
-
};
|
|
68
|
-
ChGridColumnResize.style = chGridColumnResizeCss;
|
|
69
|
-
|
|
70
|
-
const chGridColumnSettingsCss = ":host{display:contents}";
|
|
71
|
-
|
|
72
|
-
const ChGridColumnSettings = class {
|
|
73
|
-
constructor(hostRef) {
|
|
74
|
-
index.registerInstance(this, hostRef);
|
|
75
|
-
/**
|
|
76
|
-
* Indicates whether the settings window is currently shown or not.
|
|
77
|
-
*/
|
|
78
|
-
this.show = false;
|
|
79
|
-
}
|
|
80
|
-
windowClosedHandler(eventInfo) {
|
|
81
|
-
eventInfo.stopPropagation();
|
|
82
|
-
this.column.showSettings = false;
|
|
83
|
-
}
|
|
84
|
-
columnSettingsChangedHandler() {
|
|
85
|
-
this.column.showSettings = false;
|
|
86
|
-
}
|
|
87
|
-
render() {
|
|
88
|
-
return (index.h(index.Host, null, index.h("ch-window", { modal: true, container: this.column, xAlign: "inside-start", yAlign: "outside-end", caption: this.column.columnName, closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, index.h("slot", null))));
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
ChGridColumnSettings.style = chGridColumnSettingsCss;
|
|
92
|
-
|
|
93
|
-
exports.ch_grid_column_resize = ChGridColumnResize;
|
|
94
|
-
exports.ch_grid_column_settings = ChGridColumnSettings;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-93a6a7e0.js');
|
|
6
|
-
|
|
7
|
-
const chGridRowsetLegendCss = ":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";
|
|
8
|
-
|
|
9
|
-
const ChGridRowsetLegend = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.rowsetLegendClicked = index.createEvent(this, "rowsetLegendClicked", 7);
|
|
13
|
-
}
|
|
14
|
-
clickHandler() {
|
|
15
|
-
this.rowsetLegendClicked.emit();
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (index.h(index.Host, null, index.h("div", { part: "caret" }), index.h("label", { part: "selector-label" }, index.h("input", { type: "checkbox", part: "selector" })), index.h("div", { part: "icon" }), index.h("slot", null)));
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
ChGridRowsetLegend.style = chGridRowsetLegendCss;
|
|
22
|
-
|
|
23
|
-
exports.ch_grid_rowset_legend = ChGridRowsetLegend;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-93a6a7e0.js');
|
|
6
|
-
|
|
7
|
-
const chGridSettingsCss = ":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";
|
|
8
|
-
|
|
9
|
-
const ChGridSettings = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.settingsCloseClicked = index.createEvent(this, "settingsCloseClicked", 7);
|
|
13
|
-
/**
|
|
14
|
-
* Indicates whether the settings window is currently shown or not.
|
|
15
|
-
*/
|
|
16
|
-
this.show = false;
|
|
17
|
-
}
|
|
18
|
-
windowClosedHandler(eventInfo) {
|
|
19
|
-
eventInfo.stopPropagation();
|
|
20
|
-
this.show = false;
|
|
21
|
-
this.settingsCloseClicked.emit();
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return (index.h(index.Host, null, index.h("ch-window", { modal: true, container: this.grid, caption: "Options", closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, index.h("slot", null))));
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
ChGridSettings.style = chGridSettingsCss;
|
|
28
|
-
|
|
29
|
-
const chGridSettingsColumnsCss = ":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";
|
|
30
|
-
|
|
31
|
-
const ChGridSettingsColumns = class {
|
|
32
|
-
constructor(hostRef) {
|
|
33
|
-
index.registerInstance(this, hostRef);
|
|
34
|
-
this.handleClick = (eventInfo) => {
|
|
35
|
-
const checkbox = eventInfo.target;
|
|
36
|
-
const column = this.columns.find(column => column.columnId === checkbox.name);
|
|
37
|
-
column.hidden = !checkbox.checked;
|
|
38
|
-
eventInfo.stopPropagation();
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
getColumnsSorted() {
|
|
42
|
-
return [...this.columns].sort((a, b) => {
|
|
43
|
-
if (a.order < b.order) {
|
|
44
|
-
return -1;
|
|
45
|
-
}
|
|
46
|
-
if (a.order > b.order) {
|
|
47
|
-
return 1;
|
|
48
|
-
}
|
|
49
|
-
return 0;
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
render() {
|
|
53
|
-
const columnsSorted = this.getColumnsSorted();
|
|
54
|
-
return (index.h("ul", null, columnsSorted.map(column => (index.h("li", { part: "column" }, index.h("label", { part: "column-label" }, index.h("input", { part: !column.hidden
|
|
55
|
-
? "column-visible column-visible-checked"
|
|
56
|
-
: "column-visible", type: "checkbox", checked: !column.hidden, disabled: !column.hideable, name: column.columnId, onClick: this.handleClick }), column.columnName))))));
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
ChGridSettingsColumns.style = chGridSettingsColumnsCss;
|
|
60
|
-
|
|
61
|
-
exports.ch_grid_settings = ChGridSettings;
|
|
62
|
-
exports.ch_grid_settings_columns = ChGridSettingsColumns;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-93a6a7e0.js');
|
|
6
|
-
const store = require('./store-49485138.js');
|
|
7
|
-
|
|
8
|
-
const gxgGridCss = ":root{--indent:var(--spacing-comp-02)}:host{display:block}ch-grid{border:1px solid var(--gray-02);--focus-style:2px solid var(--color-primary-active)}gxg-grid.no-border ch-grid{border:0}gxg-grid:focus-visible,ch-grid:focus-visible{outline:none}ch-grid::part(header),ch-grid::part(footer){padding:var(--spacing-comp-01);background-color:var(--color-background)}ch-grid-actionbar ch-grid-action-refresh,ch-grid-actionbar ch-grid-action-settings,ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending),ch-grid-column::part(bar-settings-button),ch-grid-column::part(settings-close),ch-grid::part(settings-close),ch-grid-cell::part(drag-icon),ch-grid-cell::part(caret),ch-grid-rowset-legend::part(caret){display:inline-flex;align-items:center;justify-content:center}ch-grid-actionbar ch-grid-action-refresh:before,ch-grid-actionbar ch-grid-action-settings:before,ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before,ch-grid-column::part(bar-settings-button):before,ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before,ch-grid-cell::part(drag-icon):before,ch-grid-cell::part(caret):before,ch-grid-rowset-legend::part(caret):before{content:\"\";display:block;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;width:70%;height:70%;background-color:var(--color-on-secondary)}ch-grid-action-refresh,ch-grid-action-settings{width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);display:inline-block}ch-grid-action-refresh:hover,ch-grid-action-settings:hover{background-color:var(--color-secondary-hover)}ch-grid-action-refresh:focus-visible,ch-grid-action-settings:focus-visible{outline:var(--focus-style)}ch-grid-action-refresh:before{-webkit-mask-image:var(--refreshIconUrl)}ch-grid-action-settings:before{-webkit-mask-image:var(--settingshIconUrl)}ch-grid{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--gray-06)}ch-grid-column{background-color:var(--color-background);font-weight:var(--font-weight-bold);padding:var(--spacing-comp-02) !important;cursor:pointer}ch-grid-column::part(bar){gap:var(--spacing-comp-02);width:100%}ch-grid-column:not([sort-direction])::part(bar-sort){display:none}ch-grid-column::part(bar-settings){line-height:0}ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending){width:var(--spacing-comp-03);height:var(--spacing-comp-03);margin-left:var(--spacing-comp-02);margin-right:var(--spacing-comp-01)}ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before{width:100%;height:100%;-webkit-mask-size:200%}ch-grid-column::part(bar-sort-descending):before{-webkit-mask-image:var(--barSortDescendingIconUrl)}ch-grid-column::part(bar-sort-ascending):before{-webkit-mask-image:var(--barSortAscendingIconUrl)}ch-grid-column::part(bar-resize-split){width:3px;background-color:var(--gray-02)}ch-grid-column:last-child::part(bar-resize-split){display:none}ch-grid-column::part(bar-settings-button){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);border:none;background-color:transparent;cursor:pointer}ch-grid-column::part(bar-settings-button):hover{background-color:var(--gray-02)}ch-grid-column::part(bar-settings-button):focus-visible{outline:var(--focus-style)}ch-grid-column::part(bar-settings-button):before{-webkit-mask-image:var(--barSettingsButtonIconUrl)}ch-grid-row{background-color:var(--color-background);color:var(--gray-04);border:2px solid transparent}ch-grid-row:nth-of-type(odd){background-color:var(--gray-00)}ch-grid-row[highlighted]{background-color:var(--color-hover)}ch-grid-row[dragging]{box-shadow:var(--box-shadow-03)}ch-grid-row[focused]{border-color:var(--color-primary-active)}ch-grid-row[selected]>ch-grid-cell:not([selected]){background-color:var(--color-secondary-enabled)}ch-grid-cell[selected]{z-index:1;background-color:var(--color-secondary-enabled) !important}ch-grid-row[selected] ch-grid-cell{color:var(--color-on-secondary)}ch-grid-row[selected]+ch-grid-row[selected] ch-grid-cell{border-top-color:var(--color-secondary-hover)}ch-grid-cell{box-sizing:border-box;padding-inline-start:var(--spacing-comp-02) !important;padding-inline-end:var(--spacing-comp-02) !important;padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01);align-items:center;min-height:var(--spacing-comp-04)}ch-grid-column::part(settings-mask){cursor:default}ch-grid-column::part(settings-mask),ch-grid::part(settings-mask){background-color:rgba(0, 0, 0, 0.3);cursor:arrow;color:var(--color-on-secondary)}ch-grid-column::part(settings-window),ch-grid::part(settings-window){background-color:var(--color-background);width:100%;max-width:600px;padding:var(--spacing-comp-03);border-radius:var(--border-width-lg);box-shadow:var(--box-shadow-04)}ch-grid::part(settings-window){margin:0 var(--spacing-comp-05)}ch-grid-column::part(settings-header),ch-grid::part(settings-header){display:flex;align-items:center;gap:var(--spacing-comp-04);justify-content:space-between;border-bottom:var(--border-width-sm) solid var(--gray-02);padding-bottom:var(--spacing-comp-02);margin-bottom:var(--spacing-comp-03);font-weight:var(--font-weight-bold)}ch-grid-column::part(settings-close),ch-grid::part(settings-close){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);font-size:0;border:0}ch-grid-column::part(settings-close):hover,ch-grid::part(settings-close):hover{background-color:var(--color-secondary-hover)}ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before{-webkit-mask-image:var(--settingsCloseIconUrl)}ch-grid-column::part(settings-close):focus-visible,ch-grid::part(settings-close):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns){gap:var(--spacing-comp-03)}ch-grid::part(settings-columns-label){display:inline-flex;align-items:center;gap:var(--spacing-comp-03);cursor:pointer;height:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible),ch-grid-cell::part(selector),ch-grid-column::part(selector){position:relative;margin:0;height:var(--spacing-comp-04);width:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible):focus-visible,ch-grid-cell::part(selector):focus-visible,ch-grid-column::part(selector):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns-visible):before,ch-grid-cell::part(selector):before,ch-grid-column::part(selector):before{cursor:pointer;content:\"\";display:inline-block;position:relative;height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}ch-grid::part(settings-columns-visible):after,ch-grid-cell::part(selector):after,ch-grid-column::part(selector):after{opacity:0;display:block;position:absolute;content:\"\";left:6px;top:3px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;cursor:pointer}ch-grid-column::part(indeterminate):after{opacity:1;display:block;position:absolute;content:\"\";left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-hover);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}ch-grid::part(settings-columns-visible-checked):before,ch-grid-cell::part(checked):before,ch-grid-column::part(checked):before{border-color:var(--color-primary-hover)}ch-grid::part(settings-columns-visible-checked):after,ch-grid-cell::part(checked):after,ch-grid-column::part(checked):after{opacity:1}ch-grid-cell::part(drag-icon):before{width:var(--spacing-comp-04);height:var(--spacing-comp-04);cursor:grab}ch-grid-cell::part(drag-icon):before{-webkit-mask-image:var(--dragIconUrl)}ch-grid::part(row-actions){padding-top:2px;right:var(--spacing-comp-02)}ch-grid-column::part(selector){margin-right:8px}ch-grid-rowset-legend{background-color:var(--gray-01);padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-02);padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01)}ch-grid>ch-grid-rowset:first-of-type ch-grid-rowset-legend{border-top:1px solid var(--color-background)}ch-grid-rowset-legend{margin-inline-start:calc(var(--indent) * (var(--level) - 1));display:flex;align-items:center;gap:var(--spacing-comp-01);cursor:pointer}ch-grid-rowset-legend::part(caret),ch-grid-cell::part(caret){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}ch-grid-cell::part(caret){cursor:pointer;margin-right:var(--spacing-comp-01)}ch-grid-rowset>ch-grid-rowset-legend::part(caret):before,ch-grid-row>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretCollapseIconUrl)}ch-grid-rowset[collapsed]>ch-grid-rowset-legend::part(caret):before,ch-grid-row[collapsed]>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretExpandIconUrl)}ch-grid-rowset[collapsed] ch-grid-rowset-legend{border-bottom:1px solid var(--color-background)}ch-grid gxg-paginator{padding-top:0;padding-bottom:0}gxg-grid.large ch-grid{font-size:var(--font-size-lg)}gxg-grid.large ch-grid-cell{padding-block-start:calc(var(--spacing-comp-01) * 1.5);padding-block-end:calc(var(--spacing-comp-01) * 1.5)}";
|
|
9
|
-
|
|
10
|
-
const GxgGrid = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.noBorder = false;
|
|
14
|
-
}
|
|
15
|
-
componentWillLoad() {
|
|
16
|
-
const iconsUrl = index.getAssetPath("./icon-assets/");
|
|
17
|
-
this.el.style.setProperty("--refreshIconUrl", `url("${iconsUrl}gemini-tools/reset.svg")`);
|
|
18
|
-
this.el.style.setProperty("--settingshIconUrl", `url("${iconsUrl}gemini-tools/settings.svg")`);
|
|
19
|
-
this.el.style.setProperty("--barSortAscendingIconUrl", `url("${iconsUrl}navigation/chevron-down.svg")`);
|
|
20
|
-
this.el.style.setProperty("--barSortDescendingIconUrl", `url("${iconsUrl}navigation/chevron-up.svg")`);
|
|
21
|
-
this.el.style.setProperty("--barSettingsButtonIconUrl", `url("${iconsUrl}gemini-tools/settings.svg")`);
|
|
22
|
-
this.el.style.setProperty("--settingsCloseIconUrl", `url("${iconsUrl}gemini-tools/close.svg")`);
|
|
23
|
-
this.el.style.setProperty("--dragIconUrl", `url("${iconsUrl}navigation/drag.svg")`);
|
|
24
|
-
this.el.style.setProperty("--caretCollapseIconUrl", `url("${iconsUrl}gemini-tools/minus.svg")`);
|
|
25
|
-
this.el.style.setProperty("--caretExpandIconUrl", `url("${iconsUrl}gemini-tools/add.svg")`);
|
|
26
|
-
}
|
|
27
|
-
render() {
|
|
28
|
-
return (index.h(index.Host, { class: { large: store.state.large, "no-border": this.noBorder } }, index.h("slot", null)));
|
|
29
|
-
}
|
|
30
|
-
get el() { return index.getElement(this); }
|
|
31
|
-
};
|
|
32
|
-
GxgGrid.style = gxgGridCss;
|
|
33
|
-
|
|
34
|
-
exports.gxg_grid = GxgGrid;
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-4f0a5746.js';
|
|
2
|
-
import { m as mouseEventModifierKey } from './helpers-78ca0d8a.js';
|
|
3
|
-
|
|
4
|
-
const chGridColumnResizeCss = ":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";
|
|
5
|
-
|
|
6
|
-
const ChGridColumnResize = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.columnResizeStarted = createEvent(this, "columnResizeStarted", 7);
|
|
10
|
-
this.columnResizeFinished = createEvent(this, "columnResizeFinished", 7);
|
|
11
|
-
this.mousemoveFn = this.mousemoveHandler.bind(this);
|
|
12
|
-
/**
|
|
13
|
-
* Whether the component is currently resizing the column.
|
|
14
|
-
*/
|
|
15
|
-
this.resizing = false;
|
|
16
|
-
}
|
|
17
|
-
componentDidLoad() {
|
|
18
|
-
this.el.addEventListener("mousedown", this.mousedownHandler.bind(this));
|
|
19
|
-
}
|
|
20
|
-
clickHandler(eventInfo) {
|
|
21
|
-
eventInfo.stopPropagation();
|
|
22
|
-
}
|
|
23
|
-
dblclickHandler(eventInfo) {
|
|
24
|
-
eventInfo.stopPropagation();
|
|
25
|
-
if (mouseEventModifierKey(eventInfo)) {
|
|
26
|
-
this.column.size = "auto";
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
this.column.size = "max-content";
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
columnResizeStartedHandler() {
|
|
33
|
-
this.resizing = true;
|
|
34
|
-
}
|
|
35
|
-
columnResizeFinishedHandler() {
|
|
36
|
-
this.resizing = false;
|
|
37
|
-
}
|
|
38
|
-
mousedownHandler(eventInfo) {
|
|
39
|
-
eventInfo.stopPropagation();
|
|
40
|
-
eventInfo.preventDefault();
|
|
41
|
-
this.startPageX = eventInfo.pageX;
|
|
42
|
-
this.startColumnWidth = this.column.getBoundingClientRect().width;
|
|
43
|
-
document.addEventListener("mousemove", this.mousemoveFn, { passive: true });
|
|
44
|
-
document.addEventListener("mouseup", this.mouseupHandler.bind(this), {
|
|
45
|
-
once: true
|
|
46
|
-
});
|
|
47
|
-
this.columnResizeStarted.emit();
|
|
48
|
-
}
|
|
49
|
-
mousemoveHandler(eventInfo) {
|
|
50
|
-
const columnSize = this.startColumnWidth - (this.startPageX - eventInfo.pageX);
|
|
51
|
-
if (columnSize >= 0) {
|
|
52
|
-
this.column.size = `minmax(min-content, ${columnSize}px)`;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
mouseupHandler() {
|
|
56
|
-
document.removeEventListener("mousemove", this.mousemoveFn);
|
|
57
|
-
this.columnResizeFinished.emit();
|
|
58
|
-
}
|
|
59
|
-
render() {
|
|
60
|
-
return h("div", { class: "resize-mask", hidden: !this.resizing });
|
|
61
|
-
}
|
|
62
|
-
get el() { return getElement(this); }
|
|
63
|
-
};
|
|
64
|
-
ChGridColumnResize.style = chGridColumnResizeCss;
|
|
65
|
-
|
|
66
|
-
const chGridColumnSettingsCss = ":host{display:contents}";
|
|
67
|
-
|
|
68
|
-
const ChGridColumnSettings = class {
|
|
69
|
-
constructor(hostRef) {
|
|
70
|
-
registerInstance(this, hostRef);
|
|
71
|
-
/**
|
|
72
|
-
* Indicates whether the settings window is currently shown or not.
|
|
73
|
-
*/
|
|
74
|
-
this.show = false;
|
|
75
|
-
}
|
|
76
|
-
windowClosedHandler(eventInfo) {
|
|
77
|
-
eventInfo.stopPropagation();
|
|
78
|
-
this.column.showSettings = false;
|
|
79
|
-
}
|
|
80
|
-
columnSettingsChangedHandler() {
|
|
81
|
-
this.column.showSettings = false;
|
|
82
|
-
}
|
|
83
|
-
render() {
|
|
84
|
-
return (h(Host, null, h("ch-window", { modal: true, container: this.column, xAlign: "inside-start", yAlign: "outside-end", caption: this.column.columnName, closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, h("slot", null))));
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
ChGridColumnSettings.style = chGridColumnSettingsCss;
|
|
88
|
-
|
|
89
|
-
export { ChGridColumnResize as ch_grid_column_resize, ChGridColumnSettings as ch_grid_column_settings };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-4f0a5746.js';
|
|
2
|
-
|
|
3
|
-
const chGridRowsetLegendCss = ":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";
|
|
4
|
-
|
|
5
|
-
const ChGridRowsetLegend = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.rowsetLegendClicked = createEvent(this, "rowsetLegendClicked", 7);
|
|
9
|
-
}
|
|
10
|
-
clickHandler() {
|
|
11
|
-
this.rowsetLegendClicked.emit();
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
return (h(Host, null, h("div", { part: "caret" }), h("label", { part: "selector-label" }, h("input", { type: "checkbox", part: "selector" })), h("div", { part: "icon" }), h("slot", null)));
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
ChGridRowsetLegend.style = chGridRowsetLegendCss;
|
|
18
|
-
|
|
19
|
-
export { ChGridRowsetLegend as ch_grid_rowset_legend };
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-4f0a5746.js';
|
|
2
|
-
|
|
3
|
-
const chGridSettingsCss = ":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";
|
|
4
|
-
|
|
5
|
-
const ChGridSettings = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.settingsCloseClicked = createEvent(this, "settingsCloseClicked", 7);
|
|
9
|
-
/**
|
|
10
|
-
* Indicates whether the settings window is currently shown or not.
|
|
11
|
-
*/
|
|
12
|
-
this.show = false;
|
|
13
|
-
}
|
|
14
|
-
windowClosedHandler(eventInfo) {
|
|
15
|
-
eventInfo.stopPropagation();
|
|
16
|
-
this.show = false;
|
|
17
|
-
this.settingsCloseClicked.emit();
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
return (h(Host, null, h("ch-window", { modal: true, container: this.grid, caption: "Options", closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, h("slot", null))));
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
ChGridSettings.style = chGridSettingsCss;
|
|
24
|
-
|
|
25
|
-
const chGridSettingsColumnsCss = ":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";
|
|
26
|
-
|
|
27
|
-
const ChGridSettingsColumns = class {
|
|
28
|
-
constructor(hostRef) {
|
|
29
|
-
registerInstance(this, hostRef);
|
|
30
|
-
this.handleClick = (eventInfo) => {
|
|
31
|
-
const checkbox = eventInfo.target;
|
|
32
|
-
const column = this.columns.find(column => column.columnId === checkbox.name);
|
|
33
|
-
column.hidden = !checkbox.checked;
|
|
34
|
-
eventInfo.stopPropagation();
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
getColumnsSorted() {
|
|
38
|
-
return [...this.columns].sort((a, b) => {
|
|
39
|
-
if (a.order < b.order) {
|
|
40
|
-
return -1;
|
|
41
|
-
}
|
|
42
|
-
if (a.order > b.order) {
|
|
43
|
-
return 1;
|
|
44
|
-
}
|
|
45
|
-
return 0;
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
render() {
|
|
49
|
-
const columnsSorted = this.getColumnsSorted();
|
|
50
|
-
return (h("ul", null, columnsSorted.map(column => (h("li", { part: "column" }, h("label", { part: "column-label" }, h("input", { part: !column.hidden
|
|
51
|
-
? "column-visible column-visible-checked"
|
|
52
|
-
: "column-visible", type: "checkbox", checked: !column.hidden, disabled: !column.hideable, name: column.columnId, onClick: this.handleClick }), column.columnName))))));
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
ChGridSettingsColumns.style = chGridSettingsColumnsCss;
|
|
56
|
-
|
|
57
|
-
export { ChGridSettings as ch_grid_settings, ChGridSettingsColumns as ch_grid_settings_columns };
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, a as getAssetPath, h, H as Host, g as getElement } from './index-4f0a5746.js';
|
|
2
|
-
import { s as state } from './store-75f5d491.js';
|
|
3
|
-
|
|
4
|
-
const gxgGridCss = ":root{--indent:var(--spacing-comp-02)}:host{display:block}ch-grid{border:1px solid var(--gray-02);--focus-style:2px solid var(--color-primary-active)}gxg-grid.no-border ch-grid{border:0}gxg-grid:focus-visible,ch-grid:focus-visible{outline:none}ch-grid::part(header),ch-grid::part(footer){padding:var(--spacing-comp-01);background-color:var(--color-background)}ch-grid-actionbar ch-grid-action-refresh,ch-grid-actionbar ch-grid-action-settings,ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending),ch-grid-column::part(bar-settings-button),ch-grid-column::part(settings-close),ch-grid::part(settings-close),ch-grid-cell::part(drag-icon),ch-grid-cell::part(caret),ch-grid-rowset-legend::part(caret){display:inline-flex;align-items:center;justify-content:center}ch-grid-actionbar ch-grid-action-refresh:before,ch-grid-actionbar ch-grid-action-settings:before,ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before,ch-grid-column::part(bar-settings-button):before,ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before,ch-grid-cell::part(drag-icon):before,ch-grid-cell::part(caret):before,ch-grid-rowset-legend::part(caret):before{content:\"\";display:block;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;width:70%;height:70%;background-color:var(--color-on-secondary)}ch-grid-action-refresh,ch-grid-action-settings{width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);display:inline-block}ch-grid-action-refresh:hover,ch-grid-action-settings:hover{background-color:var(--color-secondary-hover)}ch-grid-action-refresh:focus-visible,ch-grid-action-settings:focus-visible{outline:var(--focus-style)}ch-grid-action-refresh:before{-webkit-mask-image:var(--refreshIconUrl)}ch-grid-action-settings:before{-webkit-mask-image:var(--settingshIconUrl)}ch-grid{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--gray-06)}ch-grid-column{background-color:var(--color-background);font-weight:var(--font-weight-bold);padding:var(--spacing-comp-02) !important;cursor:pointer}ch-grid-column::part(bar){gap:var(--spacing-comp-02);width:100%}ch-grid-column:not([sort-direction])::part(bar-sort){display:none}ch-grid-column::part(bar-settings){line-height:0}ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending){width:var(--spacing-comp-03);height:var(--spacing-comp-03);margin-left:var(--spacing-comp-02);margin-right:var(--spacing-comp-01)}ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before{width:100%;height:100%;-webkit-mask-size:200%}ch-grid-column::part(bar-sort-descending):before{-webkit-mask-image:var(--barSortDescendingIconUrl)}ch-grid-column::part(bar-sort-ascending):before{-webkit-mask-image:var(--barSortAscendingIconUrl)}ch-grid-column::part(bar-resize-split){width:3px;background-color:var(--gray-02)}ch-grid-column:last-child::part(bar-resize-split){display:none}ch-grid-column::part(bar-settings-button){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);border:none;background-color:transparent;cursor:pointer}ch-grid-column::part(bar-settings-button):hover{background-color:var(--gray-02)}ch-grid-column::part(bar-settings-button):focus-visible{outline:var(--focus-style)}ch-grid-column::part(bar-settings-button):before{-webkit-mask-image:var(--barSettingsButtonIconUrl)}ch-grid-row{background-color:var(--color-background);color:var(--gray-04);border:2px solid transparent}ch-grid-row:nth-of-type(odd){background-color:var(--gray-00)}ch-grid-row[highlighted]{background-color:var(--color-hover)}ch-grid-row[dragging]{box-shadow:var(--box-shadow-03)}ch-grid-row[focused]{border-color:var(--color-primary-active)}ch-grid-row[selected]>ch-grid-cell:not([selected]){background-color:var(--color-secondary-enabled)}ch-grid-cell[selected]{z-index:1;background-color:var(--color-secondary-enabled) !important}ch-grid-row[selected] ch-grid-cell{color:var(--color-on-secondary)}ch-grid-row[selected]+ch-grid-row[selected] ch-grid-cell{border-top-color:var(--color-secondary-hover)}ch-grid-cell{box-sizing:border-box;padding-inline-start:var(--spacing-comp-02) !important;padding-inline-end:var(--spacing-comp-02) !important;padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01);align-items:center;min-height:var(--spacing-comp-04)}ch-grid-column::part(settings-mask){cursor:default}ch-grid-column::part(settings-mask),ch-grid::part(settings-mask){background-color:rgba(0, 0, 0, 0.3);cursor:arrow;color:var(--color-on-secondary)}ch-grid-column::part(settings-window),ch-grid::part(settings-window){background-color:var(--color-background);width:100%;max-width:600px;padding:var(--spacing-comp-03);border-radius:var(--border-width-lg);box-shadow:var(--box-shadow-04)}ch-grid::part(settings-window){margin:0 var(--spacing-comp-05)}ch-grid-column::part(settings-header),ch-grid::part(settings-header){display:flex;align-items:center;gap:var(--spacing-comp-04);justify-content:space-between;border-bottom:var(--border-width-sm) solid var(--gray-02);padding-bottom:var(--spacing-comp-02);margin-bottom:var(--spacing-comp-03);font-weight:var(--font-weight-bold)}ch-grid-column::part(settings-close),ch-grid::part(settings-close){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);font-size:0;border:0}ch-grid-column::part(settings-close):hover,ch-grid::part(settings-close):hover{background-color:var(--color-secondary-hover)}ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before{-webkit-mask-image:var(--settingsCloseIconUrl)}ch-grid-column::part(settings-close):focus-visible,ch-grid::part(settings-close):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns){gap:var(--spacing-comp-03)}ch-grid::part(settings-columns-label){display:inline-flex;align-items:center;gap:var(--spacing-comp-03);cursor:pointer;height:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible),ch-grid-cell::part(selector),ch-grid-column::part(selector){position:relative;margin:0;height:var(--spacing-comp-04);width:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible):focus-visible,ch-grid-cell::part(selector):focus-visible,ch-grid-column::part(selector):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns-visible):before,ch-grid-cell::part(selector):before,ch-grid-column::part(selector):before{cursor:pointer;content:\"\";display:inline-block;position:relative;height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}ch-grid::part(settings-columns-visible):after,ch-grid-cell::part(selector):after,ch-grid-column::part(selector):after{opacity:0;display:block;position:absolute;content:\"\";left:6px;top:3px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;cursor:pointer}ch-grid-column::part(indeterminate):after{opacity:1;display:block;position:absolute;content:\"\";left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-hover);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}ch-grid::part(settings-columns-visible-checked):before,ch-grid-cell::part(checked):before,ch-grid-column::part(checked):before{border-color:var(--color-primary-hover)}ch-grid::part(settings-columns-visible-checked):after,ch-grid-cell::part(checked):after,ch-grid-column::part(checked):after{opacity:1}ch-grid-cell::part(drag-icon):before{width:var(--spacing-comp-04);height:var(--spacing-comp-04);cursor:grab}ch-grid-cell::part(drag-icon):before{-webkit-mask-image:var(--dragIconUrl)}ch-grid::part(row-actions){padding-top:2px;right:var(--spacing-comp-02)}ch-grid-column::part(selector){margin-right:8px}ch-grid-rowset-legend{background-color:var(--gray-01);padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-02);padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01)}ch-grid>ch-grid-rowset:first-of-type ch-grid-rowset-legend{border-top:1px solid var(--color-background)}ch-grid-rowset-legend{margin-inline-start:calc(var(--indent) * (var(--level) - 1));display:flex;align-items:center;gap:var(--spacing-comp-01);cursor:pointer}ch-grid-rowset-legend::part(caret),ch-grid-cell::part(caret){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}ch-grid-cell::part(caret){cursor:pointer;margin-right:var(--spacing-comp-01)}ch-grid-rowset>ch-grid-rowset-legend::part(caret):before,ch-grid-row>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretCollapseIconUrl)}ch-grid-rowset[collapsed]>ch-grid-rowset-legend::part(caret):before,ch-grid-row[collapsed]>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretExpandIconUrl)}ch-grid-rowset[collapsed] ch-grid-rowset-legend{border-bottom:1px solid var(--color-background)}ch-grid gxg-paginator{padding-top:0;padding-bottom:0}gxg-grid.large ch-grid{font-size:var(--font-size-lg)}gxg-grid.large ch-grid-cell{padding-block-start:calc(var(--spacing-comp-01) * 1.5);padding-block-end:calc(var(--spacing-comp-01) * 1.5)}";
|
|
5
|
-
|
|
6
|
-
const GxgGrid = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.noBorder = false;
|
|
10
|
-
}
|
|
11
|
-
componentWillLoad() {
|
|
12
|
-
const iconsUrl = getAssetPath("./icon-assets/");
|
|
13
|
-
this.el.style.setProperty("--refreshIconUrl", `url("${iconsUrl}gemini-tools/reset.svg")`);
|
|
14
|
-
this.el.style.setProperty("--settingshIconUrl", `url("${iconsUrl}gemini-tools/settings.svg")`);
|
|
15
|
-
this.el.style.setProperty("--barSortAscendingIconUrl", `url("${iconsUrl}navigation/chevron-down.svg")`);
|
|
16
|
-
this.el.style.setProperty("--barSortDescendingIconUrl", `url("${iconsUrl}navigation/chevron-up.svg")`);
|
|
17
|
-
this.el.style.setProperty("--barSettingsButtonIconUrl", `url("${iconsUrl}gemini-tools/settings.svg")`);
|
|
18
|
-
this.el.style.setProperty("--settingsCloseIconUrl", `url("${iconsUrl}gemini-tools/close.svg")`);
|
|
19
|
-
this.el.style.setProperty("--dragIconUrl", `url("${iconsUrl}navigation/drag.svg")`);
|
|
20
|
-
this.el.style.setProperty("--caretCollapseIconUrl", `url("${iconsUrl}gemini-tools/minus.svg")`);
|
|
21
|
-
this.el.style.setProperty("--caretExpandIconUrl", `url("${iconsUrl}gemini-tools/add.svg")`);
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return (h(Host, { class: { large: state.large, "no-border": this.noBorder } }, h("slot", null)));
|
|
25
|
-
}
|
|
26
|
-
get el() { return getElement(this); }
|
|
27
|
-
};
|
|
28
|
-
GxgGrid.style = gxgGridCss;
|
|
29
|
-
|
|
30
|
-
export { GxgGrid as gxg_grid };
|
|
@@ -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}
|