@genexus/genexus-ide-ui 0.0.125 → 0.0.127
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/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/{gxg-combo-box_2.cjs.entry.js → gx-ide-container_3.cjs.entry.js} +174 -1
- package/dist/cjs/gx-ide-container_3.cjs.entry.js.map +1 -0
- package/dist/cjs/gx-ide-manage-module-references-v2.cjs.entry.js +304 -0
- package/dist/cjs/gx-ide-manage-module-references-v2.cjs.entry.js.map +1 -0
- package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js +8 -7
- package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-start-page.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-start-page.cjs.entry.js.map +1 -1
- package/dist/cjs/{gx-ide-container_2.cjs.entry.js → gxg-form-checkbox.cjs.entry.js} +1 -174
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/modules/manage-module-references/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.en.json +1 -1
- package/dist/collection/components/modules/manage-module-references/manage-module-references.css +7 -2
- package/dist/collection/components/modules/manage-module-references/manage-module-references.js +7 -6
- package/dist/collection/components/modules/manage-module-references/manage-module-references.js.map +1 -1
- package/dist/collection/components/modules/manage-module-references-v2/gx-ide-assets/manage-module-references-v2/langs/manage-module-references-v2.lang.en.json +39 -0
- package/dist/collection/components/modules/manage-module-references-v2/gx-ide-assets/manage-module-references-v2/langs/manage-module-references-v2.lang.ja.json +3 -0
- package/dist/collection/components/modules/manage-module-references-v2/gx-ide-assets/manage-module-references-v2/langs/manage-module-references-v2.lang.zh.json +3 -0
- package/dist/collection/components/modules/manage-module-references-v2/manage-module-references-v2.js +469 -0
- package/dist/collection/components/modules/manage-module-references-v2/manage-module-references-v2.js.map +1 -0
- package/dist/collection/components/modules/manage-module-references-v2/manage-module-references.css +770 -0
- package/dist/collection/components/modules/types.js.map +1 -1
- package/dist/collection/components/start-page/start-page.js +1 -1
- package/dist/collection/components/start-page/start-page.js.map +1 -1
- package/dist/components/gx-ide-manage-module-references-v2.d.ts +11 -0
- package/dist/components/gx-ide-manage-module-references-v2.js +510 -0
- package/dist/components/gx-ide-manage-module-references-v2.js.map +1 -0
- package/dist/components/gx-ide-manage-module-references.js +8 -7
- package/dist/components/gx-ide-manage-module-references.js.map +1 -1
- package/dist/components/gx-ide-start-page.js +1 -1
- package/dist/components/gx-ide-start-page.js.map +1 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/{gxg-combo-box_2.entry.js → gx-ide-container_3.entry.js} +175 -3
- package/dist/esm/gx-ide-container_3.entry.js.map +1 -0
- package/dist/esm/gx-ide-manage-module-references-v2.entry.js +300 -0
- package/dist/esm/gx-ide-manage-module-references-v2.entry.js.map +1 -0
- package/dist/esm/gx-ide-manage-module-references.entry.js +8 -7
- package/dist/esm/gx-ide-manage-module-references.entry.js.map +1 -1
- package/dist/esm/gx-ide-start-page.entry.js +1 -1
- package/dist/esm/gx-ide-start-page.entry.js.map +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +147 -0
- package/dist/esm/gxg-form-checkbox.entry.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/manage-module-references/langs/manage-module-references.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/manage-module-references-v2/langs/manage-module-references-v2.lang.en.json +39 -0
- package/dist/genexus-ide-ui/gx-ide-assets/manage-module-references-v2/langs/manage-module-references-v2.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/manage-module-references-v2/langs/manage-module-references-v2.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/{p-c9b810e3.entry.js → p-34850af1.entry.js} +7 -6
- package/dist/genexus-ide-ui/p-34850af1.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-f35bc31e.entry.js → p-61e4276a.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-f35bc31e.entry.js.map → p-61e4276a.entry.js.map} +1 -1
- package/dist/genexus-ide-ui/{p-f37ec5b8.entry.js → p-74bfec22.entry.js} +286 -103
- package/dist/genexus-ide-ui/p-74bfec22.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-9d7a1451.entry.js +181 -0
- package/dist/genexus-ide-ui/p-9d7a1451.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-d0a8d025.entry.js +435 -0
- package/dist/genexus-ide-ui/p-d0a8d025.entry.js.map +1 -0
- package/dist/types/components/modules/manage-module-references/manage-module-references.d.ts +1 -1
- package/dist/types/components/modules/manage-module-references-v2/manage-module-references-v2.d.ts +107 -0
- package/dist/types/components/modules/types.d.ts +4 -1
- package/dist/types/components.d.ts +82 -0
- package/package.json +1 -1
- package/dist/cjs/gx-ide-container_2.cjs.entry.js.map +0 -1
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js.map +0 -1
- package/dist/esm/gx-ide-container_2.entry.js +0 -319
- package/dist/esm/gx-ide-container_2.entry.js.map +0 -1
- package/dist/esm/gxg-combo-box_2.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-7a5810d6.entry.js +0 -364
- package/dist/genexus-ide-ui/p-7a5810d6.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-c9b810e3.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-f37ec5b8.entry.js.map +0 -1
|
@@ -1,39 +1,222 @@
|
|
|
1
|
-
import { r as t,
|
|
1
|
+
import { r as t, h as e, H as o, g as i, c as r } from "./p-48217969.js";
|
|
2
2
|
|
|
3
|
-
import { f as
|
|
3
|
+
import { f as s, a } from "./p-6a9b79f1.js";
|
|
4
4
|
|
|
5
|
-
import { K as
|
|
5
|
+
import { K as n } from "./p-a78773a3.js";
|
|
6
6
|
|
|
7
7
|
import { e as l } from "./p-1a098c4f.js";
|
|
8
8
|
|
|
9
9
|
import { s as c } from "./p-ac964d4c.js";
|
|
10
10
|
|
|
11
|
-
import { c as
|
|
11
|
+
import { c as d } from "./p-537654ad.js";
|
|
12
|
+
|
|
13
|
+
const h = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{--gx-ide-container-elements-spacing:var(--mer-spacing--xs);display:block;height:100%;box-sizing:border-box}.container{display:grid;height:100%;grid-template-rows:auto 1fr auto;box-sizing:border-box}.heading,.content,.footer,.footer-above{padding:var(--gx-ide-container__padding)}.container--padding-s{--gx-ide-container__padding:var(--mer-spacing--xs)}.container--padding-m{--gx-ide-container__padding:var(--mer-spacing--sm)}.container--padding-l{--gx-ide-container__padding:var(--mer-spacing--md)}.container--display-border{border:1px solid var(--gx-ide-container-border-color)}.container--display-border-top{border-top:1px solid var(--gx-ide-container-border-color)}.container--display-border-end{border-inline-end:1px solid var(--gx-ide-container-border-color)}.container--display-border-bottom{border-bottom:1px solid var(--gx-ide-container-border-color)}.container--display-border-start{border-inline-start:1px solid var(--gx-ide-container-border-color)}.container--overflow-hidden-y{overflow-y:hidden}.heading{display:flex;flex-direction:column;gap:var(--gx-ide-container__padding);width:100%;box-sizing:border-box;border-bottom:1px solid var(--gx-ide-container-border-color)}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.heading--no-padding-block-end{padding-block-end:0}.heading--no-gap{gap:0}.heading--inactive{color:var(--gxg-color--disabled)}.heading--padding-top{padding:var(--gx-ide-container__padding) 0 0 0}.heading--slimmer{padding-top:var(--mer-spacing--xs);padding-bottom:var(--mer-spacing--xs)}.heading--form-text-height .heading__title{min-height:var(--gxg-form-text-height);justify-content:center}.heading--flex-row{flex-direction:row;align-items:center;justify-content:center}.content{overflow-x:auto;display:flex;flex-direction:column;gap:var(--gx-ide-form-items-gap);box-sizing:border-box;}.content::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.content::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.content::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.content::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.content::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.content--no-padding{padding:0}.content--no-border-top{border-top:none}.content--flex{display:flex}.content--no-gap{gap:0}.content--align-items-start{align-items:start}.content--align-items-center{align-items:center}.content--align-items-end{align-items:end}.content--justify-content-start{justify-content:start}.content--justify-content-center{justify-content:center}.content--justify-content-end{justify-content:end}.content--border-end{border-inline-end:1px solid var(--gx-ide-container-border-color)}.container--only-content{grid-template-rows:1fr}.container--no-header:not(.container--only-content){grid-template-rows:1fr auto}.container--no-footer:not(.container--only-content){grid-template-rows:auto 1fr}.footer-above{border-top:1px solid var(--gx-ide-container-border-color)}.footer-above--no-border-top{border-top:0}.footer-above--slimmer{padding-top:var(--mer-spacing--xs);padding-bottom:var(--mer-spacing--xs)}.footer-above--no-padding{padding:0}.footer{display:flex;gap:var(--gx-ide-container-elements-spacing);flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--gx-ide-container-border-color)}.footer__start,.footer__end{display:flex;gap:var(--gx-ide-container-elements-spacing)}.footer--no-border{border-top:0}.footer--no-padding{padding:0}.footer--slimmer{padding-top:var(--mer-spacing--xs);padding-bottom:var(--mer-spacing--xs)}";
|
|
14
|
+
|
|
15
|
+
const f = class {
|
|
16
|
+
constructor(o) {
|
|
17
|
+
t(this, o);
|
|
18
|
+
this.headingClasses = () => {
|
|
19
|
+
var t;
|
|
20
|
+
return {
|
|
21
|
+
heading: true,
|
|
22
|
+
"heading--inactive": this.inactiveTitle,
|
|
23
|
+
"heading--slimmer": this.titleType === "secondary",
|
|
24
|
+
"heading--no-border": this.noHeadingBorder || this.hasOnlyHeading,
|
|
25
|
+
[`heading--justify-${this.headingJustify}`]: true,
|
|
26
|
+
"heading--no-padding": this.noHeadingPadding,
|
|
27
|
+
"heading--no-padding-block-end": this.noHeadingPaddingBlockEnd,
|
|
28
|
+
"heading--no-gap": this.noHeadingGap,
|
|
29
|
+
"heading--padding-top": this.headingPaddingTop && ((t = this.containerTitle) === null || t === void 0 ? void 0 : t.length) > 0,
|
|
30
|
+
"heading--form-text-height": this.titleHeightAsInput,
|
|
31
|
+
"heading--flex-row": this.flexRow
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
this.contentClasses = () => ({
|
|
35
|
+
content: true,
|
|
36
|
+
"content--flex": this.flexContent,
|
|
37
|
+
"content--no-padding": this.noContentPadding,
|
|
38
|
+
"content--no-gap": this.noContentGap,
|
|
39
|
+
"content--no-border-top": this.noContentBorderTop,
|
|
40
|
+
"content--border-end": this.contentBorderEnd,
|
|
41
|
+
[`content--align-items-${this.alignItems}`]: this.alignItems !== undefined,
|
|
42
|
+
[`content--justify-content-${this.justifyContent}`]: this.justifyContent !== undefined
|
|
43
|
+
});
|
|
44
|
+
this.aboveFooter = () => this.hasAboveFooterSlot ? e("footer", {
|
|
45
|
+
class: {
|
|
46
|
+
"footer-above": true,
|
|
47
|
+
"footer-above--no-border-top": this.noBorderAboveFooter,
|
|
48
|
+
"footer-above--no-padding": this.noAboveFooterPadding,
|
|
49
|
+
"footer-above--slimmer": this.slimmerFooter
|
|
50
|
+
}
|
|
51
|
+
}, e("slot", {
|
|
52
|
+
name: "footer-above"
|
|
53
|
+
})) : null;
|
|
54
|
+
this.footer = () => this.hasFooterSlot ? e("footer", {
|
|
55
|
+
class: {
|
|
56
|
+
footer: true,
|
|
57
|
+
"footer--no-border": this.hasOnlyFooter || !this.hasSlottedContent || this.noBorderFooter,
|
|
58
|
+
[`footer--justify-${this.footerJustify}`]: true,
|
|
59
|
+
[`footer--justify-${this.footerJustify}`]: true,
|
|
60
|
+
"footer--no-padding": this.noFooterPadding,
|
|
61
|
+
"footer--slimmer": this.slimmerFooter
|
|
62
|
+
}
|
|
63
|
+
}, e("div", {
|
|
64
|
+
class: "footer__start"
|
|
65
|
+
}, e("slot", {
|
|
66
|
+
name: "footer-start"
|
|
67
|
+
})), e("div", {
|
|
68
|
+
class: "footer__end"
|
|
69
|
+
}, e("slot", {
|
|
70
|
+
name: "footer-end"
|
|
71
|
+
}))) : null;
|
|
72
|
+
this.inactiveTitle = false;
|
|
73
|
+
this.containerTitle = undefined;
|
|
74
|
+
this.titleType = "primary";
|
|
75
|
+
this.displayBorder = false;
|
|
76
|
+
this.displayBorderTop = false;
|
|
77
|
+
this.displayBorderEnd = false;
|
|
78
|
+
this.displayBorderBottom = false;
|
|
79
|
+
this.displayBorderStart = false;
|
|
80
|
+
this.sectionsPadding = "m";
|
|
81
|
+
this.titleAlignment = "center";
|
|
82
|
+
this.noHeadingBorder = false;
|
|
83
|
+
this.noHeadingGap = false;
|
|
84
|
+
this.noHeadingPadding = false;
|
|
85
|
+
this.noHeadingPaddingBlockEnd = false;
|
|
86
|
+
this.headingPaddingTop = false;
|
|
87
|
+
this.headingJustify = "center";
|
|
88
|
+
this.titleHeightAsInput = false;
|
|
89
|
+
this.flexRow = false;
|
|
90
|
+
this.flexContent = false;
|
|
91
|
+
this.noContentBorderTop = false;
|
|
92
|
+
this.noContentPadding = false;
|
|
93
|
+
this.noContentGap = false;
|
|
94
|
+
this.alignItems = undefined;
|
|
95
|
+
this.justifyContent = undefined;
|
|
96
|
+
this.contentBorderEnd = false;
|
|
97
|
+
this.slimmerAboveFooter = false;
|
|
98
|
+
this.noAboveFooterPadding = false;
|
|
99
|
+
this.noBorderAboveFooter = false;
|
|
100
|
+
this.slimmerFooter = false;
|
|
101
|
+
this.noFooterPadding = false;
|
|
102
|
+
this.footerJustify = "end";
|
|
103
|
+
this.noBorderFooter = false;
|
|
104
|
+
this.hasHeaderSlot = false;
|
|
105
|
+
this.hasSlottedContent = false;
|
|
106
|
+
this.hasFooterSlot = false;
|
|
107
|
+
this.hasAboveFooterSlot = false;
|
|
108
|
+
this.hasOnlyHeading = false;
|
|
109
|
+
this.hasOnlyContent = false;
|
|
110
|
+
this.hasOnlyFooter = false;
|
|
111
|
+
}
|
|
112
|
+
// 4.PUBLIC PROPERTY API //
|
|
113
|
+
// 5.EVENTS (EMIT) //
|
|
114
|
+
// 6.COMPONENT LIFECYCLE EVENTS //
|
|
115
|
+
componentWillLoad() {
|
|
116
|
+
this.evaluateSlots();
|
|
117
|
+
}
|
|
118
|
+
// 7.LISTENERS //
|
|
119
|
+
// 8.PUBLIC METHODS API //
|
|
120
|
+
// 9.LOCAL METHODS //
|
|
121
|
+
evaluateSlots() {
|
|
122
|
+
// header
|
|
123
|
+
const t = this.el.querySelectorAll(':scope > [slot="header"]');
|
|
124
|
+
if (t.length) {
|
|
125
|
+
this.hasHeaderSlot = true;
|
|
126
|
+
}
|
|
127
|
+
// content
|
|
128
|
+
const e = this.el.querySelectorAll(":scope > :not([slot])");
|
|
129
|
+
if (e.length) {
|
|
130
|
+
this.hasSlottedContent = true;
|
|
131
|
+
}
|
|
132
|
+
// footer
|
|
133
|
+
const o = this.el.querySelectorAll(':scope > [slot="footer-above"]');
|
|
134
|
+
const i = this.el.querySelectorAll(':scope > [slot="footer-start"]');
|
|
135
|
+
const r = this.el.querySelectorAll(':scope > [slot="footer-end"]');
|
|
136
|
+
if (i.length || r.length) {
|
|
137
|
+
this.hasFooterSlot = true;
|
|
138
|
+
}
|
|
139
|
+
if (o.length) {
|
|
140
|
+
this.hasAboveFooterSlot = true;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
evaluateSections() {
|
|
144
|
+
// has only heading
|
|
145
|
+
if (!this.hasSlottedContent && !this.hasFooterSlot && !this.hasAboveFooterSlot) {
|
|
146
|
+
this.hasOnlyHeading = true;
|
|
147
|
+
}
|
|
148
|
+
// has only content
|
|
149
|
+
if (this.hasSlottedContent && !this.containerTitle && !this.hasHeaderSlot && !this.hasAboveFooterSlot && !this.hasFooterSlot) {
|
|
150
|
+
this.hasOnlyContent = true;
|
|
151
|
+
}
|
|
152
|
+
// has only footer
|
|
153
|
+
if (!this.hasSlottedContent && !this.containerTitle && !this.hasAboveFooterSlot) {
|
|
154
|
+
this.hasOnlyFooter = true;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
// 10.RENDER() FUNCTION //
|
|
158
|
+
render() {
|
|
159
|
+
this.evaluateSections();
|
|
160
|
+
const t = [ this.containerTitle || this.hasHeaderSlot ? e("header", {
|
|
161
|
+
class: this.headingClasses()
|
|
162
|
+
}, this.containerTitle ? e("gx-ide-title", {
|
|
163
|
+
class: "heading__title",
|
|
164
|
+
type: this.titleType,
|
|
165
|
+
alignment: this.titleAlignment
|
|
166
|
+
}, this.containerTitle) : null, this.hasHeaderSlot ? e("div", {
|
|
167
|
+
class: "heading__inner-wrapper"
|
|
168
|
+
}, e("slot", {
|
|
169
|
+
name: "header"
|
|
170
|
+
})) : null) : null, this.hasSlottedContent ? e("div", {
|
|
171
|
+
class: this.contentClasses(),
|
|
172
|
+
part: "content"
|
|
173
|
+
}, e("slot", null)) : null, this.aboveFooter(), this.footer() ];
|
|
174
|
+
return e(o, null, e("div", {
|
|
175
|
+
class: {
|
|
176
|
+
container: true,
|
|
177
|
+
[`container--padding-${this.sectionsPadding}`]: true,
|
|
178
|
+
"container--display-border": this.displayBorder,
|
|
179
|
+
"container--display-border-top": this.displayBorderTop,
|
|
180
|
+
"container--display-border-end": this.displayBorderEnd,
|
|
181
|
+
"container--display-border-bottom": this.displayBorderBottom,
|
|
182
|
+
"container--display-border-start": this.displayBorderStart,
|
|
183
|
+
"container--only-content": this.hasOnlyContent,
|
|
184
|
+
"container--no-header": !this.hasHeaderSlot && !this.containerTitle,
|
|
185
|
+
"container--no-footer": !this.hasFooterSlot && !this.hasAboveFooterSlot
|
|
186
|
+
}
|
|
187
|
+
}, t));
|
|
188
|
+
}
|
|
189
|
+
get el() {
|
|
190
|
+
return i(this);
|
|
191
|
+
}
|
|
192
|
+
};
|
|
193
|
+
|
|
194
|
+
f.style = h;
|
|
12
195
|
|
|
13
196
|
function mutationObserverRemoved(t, e) {
|
|
14
|
-
const
|
|
15
|
-
for (const
|
|
16
|
-
if (
|
|
17
|
-
const t = Array.from(
|
|
18
|
-
for (const
|
|
19
|
-
if (
|
|
20
|
-
e.removedItem =
|
|
197
|
+
const o = new MutationObserver((t => {
|
|
198
|
+
for (const o of t) {
|
|
199
|
+
if (o.type === "childList") {
|
|
200
|
+
const t = Array.from(o.removedNodes);
|
|
201
|
+
for (const o of t) {
|
|
202
|
+
if (o.nodeType === Node.ELEMENT_NODE) {
|
|
203
|
+
e.removedItem = o;
|
|
21
204
|
}
|
|
22
205
|
}
|
|
23
206
|
}
|
|
24
207
|
}
|
|
25
208
|
}));
|
|
26
|
-
|
|
209
|
+
o.observe(t, {
|
|
27
210
|
childList: true
|
|
28
211
|
});
|
|
29
|
-
return
|
|
212
|
+
return o;
|
|
30
213
|
// Return the observer instance if needed
|
|
31
214
|
}
|
|
32
215
|
|
|
33
|
-
const d = "/*! 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(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}:host{font-family:var(--ds-base-font-family-primary);display:block}:host .main-container{width:100%;position:relative;}:host .main-container .outer-wrapper{display:flex;align-items:center}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;display:flex;align-items:center;height:100%;top:0;inset-inline-end:var(--gxg-combo-box-items-buttons-wrapper--iie)}:host .main-container .items-container{color:var(--gxg-combo-box-items-container_color);font-size:var(--gxg-combo-box-items-container_font-size);border:var(--ds-border-common-styles);border-radius:var(--ds-form-control-border-radius);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--gxg-combo-box-items-container_background-color);position:fixed;width:inherit;box-sizing:border-box;z-index:999;box-sizing:border-box;padding:var(--gxg-combo-box-items-container_padding);}:host .main-container .items-container--not-popover{display:none}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-size:var(--gxg-combo-box-no-occurrences_font-size);color:var(--gxg-combo-box-no-occurrences_color);padding:var(--gxg-combo-box-no-occurrences_padding);background-color:var(--gxg-combo-box-no-occurrences_background-color)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gxg-combo-box-no-occurrences_command-color)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--popover{padding:0;margin:0}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--ds-form-control-border-radius);border-top-right-radius:var(--ds-form-control-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}:host([label-position=start]) .main-container .outer-wrapper{flex:1}.items-container{}.items-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.items-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.items-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.items-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.items-container::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}";
|
|
216
|
+
const g = "/*! 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(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}:host{font-family:var(--ds-base-font-family-primary);display:block}:host .main-container{width:100%;position:relative;}:host .main-container .outer-wrapper{display:flex;align-items:center}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;display:flex;align-items:center;height:100%;top:0;inset-inline-end:var(--gxg-combo-box-items-buttons-wrapper--iie)}:host .main-container .items-container{color:var(--gxg-combo-box-items-container_color);font-size:var(--gxg-combo-box-items-container_font-size);border:var(--ds-border-common-styles);border-radius:var(--ds-form-control-border-radius);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--gxg-combo-box-items-container_background-color);position:fixed;width:inherit;box-sizing:border-box;z-index:999;box-sizing:border-box;padding:var(--gxg-combo-box-items-container_padding);}:host .main-container .items-container--not-popover{display:none}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-size:var(--gxg-combo-box-no-occurrences_font-size);color:var(--gxg-combo-box-no-occurrences_color);padding:var(--gxg-combo-box-no-occurrences_padding);background-color:var(--gxg-combo-box-no-occurrences_background-color)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gxg-combo-box-no-occurrences_command-color)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--popover{padding:0;margin:0}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--ds-form-control-border-radius);border-top-right-radius:var(--ds-form-control-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}:host([label-position=start]) .main-container .outer-wrapper{flex:1}.items-container{}.items-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.items-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.items-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.items-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.items-container::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}";
|
|
34
217
|
|
|
35
|
-
const
|
|
36
|
-
constructor(
|
|
218
|
+
const b = class {
|
|
219
|
+
constructor(e) {
|
|
37
220
|
this.parts = {
|
|
38
221
|
input: "input",
|
|
39
222
|
clearButton: "clear-button",
|
|
@@ -41,7 +224,7 @@ const f = class {
|
|
|
41
224
|
};
|
|
42
225
|
this.prevEmittedValue = null;
|
|
43
226
|
this.userTyped = false;
|
|
44
|
-
this.formMessageLogic =
|
|
227
|
+
this.formMessageLogic = s;
|
|
45
228
|
this.detectClickOutsideCombo = this.detectClickOutsideComboFunc.bind(this);
|
|
46
229
|
this.detectMouseScroll = this.detectMouseScrollFunc.bind(this);
|
|
47
230
|
this.attachExportParts = () => {
|
|
@@ -70,30 +253,30 @@ const f = class {
|
|
|
70
253
|
}
|
|
71
254
|
};
|
|
72
255
|
this.keyDownHandler = t => {
|
|
73
|
-
if (t.code ===
|
|
256
|
+
if (t.code === n.ARROW_DOWN || t.code === n.ARROW_UP) {
|
|
74
257
|
t.preventDefault();
|
|
75
258
|
}
|
|
76
259
|
let e;
|
|
77
|
-
if (t.code ===
|
|
260
|
+
if (t.code === n.ARROW_DOWN) {
|
|
78
261
|
e = this.getNewItem("next");
|
|
79
262
|
(e === null || e === void 0 ? void 0 : e.value) && (this.value = e === null || e === void 0 ? void 0 : e.value);
|
|
80
263
|
t.altKey && this.showList();
|
|
81
|
-
} else if (t.code ===
|
|
264
|
+
} else if (t.code === n.ARROW_UP) {
|
|
82
265
|
e = this.getNewItem("prev");
|
|
83
266
|
(e === null || e === void 0 ? void 0 : e.value) && (this.value = e === null || e === void 0 ? void 0 : e.value);
|
|
84
|
-
} else if (t.code ===
|
|
267
|
+
} else if (t.code === n.ENTER) {
|
|
85
268
|
if (this.preventEnterPropagation && this.listIsOpen) {
|
|
86
269
|
t.stopPropagation();
|
|
87
270
|
}
|
|
88
271
|
this.hideList();
|
|
89
272
|
this.showAllItems();
|
|
90
273
|
this.evaluateValueChangedEmit();
|
|
91
|
-
} else if (t.code ===
|
|
274
|
+
} else if (t.code === n.SPACE) {
|
|
92
275
|
this.showList();
|
|
93
|
-
} else if (t.code ===
|
|
276
|
+
} else if (t.code === n.ESCAPE) {
|
|
94
277
|
this.showAllItems();
|
|
95
278
|
this.hideList();
|
|
96
|
-
} else if (t.code ===
|
|
279
|
+
} else if (t.code === n.TAB && this.showList) {
|
|
97
280
|
this.hideList();
|
|
98
281
|
}
|
|
99
282
|
};
|
|
@@ -110,9 +293,9 @@ const f = class {
|
|
|
110
293
|
if (this.selectedItem) {
|
|
111
294
|
const t = this.selectedItem.getBoundingClientRect().top;
|
|
112
295
|
const e = this.selectedItem.getBoundingClientRect().bottom;
|
|
113
|
-
const
|
|
114
|
-
const
|
|
115
|
-
if (t <
|
|
296
|
+
const o = this.itemsContainer.getBoundingClientRect().top;
|
|
297
|
+
const i = this.itemsContainer.getBoundingClientRect().bottom;
|
|
298
|
+
if (t < o || e > i) {
|
|
116
299
|
this.selectedItem.scrollIntoView({
|
|
117
300
|
behavior: "smooth"
|
|
118
301
|
});
|
|
@@ -133,24 +316,24 @@ const f = class {
|
|
|
133
316
|
t = this.sanitizeString(t);
|
|
134
317
|
!this.caseSensitive && (t = t.toLowerCase());
|
|
135
318
|
const e = this.getEnabledItems();
|
|
136
|
-
const
|
|
319
|
+
const o = [];
|
|
137
320
|
if (e.length) {
|
|
138
321
|
e.forEach((e => {
|
|
139
|
-
const
|
|
140
|
-
if (!e.disabled &&
|
|
141
|
-
|
|
322
|
+
const i = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
|
|
323
|
+
if (!e.disabled && i.includes(t)) {
|
|
324
|
+
o.push(e);
|
|
142
325
|
e.hidden = false;
|
|
143
326
|
} else {
|
|
144
327
|
e.hidden = true;
|
|
145
328
|
}
|
|
146
329
|
}));
|
|
147
330
|
}
|
|
148
|
-
if (
|
|
331
|
+
if (o.length >= 1) {
|
|
149
332
|
this.showList();
|
|
150
333
|
} else {
|
|
151
334
|
this.hideList();
|
|
152
335
|
}
|
|
153
|
-
return
|
|
336
|
+
return o;
|
|
154
337
|
};
|
|
155
338
|
this.showAllItems = () => {
|
|
156
339
|
const t = this.getEnabledItems();
|
|
@@ -201,8 +384,8 @@ const f = class {
|
|
|
201
384
|
this.getItemByValue = t => {
|
|
202
385
|
let e;
|
|
203
386
|
if (t) {
|
|
204
|
-
const
|
|
205
|
-
e =
|
|
387
|
+
const o = this.getEnabledItems();
|
|
388
|
+
e = o.find((e => !e.disabled && (e === null || e === void 0 ? void 0 : e.value) && e.value === t));
|
|
206
389
|
}
|
|
207
390
|
return e;
|
|
208
391
|
};
|
|
@@ -218,27 +401,27 @@ const f = class {
|
|
|
218
401
|
if (t) {
|
|
219
402
|
!this.caseSensitive && (t = t.toLowerCase());
|
|
220
403
|
const e = this.getEnabledItems();
|
|
221
|
-
const
|
|
222
|
-
const
|
|
223
|
-
return !e.disabled &&
|
|
404
|
+
const o = e === null || e === void 0 ? void 0 : e.find((e => {
|
|
405
|
+
const o = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
|
|
406
|
+
return !e.disabled && o === t;
|
|
224
407
|
}));
|
|
225
|
-
return
|
|
408
|
+
return o === null || o === void 0 ? void 0 : o.value;
|
|
226
409
|
} else {
|
|
227
410
|
return undefined;
|
|
228
411
|
}
|
|
229
412
|
};
|
|
230
413
|
this.getNewItem = t => {
|
|
231
414
|
const e = this.getFilteredItems();
|
|
232
|
-
const
|
|
415
|
+
const o = e === null || e === void 0 ? void 0 : e.findIndex((t => t.selected));
|
|
233
416
|
if (t === "next") {
|
|
234
|
-
if (
|
|
417
|
+
if (o === -1) {
|
|
235
418
|
/*no selectedItem at the time*/
|
|
236
419
|
return e[0];
|
|
237
420
|
}
|
|
238
|
-
return e[
|
|
421
|
+
return e[o + 1];
|
|
239
422
|
} else if (t === "prev") {
|
|
240
|
-
if (
|
|
241
|
-
return e[
|
|
423
|
+
if (o !== -1) {
|
|
424
|
+
return e[o - 1];
|
|
242
425
|
}
|
|
243
426
|
}
|
|
244
427
|
};
|
|
@@ -319,11 +502,11 @@ const f = class {
|
|
|
319
502
|
this.inputTextIcon = null;
|
|
320
503
|
}
|
|
321
504
|
};
|
|
322
|
-
t(this,
|
|
323
|
-
this.valueChanged =
|
|
324
|
-
this.opened =
|
|
325
|
-
this.closed =
|
|
326
|
-
this.toggled =
|
|
505
|
+
t(this, e);
|
|
506
|
+
this.valueChanged = r(this, "valueChanged", 7);
|
|
507
|
+
this.opened = r(this, "opened", 7);
|
|
508
|
+
this.closed = r(this, "closed", 7);
|
|
509
|
+
this.toggled = r(this, "toggled", 7);
|
|
327
510
|
this.popOver = false;
|
|
328
511
|
this.toolTip = false;
|
|
329
512
|
this.preventEnterPropagation = false;
|
|
@@ -390,14 +573,14 @@ const f = class {
|
|
|
390
573
|
}
|
|
391
574
|
async getValueByIndex(t) {
|
|
392
575
|
const e = this.getEnabledItems();
|
|
393
|
-
const
|
|
394
|
-
return
|
|
576
|
+
const o = e.filter((e => e.index === t))[0];
|
|
577
|
+
return o === null || o === void 0 ? void 0 : o.value;
|
|
395
578
|
}
|
|
396
579
|
async setValueByIndex(t) {
|
|
397
580
|
const e = this.getEnabledItems();
|
|
398
|
-
const
|
|
399
|
-
if (
|
|
400
|
-
this.value =
|
|
581
|
+
const o = e.filter((e => e.index === t))[0];
|
|
582
|
+
if (o && o.value) {
|
|
583
|
+
this.value = o.value;
|
|
401
584
|
return true;
|
|
402
585
|
}
|
|
403
586
|
return false;
|
|
@@ -431,22 +614,22 @@ const f = class {
|
|
|
431
614
|
setTimeout((() => {
|
|
432
615
|
this.clearSelectedItem();
|
|
433
616
|
let e;
|
|
434
|
-
let
|
|
617
|
+
let o = undefined;
|
|
435
618
|
if (this.userTyped) {
|
|
436
619
|
e = this.getValueByText(t);
|
|
437
620
|
} else {
|
|
438
621
|
!this.listIsOpen && this.showAllItems();
|
|
439
622
|
e = t;
|
|
440
623
|
}
|
|
441
|
-
|
|
442
|
-
if (
|
|
443
|
-
this.setSelectedItem(
|
|
444
|
-
this.setIcon(
|
|
445
|
-
const t =
|
|
624
|
+
o = this.getItemByValue(e);
|
|
625
|
+
if (o) {
|
|
626
|
+
this.setSelectedItem(o);
|
|
627
|
+
this.setIcon(o.icon);
|
|
628
|
+
const t = o.textContent;
|
|
446
629
|
if (t.length > 0) {
|
|
447
630
|
this.text = t;
|
|
448
631
|
} else {
|
|
449
|
-
this.text =
|
|
632
|
+
this.text = o.value;
|
|
450
633
|
}
|
|
451
634
|
} else {
|
|
452
635
|
//this.setIcon(undefined);
|
|
@@ -508,11 +691,11 @@ const f = class {
|
|
|
508
691
|
}
|
|
509
692
|
detectClickOutsideComboFunc(t) {
|
|
510
693
|
const e = this.el.shadowRoot.querySelector(".main-container");
|
|
511
|
-
const
|
|
512
|
-
const
|
|
694
|
+
const o = t.x;
|
|
695
|
+
const i = t.y;
|
|
513
696
|
//Contextual menu coordinates
|
|
514
|
-
const
|
|
515
|
-
if (
|
|
697
|
+
const r = e.getBoundingClientRect();
|
|
698
|
+
if (o > r.left && o < r.right && i > r.top && i < r.bottom || t.screenX === 0 && t.screenY === 0 && t.clientX === 0 && t.clientY === 0) ; else {
|
|
516
699
|
this.listIsOpen = false;
|
|
517
700
|
//Click happened outside the combo
|
|
518
701
|
}
|
|
@@ -542,27 +725,27 @@ const f = class {
|
|
|
542
725
|
const e = t.clientWidth;
|
|
543
726
|
this.itemsContainer.style.width = e + "px";
|
|
544
727
|
//redefine .items-container "top" value
|
|
545
|
-
const
|
|
546
|
-
const
|
|
547
|
-
const
|
|
548
|
-
this.itemsContainer.style.top =
|
|
728
|
+
const o = t.getBoundingClientRect();
|
|
729
|
+
const i = o.y;
|
|
730
|
+
const r = o.height;
|
|
731
|
+
this.itemsContainer.style.top = i + r + "px";
|
|
549
732
|
if (this.popOver) {
|
|
550
733
|
//redefine .items-container "left" value
|
|
551
|
-
const t =
|
|
734
|
+
const t = o.x;
|
|
552
735
|
this.itemsContainer.style.left = t + "px";
|
|
553
736
|
}
|
|
554
737
|
}
|
|
555
738
|
itemsContainerBottomOverflows() {
|
|
556
739
|
const t = window.innerHeight;
|
|
557
740
|
const e = this.el.getBoundingClientRect().bottom;
|
|
558
|
-
const
|
|
559
|
-
const
|
|
560
|
-
const
|
|
561
|
-
return
|
|
741
|
+
const o = this.itemsContainer.clientHeight;
|
|
742
|
+
const i = e + o;
|
|
743
|
+
const r = i > t;
|
|
744
|
+
return r;
|
|
562
745
|
}
|
|
563
746
|
render() {
|
|
564
747
|
const t = this.value && !this.disableFilter && !this.disableClear;
|
|
565
|
-
return o
|
|
748
|
+
return e(o, {
|
|
566
749
|
class: {
|
|
567
750
|
"gxg-combo-box--disabled": this.disableFilter,
|
|
568
751
|
tooltip: this.toolTip,
|
|
@@ -573,25 +756,25 @@ const f = class {
|
|
|
573
756
|
minWidth: this.minWidth
|
|
574
757
|
},
|
|
575
758
|
exportParts: this.exportparts ? this.exportparts : null
|
|
576
|
-
},
|
|
759
|
+
}, e("div", {
|
|
577
760
|
class: {
|
|
578
761
|
"main-container": true
|
|
579
762
|
},
|
|
580
763
|
ref: t => this.mainContainer = t
|
|
581
|
-
}, this.label ?
|
|
764
|
+
}, this.label ? e("gxg-label", {
|
|
582
765
|
labelPosition: this.labelPosition,
|
|
583
766
|
center: this.centerLabel,
|
|
584
767
|
width: this.labelWidth
|
|
585
|
-
}, this.label) : null,
|
|
768
|
+
}, this.label) : null, e("div", {
|
|
586
769
|
class: "outer-wrapper"
|
|
587
|
-
},
|
|
770
|
+
}, e("div", {
|
|
588
771
|
class: "search-and-items-container",
|
|
589
772
|
ref: t => this.searchItemsContainer = t
|
|
590
|
-
},
|
|
773
|
+
}, e("div", {
|
|
591
774
|
class: {
|
|
592
775
|
"search-container": true
|
|
593
776
|
}
|
|
594
|
-
},
|
|
777
|
+
}, e("gxg-form-text", {
|
|
595
778
|
placeholder: this.placeholder,
|
|
596
779
|
onInput: this.inputHandler.bind(this),
|
|
597
780
|
onKeyDown: this.keyDownHandler,
|
|
@@ -612,9 +795,9 @@ const f = class {
|
|
|
612
795
|
"icon-end": !t
|
|
613
796
|
},
|
|
614
797
|
part: this.parts.input
|
|
615
|
-
}),
|
|
798
|
+
}), e("div", {
|
|
616
799
|
class: "buttons-wrapper"
|
|
617
|
-
}, t ?
|
|
800
|
+
}, t ? e("gxg-button", {
|
|
618
801
|
class: {
|
|
619
802
|
"button-icon delete-icon": true
|
|
620
803
|
},
|
|
@@ -625,7 +808,7 @@ const f = class {
|
|
|
625
808
|
disabled: this.disabled,
|
|
626
809
|
part: this.parts.clearButton,
|
|
627
810
|
small: true
|
|
628
|
-
}) : null,
|
|
811
|
+
}) : null, e("gxg-button", {
|
|
629
812
|
class: {
|
|
630
813
|
"button-icon": true
|
|
631
814
|
},
|
|
@@ -636,7 +819,7 @@ const f = class {
|
|
|
636
819
|
tabindex: "-1",
|
|
637
820
|
part: this.parts.toggleButton,
|
|
638
821
|
small: true
|
|
639
|
-
}))),
|
|
822
|
+
}))), e("div", {
|
|
640
823
|
class: {
|
|
641
824
|
"items-container": true,
|
|
642
825
|
"items-container--not-popover": !this.popOver,
|
|
@@ -650,7 +833,7 @@ const f = class {
|
|
|
650
833
|
maxHeight: this.listMaxHeight
|
|
651
834
|
},
|
|
652
835
|
ref: t => this.itemsContainer = t
|
|
653
|
-
},
|
|
836
|
+
}, e("slot", null), null)), this.toolTip ? a(this, false) : null)), !this.toolTip ? s(this) : null);
|
|
654
837
|
}
|
|
655
838
|
static get delegatesFocus() {
|
|
656
839
|
return true;
|
|
@@ -665,12 +848,12 @@ const f = class {
|
|
|
665
848
|
}
|
|
666
849
|
};
|
|
667
850
|
|
|
668
|
-
|
|
851
|
+
b.style = g;
|
|
669
852
|
|
|
670
|
-
const
|
|
853
|
+
const m = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--ds-background-color-disabled) !important;color:var(--ds-color--disabled) !important;border-color:var(--ds-border-color-disabled) !important;cursor:default !important}:host{--ds-icon-size--small:var(--gxg-combo-box-item_icon-size);display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-size:inherit;color:inherit;opacity:1;overflow:hidden;border-radius:var(--gxg-combo-box-item_border-radius)}:host .container{display:flex;align-items:center;padding:var(--gxg-combo-box-item_padding);width:100%;height:var(--ds-list-item-height--spaced);box-sizing:border-box;gap:var(--gxg-combo-box-item_container-gap)}:host gxg-icon{flex-shrink:0;--gxg-icon-color:var(--gxg-combo-box-item--active_icon-color)}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-inline-start:var(--gxg-combo-box-item_container-no-icon-pis)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--ds-item-background-color--hover)}:host(:hover) .container{color:var(--gxg-combo-box-item_container-color--hover)}:host([selected]){background-color:var(--ds-item-background-color--selected);color:var(--gxg-combo-box-item--selected_color)}:host([selected]:hover){background-color:var(--ds-item-background-color--selected-hover);color:var(--gxg-combo-box-item--selected_color)}";
|
|
671
854
|
|
|
672
|
-
const
|
|
673
|
-
constructor(
|
|
855
|
+
const v = class {
|
|
856
|
+
constructor(e) {
|
|
674
857
|
/*********************************
|
|
675
858
|
WATCH
|
|
676
859
|
*********************************/
|
|
@@ -687,10 +870,10 @@ const b = class {
|
|
|
687
870
|
icon: this.icon
|
|
688
871
|
});
|
|
689
872
|
};
|
|
690
|
-
t(this,
|
|
691
|
-
this.itemSelected =
|
|
692
|
-
this.itemDidLoad =
|
|
693
|
-
this.keyDownPressed =
|
|
873
|
+
t(this, e);
|
|
874
|
+
this.itemSelected = r(this, "itemSelected", 7);
|
|
875
|
+
this.itemDidLoad = r(this, "itemDidLoad", 7);
|
|
876
|
+
this.keyDownPressed = r(this, "keyDownPressed", 7);
|
|
694
877
|
this.icon = undefined;
|
|
695
878
|
this.value = undefined;
|
|
696
879
|
this.index = undefined;
|
|
@@ -725,29 +908,29 @@ const b = class {
|
|
|
725
908
|
}
|
|
726
909
|
}
|
|
727
910
|
render() {
|
|
728
|
-
return o
|
|
911
|
+
return e(o, {
|
|
729
912
|
onClick: this.clickHandler,
|
|
730
913
|
class: {
|
|
731
914
|
large: c.large,
|
|
732
915
|
"no-icon": !this.icon,
|
|
733
|
-
[
|
|
916
|
+
[d["DISABLED_CLASS"]]: this.disabled
|
|
734
917
|
}
|
|
735
|
-
},
|
|
918
|
+
}, e("div", {
|
|
736
919
|
class: {
|
|
737
920
|
container: true,
|
|
738
921
|
"form-element": true
|
|
739
922
|
}
|
|
740
|
-
}, this.icon ?
|
|
923
|
+
}, this.icon ? e("gxg-icon", {
|
|
741
924
|
color: this.iconColorHandler(),
|
|
742
925
|
size: "small",
|
|
743
926
|
type: this.icon
|
|
744
|
-
}) : null,
|
|
927
|
+
}) : null, e("div", {
|
|
745
928
|
class: "description"
|
|
746
|
-
},
|
|
929
|
+
}, e("slot", null))));
|
|
747
930
|
}
|
|
748
931
|
};
|
|
749
932
|
|
|
750
|
-
|
|
933
|
+
v.style = m;
|
|
751
934
|
|
|
752
|
-
export { f as
|
|
753
|
-
//# sourceMappingURL=p-
|
|
935
|
+
export { f as gx_ide_container, b as gxg_combo_box, v as gxg_combo_box_item };
|
|
936
|
+
//# sourceMappingURL=p-74bfec22.entry.js.map
|