@genexus/genexus-ide-ui 0.0.10 → 0.0.12

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.
Files changed (97) hide show
  1. package/README.md +18 -256
  2. package/dist/cjs/ch-grid-row-actions.cjs.entry.js +30 -1
  3. package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +16 -3
  4. package/dist/cjs/ch-grid_9.cjs.entry.js +292 -247
  5. package/dist/cjs/ch-suggest.cjs.entry.js +9 -8
  6. package/dist/cjs/ch-tree-item.cjs.entry.js +1 -1
  7. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  8. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +7 -7
  9. package/dist/cjs/gx-ide-test.cjs.entry.js +3 -2
  10. package/dist/cjs/gxg-combo-box_8.cjs.entry.js +69 -54
  11. package/dist/cjs/gxg-form-text.cjs.entry.js +23 -13
  12. package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
  13. package/dist/cjs/gxg-list-box-item.cjs.entry.js +5 -2
  14. package/dist/cjs/gxg-list-box.cjs.entry.js +1 -1
  15. package/dist/cjs/gxg-test.cjs.entry.js +5 -3
  16. package/dist/cjs/gxg-tree-item.cjs.entry.js +1 -1
  17. package/dist/cjs/gxg-tree.cjs.entry.js +2 -1
  18. package/dist/cjs/loader.cjs.js +1 -1
  19. package/dist/collection/common/render-tree.js +2 -1
  20. package/dist/collection/components/_test/test.js +1 -1
  21. package/dist/collection/components/new-kb/new-kb.js +10 -10
  22. package/dist/components/ch-grid-row-actions.js +52 -4
  23. package/dist/components/ch-grid-rowset-legend.js +32 -1
  24. package/dist/components/ch-grid2.js +295 -249
  25. package/dist/components/ch-suggest.js +10 -9
  26. package/dist/components/ch-tree-item.js +1 -1
  27. package/dist/components/combo-box-item.js +18 -18
  28. package/dist/components/combo-box.js +51 -36
  29. package/dist/components/form-text.js +25 -13
  30. package/dist/components/gx-ide-new-kb.js +9 -9
  31. package/dist/components/gx-ide-test.js +3 -2
  32. package/dist/components/gxg-form-textarea.js +1 -1
  33. package/dist/components/gxg-list-box-item.js +5 -2
  34. package/dist/components/gxg-list-box.js +1 -1
  35. package/dist/components/gxg-test.js +5 -3
  36. package/dist/components/gxg-tree-item2.js +1 -2
  37. package/dist/components/gxg-tree2.js +2 -1
  38. package/dist/esm/ch-grid-row-actions.entry.js +31 -2
  39. package/dist/esm/ch-grid-rowset-legend.entry.js +19 -2
  40. package/dist/esm/ch-grid_9.entry.js +292 -247
  41. package/dist/esm/ch-suggest.entry.js +9 -8
  42. package/dist/esm/ch-tree-item.entry.js +1 -1
  43. package/dist/esm/genexus-ide-ui.js +1 -1
  44. package/dist/esm/gx-ide-new-kb.entry.js +7 -7
  45. package/dist/esm/gx-ide-test.entry.js +3 -2
  46. package/dist/esm/gxg-combo-box_8.entry.js +69 -54
  47. package/dist/esm/gxg-form-text.entry.js +23 -13
  48. package/dist/esm/gxg-form-textarea.entry.js +1 -1
  49. package/dist/esm/gxg-list-box-item.entry.js +5 -2
  50. package/dist/esm/gxg-list-box.entry.js +1 -1
  51. package/dist/esm/gxg-test.entry.js +5 -3
  52. package/dist/esm/gxg-tree-item.entry.js +1 -1
  53. package/dist/esm/gxg-tree.entry.js +2 -1
  54. package/dist/esm/loader.js +1 -1
  55. package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
  56. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  57. package/dist/genexus-ide-ui/p-01795e05.entry.js +1 -0
  58. package/dist/genexus-ide-ui/p-1367be09.entry.js +1 -0
  59. package/dist/genexus-ide-ui/p-18c86754.entry.js +1 -0
  60. package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +1 -0
  61. package/dist/genexus-ide-ui/p-3c6099ff.entry.js +1 -0
  62. package/dist/genexus-ide-ui/p-4144fe18.entry.js +1 -0
  63. package/dist/genexus-ide-ui/p-421bd2fb.entry.js +1 -0
  64. package/dist/genexus-ide-ui/p-5faaf0e5.entry.js +1 -0
  65. package/dist/genexus-ide-ui/{p-45bf6aaf.entry.js → p-7b79281c.entry.js} +1 -1
  66. package/dist/genexus-ide-ui/p-7dead490.entry.js +1 -0
  67. package/dist/genexus-ide-ui/p-8f89e354.entry.js +1 -0
  68. package/dist/genexus-ide-ui/{p-bb9e6db0.entry.js → p-a04ce551.entry.js} +1 -1
  69. package/dist/genexus-ide-ui/p-b31a9621.entry.js +1 -0
  70. package/dist/genexus-ide-ui/{p-3546b5f7.entry.js → p-c0360787.entry.js} +1 -1
  71. package/dist/genexus-ide-ui/{p-4c6b4be3.entry.js → p-f23610f0.entry.js} +1 -1
  72. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/ch-grid.css +0 -9
  73. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-row-actions/ch-grid-row-actions.css +3 -0
  74. package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css +14 -14
  75. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
  76. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
  77. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
  78. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +12 -9
  79. package/dist/types/common/render-tree.d.ts +1 -1
  80. package/dist/types/components/new-kb/new-kb.d.ts +2 -2
  81. package/dist/types/components.d.ts +20 -16
  82. package/package.json +2 -2
  83. package/dist/cjs/ch-grid-rowset-legend-d29e1c7d.js +0 -22
  84. package/dist/components/ch-grid-rowset-legend2.js +0 -35
  85. package/dist/esm/ch-grid-rowset-legend-d6a0dd68.js +0 -20
  86. package/dist/genexus-ide-ui/p-17827fd8.js +0 -1
  87. package/dist/genexus-ide-ui/p-4298cd04.entry.js +0 -1
  88. package/dist/genexus-ide-ui/p-5aa4d5cc.entry.js +0 -1
  89. package/dist/genexus-ide-ui/p-715bf2d4.entry.js +0 -1
  90. package/dist/genexus-ide-ui/p-761e8fa3.entry.js +0 -1
  91. package/dist/genexus-ide-ui/p-93f9f73b.entry.js +0 -1
  92. package/dist/genexus-ide-ui/p-b218be5e.entry.js +0 -1
  93. package/dist/genexus-ide-ui/p-c0a96223.entry.js +0 -1
  94. package/dist/genexus-ide-ui/p-c132ce73.entry.js +0 -1
  95. package/dist/genexus-ide-ui/p-d3e6590c.entry.js +0 -1
  96. package/dist/genexus-ide-ui/p-d57c8f13.entry.js +0 -1
  97. package/dist/genexus-ide-ui/p-d5cf33f2.entry.js +0 -1
