@genexus/genexus-ide-ui 0.0.133 → 0.0.135
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/gx-ide-connect-gx-server.cjs.entry.js +3 -5
- package/dist/cjs/gx-ide-connect-gx-server.cjs.entry.js.map +1 -1
- 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/collection/components/connect-gx-server/connect-gx-server.js +7 -9
- package/dist/collection/components/connect-gx-server/connect-gx-server.js.map +1 -1
- 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/components/gx-ide-connect-gx-server.js +3 -5
- package/dist/components/gx-ide-connect-gx-server.js.map +1 -1
- 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-connect-gx-server.entry.js +3 -5
- package/dist/esm/gx-ide-connect-gx-server.entry.js.map +1 -1
- 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-64de1e77.entry.js → p-89dd5963.entry.js} +5 -5
- package/dist/genexus-ide-ui/p-89dd5963.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/connect-gx-server/connect-gx-server.d.ts +5 -3
- package/dist/types/components.d.ts +70 -4
- 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-64de1e77.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
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-5ab4492a.js');
|
|
6
|
+
const store = require('./store-ea3722c0.js');
|
|
7
|
+
|
|
8
|
+
const titleCss$1 = ":host{--gx-ide-title-padding:var(--gx-ide-container--padding, --mer-spacing--sm);display:flex;flex-direction:column;color:var(--gx-ide-component-text-color);font-family:var(--mer-font-family--primary);line-height:1.6em;background-color:transparent;padding:0}:host(.alignment--start){align-items:start}:host(.alignment--center){align-items:center}:host(.alignment--start){text-align:start}:host([padding]){padding:var(--gx-ide-title-padding)}:host([no-padding-bottom]){padding-bottom:0}:host([border]){border-bottom:1px solid var(--gx-ide-container-border-color)}:host(.title-type--secondary){color:var(--gray-06)}";
|
|
9
|
+
|
|
10
|
+
const GxIdeTitle = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.titleCaption = undefined;
|
|
14
|
+
this.type = "primary";
|
|
15
|
+
this.alignment = "start";
|
|
16
|
+
this.padding = false;
|
|
17
|
+
this.noPaddingBottom = false;
|
|
18
|
+
this.border = false;
|
|
19
|
+
}
|
|
20
|
+
componentWillLoad() {
|
|
21
|
+
if (this.type === "primary") {
|
|
22
|
+
this.geminiType = "title-04";
|
|
23
|
+
}
|
|
24
|
+
else if (this.type === "secondary") {
|
|
25
|
+
this.geminiType = "title-05";
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return (index.h(index.Host, { class: {
|
|
30
|
+
[`alignment--${this.alignment}`]: true,
|
|
31
|
+
[`title-type--${this.type}`]: true
|
|
32
|
+
} }, index.h("gxg-title", { type: this.geminiType, alignment: this.alignment }, index.h("slot", null))));
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
GxIdeTitle.style = titleCss$1;
|
|
36
|
+
|
|
37
|
+
const titleCss = "/*! 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 h1,:host h2,:host h3,:host h4,:host h5{margin:0;color:inherit;background-color:transparent}:host([alignment=start]) h1,:host([alignment=start]) h2,:host([alignment=start]) h3,:host([alignment=start]) h4,:host([alignment=start]) h5{text-align:start}:host([alignment=center]) h1,:host([alignment=center]) h2,:host([alignment=center]) h3,:host([alignment=center]) h4,:host([alignment=center]) h5{text-align:center}:host([alignment=end]) h1,:host([alignment=end]) h2,:host([alignment=end]) h3,:host([alignment=end]) h4,:host([alignment=end]) h5{text-align:end}";
|
|
38
|
+
|
|
39
|
+
const GxgTitle = class {
|
|
40
|
+
constructor(hostRef) {
|
|
41
|
+
index.registerInstance(this, hostRef);
|
|
42
|
+
this.type = "title-01";
|
|
43
|
+
this.alignment = "start";
|
|
44
|
+
}
|
|
45
|
+
titleType() {
|
|
46
|
+
let title;
|
|
47
|
+
switch (this.type) {
|
|
48
|
+
case "title-01":
|
|
49
|
+
title = (index.h("h1", { class: "gxg-title-01", part: "title" }, index.h("slot", null)));
|
|
50
|
+
break;
|
|
51
|
+
case "title-02":
|
|
52
|
+
title = (index.h("h2", { class: "gxg-title-02", part: "title" }, index.h("slot", null)));
|
|
53
|
+
break;
|
|
54
|
+
case "title-03":
|
|
55
|
+
title = (index.h("h3", { class: "gxg-title-03", part: "title" }, index.h("slot", null)));
|
|
56
|
+
break;
|
|
57
|
+
case "title-04":
|
|
58
|
+
title = (index.h("h4", { class: "gxg-title-04", part: "title" }, index.h("slot", null)));
|
|
59
|
+
break;
|
|
60
|
+
case "title-05":
|
|
61
|
+
title = (index.h("h5", { class: "gxg-title-05", part: "title" }, index.h("slot", null)));
|
|
62
|
+
break;
|
|
63
|
+
default:
|
|
64
|
+
title = (index.h("h1", { class: "gxg-title-06", part: "title" }, index.h("slot", null)));
|
|
65
|
+
}
|
|
66
|
+
return title;
|
|
67
|
+
}
|
|
68
|
+
render() {
|
|
69
|
+
return index.h(index.Host, { class: { large: store.state.large } }, this.titleType(), " ");
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
GxgTitle.style = titleCss;
|
|
73
|
+
|
|
74
|
+
exports.gx_ide_title = GxIdeTitle;
|
|
75
|
+
exports.gxg_title = GxgTitle;
|
|
76
|
+
|
|
77
|
+
//# sourceMappingURL=gx-ide-title_2.cjs.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"gx-ide-title.gxg-title.entry.cjs.js","mappings":";;;;;;;AAAA,MAAMA,UAAQ,GAAG,umBAAumB;;MCQ3mB,UAAU;;;;oBAec,SAAS;yBAKC,OAAO;uBAKC,KAAK;+BAKG,KAAK;sBAKd,KAAK;;IAEzD,iBAAiB;QACf,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YAC3B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;SAC9B;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;YACpC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;SAC9B;KACF;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,IACH,KAAK,EAAE;gBACL,CAAC,cAAc,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI;gBACtC,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;aACnC,IAEDD,uBAAW,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,IACzDA,qBAAa,CACH,CACP,EACP;KACH;;;;AClEH,MAAM,QAAQ,GAAG,8uUAA8uU;;MCElvU,QAAQ;IACjB;;QACI,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;KAC5B;IACD,SAAS;QACL,IAAI,KAAK,CAAC;QACV,QAAQ,IAAI,CAAC,IAAI;YACb,KAAK,UAAU;gBACX,KAAK,IAAIA,OAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC7E,MAAM;YACV,KAAK,UAAU;gBACX,KAAK,IAAIA,OAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC7E,MAAM;YACV,KAAK,UAAU;gBACX,KAAK,IAAIA,OAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC7E,MAAM;YACV,KAAK,UAAU;gBACX,KAAK,IAAIA,OAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC7E,MAAM;YACV,KAAK,UAAU;gBACX,KAAK,IAAIA,OAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC7E,MAAM;YACV;gBACI,KAAK,IAAIA,OAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;SACpF;QACD,OAAO,KAAK,CAAC;KAChB;IACD,MAAM;QACF,OAAOA,OAAC,CAACC,UAAI,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAEC,WAAK,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,CAAC,CAAC;KAC5E;;;;;;;","names":["titleCss","h","Host","state"],"sources":["src/components/_helpers/title/title.scss?tag=gx-ide-title&encapsulation=shadow","src/components/_helpers/title/title.tsx","node_modules/@genexus/gemini/dist/collection/components/title/title.css?tag=gxg-title&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/title/title.js"],"sourcesContent":[":host {\n --gx-ide-title-padding: var(--gx-ide-container--padding, --mer-spacing--sm);\n display: flex;\n flex-direction: column;\n color: var(--gx-ide-component-text-color);\n font-family: var(--mer-font-family--primary);\n line-height: 1.6em;\n background-color: transparent;\n padding: 0;\n}\n/*alignment*/\n:host(.alignment--start) {\n align-items: start;\n}\n:host(.alignment--center) {\n align-items: center;\n}\n/*padding*/\n:host(.alignment--start) {\n text-align: start;\n}\n:host([padding]) {\n padding: var(--gx-ide-title-padding);\n}\n:host([no-padding-bottom]) {\n padding-bottom: 0;\n}\n/*border*/\n:host([border]) {\n border-bottom: 1px solid var(--gx-ide-container-border-color);\n}\n/*type*/\n:host(.title-type--primary) {\n}\n:host(.title-type--secondary) {\n //a little subtle\n color: var(--gray-06);\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { TitleType as GeminiTitleType } from \"@genexus/gemini/dist/types/components/title/title\";\n\n@Component({\n tag: \"gx-ide-title\",\n styleUrl: \"title.scss\",\n shadow: true\n})\nexport class GxIdeTitle {\n /**\n * Description: This helper component has been created for using as a title for the dialogs sections.\n */\n\n private geminiType: GeminiTitleType;\n\n /**\n * The title caption (the title)\n */\n @Prop() readonly titleCaption: string;\n\n /**\n * The title caption (the title)\n */\n @Prop() readonly type: TitleType = \"primary\";\n\n /**\n * The title alignment\n */\n @Prop() readonly alignment: TitleAlignment = \"start\";\n\n /**\n * Disables the padding\n */\n @Prop({ reflect: true }) readonly padding: boolean = false;\n\n /**\n * Disables the padding on the bottom\n */\n @Prop({ reflect: true }) readonly noPaddingBottom: boolean = false;\n\n /**\n * Displays a border on the bottom\n */\n @Prop({ reflect: true }) readonly border: boolean = false;\n\n componentWillLoad() {\n if (this.type === \"primary\") {\n this.geminiType = \"title-04\";\n } else if (this.type === \"secondary\") {\n this.geminiType = \"title-05\";\n }\n }\n\n render() {\n return (\n <Host\n class={{\n [`alignment--${this.alignment}`]: true,\n [`title-type--${this.type}`]: true\n }}\n >\n <gxg-title type={this.geminiType} alignment={this.alignment}>\n <slot></slot>\n </gxg-title>\n </Host>\n );\n }\n}\n\nexport type TitleType = \"primary\" | \"secondary\";\n\nexport type TitleAlignment = \"start\" | \"center\";\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5 {\n margin: 0;\n color: inherit;\n background-color: transparent;\n}\n\n/*Aligment*/\n:host([alignment=start]) h1,\n:host([alignment=start]) h2,\n:host([alignment=start]) h3,\n:host([alignment=start]) h4,\n:host([alignment=start]) h5 {\n text-align: start;\n}\n\n:host([alignment=center]) h1,\n:host([alignment=center]) h2,\n:host([alignment=center]) h3,\n:host([alignment=center]) h4,\n:host([alignment=center]) h5 {\n text-align: center;\n}\n\n:host([alignment=end]) h1,\n:host([alignment=end]) h2,\n:host([alignment=end]) h3,\n:host([alignment=end]) h4,\n:host([alignment=end]) h5 {\n text-align: end;\n}","import { Host, h } from \"@stencil/core\";\nimport state from \"../store\";\nexport class GxgTitle {\n constructor() {\n this.type = \"title-01\";\n this.alignment = \"start\";\n }\n titleType() {\n let title;\n switch (this.type) {\n case \"title-01\":\n title = (h(\"h1\", { class: \"gxg-title-01\", part: \"title\" }, h(\"slot\", null)));\n break;\n case \"title-02\":\n title = (h(\"h2\", { class: \"gxg-title-02\", part: \"title\" }, h(\"slot\", null)));\n break;\n case \"title-03\":\n title = (h(\"h3\", { class: \"gxg-title-03\", part: \"title\" }, h(\"slot\", null)));\n break;\n case \"title-04\":\n title = (h(\"h4\", { class: \"gxg-title-04\", part: \"title\" }, h(\"slot\", null)));\n break;\n case \"title-05\":\n title = (h(\"h5\", { class: \"gxg-title-05\", part: \"title\" }, h(\"slot\", null)));\n break;\n default:\n title = (h(\"h1\", { class: \"gxg-title-06\", part: \"title\" }, h(\"slot\", null)));\n }\n return title;\n }\n render() {\n return h(Host, { class: { large: state.large } }, this.titleType(), \" \");\n }\n static get is() { return \"gxg-title\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"title.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"title.css\"]\n };\n }\n static get properties() {\n return {\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TitleType\",\n \"resolved\": \"\\\"title-01\\\" | \\\"title-02\\\" | \\\"title-03\\\" | \\\"title-04\\\" | \\\"title-05\\\"\",\n \"references\": {\n \"TitleType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/title/title.tsx\",\n \"id\": \"src/components/title/title.tsx::TitleType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Title type\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"title-01\\\"\"\n },\n \"alignment\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TitleAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"end\\\" | \\\"start\\\"\",\n \"references\": {\n \"TitleAlignment\": {\n \"location\": \"import\",\n \"path\": \"../../common/types\",\n \"id\": \"src/common/types.ts::TitleAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Title type\"\n },\n \"attribute\": \"alignment\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"start\\\"\"\n }\n };\n }\n}\n//# sourceMappingURL=title.js.map\n"],"version":3}
|
|
@@ -4,36 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-5ab4492a.js');
|
|
6
6
|
const exportParts = require('./export-parts-3854d3b2.js');
|
|
7
|
-
const store = require('./store-ea3722c0.js');
|
|
8
|
-
|
|
9
|
-
const titleCss$1 = ":host{--gx-ide-title-padding:var(--gx-ide-container--padding, --mer-spacing--sm);display:flex;flex-direction:column;color:var(--gx-ide-component-text-color);font-family:var(--mer-font-family--primary);line-height:1.6em;background-color:transparent;padding:0}:host(.alignment--start){align-items:start}:host(.alignment--center){align-items:center}:host(.alignment--start){text-align:start}:host([padding]){padding:var(--gx-ide-title-padding)}:host([no-padding-bottom]){padding-bottom:0}:host([border]){border-bottom:1px solid var(--gx-ide-container-border-color)}:host(.title-type--secondary){color:var(--gray-06)}";
|
|
10
|
-
|
|
11
|
-
const GxIdeTitle = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.titleCaption = undefined;
|
|
15
|
-
this.type = "primary";
|
|
16
|
-
this.alignment = "start";
|
|
17
|
-
this.padding = false;
|
|
18
|
-
this.noPaddingBottom = false;
|
|
19
|
-
this.border = false;
|
|
20
|
-
}
|
|
21
|
-
componentWillLoad() {
|
|
22
|
-
if (this.type === "primary") {
|
|
23
|
-
this.geminiType = "title-04";
|
|
24
|
-
}
|
|
25
|
-
else if (this.type === "secondary") {
|
|
26
|
-
this.geminiType = "title-05";
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
render() {
|
|
30
|
-
return (index.h(index.Host, { class: {
|
|
31
|
-
[`alignment--${this.alignment}`]: true,
|
|
32
|
-
[`title-type--${this.type}`]: true
|
|
33
|
-
} }, index.h("gxg-title", { type: this.geminiType, alignment: this.alignment }, index.h("slot", null))));
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
GxIdeTitle.style = titleCss$1;
|
|
37
7
|
|
|
38
8
|
const buttonCss = "/*! 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(.button){display:inline-block;line-height:0;position:relative}:host(.button) .button-native{font-family:var(--ds-base-font-family-primary);font-size:var(--gxg-button-font-size);font-weight:var(--gxg-button-font-weight);height:var(--gxg-button-height);border-width:var(--gxg-button-border-width);border-radius:var(--gxg-button-border-radius);padding:0 var(--gxg-button-padding-horizontal);border-style:solid;cursor:pointer;--svg-icon-regular-scale:var(--svg-icon-small-scale);position:relative;text-align:center;display:inline-flex;align-items:center;justify-content:center;width:100%}:host(.button) .button-native:focus-visible{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}:host(.button) gxg-icon{margin-inline-end:var(--gxg-button-icon-margin-inline-end)}:host(.button--disabled){pointer-events:none}:host(.button--has-icon) .button-native{padding-inline-start:var(--gxg-button-icon-padding-start)}:host(.button--icon-only) .button-native{padding-inline-start:0;padding-inline-end:0;width:var(--gxg-button-height)}:host(.button--icon-only) gxg-icon{--icon-size:30px;margin-inline-end:0}:host(.button--primary) .button-native{background-color:var(--gxg-button-primary-bg-color);color:var(--gxg-button-primary-color);border-color:var(--gxg-button-primary-border-color);--gxg-icon-color:var(--gxg-button-primary-icon-color)}:host(.button--primary) .button-native:focus-visible{outline-color:var(--gxg-button-primary-focus-outline-color)}:host(.button--primary) .button-native:hover{background-color:var(--gxg-button-primary-bg-color-hover);color:var(--gxg-button-primary-color-hover);border-color:var(--gxg-button-primary-border-color-hover);--gxg-icon-color:var(--gxg-button-primary-icon-color-hover)}:host(.button--primary) .button-native:active{background-color:var(--gxg-button-primary-bg-color-active);color:var(--gxg-button-primary-color-active);border-color:var(--gxg-button-primary-border-color-active);--gxg-icon-color:var(--gxg-button-primary-icon-color-active)}:host(.button--primary.button--disabled){}:host(.button--primary.button--disabled) .button-native{color:var(--ds-color-on-disabled);background-color:var(--ds-background-color-disabled);border-color:var(--ds-border-color-disabled);--gxg-icon-color:var(--ds-icon-color-on-disabled)}:host(.button--primary[grab-attention]:not([disabled])){}:host(.button--primary[grab-attention]:not([disabled])) .button-native:not(:hover){animation-name:grabAttentionPrimary;animation-duration:500ms;animation-iteration-count:infinite;animation-direction:alternate}@keyframes grabAttentionPrimary{from{background-color:var(--gxg-button-primary-bg-color)}to{background-color:var(--gxg-button-primary-bg-color-hover)}}:host(.button--secondary) .button-native{background-color:var(--gxg-button-secondary-bg-color);color:var(--gxg-button-secondary-color);border-color:var(--gxg-button-secondary-border-color);--gxg-icon-color:var(--gxg-button-secondary-icon-color)}:host(.button--secondary) .button-native:hover{background-color:var(--gxg-button-secondary-bg-color-hover);color:var(--gxg-button-secondary-color-hover);border-color:var(--gxg-button-secondary-border-color-hover);--gxg-icon-color:var(--gxg-button-secondary-icon-color-hover)}:host(.button--secondary) .button-native:active{background-color:var(--gxg-button-secondary-bg-color-active);color:var(--gxg-button-secondary-color-active);border-color:var(--gxg-button-secondary-border-color-active);--gxg-icon-color:var(--gxg-button-secondary-icon-color-active)}:host(.button--secondary.button--disabled){}:host(.button--secondary.button--disabled) .button-native{color:var(--ds-color-disabled);--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--tertiary) .button-native{background-color:var(--gxg-button-tertiary-bg-color);color:var(--gxg-button-tertiary-color);border-color:var(--gxg-button-tertiary-border-color);--gxg-icon-color:var(--gxg-button-tertiary-icon-color)}:host(.button--tertiary) .button-native:hover{background-color:var(--gxg-button-tertiary-bg-color-hover);color:var(--gxg-button-tertiary-color-hover);border-color:var(--gxg-button-tertiary-border-color-hover);--gxg-icon-color:var(--gxg-button-tertiary-icon-color-hover)}:host(.button--tertiary) .button-native:active{background-color:var(--gxg-button-tertiary-bg-color-active);color:var(--gxg-button-tertiary-color-active);border-color:var(--gxg-button-tertiary-border-color-active);--gxg-icon-color:var(--gxg-button-tertiary-icon-color-active)}:host(.button--tertiary.button--disabled){}:host(.button--tertiary.button--disabled) .button-native{--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--outlined) .button-native{background-color:var(--gxg-button-outlined-bg-color);color:var(--gxg-button-outlined-color);border-color:var(--gxg-button-outlined-border-color);--gxg-icon-color:var(--gxg-button-outlined-icon-color)}:host(.button--outlined) .button-native:hover{background-color:var(--gxg-button-outlined-bg-color-hover);color:var(--gxg-button-outlined-color-hover);border-color:var(--gxg-button-outlined-border-color-hover);--gxg-icon-color:var(--gxg-button-outlined-icon-color-hover)}:host(.button--outlined) .button-native:active{background-color:var(--gxg-button-outlined-bg-color-active);color:var(--gxg-button-outlined-color-active);border-color:var(--gxg-button-outlined-border-color-active);--gxg-icon-color:var(--gxg-button-outlined-icon-color-active)}:host(.button--outlined.button--disabled) .button-native{color:var(--ds-color-disabled);border-color:var(--ds-border-color-disabled);--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--disabled) .button-native{pointer-events:none;color:var(--ds-color--disabled)}:host(.button--fit) .button-native{height:100% !important;width:100% !important}:host(.button--small.button--icon-only) .button-native{height:var(--ds-icon-size-box--small);width:var(--ds-icon-size-box--small)}:host(.button--icon-only) .button-native{padding:0}";
|
|
39
9
|
|
|
@@ -146,45 +116,6 @@ const GxgButton = class {
|
|
|
146
116
|
};
|
|
147
117
|
GxgButton.style = buttonCss;
|
|
148
118
|
|
|
149
|
-
const titleCss = "/*! 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 h1,:host h2,:host h3,:host h4,:host h5{margin:0;color:inherit;background-color:transparent}:host([alignment=start]) h1,:host([alignment=start]) h2,:host([alignment=start]) h3,:host([alignment=start]) h4,:host([alignment=start]) h5{text-align:start}:host([alignment=center]) h1,:host([alignment=center]) h2,:host([alignment=center]) h3,:host([alignment=center]) h4,:host([alignment=center]) h5{text-align:center}:host([alignment=end]) h1,:host([alignment=end]) h2,:host([alignment=end]) h3,:host([alignment=end]) h4,:host([alignment=end]) h5{text-align:end}";
|
|
150
|
-
|
|
151
|
-
const GxgTitle = class {
|
|
152
|
-
constructor(hostRef) {
|
|
153
|
-
index.registerInstance(this, hostRef);
|
|
154
|
-
this.type = "title-01";
|
|
155
|
-
this.alignment = "start";
|
|
156
|
-
}
|
|
157
|
-
titleType() {
|
|
158
|
-
let title;
|
|
159
|
-
switch (this.type) {
|
|
160
|
-
case "title-01":
|
|
161
|
-
title = (index.h("h1", { class: "gxg-title-01", part: "title" }, index.h("slot", null)));
|
|
162
|
-
break;
|
|
163
|
-
case "title-02":
|
|
164
|
-
title = (index.h("h2", { class: "gxg-title-02", part: "title" }, index.h("slot", null)));
|
|
165
|
-
break;
|
|
166
|
-
case "title-03":
|
|
167
|
-
title = (index.h("h3", { class: "gxg-title-03", part: "title" }, index.h("slot", null)));
|
|
168
|
-
break;
|
|
169
|
-
case "title-04":
|
|
170
|
-
title = (index.h("h4", { class: "gxg-title-04", part: "title" }, index.h("slot", null)));
|
|
171
|
-
break;
|
|
172
|
-
case "title-05":
|
|
173
|
-
title = (index.h("h5", { class: "gxg-title-05", part: "title" }, index.h("slot", null)));
|
|
174
|
-
break;
|
|
175
|
-
default:
|
|
176
|
-
title = (index.h("h1", { class: "gxg-title-06", part: "title" }, index.h("slot", null)));
|
|
177
|
-
}
|
|
178
|
-
return title;
|
|
179
|
-
}
|
|
180
|
-
render() {
|
|
181
|
-
return index.h(index.Host, { class: { large: store.state.large } }, this.titleType(), " ");
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
GxgTitle.style = titleCss;
|
|
185
|
-
|
|
186
|
-
exports.gx_ide_title = GxIdeTitle;
|
|
187
119
|
exports.gxg_button = GxgButton;
|
|
188
|
-
exports.gxg_title = GxgTitle;
|
|
189
120
|
|
|
190
|
-
//# sourceMappingURL=
|
|
121
|
+
//# sourceMappingURL=gxg-button.cjs.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"gxg-button.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,shfAAshf;;MCE3hf,SAAS;IAClB;QAaA,UAAK,GAAG;YACJ,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE,SAAS;SACrB,CAAC;QAIF,eAAU,GAAG,KAAK,CAAC;QAWnB,sBAAiB,GAAG;YAChB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC1C,MAAM,iBAAiB,GAAGA,uBAAW,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACxD,iBAAiB,CAAC,MAAM,KAAK,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC,CAAC;SACtE,CAAC;;QAlCE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,mBAAmB,CAAC;QAChC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;KACzB;;;;;IAYD,iBAAiB;QACb,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAClD,IAAI,QAAQ,KAAK,IAAI,EAAE;YACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B;QACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC5B;IAMD,gBAAgB;;QAEZ,IAAI,IAAI,CAAC,IAAI,KAAK,mBAAmB;YACjC,IAAI,CAAC,IAAI,KAAK,qBAAqB;;UAErC;YACE,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC,EAAE;;;gBAGjD,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE;qBACxB,aAAa,CAAC,wBAAwB,CAAC;qBACvC,YAAY,CAAC,MAAM,CAAC,CAAC;gBAC1B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;aACrD;SACJ;;QAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,EAAE,CAAC,UAAU;iBACb,aAAa,CAAC,QAAQ,CAAC;iBACvB,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;SAC9C;KACJ;IACD,QAAQ;QACJ,OAAOC,OAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;;KAElD;IACD,WAAW;QACP,IAAI,IAAI,CAAC,IAAI,KAAK,mBAAmB;YACjC,IAAI,CAAC,IAAI,KAAK,qBAAqB;YACnC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACzB,QAAQA,OAAC,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;SACpF;KACJ;IACD,QAAQ;QACJ,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,CAAC,IAAI,KAAK,qBAAqB;aAClC,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC3C,KAAK,GAAG,SAAS,CAAC;SACrB;aACI;YACD,KAAK,GAAG,OAAO,CAAC;SACnB;QACD,OAAO,KAAK,CAAC;KAChB;IACD,YAAY,CAAC,CAAC;QACV,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;SACtB;KACJ;IACD,MAAM;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACjC,MAAM,EAAE,IAAI;gBACZ,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAChD,mBAAmB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;gBACpD,kBAAkB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;gBAClD,kBAAkB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;gBAClD,kBAAkB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;gBAC9C,mBAAmB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU;gBAChF,kBAAkB,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;gBAC1C,mBAAmB,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;gBAC5C,aAAa,EAAE,IAAI,CAAC,GAAG;gBACvB,eAAe,EAAE,IAAI,CAAC,KAAK;gBAC3B,oBAAoB,EAAE,CAAC,IAAI,CAAC,QAAQ;aACvC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,GAAGD,OAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,GAAG,IAAI,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE;gBACpL,eAAe,EAAE,IAAI;gBACrB,kBAAkB,EAAE,IAAI;gBACxB,cAAc,EAAE,IAAI,CAAC,UAAU;aAClC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAIA,OAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE;KACxR;IAGD,WAAW,cAAc,KAAK,OAAO,IAAI,CAAC,EAAE;;;;;;","names":["exportParts","h","Host"],"sources":["node_modules/@genexus/gemini/dist/collection/components/button/button.css?tag=gxg-button&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/button/button.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/*General*/\n:host(.button) {\n display: inline-block;\n line-height: 0;\n position: relative;\n}\n:host(.button) .button-native {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--gxg-button-font-size);\n font-weight: var(--gxg-button-font-weight);\n height: var(--gxg-button-height);\n border-width: var(--gxg-button-border-width);\n border-radius: var(--gxg-button-border-radius);\n padding: 0 var(--gxg-button-padding-horizontal);\n border-style: solid;\n cursor: pointer;\n --svg-icon-regular-scale: var(--svg-icon-small-scale);\n position: relative;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n:host(.button) .button-native:focus-visible {\n outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n outline-offset: -1px;\n outline-offset: 0;\n}\n:host(.button) gxg-icon {\n margin-inline-end: var(--gxg-button-icon-margin-inline-end);\n}\n\n:host(.button--disabled) {\n pointer-events: none;\n}\n\n/*Has icon*/\n:host(.button--has-icon) .button-native {\n padding-inline-start: var(--gxg-button-icon-padding-start);\n}\n\n/*Icon only*/\n:host(.button--icon-only) .button-native {\n padding-inline-start: 0;\n padding-inline-end: 0;\n width: var(--gxg-button-height);\n}\n:host(.button--icon-only) gxg-icon {\n --icon-size: 30px;\n margin-inline-end: 0;\n}\n\n/*Primary*/\n:host(.button--primary) .button-native {\n background-color: var(--gxg-button-primary-bg-color);\n color: var(--gxg-button-primary-color);\n border-color: var(--gxg-button-primary-border-color);\n --gxg-icon-color: var(--gxg-button-primary-icon-color);\n}\n:host(.button--primary) .button-native:focus-visible {\n outline-color: var(--gxg-button-primary-focus-outline-color);\n}\n:host(.button--primary) .button-native:hover {\n background-color: var(--gxg-button-primary-bg-color-hover);\n color: var(--gxg-button-primary-color-hover);\n border-color: var(--gxg-button-primary-border-color-hover);\n --gxg-icon-color: var(--gxg-button-primary-icon-color-hover);\n}\n:host(.button--primary) .button-native:active {\n background-color: var(--gxg-button-primary-bg-color-active);\n color: var(--gxg-button-primary-color-active);\n border-color: var(--gxg-button-primary-border-color-active);\n --gxg-icon-color: var(--gxg-button-primary-icon-color-active);\n}\n\n:host(.button--primary.button--disabled) {\n /*Disabled*/\n}\n:host(.button--primary.button--disabled) .button-native {\n color: var(--ds-color-on-disabled);\n background-color: var(--ds-background-color-disabled);\n border-color: var(--ds-border-color-disabled);\n --gxg-icon-color: var(--ds-icon-color-on-disabled);\n}\n\n:host(.button--primary[grab-attention]:not([disabled])) {\n /*Grab Attention*/\n}\n:host(.button--primary[grab-attention]:not([disabled])) .button-native:not(:hover) {\n animation-name: grabAttentionPrimary;\n animation-duration: 500ms;\n animation-iteration-count: infinite;\n animation-direction: alternate;\n}\n\n@keyframes grabAttentionPrimary {\n from {\n background-color: var(--gxg-button-primary-bg-color);\n }\n to {\n background-color: var(--gxg-button-primary-bg-color-hover);\n }\n}\n/*Secondary*/\n:host(.button--secondary) .button-native {\n background-color: var(--gxg-button-secondary-bg-color);\n color: var(--gxg-button-secondary-color);\n border-color: var(--gxg-button-secondary-border-color);\n --gxg-icon-color: var(--gxg-button-secondary-icon-color);\n}\n:host(.button--secondary) .button-native:hover {\n background-color: var(--gxg-button-secondary-bg-color-hover);\n color: var(--gxg-button-secondary-color-hover);\n border-color: var(--gxg-button-secondary-border-color-hover);\n --gxg-icon-color: var(--gxg-button-secondary-icon-color-hover);\n}\n:host(.button--secondary) .button-native:active {\n background-color: var(--gxg-button-secondary-bg-color-active);\n color: var(--gxg-button-secondary-color-active);\n border-color: var(--gxg-button-secondary-border-color-active);\n --gxg-icon-color: var(--gxg-button-secondary-icon-color-active);\n}\n\n:host(.button--secondary.button--disabled) {\n /*Disabled*/\n}\n:host(.button--secondary.button--disabled) .button-native {\n color: var(--ds-color-disabled);\n --gxg-icon-color: var(--ds-icon-color-disabled);\n}\n\n/*Tertiary*/\n:host(.button--tertiary) .button-native {\n background-color: var(--gxg-button-tertiary-bg-color);\n color: var(--gxg-button-tertiary-color);\n border-color: var(--gxg-button-tertiary-border-color);\n --gxg-icon-color: var(--gxg-button-tertiary-icon-color);\n}\n:host(.button--tertiary) .button-native:hover {\n background-color: var(--gxg-button-tertiary-bg-color-hover);\n color: var(--gxg-button-tertiary-color-hover);\n border-color: var(--gxg-button-tertiary-border-color-hover);\n --gxg-icon-color: var(--gxg-button-tertiary-icon-color-hover);\n}\n:host(.button--tertiary) .button-native:active {\n background-color: var(--gxg-button-tertiary-bg-color-active);\n color: var(--gxg-button-tertiary-color-active);\n border-color: var(--gxg-button-tertiary-border-color-active);\n --gxg-icon-color: var(--gxg-button-tertiary-icon-color-active);\n}\n\n:host(.button--tertiary.button--disabled) {\n /*Disabled*/\n}\n:host(.button--tertiary.button--disabled) .button-native {\n --gxg-icon-color: var(--ds-icon-color-disabled);\n}\n\n/*Outlined*/\n:host(.button--outlined) .button-native {\n background-color: var(--gxg-button-outlined-bg-color);\n color: var(--gxg-button-outlined-color);\n border-color: var(--gxg-button-outlined-border-color);\n --gxg-icon-color: var(--gxg-button-outlined-icon-color);\n}\n:host(.button--outlined) .button-native:hover {\n background-color: var(--gxg-button-outlined-bg-color-hover);\n color: var(--gxg-button-outlined-color-hover);\n border-color: var(--gxg-button-outlined-border-color-hover);\n --gxg-icon-color: var(--gxg-button-outlined-icon-color-hover);\n}\n:host(.button--outlined) .button-native:active {\n background-color: var(--gxg-button-outlined-bg-color-active);\n color: var(--gxg-button-outlined-color-active);\n border-color: var(--gxg-button-outlined-border-color-active);\n --gxg-icon-color: var(--gxg-button-outlined-icon-color-active);\n}\n\n:host(.button--outlined.button--disabled) .button-native {\n color: var(--ds-color-disabled);\n border-color: var(--ds-border-color-disabled);\n --gxg-icon-color: var(--ds-icon-color-disabled);\n}\n\n/*Disabled General*/\n:host(.button--disabled) .button-native {\n pointer-events: none;\n color: var(--ds-color--disabled);\n}\n\n/*Fit*/\n:host(.button--fit) .button-native {\n height: 100% !important;\n width: 100% !important;\n}\n\n/*Small*/\n:host(.button--small.button--icon-only) .button-native {\n height: var(--ds-icon-size-box--small);\n width: var(--ds-icon-size-box--small);\n}\n\n/*Icon only*/\n:host(.button--icon-only) .button-native {\n padding: 0;\n}","import { h, Host } from \"@stencil/core\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgButton {\n constructor() {\n this.grabAttention = false;\n this.alwaysBlack = false;\n this.disabled = false;\n this.fit = false;\n this.fullWidth = false;\n this.small = false;\n this.icon = undefined;\n this.negative = false;\n this.type = \"primary-text-only\";\n this.buttonStylesEditable = false;\n this.selected = false;\n }\n parts = {\n button: \"button\",\n caption: \"caption\"\n };\n exportparts;\n el;\n button;\n noTabIndex = false;\n /*********************************\n METHODS\n *********************************/\n componentWillLoad() {\n const tabIndex = this.el.getAttribute(\"tabindex\");\n if (tabIndex === \"-1\") {\n this.noTabIndex = true;\n }\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n // Set aria-label to host\n if (this.type === \"primary-icon-only\" ||\n this.type === \"secondary-icon-only\"\n //If button type is icon-only, aria-label must be provided in order to inform the user the button purpose.\n ) {\n if (this.el.querySelector(\":scope > [slot='icon']\")) {\n //Also, an icon must be provided, in order to know the button purpose.\n //The icon purpose is defined from the icon \"type\" property.\n const iconAriaLabel = this.el\n .querySelector(\":scope > [slot='icon']\")\n .getAttribute(\"type\");\n this.el.setAttribute(\"aria-label\", iconAriaLabel);\n }\n }\n //Set a part attribute to the button if buttonStylesEditable is true\n if (this.buttonStylesEditable) {\n this.el.shadowRoot\n .querySelector(\"button\")\n .setAttribute(\"part\", \"native-button\");\n }\n }\n emptyDiv() {\n return h(\"div\", { style: { height: \"20px\" } });\n //This is a workaround I found for alligning vertically the buttons that have no icon, with the buttons that do have icons.\n }\n regularIcon() {\n if (this.type !== \"primary-text-only\" &&\n this.type !== \"secondary-text-only\" &&\n this.icon !== undefined) {\n return (h(\"gxg-icon\", { type: this.icon, size: this.iconSize(), part: \"icon\" }));\n }\n }\n iconSize() {\n let iSize;\n if (this.type === \"secondary-icon-only\" ||\n (this.type === \"tertiary\" && !this.small)) {\n iSize = \"regular\";\n }\n else {\n iSize = \"small\";\n }\n return iSize;\n }\n clickHandler(e) {\n if (this.disabled) {\n e.preventDefault();\n }\n }\n render() {\n return (h(Host, { role: \"button\", class: {\n button: true,\n \"button--primary\": this.type.includes(\"primary\"),\n \"button--secondary\": this.type.includes(\"secondary\"),\n \"button--tertiary\": this.type.includes(\"tertiary\"),\n \"button--outlined\": this.type.includes(\"outlined\"),\n \"button--has-icon\": this.type.includes(\"icon\"),\n \"button--icon-only\": this.type.includes(\"icon-only\") || this.type === \"tertiary\",\n \"button--disabled\": this.disabled === true,\n \"button--fullwidth\": this.fullWidth === true,\n \"button--fit\": this.fit,\n \"button--small\": this.small,\n \"button--unselected\": !this.selected\n }, onClick: this.clickHandler.bind(this), exportParts: this.exportparts ? this.exportparts : null }, this.disabled ? h(\"div\", { class: \"disabled-layer\" }) : null, h(\"button\", { class: {\n \"button-native\": true,\n \"gxg-text-general\": true,\n \"no-tab-index\": this.noTabIndex\n }, disabled: this.disabled === true, ref: el => (this.button = el), part: this.parts.button }, this.emptyDiv(), this.regularIcon(), this.type.includes(\"text\") || this.type === \"outlined\" ? (h(\"span\", { part: this.parts.caption, class: \"text\" }, h(\"slot\", null))) : null)));\n }\n static get is() { return \"gxg-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"button.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"button.css\"]\n };\n }\n static get properties() {\n return {\n \"grabAttention\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute with make the icon do a background color animation that will grab user attention\"\n },\n \"attribute\": \"grab-attention\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"alwaysBlack\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the icon always black\"\n },\n \"attribute\": \"always-black\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of the button, whether it is disabled or not\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fit\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute will force the .native-button to be contained within the gxg-button host element\"\n },\n \"attribute\": \"fit\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the component full-width\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"small\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the button small (only for buttons that include an icon)\"\n },\n \"attribute\": \"small\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"icon\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The button icon\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"negative\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute turns the icon white\"\n },\n \"attribute\": \"negative\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ButtonType\",\n \"resolved\": \"\\\"outlined\\\" | \\\"outlined-text-icon\\\" | \\\"primary-icon-only\\\" | \\\"primary-text-icon\\\" | \\\"primary-text-only\\\" | \\\"secondary-icon-only\\\" | \\\"secondary-text-icon\\\" | \\\"secondary-text-only\\\" | \\\"tertiary\\\"\",\n \"references\": {\n \"ButtonType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/button/button.tsx\",\n \"id\": \"src/components/button/button.tsx::ButtonType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The kind of button\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"primary-text-only\\\"\"\n },\n \"buttonStylesEditable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute lets the button styles be editable from outside of the component by referencing the \\\"native-button\\\" part.\"\n },\n \"attribute\": \"button-styles-editable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"selected\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property is for the button-container component\"\n },\n \"attribute\": \"selected\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=button.js.map\n"],"version":3}
|
|
@@ -9,178 +9,6 @@ const exportParts = require('./export-parts-3854d3b2.js');
|
|
|
9
9
|
const store = require('./store-ea3722c0.js');
|
|
10
10
|
const classesNames = require('./classesNames-789a05af.js');
|
|
11
11
|
|
|
12
|
-
const containerCss = ":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)}";
|
|
13
|
-
|
|
14
|
-
const GxIdeContainer = class {
|
|
15
|
-
constructor(hostRef) {
|
|
16
|
-
index.registerInstance(this, hostRef);
|
|
17
|
-
this.headingClasses = () => {
|
|
18
|
-
var _a;
|
|
19
|
-
return {
|
|
20
|
-
"heading": true,
|
|
21
|
-
"heading--inactive": this.inactiveTitle,
|
|
22
|
-
"heading--slimmer": this.titleType === "secondary",
|
|
23
|
-
"heading--no-border": this.noHeadingBorder || this.hasOnlyHeading,
|
|
24
|
-
[`heading--justify-${this.headingJustify}`]: true,
|
|
25
|
-
"heading--no-padding": this.noHeadingPadding,
|
|
26
|
-
"heading--no-padding-block-end": this.noHeadingPaddingBlockEnd,
|
|
27
|
-
"heading--no-gap": this.noHeadingGap,
|
|
28
|
-
"heading--padding-top": this.headingPaddingTop && ((_a = this.containerTitle) === null || _a === void 0 ? void 0 : _a.length) > 0,
|
|
29
|
-
"heading--form-text-height": this.titleHeightAsInput,
|
|
30
|
-
"heading--flex-row": this.flexRow
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
this.contentClasses = () => {
|
|
34
|
-
return {
|
|
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
|
-
};
|
|
45
|
-
this.aboveFooter = () => {
|
|
46
|
-
return this.hasAboveFooterSlot ? (index.h("footer", { class: {
|
|
47
|
-
"footer-above": true,
|
|
48
|
-
"footer-above--no-border-top": this.noBorderAboveFooter,
|
|
49
|
-
"footer-above--no-padding": this.noAboveFooterPadding,
|
|
50
|
-
"footer-above--slimmer": this.slimmerFooter
|
|
51
|
-
} }, index.h("slot", { name: "footer-above" }))) : null;
|
|
52
|
-
};
|
|
53
|
-
this.footer = () => {
|
|
54
|
-
return this.hasFooterSlot ? (index.h("footer", { class: {
|
|
55
|
-
"footer": true,
|
|
56
|
-
"footer--no-border": this.hasOnlyFooter ||
|
|
57
|
-
!this.hasSlottedContent ||
|
|
58
|
-
this.noBorderFooter,
|
|
59
|
-
[`footer--justify-${this.footerJustify}`]: true,
|
|
60
|
-
[`footer--justify-${this.footerJustify}`]: true,
|
|
61
|
-
"footer--no-padding": this.noFooterPadding,
|
|
62
|
-
"footer--slimmer": this.slimmerFooter
|
|
63
|
-
} }, index.h("div", { class: "footer__start" }, index.h("slot", { name: "footer-start" })), index.h("div", { class: "footer__end" }, index.h("slot", { name: "footer-end" })))) : null;
|
|
64
|
-
};
|
|
65
|
-
this.inactiveTitle = false;
|
|
66
|
-
this.containerTitle = undefined;
|
|
67
|
-
this.titleType = "primary";
|
|
68
|
-
this.displayBorder = false;
|
|
69
|
-
this.displayBorderTop = false;
|
|
70
|
-
this.displayBorderEnd = false;
|
|
71
|
-
this.displayBorderBottom = false;
|
|
72
|
-
this.displayBorderStart = false;
|
|
73
|
-
this.sectionsPadding = "m";
|
|
74
|
-
this.titleAlignment = "center";
|
|
75
|
-
this.noHeadingBorder = false;
|
|
76
|
-
this.noHeadingGap = false;
|
|
77
|
-
this.noHeadingPadding = false;
|
|
78
|
-
this.noHeadingPaddingBlockEnd = false;
|
|
79
|
-
this.headingPaddingTop = false;
|
|
80
|
-
this.headingJustify = "center";
|
|
81
|
-
this.titleHeightAsInput = false;
|
|
82
|
-
this.flexRow = false;
|
|
83
|
-
this.flexContent = false;
|
|
84
|
-
this.noContentBorderTop = false;
|
|
85
|
-
this.noContentPadding = false;
|
|
86
|
-
this.noContentGap = false;
|
|
87
|
-
this.alignItems = undefined;
|
|
88
|
-
this.justifyContent = undefined;
|
|
89
|
-
this.contentBorderEnd = false;
|
|
90
|
-
this.slimmerAboveFooter = false;
|
|
91
|
-
this.noAboveFooterPadding = false;
|
|
92
|
-
this.noBorderAboveFooter = false;
|
|
93
|
-
this.slimmerFooter = false;
|
|
94
|
-
this.noFooterPadding = false;
|
|
95
|
-
this.footerJustify = "end";
|
|
96
|
-
this.noBorderFooter = false;
|
|
97
|
-
this.hasHeaderSlot = false;
|
|
98
|
-
this.hasSlottedContent = false;
|
|
99
|
-
this.hasFooterSlot = false;
|
|
100
|
-
this.hasAboveFooterSlot = false;
|
|
101
|
-
this.hasOnlyHeading = false;
|
|
102
|
-
this.hasOnlyContent = false;
|
|
103
|
-
this.hasOnlyFooter = false;
|
|
104
|
-
}
|
|
105
|
-
// 4.PUBLIC PROPERTY API //
|
|
106
|
-
// 5.EVENTS (EMIT) //
|
|
107
|
-
// 6.COMPONENT LIFECYCLE EVENTS //
|
|
108
|
-
componentWillLoad() {
|
|
109
|
-
this.evaluateSlots();
|
|
110
|
-
}
|
|
111
|
-
// 7.LISTENERS //
|
|
112
|
-
// 8.PUBLIC METHODS API //
|
|
113
|
-
// 9.LOCAL METHODS //
|
|
114
|
-
evaluateSlots() {
|
|
115
|
-
// header
|
|
116
|
-
const headerSlot = this.el.querySelectorAll(':scope > [slot="header"]');
|
|
117
|
-
if (headerSlot.length) {
|
|
118
|
-
this.hasHeaderSlot = true;
|
|
119
|
-
}
|
|
120
|
-
// content
|
|
121
|
-
const slottedContent = this.el.querySelectorAll(":scope > :not([slot])");
|
|
122
|
-
if (slottedContent.length) {
|
|
123
|
-
this.hasSlottedContent = true;
|
|
124
|
-
}
|
|
125
|
-
// footer
|
|
126
|
-
const footerAboveSlot = this.el.querySelectorAll(':scope > [slot="footer-above"]');
|
|
127
|
-
const footerStartSlot = this.el.querySelectorAll(':scope > [slot="footer-start"]');
|
|
128
|
-
const footerEndSlot = this.el.querySelectorAll(':scope > [slot="footer-end"]');
|
|
129
|
-
if (footerStartSlot.length || footerEndSlot.length) {
|
|
130
|
-
this.hasFooterSlot = true;
|
|
131
|
-
}
|
|
132
|
-
if (footerAboveSlot.length) {
|
|
133
|
-
this.hasAboveFooterSlot = true;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
evaluateSections() {
|
|
137
|
-
// has only heading
|
|
138
|
-
if (!this.hasSlottedContent &&
|
|
139
|
-
!this.hasFooterSlot &&
|
|
140
|
-
!this.hasAboveFooterSlot) {
|
|
141
|
-
this.hasOnlyHeading = true;
|
|
142
|
-
}
|
|
143
|
-
// has only content
|
|
144
|
-
if (this.hasSlottedContent &&
|
|
145
|
-
!this.containerTitle &&
|
|
146
|
-
!this.hasHeaderSlot &&
|
|
147
|
-
!this.hasAboveFooterSlot &&
|
|
148
|
-
!this.hasFooterSlot) {
|
|
149
|
-
this.hasOnlyContent = true;
|
|
150
|
-
}
|
|
151
|
-
// has only footer
|
|
152
|
-
if (!this.hasSlottedContent &&
|
|
153
|
-
!this.containerTitle &&
|
|
154
|
-
!this.hasAboveFooterSlot) {
|
|
155
|
-
this.hasOnlyFooter = true;
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
// 10.RENDER() FUNCTION //
|
|
159
|
-
render() {
|
|
160
|
-
this.evaluateSections();
|
|
161
|
-
const result = [
|
|
162
|
-
this.containerTitle || this.hasHeaderSlot ? (index.h("header", { class: this.headingClasses() }, this.containerTitle ? (index.h("gx-ide-title", { class: "heading__title", type: this.titleType, alignment: this.titleAlignment }, this.containerTitle)) : null, this.hasHeaderSlot ? (index.h("div", { class: "heading__inner-wrapper" }, index.h("slot", { name: "header" }))) : null)) : null,
|
|
163
|
-
this.hasSlottedContent ? (index.h("div", { class: this.contentClasses(), part: "content" }, index.h("slot", null))) : null,
|
|
164
|
-
this.aboveFooter(),
|
|
165
|
-
this.footer()
|
|
166
|
-
];
|
|
167
|
-
return (index.h(index.Host, null, index.h("div", { class: {
|
|
168
|
-
"container": true,
|
|
169
|
-
[`container--padding-${this.sectionsPadding}`]: true,
|
|
170
|
-
"container--display-border": this.displayBorder,
|
|
171
|
-
"container--display-border-top": this.displayBorderTop,
|
|
172
|
-
"container--display-border-end": this.displayBorderEnd,
|
|
173
|
-
"container--display-border-bottom": this.displayBorderBottom,
|
|
174
|
-
"container--display-border-start": this.displayBorderStart,
|
|
175
|
-
"container--only-content": this.hasOnlyContent,
|
|
176
|
-
"container--no-header": !this.hasHeaderSlot && !this.containerTitle,
|
|
177
|
-
"container--no-footer": !this.hasFooterSlot && !this.hasAboveFooterSlot
|
|
178
|
-
} }, result)));
|
|
179
|
-
}
|
|
180
|
-
get el() { return index.getElement(this); }
|
|
181
|
-
};
|
|
182
|
-
GxIdeContainer.style = containerCss;
|
|
183
|
-
|
|
184
12
|
function mutationObserverRemoved(target, ref) {
|
|
185
13
|
const observer = new MutationObserver((mutationsList) => {
|
|
186
14
|
for (const mutation of mutationsList) {
|
|
@@ -869,8 +697,7 @@ const GxgComboBoxItem = class {
|
|
|
869
697
|
};
|
|
870
698
|
GxgComboBoxItem.style = comboBoxItemCss;
|
|
871
699
|
|
|
872
|
-
exports.gx_ide_container = GxIdeContainer;
|
|
873
700
|
exports.gxg_combo_box = GxgComboBox;
|
|
874
701
|
exports.gxg_combo_box_item = GxgComboBoxItem;
|
|
875
702
|
|
|
876
|
-
//# sourceMappingURL=
|
|
703
|
+
//# sourceMappingURL=gxg-combo-box_2.cjs.entry.js.map
|