@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.
Files changed (128) hide show
  1. package/dist/cjs/MERCURY_ASSETS-b23e31e2.js +9 -0
  2. package/dist/cjs/MERCURY_ASSETS-b23e31e2.js.map +1 -0
  3. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  4. package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +1 -1
  5. package/dist/cjs/gx-ide-current-user-info.cjs.entry.js +8 -8
  6. package/dist/cjs/gx-ide-current-user-info.cjs.entry.js.map +1 -1
  7. package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js +1 -1
  8. package/dist/cjs/gx-ide-data-selector.cjs.entry.js +1 -1
  9. package/dist/cjs/gx-ide-design-import.cjs.entry.js +48 -35
  10. package/dist/cjs/gx-ide-design-import.cjs.entry.js.map +1 -1
  11. package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
  12. package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +1 -1
  13. package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +1 -1
  14. package/dist/cjs/gx-ide-manage-module-references-v2.cjs.entry.js +1 -1
  15. package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js +1 -1
  16. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +1 -1
  17. package/dist/cjs/gx-ide-object-selector.cjs.entry.js +1 -1
  18. package/dist/cjs/gx-ide-share-kb.cjs.entry.js +1 -1
  19. package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js +8 -7
  20. package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js.map +1 -1
  21. package/dist/cjs/gx-ide-start-page.cjs.entry.js +1 -1
  22. package/dist/cjs/gx-ide-welcome-page.cjs.entry.js +15 -10
  23. package/dist/cjs/gx-ide-welcome-page.cjs.entry.js.map +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/collection/components/current-user-info/current-user-info.css +7 -5
  26. package/dist/collection/components/current-user-info/current-user-info.js +6 -6
  27. package/dist/collection/components/current-user-info/current-user-info.js.map +1 -1
  28. package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.en.json +1 -1
  29. package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.ja.json +1 -1
  30. package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.zh.json +1 -1
  31. package/dist/collection/components/design-import/design-import.css +8 -0
  32. package/dist/collection/components/design-import/design-import.js +46 -33
  33. package/dist/collection/components/design-import/design-import.js.map +1 -1
  34. package/dist/collection/components/design-import/gx-ide-assets/design-import/langs/design-import.lang.en.json +2 -1
  35. package/dist/collection/components/design-import/gx-ide-assets/design-import/langs/design-import.lang.ja.json +2 -1
  36. package/dist/collection/components/design-import/gx-ide-assets/design-import/langs/design-import.lang.zh.json +2 -1
  37. package/dist/collection/components/sign-in-team/sign-in-team.js +9 -6
  38. package/dist/collection/components/sign-in-team/sign-in-team.js.map +1 -1
  39. package/dist/collection/components/welcome-page/welcome-page.css +1 -1
  40. package/dist/collection/components/welcome-page/welcome-page.js +13 -8
  41. package/dist/collection/components/welcome-page/welcome-page.js.map +1 -1
  42. package/dist/components/MERCURY_ASSETS.js +1 -1
  43. package/dist/components/MERCURY_ASSETS.js.map +1 -1
  44. package/dist/components/gx-ide-current-user-info.js +7 -7
  45. package/dist/components/gx-ide-current-user-info.js.map +1 -1
  46. package/dist/components/gx-ide-design-import.js +47 -34
  47. package/dist/components/gx-ide-design-import.js.map +1 -1
  48. package/dist/components/gx-ide-sign-in-team.js +10 -8
  49. package/dist/components/gx-ide-sign-in-team.js.map +1 -1
  50. package/dist/components/gx-ide-welcome-page.js +14 -9
  51. package/dist/components/gx-ide-welcome-page.js.map +1 -1
  52. package/dist/esm/MERCURY_ASSETS-7a7c1795.js +7 -0
  53. package/dist/esm/MERCURY_ASSETS-7a7c1795.js.map +1 -0
  54. package/dist/esm/genexus-ide-ui.js +1 -1
  55. package/dist/esm/gx-ide-create-kb-from-server.entry.js +1 -1
  56. package/dist/esm/gx-ide-current-user-info.entry.js +8 -8
  57. package/dist/esm/gx-ide-current-user-info.entry.js.map +1 -1
  58. package/dist/esm/gx-ide-dashboard-home.entry.js +1 -1
  59. package/dist/esm/gx-ide-data-selector.entry.js +1 -1
  60. package/dist/esm/gx-ide-design-import.entry.js +48 -35
  61. package/dist/esm/gx-ide-design-import.entry.js.map +1 -1
  62. package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
  63. package/dist/esm/gx-ide-kb-manager-export.entry.js +1 -1
  64. package/dist/esm/gx-ide-kb-manager-import.entry.js +1 -1
  65. package/dist/esm/gx-ide-manage-module-references-v2.entry.js +1 -1
  66. package/dist/esm/gx-ide-manage-module-references.entry.js +1 -1
  67. package/dist/esm/gx-ide-new-kb.entry.js +1 -1
  68. package/dist/esm/gx-ide-object-selector.entry.js +1 -1
  69. package/dist/esm/gx-ide-share-kb.entry.js +1 -1
  70. package/dist/esm/gx-ide-sign-in-team.entry.js +8 -7
  71. package/dist/esm/gx-ide-sign-in-team.entry.js.map +1 -1
  72. package/dist/esm/gx-ide-start-page.entry.js +1 -1
  73. package/dist/esm/gx-ide-welcome-page.entry.js +15 -10
  74. package/dist/esm/gx-ide-welcome-page.entry.js.map +1 -1
  75. package/dist/esm/loader.js +1 -1
  76. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  77. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  78. package/dist/genexus-ide-ui/gx-ide-assets/current-user-info/langs/current-user-info.lang.en.json +1 -1
  79. package/dist/genexus-ide-ui/gx-ide-assets/current-user-info/langs/current-user-info.lang.ja.json +1 -1
  80. package/dist/genexus-ide-ui/gx-ide-assets/current-user-info/langs/current-user-info.lang.zh.json +1 -1
  81. package/dist/genexus-ide-ui/gx-ide-assets/design-import/langs/design-import.lang.en.json +2 -1
  82. package/dist/genexus-ide-ui/gx-ide-assets/design-import/langs/design-import.lang.ja.json +2 -1
  83. package/dist/genexus-ide-ui/gx-ide-assets/design-import/langs/design-import.lang.zh.json +2 -1
  84. package/dist/genexus-ide-ui/{p-70a8edd9.entry.js → p-05775d0c.entry.js} +2 -2
  85. package/dist/genexus-ide-ui/{p-fe063c9e.entry.js → p-0b33d2f9.entry.js} +42 -41
  86. package/dist/genexus-ide-ui/p-0b33d2f9.entry.js.map +1 -0
  87. package/dist/genexus-ide-ui/{p-ecd748ba.entry.js → p-0f196406.entry.js} +2 -2
  88. package/dist/genexus-ide-ui/{p-a1e8b380.entry.js → p-32bd11fa.entry.js} +247 -234
  89. package/dist/genexus-ide-ui/p-32bd11fa.entry.js.map +1 -0
  90. package/dist/genexus-ide-ui/{p-390498e4.entry.js → p-764540b3.entry.js} +2 -2
  91. package/dist/genexus-ide-ui/{p-33a1c48f.entry.js → p-7ba9fb6d.entry.js} +2 -2
  92. package/dist/genexus-ide-ui/{p-b42dfccc.entry.js → p-7cde7e4f.entry.js} +26 -23
  93. package/dist/genexus-ide-ui/p-7cde7e4f.entry.js.map +1 -0
  94. package/dist/genexus-ide-ui/{p-6f3f4f54.entry.js → p-88e16a83.entry.js} +2 -2
  95. package/dist/genexus-ide-ui/{p-e774109a.entry.js → p-993819d4.entry.js} +2 -2
  96. package/dist/genexus-ide-ui/{p-ad521974.entry.js → p-a8e43d8e.entry.js} +2 -2
  97. package/dist/genexus-ide-ui/{p-7d4c5a43.js → p-b81d21d5.js} +8050 -966
  98. package/dist/genexus-ide-ui/p-b81d21d5.js.map +1 -0
  99. package/dist/genexus-ide-ui/{p-a0724750.entry.js → p-bd5316a2.entry.js} +11 -11
  100. package/dist/genexus-ide-ui/{p-fa69428e.entry.js → p-bf1682ff.entry.js} +20 -20
  101. package/dist/genexus-ide-ui/{p-31511545.entry.js → p-cadec045.entry.js} +2 -2
  102. package/dist/genexus-ide-ui/{p-edd6ebef.entry.js → p-dd890eed.entry.js} +15 -15
  103. package/dist/genexus-ide-ui/p-dd890eed.entry.js.map +1 -0
  104. package/dist/genexus-ide-ui/{p-cc0fbef2.entry.js → p-de6112f9.entry.js} +2 -2
  105. package/dist/genexus-ide-ui/{p-be0c10de.entry.js → p-f36f9a6d.entry.js} +2 -2
  106. package/dist/types/components/sign-in-team/sign-in-team.d.ts +1 -0
  107. package/package.json +3 -3
  108. package/dist/cjs/MERCURY_ASSETS-56ba4d5e.js +0 -9
  109. package/dist/cjs/MERCURY_ASSETS-56ba4d5e.js.map +0 -1
  110. package/dist/esm/MERCURY_ASSETS-827056e0.js +0 -7
  111. package/dist/esm/MERCURY_ASSETS-827056e0.js.map +0 -1
  112. package/dist/genexus-ide-ui/p-7d4c5a43.js.map +0 -1
  113. package/dist/genexus-ide-ui/p-a1e8b380.entry.js.map +0 -1
  114. package/dist/genexus-ide-ui/p-b42dfccc.entry.js.map +0 -1
  115. package/dist/genexus-ide-ui/p-edd6ebef.entry.js.map +0 -1
  116. package/dist/genexus-ide-ui/p-fe063c9e.entry.js.map +0 -1
  117. /package/dist/genexus-ide-ui/{p-70a8edd9.entry.js.map → p-05775d0c.entry.js.map} +0 -0
  118. /package/dist/genexus-ide-ui/{p-ecd748ba.entry.js.map → p-0f196406.entry.js.map} +0 -0
  119. /package/dist/genexus-ide-ui/{p-390498e4.entry.js.map → p-764540b3.entry.js.map} +0 -0
  120. /package/dist/genexus-ide-ui/{p-33a1c48f.entry.js.map → p-7ba9fb6d.entry.js.map} +0 -0
  121. /package/dist/genexus-ide-ui/{p-6f3f4f54.entry.js.map → p-88e16a83.entry.js.map} +0 -0
  122. /package/dist/genexus-ide-ui/{p-e774109a.entry.js.map → p-993819d4.entry.js.map} +0 -0
  123. /package/dist/genexus-ide-ui/{p-ad521974.entry.js.map → p-a8e43d8e.entry.js.map} +0 -0
  124. /package/dist/genexus-ide-ui/{p-a0724750.entry.js.map → p-bd5316a2.entry.js.map} +0 -0
  125. /package/dist/genexus-ide-ui/{p-fa69428e.entry.js.map → p-bf1682ff.entry.js.map} +0 -0
  126. /package/dist/genexus-ide-ui/{p-31511545.entry.js.map → p-cadec045.entry.js.map} +0 -0
  127. /package/dist/genexus-ide-ui/{p-cc0fbef2.entry.js.map → p-de6112f9.entry.js.map} +0 -0
  128. /package/dist/genexus-ide-ui/{p-be0c10de.entry.js.map → p-f36f9a6d.entry.js.map} +0 -0