@@ -4,13 +4,12 @@
4
4
  background-color: var(--color-background-disabled) !important;
5
5
  color: var(--color-on-background--disabled) !important;
6
6
  border-color: var(--gxg-border-color--disabled) !important;
7
- cursor: default;
7
+ cursor: default !important;
8
8
  }
9
9
 
10
10
  :host {
11
11
  display: block;
12
12
  cursor: pointer;
13
- min-height: var(--spacing-comp-05);
14
13
  box-sizing: border-box;
15
14
  display: flex;
16
15
  align-items: center;
@@ -26,7 +25,7 @@
26
25
  align-items: center;
27
26
  padding: var(--spacing-comp-00) var(--spacing-comp-01);
28
27
  width: 100%;
29
- min-height: 28px;
28
+ height: var(--gxg-list-item-height);
30
29
  box-sizing: border-box;
31
30
  /*items with icon are this tall*/
32
31
  }
@@ -34,6 +33,13 @@
34
33
  flex-shrink: 0;
35
34
  }
36
35
 
36
+ .description {
37
+ white-space: nowrap;
38
+ width: 100%;
39
+ overflow: hidden;
40
+ text-overflow: ellipsis;
41
+ }
42
+
37
43
  :host(.no-icon) .container {
38
44
  padding-left: var(--spacing-comp-02);
39
45
  }
