@genexus/genexus-ide-ui 0.0.133 → 0.0.134
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/gx-ide-bpm-timer-duration.cjs.entry.js +59 -0
- package/dist/cjs/gx-ide-bpm-timer-duration.cjs.entry.js.map +1 -0
- package/dist/cjs/{gxg-form-checkbox.cjs.entry.js → gx-ide-container_2.cjs.entry.js} +174 -1
- package/dist/cjs/gx-ide-container_2.cjs.entry.js.map +1 -0
- package/dist/cjs/gx-ide-title_2.cjs.entry.js +77 -0
- package/dist/cjs/gx-ide-title_2.cjs.entry.js.map +1 -0
- package/dist/cjs/{gx-ide-title_3.cjs.entry.js → gxg-button.cjs.entry.js} +1 -70
- package/dist/cjs/gxg-button.cjs.entry.js.map +1 -0
- package/dist/cjs/{gx-ide-container_3.cjs.entry.js → gxg-combo-box_2.cjs.entry.js} +1 -174
- package/dist/cjs/gxg-combo-box_2.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/bpm/timer-duration/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.en.json +19 -0
- package/dist/collection/components/bpm/timer-duration/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.ja.json +3 -0
- package/dist/collection/components/bpm/timer-duration/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.zh.json +3 -0
- package/dist/collection/components/bpm/timer-duration/timer-duration.css +554 -0
- package/dist/collection/components/bpm/timer-duration/timer-duration.js +170 -0
- package/dist/collection/components/bpm/timer-duration/timer-duration.js.map +1 -0
- package/dist/components/gx-ide-bpm-timer-duration.d.ts +11 -0
- package/dist/components/gx-ide-bpm-timer-duration.js +96 -0
- package/dist/components/gx-ide-bpm-timer-duration.js.map +1 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-bpm-timer-duration.entry.js +55 -0
- package/dist/esm/gx-ide-bpm-timer-duration.entry.js.map +1 -0
- package/dist/esm/gx-ide-container_2.entry.js +319 -0
- package/dist/esm/gx-ide-container_2.entry.js.map +1 -0
- package/dist/esm/gx-ide-title_2.entry.js +72 -0
- package/dist/esm/gx-ide-title_2.entry.js.map +1 -0
- package/dist/esm/{gx-ide-title_3.entry.js → gxg-button.entry.js} +3 -70
- package/dist/esm/{gx-ide-title_3.entry.js.map → gxg-button.entry.js.map} +1 -1
- package/dist/esm/{gx-ide-container_3.entry.js → gxg-combo-box_2.entry.js} +3 -175
- package/dist/esm/gxg-combo-box_2.entry.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +32 -0
- 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/bpm-timer-duration/langs/bpm-timer-duration.lang.en.json +19 -0
- package/dist/genexus-ide-ui/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/{p-9d7a1451.entry.js → p-3ad793aa.entry.js} +89 -165
- package/dist/genexus-ide-ui/p-3ad793aa.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-c49ce410.entry.js → p-5381e7f3.entry.js} +16 -117
- package/dist/genexus-ide-ui/p-5381e7f3.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-7a5810d6.entry.js +364 -0
- package/dist/genexus-ide-ui/p-7a5810d6.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-7b258a37.entry.js +134 -0
- package/dist/genexus-ide-ui/p-7b258a37.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-74bfec22.entry.js → p-f37ec5b8.entry.js} +103 -286
- package/dist/genexus-ide-ui/p-f37ec5b8.entry.js.map +1 -0
- package/dist/types/components/bpm/timer-duration/timer-duration.d.ts +46 -0
- package/dist/types/components.d.ts +66 -0
- package/package.json +1 -1
- package/dist/cjs/gx-ide-container_3.cjs.entry.js.map +0 -1
- package/dist/cjs/gx-ide-title_3.cjs.entry.js.map +0 -1
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js.map +0 -1
- package/dist/esm/gx-ide-container_3.entry.js.map +0 -1
- package/dist/esm/gxg-form-checkbox.entry.js +0 -147
- package/dist/esm/gxg-form-checkbox.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-74bfec22.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-9d7a1451.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-c49ce410.entry.js.map +0 -1
|
@@ -1,222 +1,39 @@
|
|
|
1
|
-
import { r as t,
|
|
1
|
+
import { r as t, c as e, g as i, h as o, H as s } from "./p-48217969.js";
|
|
2
2
|
|
|
3
|
-
import { f as
|
|
3
|
+
import { f as r, a as n } from "./p-6a9b79f1.js";
|
|
4
4
|
|
|
5
|
-
import { K as
|
|
5
|
+
import { K as a } 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
|
|
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;
|
|
11
|
+
import { c as h } from "./p-537654ad.js";
|
|
195
12
|
|
|
196
13
|
function mutationObserverRemoved(t, e) {
|
|
197
|
-
const
|
|
198
|
-
for (const
|
|
199
|
-
if (
|
|
200
|
-
const t = Array.from(
|
|
201
|
-
for (const
|
|
202
|
-
if (
|
|
203
|
-
e.removedItem =
|
|
14
|
+
const i = new MutationObserver((t => {
|
|
15
|
+
for (const i of t) {
|
|
16
|
+
if (i.type === "childList") {
|
|
17
|
+
const t = Array.from(i.removedNodes);
|
|
18
|
+
for (const i of t) {
|
|
19
|
+
if (i.nodeType === Node.ELEMENT_NODE) {
|
|
20
|
+
e.removedItem = i;
|
|
204
21
|
}
|
|
205
22
|
}
|
|
206
23
|
}
|
|
207
24
|
}
|
|
208
25
|
}));
|
|
209
|
-
|
|
26
|
+
i.observe(t, {
|
|
210
27
|
childList: true
|
|
211
28
|
});
|
|
212
|
-
return
|
|
29
|
+
return i;
|
|
213
30
|
// Return the observer instance if needed
|
|
214
31
|
}
|
|
215
32
|
|
|
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}";
|
|
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}";
|
|
217
34
|
|
|
218
|
-
const
|
|
219
|
-
constructor(
|
|
35
|
+
const f = class {
|
|
36
|
+
constructor(i) {
|
|
220
37
|
this.parts = {
|
|
221
38
|
input: "input",
|
|
222
39
|
clearButton: "clear-button",
|
|
@@ -224,7 +41,7 @@ const b = class {
|
|
|
224
41
|
};
|
|
225
42
|
this.prevEmittedValue = null;
|
|
226
43
|
this.userTyped = false;
|
|
227
|
-
this.formMessageLogic =
|
|
44
|
+
this.formMessageLogic = r;
|
|
228
45
|
this.detectClickOutsideCombo = this.detectClickOutsideComboFunc.bind(this);
|
|
229
46
|
this.detectMouseScroll = this.detectMouseScrollFunc.bind(this);
|
|
230
47
|
this.attachExportParts = () => {
|
|
@@ -253,30 +70,30 @@ const b = class {
|
|
|
253
70
|
}
|
|
254
71
|
};
|
|
255
72
|
this.keyDownHandler = t => {
|
|
256
|
-
if (t.code ===
|
|
73
|
+
if (t.code === a.ARROW_DOWN || t.code === a.ARROW_UP) {
|
|
257
74
|
t.preventDefault();
|
|
258
75
|
}
|
|
259
76
|
let e;
|
|
260
|
-
if (t.code ===
|
|
77
|
+
if (t.code === a.ARROW_DOWN) {
|
|
261
78
|
e = this.getNewItem("next");
|
|
262
79
|
(e === null || e === void 0 ? void 0 : e.value) && (this.value = e === null || e === void 0 ? void 0 : e.value);
|
|
263
80
|
t.altKey && this.showList();
|
|
264
|
-
} else if (t.code ===
|
|
81
|
+
} else if (t.code === a.ARROW_UP) {
|
|
265
82
|
e = this.getNewItem("prev");
|
|
266
83
|
(e === null || e === void 0 ? void 0 : e.value) && (this.value = e === null || e === void 0 ? void 0 : e.value);
|
|
267
|
-
} else if (t.code ===
|
|
84
|
+
} else if (t.code === a.ENTER) {
|
|
268
85
|
if (this.preventEnterPropagation && this.listIsOpen) {
|
|
269
86
|
t.stopPropagation();
|
|
270
87
|
}
|
|
271
88
|
this.hideList();
|
|
272
89
|
this.showAllItems();
|
|
273
90
|
this.evaluateValueChangedEmit();
|
|
274
|
-
} else if (t.code ===
|
|
91
|
+
} else if (t.code === a.SPACE) {
|
|
275
92
|
this.showList();
|
|
276
|
-
} else if (t.code ===
|
|
93
|
+
} else if (t.code === a.ESCAPE) {
|
|
277
94
|
this.showAllItems();
|
|
278
95
|
this.hideList();
|
|
279
|
-
} else if (t.code ===
|
|
96
|
+
} else if (t.code === a.TAB && this.showList) {
|
|
280
97
|
this.hideList();
|
|
281
98
|
}
|
|
282
99
|
};
|
|
@@ -293,9 +110,9 @@ const b = class {
|
|
|
293
110
|
if (this.selectedItem) {
|
|
294
111
|
const t = this.selectedItem.getBoundingClientRect().top;
|
|
295
112
|
const e = this.selectedItem.getBoundingClientRect().bottom;
|
|
296
|
-
const
|
|
297
|
-
const
|
|
298
|
-
if (t <
|
|
113
|
+
const i = this.itemsContainer.getBoundingClientRect().top;
|
|
114
|
+
const o = this.itemsContainer.getBoundingClientRect().bottom;
|
|
115
|
+
if (t < i || e > o) {
|
|
299
116
|
this.selectedItem.scrollIntoView({
|
|
300
117
|
behavior: "smooth"
|
|
301
118
|
});
|
|
@@ -316,24 +133,24 @@ const b = class {
|
|
|
316
133
|
t = this.sanitizeString(t);
|
|
317
134
|
!this.caseSensitive && (t = t.toLowerCase());
|
|
318
135
|
const e = this.getEnabledItems();
|
|
319
|
-
const
|
|
136
|
+
const i = [];
|
|
320
137
|
if (e.length) {
|
|
321
138
|
e.forEach((e => {
|
|
322
|
-
const
|
|
323
|
-
if (!e.disabled &&
|
|
324
|
-
|
|
139
|
+
const o = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
|
|
140
|
+
if (!e.disabled && o.includes(t)) {
|
|
141
|
+
i.push(e);
|
|
325
142
|
e.hidden = false;
|
|
326
143
|
} else {
|
|
327
144
|
e.hidden = true;
|
|
328
145
|
}
|
|
329
146
|
}));
|
|
330
147
|
}
|
|
331
|
-
if (
|
|
148
|
+
if (i.length >= 1) {
|
|
332
149
|
this.showList();
|
|
333
150
|
} else {
|
|
334
151
|
this.hideList();
|
|
335
152
|
}
|
|
336
|
-
return
|
|
153
|
+
return i;
|
|
337
154
|
};
|
|
338
155
|
this.showAllItems = () => {
|
|
339
156
|
const t = this.getEnabledItems();
|
|
@@ -384,8 +201,8 @@ const b = class {
|
|
|
384
201
|
this.getItemByValue = t => {
|
|
385
202
|
let e;
|
|
386
203
|
if (t) {
|
|
387
|
-
const
|
|
388
|
-
e =
|
|
204
|
+
const i = this.getEnabledItems();
|
|
205
|
+
e = i.find((e => !e.disabled && (e === null || e === void 0 ? void 0 : e.value) && e.value === t));
|
|
389
206
|
}
|
|
390
207
|
return e;
|
|
391
208
|
};
|
|
@@ -401,27 +218,27 @@ const b = class {
|
|
|
401
218
|
if (t) {
|
|
402
219
|
!this.caseSensitive && (t = t.toLowerCase());
|
|
403
220
|
const e = this.getEnabledItems();
|
|
404
|
-
const
|
|
405
|
-
const
|
|
406
|
-
return !e.disabled &&
|
|
221
|
+
const i = e === null || e === void 0 ? void 0 : e.find((e => {
|
|
222
|
+
const i = !this.caseSensitive ? e.textContent.toLocaleLowerCase() : e.textContent;
|
|
223
|
+
return !e.disabled && i === t;
|
|
407
224
|
}));
|
|
408
|
-
return
|
|
225
|
+
return i === null || i === void 0 ? void 0 : i.value;
|
|
409
226
|
} else {
|
|
410
227
|
return undefined;
|
|
411
228
|
}
|
|
412
229
|
};
|
|
413
230
|
this.getNewItem = t => {
|
|
414
231
|
const e = this.getFilteredItems();
|
|
415
|
-
const
|
|
232
|
+
const i = e === null || e === void 0 ? void 0 : e.findIndex((t => t.selected));
|
|
416
233
|
if (t === "next") {
|
|
417
|
-
if (
|
|
234
|
+
if (i === -1) {
|
|
418
235
|
/*no selectedItem at the time*/
|
|
419
236
|
return e[0];
|
|
420
237
|
}
|
|
421
|
-
return e[
|
|
238
|
+
return e[i + 1];
|
|
422
239
|
} else if (t === "prev") {
|
|
423
|
-
if (
|
|
424
|
-
return e[
|
|
240
|
+
if (i !== -1) {
|
|
241
|
+
return e[i - 1];
|
|
425
242
|
}
|
|
426
243
|
}
|
|
427
244
|
};
|
|
@@ -502,11 +319,11 @@ const b = class {
|
|
|
502
319
|
this.inputTextIcon = null;
|
|
503
320
|
}
|
|
504
321
|
};
|
|
505
|
-
t(this,
|
|
506
|
-
this.valueChanged =
|
|
507
|
-
this.opened =
|
|
508
|
-
this.closed =
|
|
509
|
-
this.toggled =
|
|
322
|
+
t(this, i);
|
|
323
|
+
this.valueChanged = e(this, "valueChanged", 7);
|
|
324
|
+
this.opened = e(this, "opened", 7);
|
|
325
|
+
this.closed = e(this, "closed", 7);
|
|
326
|
+
this.toggled = e(this, "toggled", 7);
|
|
510
327
|
this.popOver = false;
|
|
511
328
|
this.toolTip = false;
|
|
512
329
|
this.preventEnterPropagation = false;
|
|
@@ -573,14 +390,14 @@ const b = class {
|
|
|
573
390
|
}
|
|
574
391
|
async getValueByIndex(t) {
|
|
575
392
|
const e = this.getEnabledItems();
|
|
576
|
-
const
|
|
577
|
-
return
|
|
393
|
+
const i = e.filter((e => e.index === t))[0];
|
|
394
|
+
return i === null || i === void 0 ? void 0 : i.value;
|
|
578
395
|
}
|
|
579
396
|
async setValueByIndex(t) {
|
|
580
397
|
const e = this.getEnabledItems();
|
|
581
|
-
const
|
|
582
|
-
if (
|
|
583
|
-
this.value =
|
|
398
|
+
const i = e.filter((e => e.index === t))[0];
|
|
399
|
+
if (i && i.value) {
|
|
400
|
+
this.value = i.value;
|
|
584
401
|
return true;
|
|
585
402
|
}
|
|
586
403
|
return false;
|
|
@@ -614,22 +431,22 @@ const b = class {
|
|
|
614
431
|
setTimeout((() => {
|
|
615
432
|
this.clearSelectedItem();
|
|
616
433
|
let e;
|
|
617
|
-
let
|
|
434
|
+
let i = undefined;
|
|
618
435
|
if (this.userTyped) {
|
|
619
436
|
e = this.getValueByText(t);
|
|
620
437
|
} else {
|
|
621
438
|
!this.listIsOpen && this.showAllItems();
|
|
622
439
|
e = t;
|
|
623
440
|
}
|
|
624
|
-
|
|
625
|
-
if (
|
|
626
|
-
this.setSelectedItem(
|
|
627
|
-
this.setIcon(
|
|
628
|
-
const t =
|
|
441
|
+
i = this.getItemByValue(e);
|
|
442
|
+
if (i) {
|
|
443
|
+
this.setSelectedItem(i);
|
|
444
|
+
this.setIcon(i.icon);
|
|
445
|
+
const t = i.textContent;
|
|
629
446
|
if (t.length > 0) {
|
|
630
447
|
this.text = t;
|
|
631
448
|
} else {
|
|
632
|
-
this.text =
|
|
449
|
+
this.text = i.value;
|
|
633
450
|
}
|
|
634
451
|
} else {
|
|
635
452
|
//this.setIcon(undefined);
|
|
@@ -691,11 +508,11 @@ const b = class {
|
|
|
691
508
|
}
|
|
692
509
|
detectClickOutsideComboFunc(t) {
|
|
693
510
|
const e = this.el.shadowRoot.querySelector(".main-container");
|
|
694
|
-
const
|
|
695
|
-
const
|
|
511
|
+
const i = t.x;
|
|
512
|
+
const o = t.y;
|
|
696
513
|
//Contextual menu coordinates
|
|
697
|
-
const
|
|
698
|
-
if (
|
|
514
|
+
const s = e.getBoundingClientRect();
|
|
515
|
+
if (i > s.left && i < s.right && o > s.top && o < s.bottom || t.screenX === 0 && t.screenY === 0 && t.clientX === 0 && t.clientY === 0) ; else {
|
|
699
516
|
this.listIsOpen = false;
|
|
700
517
|
//Click happened outside the combo
|
|
701
518
|
}
|
|
@@ -725,27 +542,27 @@ const b = class {
|
|
|
725
542
|
const e = t.clientWidth;
|
|
726
543
|
this.itemsContainer.style.width = e + "px";
|
|
727
544
|
//redefine .items-container "top" value
|
|
728
|
-
const
|
|
729
|
-
const
|
|
730
|
-
const
|
|
731
|
-
this.itemsContainer.style.top =
|
|
545
|
+
const i = t.getBoundingClientRect();
|
|
546
|
+
const o = i.y;
|
|
547
|
+
const s = i.height;
|
|
548
|
+
this.itemsContainer.style.top = o + s + "px";
|
|
732
549
|
if (this.popOver) {
|
|
733
550
|
//redefine .items-container "left" value
|
|
734
|
-
const t =
|
|
551
|
+
const t = i.x;
|
|
735
552
|
this.itemsContainer.style.left = t + "px";
|
|
736
553
|
}
|
|
737
554
|
}
|
|
738
555
|
itemsContainerBottomOverflows() {
|
|
739
556
|
const t = window.innerHeight;
|
|
740
557
|
const e = this.el.getBoundingClientRect().bottom;
|
|
741
|
-
const
|
|
742
|
-
const
|
|
743
|
-
const
|
|
744
|
-
return
|
|
558
|
+
const i = this.itemsContainer.clientHeight;
|
|
559
|
+
const o = e + i;
|
|
560
|
+
const s = o > t;
|
|
561
|
+
return s;
|
|
745
562
|
}
|
|
746
563
|
render() {
|
|
747
564
|
const t = this.value && !this.disableFilter && !this.disableClear;
|
|
748
|
-
return
|
|
565
|
+
return o(s, {
|
|
749
566
|
class: {
|
|
750
567
|
"gxg-combo-box--disabled": this.disableFilter,
|
|
751
568
|
tooltip: this.toolTip,
|
|
@@ -756,25 +573,25 @@ const b = class {
|
|
|
756
573
|
minWidth: this.minWidth
|
|
757
574
|
},
|
|
758
575
|
exportParts: this.exportparts ? this.exportparts : null
|
|
759
|
-
},
|
|
576
|
+
}, o("div", {
|
|
760
577
|
class: {
|
|
761
578
|
"main-container": true
|
|
762
579
|
},
|
|
763
580
|
ref: t => this.mainContainer = t
|
|
764
|
-
}, this.label ?
|
|
581
|
+
}, this.label ? o("gxg-label", {
|
|
765
582
|
labelPosition: this.labelPosition,
|
|
766
583
|
center: this.centerLabel,
|
|
767
584
|
width: this.labelWidth
|
|
768
|
-
}, this.label) : null,
|
|
585
|
+
}, this.label) : null, o("div", {
|
|
769
586
|
class: "outer-wrapper"
|
|
770
|
-
},
|
|
587
|
+
}, o("div", {
|
|
771
588
|
class: "search-and-items-container",
|
|
772
589
|
ref: t => this.searchItemsContainer = t
|
|
773
|
-
},
|
|
590
|
+
}, o("div", {
|
|
774
591
|
class: {
|
|
775
592
|
"search-container": true
|
|
776
593
|
}
|
|
777
|
-
},
|
|
594
|
+
}, o("gxg-form-text", {
|
|
778
595
|
placeholder: this.placeholder,
|
|
779
596
|
onInput: this.inputHandler.bind(this),
|
|
780
597
|
onKeyDown: this.keyDownHandler,
|
|
@@ -795,9 +612,9 @@ const b = class {
|
|
|
795
612
|
"icon-end": !t
|
|
796
613
|
},
|
|
797
614
|
part: this.parts.input
|
|
798
|
-
}),
|
|
615
|
+
}), o("div", {
|
|
799
616
|
class: "buttons-wrapper"
|
|
800
|
-
}, t ?
|
|
617
|
+
}, t ? o("gxg-button", {
|
|
801
618
|
class: {
|
|
802
619
|
"button-icon delete-icon": true
|
|
803
620
|
},
|
|
@@ -808,7 +625,7 @@ const b = class {
|
|
|
808
625
|
disabled: this.disabled,
|
|
809
626
|
part: this.parts.clearButton,
|
|
810
627
|
small: true
|
|
811
|
-
}) : null,
|
|
628
|
+
}) : null, o("gxg-button", {
|
|
812
629
|
class: {
|
|
813
630
|
"button-icon": true
|
|
814
631
|
},
|
|
@@ -819,7 +636,7 @@ const b = class {
|
|
|
819
636
|
tabindex: "-1",
|
|
820
637
|
part: this.parts.toggleButton,
|
|
821
638
|
small: true
|
|
822
|
-
}))),
|
|
639
|
+
}))), o("div", {
|
|
823
640
|
class: {
|
|
824
641
|
"items-container": true,
|
|
825
642
|
"items-container--not-popover": !this.popOver,
|
|
@@ -833,7 +650,7 @@ const b = class {
|
|
|
833
650
|
maxHeight: this.listMaxHeight
|
|
834
651
|
},
|
|
835
652
|
ref: t => this.itemsContainer = t
|
|
836
|
-
},
|
|
653
|
+
}, o("slot", null), null)), this.toolTip ? n(this, false) : null)), !this.toolTip ? r(this) : null);
|
|
837
654
|
}
|
|
838
655
|
static get delegatesFocus() {
|
|
839
656
|
return true;
|
|
@@ -848,12 +665,12 @@ const b = class {
|
|
|
848
665
|
}
|
|
849
666
|
};
|
|
850
667
|
|
|
851
|
-
|
|
668
|
+
f.style = d;
|
|
852
669
|
|
|
853
|
-
const
|
|
670
|
+
const g = ":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)}";
|
|
854
671
|
|
|
855
|
-
const
|
|
856
|
-
constructor(
|
|
672
|
+
const b = class {
|
|
673
|
+
constructor(i) {
|
|
857
674
|
/*********************************
|
|
858
675
|
WATCH
|
|
859
676
|
*********************************/
|
|
@@ -870,10 +687,10 @@ const v = class {
|
|
|
870
687
|
icon: this.icon
|
|
871
688
|
});
|
|
872
689
|
};
|
|
873
|
-
t(this,
|
|
874
|
-
this.itemSelected =
|
|
875
|
-
this.itemDidLoad =
|
|
876
|
-
this.keyDownPressed =
|
|
690
|
+
t(this, i);
|
|
691
|
+
this.itemSelected = e(this, "itemSelected", 7);
|
|
692
|
+
this.itemDidLoad = e(this, "itemDidLoad", 7);
|
|
693
|
+
this.keyDownPressed = e(this, "keyDownPressed", 7);
|
|
877
694
|
this.icon = undefined;
|
|
878
695
|
this.value = undefined;
|
|
879
696
|
this.index = undefined;
|
|
@@ -908,29 +725,29 @@ const v = class {
|
|
|
908
725
|
}
|
|
909
726
|
}
|
|
910
727
|
render() {
|
|
911
|
-
return
|
|
728
|
+
return o(s, {
|
|
912
729
|
onClick: this.clickHandler,
|
|
913
730
|
class: {
|
|
914
731
|
large: c.large,
|
|
915
732
|
"no-icon": !this.icon,
|
|
916
|
-
[
|
|
733
|
+
[h["DISABLED_CLASS"]]: this.disabled
|
|
917
734
|
}
|
|
918
|
-
},
|
|
735
|
+
}, o("div", {
|
|
919
736
|
class: {
|
|
920
737
|
container: true,
|
|
921
738
|
"form-element": true
|
|
922
739
|
}
|
|
923
|
-
}, this.icon ?
|
|
740
|
+
}, this.icon ? o("gxg-icon", {
|
|
924
741
|
color: this.iconColorHandler(),
|
|
925
742
|
size: "small",
|
|
926
743
|
type: this.icon
|
|
927
|
-
}) : null,
|
|
744
|
+
}) : null, o("div", {
|
|
928
745
|
class: "description"
|
|
929
|
-
},
|
|
746
|
+
}, o("slot", null))));
|
|
930
747
|
}
|
|
931
748
|
};
|
|
932
749
|
|
|
933
|
-
|
|
750
|
+
b.style = g;
|
|
934
751
|
|
|
935
|
-
export { f as
|
|
936
|
-
//# sourceMappingURL=p-
|
|
752
|
+
export { f as gxg_combo_box, b as gxg_combo_box_item };
|
|
753
|
+
//# sourceMappingURL=p-f37ec5b8.entry.js.map
|