@@ -33,7 +33,8 @@
33
33
  },
34
34
  "messages": {
35
35
  "noDesignSelected": "No Design Selected",
36
- "selectDesign": "Begin by Selecting One"
36
+ "selectDesign": "Begin by Selecting One",
37
+ "noPanelPreviewAvailable": "No Panel preview available"
37
38
  },
38
39
  "footer": {
39
40
  "btnOk": "OK",
@@ -33,7 +33,8 @@
33
33
  },
34
34
  "messages": {
35
35
  "noDesignSelected": "デザインが選択されていません",
36
- "selectDesign": "デザインを選択して開始"
36
+ "selectDesign": "デザインを選択して開始",
37
+ "noPanelPreviewAvailable": ""
37
38
  },
38
39
  "footer": {
39
40
  "btnOk": "OK",
@@ -33,7 +33,8 @@
33
33
  },
34
34
  "messages": {
35
35
  "noDesignSelected": "",
36
- "selectDesign": ""
36
+ "selectDesign": "",
37
+ "noPanelPreviewAvailable": ""
37
38
  },
38
39
  "footer": {
39
40
  "btnOk": "",
@@ -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-7d4c5a43.js";
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-70a8edd9.entry.js.map
330
+ //# sourceMappingURL=p-05775d0c.entry.js.map
@@ -1,54 +1,53 @@
1
- import { a as e, r as n, h as i, H as t, g as s } from "./p-49712340.js";
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 = e => {
6
- if (!e) {
5
+ const mapTeamsToComboBoxItemModel = n => {
6
+ if (!n) {
7
7
  return [];
8
8
  }
9
- return e.map((e => ({
10
- value: e.id,
11
- caption: e.name
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(e, n, i, t) {
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 n === "function" ? e !== n || !t : !n.has(e)) 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(e) : t ? t.value : n.get(e);
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(e, n, i, t, s) {
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 n === "function" ? e !== n || !s : !n.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
27
- return t === "a" ? s.call(e, i) : s ? s.value = i : n.set(e, i), i;
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 c, d, h, m, p, f;
30
+ var d, c, h, m, p, f;
31
31
 
32
- const g = e(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
32
+ const g = n(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
33
33
 
34
- const u = e(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
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(e) {
40
- n(this, e);
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
- c.set(this, void 0);
45
+ d.set(this, void 0);
46
46
  // Select User Team References :
47
- d.set(this, []);
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(e) {
71
- console.log("authStep changed");
68
+ authStepChanged(n) {
72
69
  this.slideIsVisible = false;
73
70
  // switch step
74
71
  setTimeout((() => {
75
- this.authStepInternal = e;
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, c, await a.getComponentStrings(this.el), "f");
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 e;
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, c, "f")[this.authStepInternal].titlePart1), i("span", null, o(this, c, "f")[this.authStepInternal].titlePart2))), this.authStepInternal === "signIn" ? i("div", {
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, c, "f").descriptionText)), i("span", null, o(this, c, "f").signIn.byContinuingText, i("a", {
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, c, "f").signIn.byContinuingCallBackText))) : [ i("div", {
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, c, "f").selectUserTeam.infoMessage)), i("div", {
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, c, "f").teams), i("ch-combo-box-render", {
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, d, "f"),
136
- value: (e = o(this, d, "f")[0]) === null || e === void 0 ? void 0 : e.value,
137
- ref: e => l(this, h, e, "f")
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, c, "f")[this.authStepInternal].buttonCaption))))));
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
- c = new WeakMap, d = new WeakMap, h = new WeakMap, m = new WeakMap, p = new WeakMap,
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-fe063c9e.entry.js.map
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-7d4c5a43.js";
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-ecd748ba.entry.js.map
249
+ //# sourceMappingURL=p-0f196406.entry.js.map