@@ -46,15 +52,13 @@
46
52
  display: none;
47
53
  }
48
54
 
49
- :host(:hover),
50
- :host(.selected:hover) {
51
- background-color: var(--color-secondary-hover);
52
- color: var(--color-always-white);
55
+ :host(:hover) {
56
+ background-color: var(--gxg-background-color-item-hover);
53
57
  }
54
58
 
55
- :host([selected]:not(:hover)) {
56
- background-color: var(--color-secondary-active);
57
- color: var(--color-always-white);
59
+ :host([selected]) {
60
+ background-color: var(--gxg-background-color-item-selected);
61
+ color: var(--gxg-color-item-active);
58
62
  }
59
63
 
60
64
  /*********************************************
@@ -64,10 +68,6 @@ LARGE VERSION (html tag has 'gxg-large' class)
64
68
  font-size: var(--font-size-lg);
65
69
  min-height: auto;
66
70
  }
67
- :host(.large) .container {
68
- padding-top: var(--spacing-comp-01);
69
- padding-bottom: var(--spacing-comp-01);
70
- }
71
71
  :host(.large) gxg-icon {
72
72
  margin-right: var(--spacing-comp-01);
73
73
  }
@@ -695,7 +695,7 @@ FORM ELEMENTS
695
695
  background-color: var(--color-background-disabled) !important;
696
696
  color: var(--color-on-background--disabled) !important;
697
697
  border-color: var(--gxg-border-color--disabled) !important;
698
- cursor: default;
698
+ cursor: default !important;
699
699
  }
700
700
 
701
701
  :host {
@@ -695,7 +695,7 @@ FORM ELEMENTS
695
695
  background-color: var(--color-background-disabled) !important;
696
696
  color: var(--color-on-background--disabled) !important;
697
697
  border-color: var(--gxg-border-color--disabled) !important;
698
- cursor: default;
698
+ cursor: default !important;
699
699
  }
700
700
 
701
701
  :host {
@@ -4,7 +4,7 @@
4
4
  background-color: var(--color-background-disabled) !important;
5
5
  color: var(--color-on-background--disabled) !important;
6
6
  border-color: var(--gxg-border-color--disabled) !important;
7
- cursor: default;
7
+ cursor: default !important;
8
8
  }
9
9
 
10
10
  :root {
@@ -4,7 +4,7 @@
4
4
  background-color: var(--color-background-disabled) !important;
5
5
  color: var(--color-on-background--disabled) !important;
6
6
  border-color: var(--gxg-border-color--disabled) !important;
7
- cursor: default;
7
+ cursor: default !important;
8
8
  }
9
9
 
10
10
  :root {
@@ -328,7 +328,6 @@ FORM ELEMENTS
328
328
  font-family: var(--font-family-primary);
329
329
  font-size: inherit;
330
330
  color: inherit;
331
- cursor: pointer;
332
331
  display: flex;
333
332
  box-sizing: border-box;
334
333
  align-items: center;
@@ -344,6 +343,8 @@ FORM ELEMENTS
344
343
  align-items: center;
345
344
  padding: var(--spacing-comp-00) var(--spacing-comp-02);
346
345
  width: 100%;
346
+ height: var(--gxg-list-item-height--spaced);
347
+ box-sizing: border-box;
347
348
  }
348
349
  :host .icon {
349
350
  margin-inline-end: var(--spacing-comp-01);
@@ -356,10 +357,12 @@ FORM ELEMENTS
356
357
  outline: none;
357
358
  }
358
359
 
359
- :host(:hover),
360
- :host([selected]:hover) {
361
- background-color: var(--gxg-form-item-bgcolor-hover);
362
- color: var(--color-always-white);
360
+ :host(:not([disabled])) {
361
+ cursor: pointer !important;
362
+ }
363
+
364
+ :host(:hover:not([selected])) {
365
+ background-color: var(--gxg-background-color-item-hover);
363
366
  }
364
367
 
365
368
  :host(.has-icon.no-checkbox) .container {
@@ -368,13 +371,13 @@ FORM ELEMENTS
368
371
 
369
372
  /*SELECTED*/
370
373
  :host([selected]) {
371
- background-color: var(--color-secondary-active);
372
- color: var(--color-always-white);
374
+ background-color: var(--gxg-background-color-item-selected);
375
+ color: var(--gxg-color-item-active);
373
376
  }
374
377
 
375
378
  /*HIGHLIGHTED*/
376
379
  :host([highlighted]) {
377
- background-color: var(--gxg-form-item-bgcolor-hover);
380
+ background-color: var(--gxg-background-color-item-active);
378
381
  color: var(--color-always-white);
379
382
  }
380
383
 
@@ -1,2 +1,2 @@
1
1
  import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
2
- export declare const renderTreeItems: (treeItemsModel: GxgTreeItemData[], firstCall?: boolean) => HTMLGxgTreeItemElement[] | HTMLGxgTreeElement | void;
2
+ export declare const renderTreeItems: (treeItemsModel: GxgTreeItemData[], firstCall?: boolean) => HTMLGxgTreeItemElement[] | HTMLGxgTreeElement;
@@ -86,11 +86,11 @@ export declare class GxIdeNewKb {
86
86
  /**
87
87
  * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
88
88
  */
89
- readonly onCreate: (data: NewKBData) => Promise<FormSubmitResult[]>;
89
+ readonly createCallback: (data: NewKBData) => Promise<FormSubmitResult[]>;
90
90
  /**
91
91
  * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
92
92
  */
93
- readonly onCancelHandler: () => Promise<void>;
93
+ readonly cancelCallback: () => Promise<void>;
94
94
  el: HTMLGxIdeNewKbElement;
95
95
  private authenticationTypeEl;
96
96
  private collationEl;
@@ -81,10 +81,20 @@ export namespace Components {
81
81
  * Defines the type of authentication for the connection to the previously defined database
82
82
  */
83
83
  "authenticationTypes": GxgOption[];
84
+ /**
85
+ * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
86
+ */
87
+ "cancelCallback": () => Promise<void>;
84
88
  /**
85
89
  * DB Collations
86
90
  */
87
91
  "collations": GxgOption[];
92
+ /**
93
+ * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
94
+ */
95
+ "createCallback": (
96
+ data: NewKBData
97
+ ) => Promise<FormSubmitResult[]>;
88
98
  /**
89
99
  * Disabled if the first item of the 'Server Name' combo is selected
90
100
  */
@@ -113,14 +123,6 @@ export namespace Components {
113
123
  * The knowledge base default suggested name
114
124
  */
115
125
  "kbName": string;
116
- /**
117
- * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
118
- */
119
- "onCancelHandler": () => Promise<void>;
120
- /**
121
- * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
122
- */
123
- "onCreate": (data: NewKBData) => Promise<FormSubmitResult[]>;
124
126
  /**
125
127
  * Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
126
128
  */
@@ -294,10 +296,20 @@ declare namespace LocalJSX {
294
296
  * Defines the type of authentication for the connection to the previously defined database
295
297
  */
296
298
  "authenticationTypes": GxgOption[];
299
+ /**
300
+ * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
301
+ */
302
+ "cancelCallback"?: () => Promise<void>;
297
303
  /**
298
304
  * DB Collations
299
305
  */
300
306
  "collations": GxgOption[];
307
+ /**
308
+ * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
309
+ */
310
+ "createCallback"?: (
311
+ data: NewKBData
312
+ ) => Promise<FormSubmitResult[]>;
301
313
  /**
302
314
  * Disabled if the first item of the 'Server Name' combo is selected
303
315
  */
@@ -326,18 +338,10 @@ declare namespace LocalJSX {
326
338
  * The knowledge base default suggested name
327
339
  */
328
340
  "kbName"?: string;
329
- /**
330
- * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
331
- */
332
- "onCancelHandler"?: () => Promise<void>;
333
341
  /**
334
342
  * This event is emitted once just after the component is fully loaded and the first render() occurs
335
343
  */
336
344
  "onComponentDidLoadEvent"?: (event: GxIdeNewKbCustomEvent<boolean>) => void;
337
- /**
338
- * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
339
- */
340
- "onCreate"?: (data: NewKBData) => Promise<FormSubmitResult[]>;
341
345
  /**
342
346
  * Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
343
347
  */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genexus/genexus-ide-ui",
3
3
  "license": "Apache-2.0",
4
- "version": "0.0.10",
4
+ "version": "0.0.12",
5
5
  "description": "GeneXus IDE UI components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
@@ -33,7 +33,7 @@
33
33
  "validate.ci": "npm run build -- --max-workers 1 --debug"
34
34
  },
35
35
  "dependencies": {
36
- "@genexus/gemini": "^0.1.387",
36
+ "@genexus/gemini": "^0.1.388",
37
37
  "@types/react": "^18.2.8"
38
38
  },
39
39
  "devDependencies": {
@@ -1,22 +0,0 @@
1
- 'use strict';
2
-
3
- const index = require('./index-93a6a7e0.js');
4
-
5
- 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}";
6
-
7
- const ChGridRowsetLegend = class {
8
- constructor(hostRef) {
9
- index.registerInstance(this, hostRef);
10
- this.rowsetLegendClicked = index.createEvent(this, "rowsetLegendClicked", 7);
11
- }
12
- clickHandler() {
13
- this.rowsetLegendClicked.emit();
14
- }
15
- render() {
16
- 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)));
17
- }
18
- };
19
- ChGridRowsetLegend.TAG_NAME = "CH-GRID-ROWSET-LEGEND";
20
- ChGridRowsetLegend.style = chGridRowsetLegendCss;
21
-
22
- exports.ChGridRowsetLegend = ChGridRowsetLegend;
@@ -1,35 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
- constructor() {
7
- super();
8
- this.__registerHost();
9
- this.__attachShadow();
10
- this.rowsetLegendClicked = createEvent(this, "rowsetLegendClicked", 7);
11
- }
12
- clickHandler() {
13
- this.rowsetLegendClicked.emit();
14
- }
15
- render() {
16
- 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)));
17
- }
18
- static get style() { return chGridRowsetLegendCss; }
19
- }, [1, "ch-grid-rowset-legend", undefined, [[1, "click", "clickHandler"]]]);
20
- ChGridRowsetLegend.TAG_NAME = "CH-GRID-ROWSET-LEGEND";
21
- function defineCustomElement() {
22
- if (typeof customElements === "undefined") {
23
- return;
24
- }
25
- const components = ["ch-grid-rowset-legend"];
26
- components.forEach(tagName => { switch (tagName) {
27
- case "ch-grid-rowset-legend":
28
- if (!customElements.get(tagName)) {
29
- customElements.define(tagName, ChGridRowsetLegend);
30
- }
31
- break;
32
- } });
33
- }
34
-
35
- export { ChGridRowsetLegend as C, defineCustomElement as d };
@@ -1,20 +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.TAG_NAME = "CH-GRID-ROWSET-LEGEND";
18
- ChGridRowsetLegend.style = chGridRowsetLegendCss;
19
-
20
- export { ChGridRowsetLegend as C };
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as r,H as l}from"./p-f9f51980.js";const s=class{constructor(r){t(this,r),this.rowsetLegendClicked=e(this,"rowsetLegendClicked",7)}clickHandler(){this.rowsetLegendClicked.emit()}render(){return r(l,null,r("div",{part:"caret"}),r("label",{part:"selector-label"},r("input",{type:"checkbox",part:"selector"})),r("div",{part:"icon"}),r("slot",null))}};s.TAG_NAME="CH-GRID-ROWSET-LEGEND",s.style=":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}";export{s as C}
@@ -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,itemId: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)])},r=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()=>{await this.tree.getSelectedItems()})()},this.getCheckedItemsHandler=()=>{(async()=>{await this.tree.getCheckedItems()})()},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)}};r.style=".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";export{r as gxg_test}
@@ -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{s as a}from"./p-8d3073b6.js";import{c as n}from"./p-e7e4f76c.js";import{e as l}from"./p-d8501cb4.js";const s=class{constructor(o){t(this,o),this.itemClicked=r(this,"itemClicked",7),this.itemLoaded=r(this,"itemLoaded",7),this.itemSelected=r(this,"itemSelected",7),this.checkboxStateChanged=r(this,"checkboxStateChanged",7),this.parts={checkbox:"checkbox"},this.icon=void 0,this.selected=!1,this.highlighted=!1,this.active=!1,this.index=null,this.emitCheckboxChange=!1,this.value=void 0,this.checkbox=!1,this.checked=!1,this.mouseOver=!1,this.handleCheckboxClick=t=>{t.stopPropagation(),this.checked=!!t.target.checked},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=l(t,this.parts);r.length&&(this.exportparts=r)}}checkboxChangedHandler(t){this.emitCheckboxChange&&this.checkboxStateChanged.emit({checkedItem:this.el,checked:t.detail.value})}iconColor(){return this.disabled?"disabled":this.selected||this.highlighted||this.mouseOver?"negative":"auto"}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.itemLoaded.emit()}itemClickedFunc(t){this.itemClicked.emit({clickedItem:this.el,ctrlKey:t.ctrlKey,cmdKey:t.metaKey,shiftKey:t.shiftKey,index:this.index})}onMouseOver(){this.mouseOver=!0}onMouseOut(){this.mouseOver=!1}render(){return o(e,{class:{"has-icon":void 0!==this.icon,"no-checkbox":!this.checkbox,large:a.large,[n.DISABLED_CLASS]:this.disabled},onClick:this.itemClickedFunc.bind(this),onMouseOver:this.onMouseOver.bind(this),onMouseOut:this.onMouseOut.bind(this),exportParts:this.exportparts?this.exportparts:null},o("div",{class:"container disabled-element"},this.checkbox&&!this.disabled?o("gxg-form-checkbox",{tabindex:"-1",checked:this.checked,onClick:this.handleCheckboxClick,disabled:this.disabled,part:this.parts.checkbox}):null,void 0!==this.icon?o("gxg-icon",{class:"icon",color:this.iconColor(),size:"regular",type:this.icon}):null,o("slot",null)))}get el(){return i(this)}};s.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}: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;font-family:var(--font-family-primary);font-size:inherit;color:inherit;cursor:pointer;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:hover),:host([selected]:hover){background-color:var(--gxg-form-item-bgcolor-hover);color:var(--color-always-white)}:host(.has-icon.no-checkbox) .container{padding-inline-start:var(--spacing-comp-01)}:host([selected]){background-color:var(--color-secondary-active);color:var(--color-always-white)}:host([highlighted]){background-color:var(--gxg-form-item-bgcolor-hover);color:var(--color-always-white)}:host(.large) .container{padding:var(--spacing-comp-01)}";export{s as gxg_list_box_item}
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as r,H as i,g as e}from"./p-f9f51980.js";import{f as n,r as a}from"./p-cc7d6bdf.js";import{f as s,c as l}from"./p-e7e4f76c.js";import{s as c}from"./p-8d3073b6.js";import{e as g}from"./p-d8501cb4.js";const p=class{constructor(r){t(this,r),this.input=o(this,"input",7),this.change=o(this,"change",7),this.clearButtonClicked=o(this,"clearButtonClicked",7),this.valueChanged=o(this,"valueChanged",7),this.parts={input:"input"},this.clearButton=!1,this.disabled=!1,this.readonly=!1,this.icon=null,this.iconPosition=null,this.labelPosition="above",this.borderless=!1,this.minimal=!1,this.overDarkBackground=!1,this.required=!1,this.centerLabel=!1,this.validationStatus="indeterminate",this.maxWidth="100%",this.width="100%",this.textStyle="regular",this.password=!1,this.maxLength=void 0,this.minLength=void 0,this.cursorInside=!1,this.inputSize="auto",this.mouseCoordinates={x:null,y:null},this.rtl=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=g(t,this.parts);o.length&&(this.exportparts=o)}}watchHandler(t,o){t!==o&&(this.valueChanged.emit(this.value),this.minimal&&this.updateGhostSpan())}disabledHandler(t){!0===t?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled}componentWillLoad(){this.attachExportParts()}iconPositionFunc(){if(null!==this.iconPosition&&null!==this.icon)return this.iconPosition}inputIcon(){const t=this.iconSize();if(null!==this.iconPosition&&null!==this.icon)return r("gxg-icon","warning"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"warning"}:"error"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"error"}:{class:"custom-icon",type:this.icon,size:t,color:"auto"})}handleInput(t){t.stopPropagation();const o=t.target;this.value=o.value,this.input.emit(o.value)}handleChange(t){t.stopPropagation();const o=t.target;this.value=o.value,this.change.emit(o.value)}clearButtonFunc(){const t=this.el.shadowRoot.querySelector("input").value="";this.change.emit(t),this.clearButtonClicked.emit("clear button was clicked")}updateGhostSpan(){if(this.minimal){const t=this.el.shadowRoot.querySelector(".ghost-span");t.innerHTML=this.value;const o=t.offsetWidth+5;this.el.shadowRoot.querySelector(".input").style.width=o+"px"}}mouseEnterHandler(){setTimeout(function(){const t=this.el.shadowRoot.querySelector(".input").getBoundingClientRect();this.mouseCoordinates.x>t.left&&this.mouseCoordinates.x<t.right&&this.mouseCoordinates.y>t.top&&this.mouseCoordinates.y<t.bottom&&(this.cursorInside=!0)}.bind(this),500)}mouseOutHandler(){this.cursorInside=!1}mouseMoveHandler(t){this.mouseCoordinates.x=t.clientX,this.mouseCoordinates.y=t.clientY}componentDidLoad(){this.minimal&&(document.addEventListener("mousemove",this.mouseMoveHandler.bind(this)),new IntersectionObserver(function(t){if(t[0].intersectionRatio<=0)return;const o=this.el.shadowRoot.querySelector(".input"),r=window.getComputedStyle(o),i=this.el.shadowRoot.querySelector(".ghost-span");i.style.position="fixed",i.style.left="-1000px",i.style.top="-1000px",i.style.zIndex="-1000",i.style.opacity="0",i.style.fontSize=r.fontSize,i.style.fontFamily=r.fontFamily,i.style.textTransform=r.textTransform,i.style.display="inline-block",i.style.paddingLeft=r.paddingRight,i.style.paddingRight=r.paddingRight,i.style.letterSpacing=r.letterSpacing,i.style.fontWeight=r.fontWeight;const e=i.offsetWidth+5;o.style.width="0px";const n=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.width=e+"px",o.style.maxWidth=n+"px";const a=new ResizeObserver((()=>{o.style.width="0px";const t=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.maxWidth=t+"px",o.style.width=e+"px"})),s=this.el.shadowRoot.querySelector(".inner-wrapper");a.observe(s)}.bind(this)).observe(this.el.shadowRoot.querySelector(".input")));const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}componentDidUnload(){this.minimal&&document.removeEventListener("mousemove",this.mouseMoveHandler)}iconSize(){return c.large?"regular":"small"}type(){return this.password?"password":"text"}render(){return r(i,{role:"textbox","aria-label":this.label,"icon-position":this.iconPositionFunc(),style:{width:this.width,maxWidth:this.maxWidth},class:{rtl:this.rtl,large:c.large,borderless:this.borderless,[s.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[s.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[s.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[s.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.minimal?r("span",{class:"ghost-span"},this.value):null,r("div",{class:{"outer-wrapper":!0}},this.label?r("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,a(this)):"",r("div",{class:{"inner-wrapper":!0,"clear-button":!0===this.clearButton}},r("input",{part:this.parts.input,type:this.type(),value:this.value,class:{input:!0,"form-element":!0,"cursor-inside":this.cursorInside,"clear-button":!0===this.clearButton,"custom-icon":this.icon,"custom-icon--end":"end"===this.iconPosition,"input--borderless":this.borderless},placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),required:this.required,onMouseEnter:this.mouseEnterHandler.bind(this),onMouseOut:this.mouseOutHandler.bind(this),ref:t=>this.textInput=t,maxLength:this.maxLength?parseInt(this.maxLength):null,minLength:this.minLength?parseInt(this.minLength):null}),this.inputIcon(),this.clearButton?r("gxg-icon",{class:"clear-button",type:"gemini-tools/close",size:this.iconSize(),color:"onbackground",onClick:this.clearButtonFunc.bind(this)}):null,"start"===this.labelPosition?n(this):null)),"above"===this.labelPosition?n(this):null)}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["watchHandler"],disabled:["disabledHandler"]}}};p.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-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}:host(.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}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host([icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{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([text-style=quote]) input{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}:host([text-style=title-01]) input{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}:host([text-style=title-02]) input{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}:host([text-style=title-03]) input{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}:host([text-style=title-04]) input{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}:host([text-style=title-05]) input{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}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";export{p as gxg_form_text}
@@ -1 +0,0 @@
1
- import{r as s}from"./p-f9f51980.js";const o=class{constructor(o){s(this,o)}};o.style="";export{o as ch_grid_row_actions}
@@ -1 +0,0 @@
1
- import{r as t,h as r,H as o,g as e}from"./p-f9f51980.js";const a=class{constructor(r){t(this,r),this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.masterTree=!1,this.evaluateIsMasterTree=()=>{var t;const r=null===(t=this.el.parentElement)||void 0===t?void 0:t.parentElement;void 0!==r&&"GXG-TREE"===r.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const t=this.el.parentElement;if("GXG-TREE-ITEM"===(null==t?void 0:t.tagName)){const r=t;this.checkbox=void 0!==r.checkbox?r.checkbox:this.checkbox,this.checked=void 0!==r.checked?r.checked:this.checked,this.opened=void 0!==r.opened?r.opened:this.opened,this.toggleCheckboxes=void 0!==r.toggleCheckboxes?r.toggleCheckboxes:this.toggleCheckboxes}},this.getNumberOfParentTrees=()=>{}}componentWillLoad(){this.initialConfig(),this.getNumberOfParentTrees(),this.evaluateIsMasterTree()}selectionChangedHandler(t){if(this.masterTree&&!this.multiSelection||this.masterTree&&this.multiSelection&&!t.detail.ctrlKey){const t=this.el.querySelectorAll("gxg-tree-item");(null==t?void 0:t.length)&&Array.from(t).forEach((t=>{t.selected=!1}))}}async getCheckedItems(t){const r=Array.from(this.el.querySelectorAll("gxg-tree-item")),o=[];return(null==t?void 0:t.length)?t.forEach((t=>{const e=r.find((r=>t===r.id));e&&o.push({id:e.id,label:e.label,checked:e.checked,selected:e.selected})})):r.forEach((t=>{t.checked&&o.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),o}async getSelectedItems(){const t=[],r=this.el.querySelectorAll("gxg-tree-item");return(null==r?void 0:r.length)&&Array.from(r).forEach((r=>{r.selected&&t.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})),t}async toggleItems(t,r){if(!(null==t?void 0:t.length))return[];const o=Array.from(this.el.querySelectorAll("gxg-tree-item")),e=[];return t.forEach((t=>{const a=o.find((r=>t===r.itemId));a&&void 0===r?a.opened=!a.opened:a&&r&&!a.opened?a.opened=!0:a&&!r&&a.opened&&(a.opened=!1),a&&e.push({id:a.id,opened:a.opened})})),e}render(){return r(o,null,r("div",{class:{tree:!0}},r("ul",{ref:t=>this.ulTree=t},r("slot",null))))}get el(){return e(this)}};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}: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%}";export{a as gxg_tree}
@@ -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.itemId})):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{h as t,r as e,H as i}from"./p-f9f51980.js";const s=(e,i=!0)=>{if(null==e?void 0:e.length)return i?e.map((t=>n(t))):t("gxg-tree",{slot:"tree"},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,itemId:e.id,indeterminate:e.indeterminate,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)])},o=class{constructor(t){e(this,t),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.treeModel=[]},this.treeModel=void 0,this.lazyLoadTreeItemsCallback=void 0}loadLazyChildrenHandler(t){if(this.lazyLoadTreeItemsCallback){const e=this.lazyLoadTreeItemsCallback(t.detail);setTimeout((()=>{e.then((t=>{this.treeModel=t}))}),1e3)}}render(){return this.treeModel?t(i,null,t("gxg-tree",{id:"masterTree",checked:!0,ref:t=>this.tree=t},s(this.treeModel)),",",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)}};o.style=":host{display:block}";export{o as gx_ide_test}