@genexus/genexus-ide-ui 1.0.34 → 1.0.36
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/MERCURY_ASSETS-b23e31e2.js +9 -0
- package/dist/cjs/MERCURY_ASSETS-b23e31e2.js.map +1 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-current-user-info.cjs.entry.js +8 -8
- package/dist/cjs/gx-ide-current-user-info.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-data-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-design-import.cjs.entry.js +48 -35
- package/dist/cjs/gx-ide-design-import.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-manage-module-references-v2.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js +8 -7
- package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-start-page.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-welcome-page.cjs.entry.js +15 -10
- package/dist/cjs/gx-ide-welcome-page.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/current-user-info/current-user-info.css +7 -5
- package/dist/collection/components/current-user-info/current-user-info.js +6 -6
- package/dist/collection/components/current-user-info/current-user-info.js.map +1 -1
- package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.en.json +1 -1
- package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.ja.json +1 -1
- package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.zh.json +1 -1
- package/dist/collection/components/design-import/design-import.css +8 -0
- package/dist/collection/components/design-import/design-import.js +46 -33
- package/dist/collection/components/design-import/design-import.js.map +1 -1
- package/dist/collection/components/design-import/gx-ide-assets/design-import/langs/design-import.lang.en.json +2 -1
- package/dist/collection/components/design-import/gx-ide-assets/design-import/langs/design-import.lang.ja.json +2 -1
- package/dist/collection/components/design-import/gx-ide-assets/design-import/langs/design-import.lang.zh.json +2 -1
- package/dist/collection/components/sign-in-team/sign-in-team.js +9 -6
- package/dist/collection/components/sign-in-team/sign-in-team.js.map +1 -1
- package/dist/collection/components/welcome-page/welcome-page.css +1 -1
- package/dist/collection/components/welcome-page/welcome-page.js +13 -8
- package/dist/collection/components/welcome-page/welcome-page.js.map +1 -1
- package/dist/components/MERCURY_ASSETS.js +1 -1
- package/dist/components/MERCURY_ASSETS.js.map +1 -1
- package/dist/components/gx-ide-current-user-info.js +7 -7
- package/dist/components/gx-ide-current-user-info.js.map +1 -1
- package/dist/components/gx-ide-design-import.js +47 -34
- package/dist/components/gx-ide-design-import.js.map +1 -1
- package/dist/components/gx-ide-sign-in-team.js +10 -8
- package/dist/components/gx-ide-sign-in-team.js.map +1 -1
- package/dist/components/gx-ide-welcome-page.js +14 -9
- package/dist/components/gx-ide-welcome-page.js.map +1 -1
- package/dist/esm/MERCURY_ASSETS-7a7c1795.js +7 -0
- package/dist/esm/MERCURY_ASSETS-7a7c1795.js.map +1 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +1 -1
- package/dist/esm/gx-ide-current-user-info.entry.js +8 -8
- package/dist/esm/gx-ide-current-user-info.entry.js.map +1 -1
- package/dist/esm/gx-ide-dashboard-home.entry.js +1 -1
- package/dist/esm/gx-ide-data-selector.entry.js +1 -1
- package/dist/esm/gx-ide-design-import.entry.js +48 -35
- package/dist/esm/gx-ide-design-import.entry.js.map +1 -1
- package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
- package/dist/esm/gx-ide-kb-manager-export.entry.js +1 -1
- package/dist/esm/gx-ide-kb-manager-import.entry.js +1 -1
- package/dist/esm/gx-ide-manage-module-references-v2.entry.js +1 -1
- package/dist/esm/gx-ide-manage-module-references.entry.js +1 -1
- package/dist/esm/gx-ide-new-kb.entry.js +1 -1
- package/dist/esm/gx-ide-object-selector.entry.js +1 -1
- package/dist/esm/gx-ide-share-kb.entry.js +1 -1
- package/dist/esm/gx-ide-sign-in-team.entry.js +8 -7
- package/dist/esm/gx-ide-sign-in-team.entry.js.map +1 -1
- package/dist/esm/gx-ide-start-page.entry.js +1 -1
- package/dist/esm/gx-ide-welcome-page.entry.js +15 -10
- package/dist/esm/gx-ide-welcome-page.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/current-user-info/langs/current-user-info.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/current-user-info/langs/current-user-info.lang.ja.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/current-user-info/langs/current-user-info.lang.zh.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/design-import/langs/design-import.lang.en.json +2 -1
- package/dist/genexus-ide-ui/gx-ide-assets/design-import/langs/design-import.lang.ja.json +2 -1
- package/dist/genexus-ide-ui/gx-ide-assets/design-import/langs/design-import.lang.zh.json +2 -1
- package/dist/genexus-ide-ui/{p-70a8edd9.entry.js → p-05775d0c.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-fe063c9e.entry.js → p-0b33d2f9.entry.js} +42 -41
- package/dist/genexus-ide-ui/p-0b33d2f9.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-ecd748ba.entry.js → p-0f196406.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-a1e8b380.entry.js → p-32bd11fa.entry.js} +247 -234
- package/dist/genexus-ide-ui/p-32bd11fa.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-390498e4.entry.js → p-764540b3.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-33a1c48f.entry.js → p-7ba9fb6d.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-b42dfccc.entry.js → p-7cde7e4f.entry.js} +26 -23
- package/dist/genexus-ide-ui/p-7cde7e4f.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-6f3f4f54.entry.js → p-88e16a83.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-e774109a.entry.js → p-993819d4.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-ad521974.entry.js → p-a8e43d8e.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-7d4c5a43.js → p-b81d21d5.js} +8050 -966
- package/dist/genexus-ide-ui/p-b81d21d5.js.map +1 -0
- package/dist/genexus-ide-ui/{p-a0724750.entry.js → p-bd5316a2.entry.js} +11 -11
- package/dist/genexus-ide-ui/{p-fa69428e.entry.js → p-bf1682ff.entry.js} +20 -20
- package/dist/genexus-ide-ui/{p-31511545.entry.js → p-cadec045.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-edd6ebef.entry.js → p-dd890eed.entry.js} +15 -15
- package/dist/genexus-ide-ui/p-dd890eed.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-cc0fbef2.entry.js → p-de6112f9.entry.js} +2 -2
- package/dist/genexus-ide-ui/{p-be0c10de.entry.js → p-f36f9a6d.entry.js} +2 -2
- package/dist/types/components/sign-in-team/sign-in-team.d.ts +1 -0
- package/package.json +3 -3
- package/dist/cjs/MERCURY_ASSETS-56ba4d5e.js +0 -9
- package/dist/cjs/MERCURY_ASSETS-56ba4d5e.js.map +0 -1
- package/dist/esm/MERCURY_ASSETS-827056e0.js +0 -7
- package/dist/esm/MERCURY_ASSETS-827056e0.js.map +0 -1
- package/dist/genexus-ide-ui/p-7d4c5a43.js.map +0 -1
- package/dist/genexus-ide-ui/p-a1e8b380.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-b42dfccc.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-edd6ebef.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-fe063c9e.entry.js.map +0 -1
- /package/dist/genexus-ide-ui/{p-70a8edd9.entry.js.map → p-05775d0c.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-ecd748ba.entry.js.map → p-0f196406.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-390498e4.entry.js.map → p-764540b3.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-33a1c48f.entry.js.map → p-7ba9fb6d.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-6f3f4f54.entry.js.map → p-88e16a83.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-e774109a.entry.js.map → p-993819d4.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-ad521974.entry.js.map → p-a8e43d8e.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-a0724750.entry.js.map → p-bd5316a2.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-fa69428e.entry.js.map → p-bf1682ff.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-31511545.entry.js.map → p-cadec045.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-cc0fbef2.entry.js.map → p-de6112f9.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-be0c10de.entry.js.map → p-f36f9a6d.entry.js.map} +0 -0
|
@@ -4,7 +4,7 @@ import { L as n } from "./p-311eedf3.js";
|
|
|
4
4
|
|
|
5
5
|
import { c as r } from "./p-78b90603.js";
|
|
6
6
|
|
|
7
|
-
import { g as o } from "./p-
|
|
7
|
+
import { g as o } from "./p-b81d21d5.js";
|
|
8
8
|
|
|
9
9
|
const l = "@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto;block-size:100%}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
|
|
10
10
|
|
|
@@ -327,4 +327,4 @@ C = new WeakMap, _ = new WeakMap, E = new WeakMap, T = new WeakMap, z = new Weak
|
|
|
327
327
|
S.style = l;
|
|
328
328
|
|
|
329
329
|
export { S as gx_ide_data_selector };
|
|
330
|
-
//# sourceMappingURL=p-
|
|
330
|
+
//# sourceMappingURL=p-05775d0c.entry.js.map
|
|
@@ -1,54 +1,53 @@
|
|
|
1
|
-
import { a as
|
|
1
|
+
import { a as n, r as e, h as i, H as t, g as s } from "./p-49712340.js";
|
|
2
2
|
|
|
3
3
|
import { L as a } from "./p-311eedf3.js";
|
|
4
4
|
|
|
5
|
-
const mapTeamsToComboBoxItemModel =
|
|
6
|
-
if (!
|
|
5
|
+
const mapTeamsToComboBoxItemModel = n => {
|
|
6
|
+
if (!n) {
|
|
7
7
|
return [];
|
|
8
8
|
}
|
|
9
|
-
return
|
|
10
|
-
value:
|
|
11
|
-
caption:
|
|
9
|
+
return n.map((n => ({
|
|
10
|
+
value: n.id,
|
|
11
|
+
caption: n.name
|
|
12
12
|
})));
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
const r = ":host {\n display: grid;\n container-type: inline-size;\n container-name: host-container;\n block-size: 100%;\n inline-size: 100%;\n align-items: center;\n justify-content: center;\n padding: var(--mer-spacing--xl);\n}\n\n.slide {\n display: grid;\n grid-template-columns: 1fr 1fr;\n block-size: 100%;\n max-block-size: 700px;\n max-inline-size: 1100px;\n background-color: var(--mer-surface__elevation--01);\n border-radius: var(--mer-spacing--md);\n overflow: hidden;\n}\n.slide__illustration {\n overflow: hidden;\n object-fit: cover;\n object-position: left;\n block-size: 100%;\n inline-size: 100%;\n}\n.slide__main {\n display: grid;\n block-size: 100%;\n inline-size: 100%;\n padding: var(--mer-spacing--3xl);\n transform: translateY(var(--mer-spacing--2xs));\n transition: var(--switch-step-transtion-time) all;\n opacity: 0;\n}\n.slide__main--visible {\n transform: translateY(0);\n opacity: 1;\n}\n.slide__main-container {\n display: grid;\n place-self: center;\n gap: var(--mer-spacing--lg);\n max-inline-size: 480px;\n}\n.slide__main-header {\n display: grid;\n gap: var(--mer-spacing--lg);\n}\n.slide__main-title {\n display: flex;\n flex-direction: column;\n font-size: var(--mer-font__size--xl);\n font-weight: var(--mer-font__weight--semi-bold);\n letter-spacing: 0.02em;\n color: var(--mer-text__on-surface);\n}\n.slide__main-description {\n display: grid;\n gap: var(--mer-spacing--2xl);\n font-size: var(--mer-font__size--sm);\n font-weight: var(--mer-font__weight--light);\n line-height: var(--mer-line-height--spaced);\n color: var(--mer-text__complementary);\n}\n\n.terms-conditions {\n text-decoration: underline;\n}\n\n.teams-list {\n inline-size: 100%;\n max-inline-size: 400px;\n}\n\n.main-btn {\n inline-size: 100%;\n max-inline-size: 124px;\n}\n\n@container host-container (max-width: 768px) {\n .slide {\n grid-template-columns: 1fr 2fr;\n }\n}\n@container host-container (max-width: 640px) {\n .slide {\n grid-template-columns: 1fr 5fr;\n }\n}";
|
|
16
16
|
|
|
17
|
-
var o = undefined && undefined.__classPrivateFieldGet || function(
|
|
17
|
+
var o = undefined && undefined.__classPrivateFieldGet || function(n, e, i, t) {
|
|
18
18
|
if (i === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
|
|
19
|
-
if (typeof
|
|
20
|
-
return i === "m" ? t : i === "a" ? t.call(
|
|
19
|
+
if (typeof e === "function" ? n !== e || !t : !e.has(n)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
20
|
+
return i === "m" ? t : i === "a" ? t.call(n) : t ? t.value : e.get(n);
|
|
21
21
|
};
|
|
22
22
|
|
|
23
|
-
var l = undefined && undefined.__classPrivateFieldSet || function(
|
|
23
|
+
var l = undefined && undefined.__classPrivateFieldSet || function(n, e, i, t, s) {
|
|
24
24
|
if (t === "m") throw new TypeError("Private method is not writable");
|
|
25
25
|
if (t === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
|
|
26
|
-
if (typeof
|
|
27
|
-
return t === "a" ? s.call(
|
|
26
|
+
if (typeof e === "function" ? n !== e || !s : !e.has(n)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
27
|
+
return t === "a" ? s.call(n, i) : s ? s.value = i : e.set(n, i), i;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var d, c, h, m, p, f;
|
|
31
31
|
|
|
32
|
-
const g =
|
|
32
|
+
const g = n(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
|
|
33
33
|
|
|
34
|
-
const u =
|
|
34
|
+
const u = n(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
|
|
35
35
|
|
|
36
36
|
const _ = [ "resets/box-sizing", "utils/typography", "components/button", "components/combo-box" ];
|
|
37
37
|
|
|
38
38
|
const v = class {
|
|
39
|
-
constructor(
|
|
40
|
-
|
|
39
|
+
constructor(n) {
|
|
40
|
+
e(this, n);
|
|
41
41
|
/**
|
|
42
42
|
* The component hard-coded strings translations.
|
|
43
43
|
*/
|
|
44
44
|
// eslint-disable-next-line @stencil-community/own-props-must-be-private
|
|
45
|
-
|
|
45
|
+
d.set(this, void 0);
|
|
46
46
|
// Select User Team References :
|
|
47
|
-
|
|
47
|
+
c.set(this, []);
|
|
48
48
|
h.set(this, void 0);
|
|
49
49
|
m.set(this, 100);
|
|
50
50
|
p.set(this, (() => {
|
|
51
|
-
console.log("authStepCallback called");
|
|
52
51
|
if (this.authStep === "signIn") {
|
|
53
52
|
this.signInCallback();
|
|
54
53
|
} else if (this.authStep === "selectUserTeam") {
|
|
@@ -56,7 +55,6 @@ const v = class {
|
|
|
56
55
|
}
|
|
57
56
|
}));
|
|
58
57
|
f.set(this, (async () => {
|
|
59
|
-
console.log("continueHandler called");
|
|
60
58
|
await this.continueCallback(o(this, h, "f").value);
|
|
61
59
|
}));
|
|
62
60
|
this.authStepInternal = undefined;
|
|
@@ -67,27 +65,29 @@ const v = class {
|
|
|
67
65
|
this.teams = undefined;
|
|
68
66
|
this.termsCallback = undefined;
|
|
69
67
|
}
|
|
70
|
-
authStepChanged(
|
|
71
|
-
console.log("authStep changed");
|
|
68
|
+
authStepChanged(n) {
|
|
72
69
|
this.slideIsVisible = false;
|
|
73
70
|
// switch step
|
|
74
71
|
setTimeout((() => {
|
|
75
|
-
this.authStepInternal =
|
|
72
|
+
this.authStepInternal = n;
|
|
76
73
|
}), o(this, m, "f"));
|
|
77
74
|
// show slide
|
|
78
75
|
setTimeout((() => {
|
|
79
76
|
this.slideIsVisible = true;
|
|
80
77
|
}), o(this, m, "f") * 2);
|
|
81
78
|
}
|
|
79
|
+
teamsChanged(n) {
|
|
80
|
+
l(this, c, mapTeamsToComboBoxItemModel(n), "f");
|
|
81
|
+
}
|
|
82
82
|
async componentWillLoad() {
|
|
83
|
-
l(this,
|
|
84
|
-
this.authStepInternal = this.authStep;
|
|
85
|
-
l(this, d, mapTeamsToComboBoxItemModel(this.teams), "f");
|
|
83
|
+
l(this, d, await a.getComponentStrings(this.el), "f");
|
|
86
84
|
this.el.style.setProperty("--switch-step-transtion-time", o(this, m, "f").toString() + "ms");
|
|
85
|
+
// Initialize values
|
|
86
|
+
this.authStepInternal = this.authStep;
|
|
87
|
+
this.teamsChanged(this.teams);
|
|
87
88
|
}
|
|
88
89
|
render() {
|
|
89
|
-
var
|
|
90
|
-
console.log("userTeams comboBox model", o(this, d, "f"));
|
|
90
|
+
var n;
|
|
91
91
|
return i(t, null, i("ch-theme", {
|
|
92
92
|
model: _
|
|
93
93
|
}), i("section", {
|
|
@@ -111,34 +111,34 @@ const v = class {
|
|
|
111
111
|
}), i("h2", {
|
|
112
112
|
// Split the title into two spans for better styling
|
|
113
113
|
class: "slide__main-title"
|
|
114
|
-
}, i("span", null, o(this,
|
|
114
|
+
}, i("span", null, o(this, d, "f")[this.authStepInternal].titlePart1), i("span", null, o(this, d, "f")[this.authStepInternal].titlePart2))), this.authStepInternal === "signIn" ? i("div", {
|
|
115
115
|
class: "slide__main-description"
|
|
116
116
|
}, i("p", {
|
|
117
117
|
hidden: true
|
|
118
|
-
}, i("span", null, o(this,
|
|
118
|
+
}, i("span", null, o(this, d, "f").descriptionText)), i("span", null, o(this, d, "f").signIn.byContinuingText, i("a", {
|
|
119
119
|
class: "terms-conditions",
|
|
120
120
|
onClick: this.termsCallback
|
|
121
|
-
}, o(this,
|
|
121
|
+
}, o(this, d, "f").signIn.byContinuingCallBackText))) : [ i("div", {
|
|
122
122
|
class: "slide__select-team-description"
|
|
123
123
|
}, i("p", {
|
|
124
124
|
class: "text-body-highlighted-l"
|
|
125
|
-
}, o(this,
|
|
125
|
+
}, o(this, d, "f").selectUserTeam.infoMessage)), i("div", {
|
|
126
126
|
class: "field-group"
|
|
127
127
|
}, i("div", {
|
|
128
128
|
class: "field field-block"
|
|
129
129
|
}, i("label", {
|
|
130
130
|
htmlFor: "teams"
|
|
131
|
-
}, o(this,
|
|
131
|
+
}, o(this, d, "f").teams), i("ch-combo-box-render", {
|
|
132
132
|
id: "teams",
|
|
133
133
|
accessibleName: "Teams",
|
|
134
134
|
class: "combo-box teams-list",
|
|
135
|
-
model: o(this,
|
|
136
|
-
value: (
|
|
137
|
-
ref:
|
|
135
|
+
model: o(this, c, "f"),
|
|
136
|
+
value: (n = o(this, c, "f")[0]) === null || n === void 0 ? void 0 : n.value,
|
|
137
|
+
ref: n => l(this, h, n, "f")
|
|
138
138
|
}))) ], i("div", null, i("button", {
|
|
139
139
|
class: "button-primary main-btn",
|
|
140
140
|
onClick: o(this, p, "f")
|
|
141
|
-
}, o(this,
|
|
141
|
+
}, o(this, d, "f")[this.authStepInternal].buttonCaption))))));
|
|
142
142
|
}
|
|
143
143
|
static get assetsDirs() {
|
|
144
144
|
return [ "gx-ide-assets/sign-in-team" ];
|
|
@@ -148,15 +148,16 @@ const v = class {
|
|
|
148
148
|
}
|
|
149
149
|
static get watchers() {
|
|
150
150
|
return {
|
|
151
|
-
authStep: [ "authStepChanged" ]
|
|
151
|
+
authStep: [ "authStepChanged" ],
|
|
152
|
+
teams: [ "teamsChanged" ]
|
|
152
153
|
};
|
|
153
154
|
}
|
|
154
155
|
};
|
|
155
156
|
|
|
156
|
-
|
|
157
|
+
d = new WeakMap, c = new WeakMap, h = new WeakMap, m = new WeakMap, p = new WeakMap,
|
|
157
158
|
f = new WeakMap;
|
|
158
159
|
|
|
159
160
|
v.style = r;
|
|
160
161
|
|
|
161
162
|
export { v as gx_ide_sign_in_team };
|
|
162
|
-
//# sourceMappingURL=p-
|
|
163
|
+
//# sourceMappingURL=p-0b33d2f9.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["mapTeamsToComboBoxItemModel","teams","map","team","value","id","caption","name","signInTeamCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","_GxIdeUiSplash_userTeamsModel","_GxIdeUiSplash_chSelectTeamEl","_GxIdeUiSplash_switchStepTransitionTime","_GxIdeUiSplash_authStepCallback","authStep","signInCallback","__classPrivateFieldGet","_GxIdeUiSplash_continueHandler","call","async","continueCallback","authStepChanged","newAuthStep","slideIsVisible","setTimeout","authStepInternal","teamsChanged","newTeams","__classPrivateFieldSet","componentWillLoad","Locale","getComponentStrings","el","style","setProperty","toString","render","h","Host","model","class","src","alt","slide__main","titlePart1","titlePart2","hidden","descriptionText","signIn","byContinuingText","onClick","termsCallback","byContinuingCallBackText","selectUserTeam","infoMessage","htmlFor","accessibleName","_a","ref","buttonCaption"],"sources":["src/components/sign-in-team/helpers.ts","src/components/sign-in-team/sign-in-team.scss?tag=gx-ide-sign-in-team&encapsulation=shadow","src/components/sign-in-team/sign-in-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./sign-in-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n teams?: TeamData[]\n): ComboBoxItemModel[] | undefined => {\n if (!teams) {\n return [];\n }\n return teams.map(team => ({\n value: team.id,\n caption: team.name\n }));\n};\n",":host {\n display: grid;\n container-type: inline-size;\n container-name: host-container;\n block-size: 100%;\n inline-size: 100%;\n align-items: center;\n justify-content: center;\n padding: var(--mer-spacing--xl);\n}\n\n.slide {\n display: grid;\n grid-template-columns: 1fr 1fr;\n block-size: 100%;\n max-block-size: 700px;\n max-inline-size: 1100px;\n background-color: var(--mer-surface__elevation--01);\n border-radius: var(--mer-spacing--md);\n overflow: hidden;\n\n &__illustration {\n overflow: hidden;\n object-fit: cover;\n object-position: left;\n block-size: 100%;\n inline-size: 100%;\n }\n\n &__main {\n display: grid;\n block-size: 100%;\n inline-size: 100%;\n padding: var(--mer-spacing--3xl);\n transform: translateY(var(--mer-spacing--2xs));\n transition: var(--switch-step-transtion-time) all;\n opacity: 0;\n\n &--visible {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n &__main-container {\n display: grid;\n place-self: center;\n gap: var(--mer-spacing--lg);\n max-inline-size: 480px;\n }\n\n &__main-header {\n display: grid;\n gap: var(--mer-spacing--lg);\n }\n\n &__main-title {\n display: flex;\n flex-direction: column;\n font-size: var(--mer-font__size--xl);\n font-weight: var(--mer-font__weight--semi-bold);\n letter-spacing: 0.02em;\n color: var(--mer-text__on-surface);\n }\n\n &__main-description {\n display: grid;\n gap: var(--mer-spacing--2xl);\n font-size: var(--mer-font__size--sm);\n font-weight: var(--mer-font__weight--light);\n line-height: var(--mer-line-height--spaced);\n color: var(--mer-text__complementary);\n }\n}\n\n.terms-conditions {\n text-decoration: underline;\n}\n\n.teams-list {\n inline-size: 100%;\n max-inline-size: 400px;\n}\n\n.main-btn {\n inline-size: 100%;\n max-inline-size: 124px;\n}\n\n@container host-container (max-width: 768px) {\n .slide {\n grid-template-columns: 1fr 2fr;\n }\n}\n\n@container host-container (max-width: 640px) {\n .slide {\n grid-template-columns: 1fr 5fr;\n }\n}\n","// Stencil\nimport {\n Component,\n Host,\n h,\n Prop,\n State,\n Watch,\n Element,\n getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { mapTeamsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"utils/typography\",\n \"components/button\",\n \"components/combo-box\"\n];\n\n@Component({\n tag: \"gx-ide-sign-in-team\",\n styleUrl: \"sign-in-team.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/sign-in-team\"]\n})\nexport class GxIdeUiSplash {\n /**\n * The component hard-coded strings translations.\n */\n // eslint-disable-next-line @stencil-community/own-props-must-be-private\n #componentLocale: any;\n // Select User Team References :\n #userTeamsModel: ComboBoxItemModel[] = [];\n #chSelectTeamEl: HTMLChComboBoxRenderElement;\n #switchStepTransitionTime: number = 100;\n\n @Element() el: HTMLGxIdeSignInTeamElement;\n\n /**\n * This is a handover from \"authStep\" that allows updating descriptions once\n * the slide is hidden. This enables a smooth transition between descriptions.\n */\n\n @State() authStepInternal: AuthStep;\n\n /**\n * Defines if the main slide is visible or not. Used for smooth transitions\n * between slides.\n */\n @State() slideIsVisible: boolean = true;\n\n /**\n * The authentication step to display\n */\n @Prop() readonly authStep: AuthStep = \"signIn\";\n @Watch(\"authStep\")\n authStepChanged(newAuthStep: AuthStep) {\n this.slideIsVisible = false;\n // switch step\n setTimeout(() => {\n this.authStepInternal = newAuthStep;\n }, this.#switchStepTransitionTime);\n // show slide\n setTimeout(() => {\n this.slideIsVisible = true;\n }, this.#switchStepTransitionTime * 2);\n }\n\n /**\n * Callback executed when the user clicks the 'Continue' button\n */\n @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n /**\n * Callback executed when the user click the \"Sign In\" button\n */\n @Prop() readonly signInCallback: () => Promise<void>;\n\n /**\n * Array that contains the user's teams\n */\n @Prop() readonly teams!: TeamData[];\n @Watch(\"teams\")\n teamsChanged(newTeams: TeamData[]) {\n this.#userTeamsModel = mapTeamsToComboBoxItemModel(newTeams);\n }\n\n /**\n * Callback executed when the user clicks on the \"term and conditions\" link\n */\n @Prop() readonly termsCallback: () => Promise<void>;\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n this.el.style.setProperty(\n \"--switch-step-transtion-time\",\n this.#switchStepTransitionTime.toString() + \"ms\"\n );\n // Initialize values\n this.authStepInternal = this.authStep;\n this.teamsChanged(this.teams);\n }\n\n #authStepCallback = () => {\n if (this.authStep === \"signIn\") {\n this.signInCallback();\n } else if (this.authStep === \"selectUserTeam\") {\n this.#continueHandler();\n }\n };\n\n #continueHandler = async () => {\n await this.continueCallback(this.#chSelectTeamEl.value);\n };\n\n render() {\n return (\n <Host>\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <section class=\"slide\">\n <img\n src={COPYRIGHTS_ILLUSTRATION}\n class=\"slide__illustration\"\n alt=\"\" // decorative\n />\n\n <div\n class={{\n \"slide__main\": true,\n \"slide__main--visible\": this.slideIsVisible\n }}\n >\n <div class=\"slide__main-container\">\n <header class=\"slide__main-header\">\n <img\n src={ICON_NEXT}\n alt=\"\" // decorative\n />\n <h2\n // Split the title into two spans for better styling\n class=\"slide__main-title\"\n >\n <span>\n {this.#componentLocale[this.authStepInternal].titlePart1}\n </span>\n <span>\n {this.#componentLocale[this.authStepInternal].titlePart2}\n </span>\n </h2>\n </header>\n\n {this.authStepInternal === \"signIn\" ? (\n <div class=\"slide__main-description\">\n <p hidden>\n <span>{this.#componentLocale.descriptionText}</span>\n </p>\n <span>\n {this.#componentLocale.signIn.byContinuingText}\n <a class=\"terms-conditions\" onClick={this.termsCallback}>\n {this.#componentLocale.signIn.byContinuingCallBackText}\n </a>\n </span>\n </div>\n ) : (\n [\n <div class=\"slide__select-team-description\">\n <p class=\"text-body-highlighted-l\">\n {this.#componentLocale.selectUserTeam.infoMessage}\n </p>\n </div>,\n\n <div class=\"field-group\">\n <div class=\"field field-block\">\n <label htmlFor=\"teams\">\n {this.#componentLocale.teams}\n </label>\n <ch-combo-box-render\n id=\"teams\"\n accessibleName=\"Teams\"\n class=\"combo-box teams-list\"\n model={this.#userTeamsModel}\n value={this.#userTeamsModel[0]?.value}\n ref={(el: HTMLChComboBoxRenderElement) =>\n (this.#chSelectTeamEl =\n el as HTMLChComboBoxRenderElement)\n }\n ></ch-combo-box-render>\n </div>\n </div>\n ]\n )}\n\n <div>\n <button\n class=\"button-primary main-btn\"\n onClick={this.#authStepCallback}\n >\n {this.#componentLocale[this.authStepInternal].buttonCaption}\n </button>\n </div>\n </div>\n </div>\n </section>\n </Host>\n );\n }\n}\n\nexport type AuthStep = \"signIn\" | \"selectUserTeam\";\n\nexport type TeamData = {\n id: string;\n name: string;\n};\n"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as t, c as e, a as s, h as i, H as n, g as a } from "./p-49712340.js";
|
|
2
2
|
|
|
3
|
-
import { g as o } from "./p-
|
|
3
|
+
import { g as o } from "./p-b81d21d5.js";
|
|
4
4
|
|
|
5
5
|
import { c as r } from "./p-78b90603.js";
|
|
6
6
|
|
|
@@ -246,4 +246,4 @@ M = new WeakMap, W = new WeakMap, T = new WeakMap, j = new WeakMap, _ = new Weak
|
|
|
246
246
|
C.style = h;
|
|
247
247
|
|
|
248
248
|
export { C as gx_ide_share_kb };
|
|
249
|
-
//# sourceMappingURL=p-
|
|
249
|
+
//# sourceMappingURL=p-0f196406.entry.js.map
|