@genexus/genexus-ide-ui 1.0.31 → 1.0.32

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 (83) hide show
  1. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  2. package/dist/cjs/gx-ide-select-user-team.cjs.entry.js +79 -0
  3. package/dist/cjs/gx-ide-select-user-team.cjs.entry.js.map +1 -0
  4. package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js +123 -0
  5. package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js.map +1 -0
  6. package/dist/cjs/gx-ide-sign-in.cjs.entry.js +16 -73
  7. package/dist/cjs/gx-ide-sign-in.cjs.entry.js.map +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/collection/collection-manifest.json +3 -1
  10. package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/images/copyrights-illustration.png +0 -0
  11. package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/images/icon-next.svg +4 -0
  12. package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.en.json +10 -0
  13. package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.ja.json +10 -0
  14. package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.zh.json +10 -0
  15. package/dist/collection/components/select-user-team/helpers.js +9 -0
  16. package/dist/collection/components/select-user-team/helpers.js.map +1 -0
  17. package/dist/collection/components/select-user-team/select-user-team.css +62 -0
  18. package/dist/collection/components/select-user-team/select-user-team.js +118 -0
  19. package/dist/collection/components/select-user-team/select-user-team.js.map +1 -0
  20. package/dist/collection/components/sign-in/gx-ide-assets/sign-in/langs/sign-in.lang.en.json +7 -15
  21. package/dist/collection/components/sign-in/gx-ide-assets/sign-in/langs/sign-in.lang.ja.json +7 -15
  22. package/dist/collection/components/sign-in/gx-ide-assets/sign-in/langs/sign-in.lang.zh.json +7 -15
  23. package/dist/collection/components/sign-in/sign-in.css +14 -46
  24. package/dist/collection/components/sign-in/sign-in.js +19 -141
  25. package/dist/collection/components/sign-in/sign-in.js.map +1 -1
  26. package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/images/copyrights-illustration.png +0 -0
  27. package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/images/icon-next.svg +4 -0
  28. package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.en.json +18 -0
  29. package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.ja.json +18 -0
  30. package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.zh.json +18 -0
  31. package/dist/collection/components/sign-in-team/helpers.js.map +1 -0
  32. package/dist/collection/components/sign-in-team/sign-in-team.css +92 -0
  33. package/dist/collection/components/sign-in-team/sign-in-team.js +234 -0
  34. package/dist/collection/components/sign-in-team/sign-in-team.js.map +1 -0
  35. package/dist/collection/testing/locale.e2e.js +2 -0
  36. package/dist/collection/testing/locale.e2e.js.map +1 -1
  37. package/dist/components/gx-ide-select-user-team.d.ts +11 -0
  38. package/dist/components/gx-ide-select-user-team.js +96 -0
  39. package/dist/components/gx-ide-select-user-team.js.map +1 -0
  40. package/dist/components/gx-ide-sign-in-team.d.ts +11 -0
  41. package/dist/components/gx-ide-sign-in-team.js +147 -0
  42. package/dist/components/gx-ide-sign-in-team.js.map +1 -0
  43. package/dist/components/gx-ide-sign-in.js +17 -81
  44. package/dist/components/gx-ide-sign-in.js.map +1 -1
  45. package/dist/esm/genexus-ide-ui.js +1 -1
  46. package/dist/esm/gx-ide-select-user-team.entry.js +75 -0
  47. package/dist/esm/gx-ide-select-user-team.entry.js.map +1 -0
  48. package/dist/esm/gx-ide-sign-in-team.entry.js +119 -0
  49. package/dist/esm/gx-ide-sign-in-team.entry.js.map +1 -0
  50. package/dist/esm/gx-ide-sign-in.entry.js +16 -73
  51. package/dist/esm/gx-ide-sign-in.entry.js.map +1 -1
  52. package/dist/esm/loader.js +1 -1
  53. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  54. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  55. package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/images/copyrights-illustration.png +0 -0
  56. package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/images/icon-next.svg +4 -0
  57. package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/langs/select-user-team.lang.en.json +10 -0
  58. package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/langs/select-user-team.lang.ja.json +10 -0
  59. package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/langs/select-user-team.lang.zh.json +10 -0
  60. package/dist/genexus-ide-ui/gx-ide-assets/sign-in/langs/sign-in.lang.en.json +7 -15
  61. package/dist/genexus-ide-ui/gx-ide-assets/sign-in/langs/sign-in.lang.ja.json +7 -15
  62. package/dist/genexus-ide-ui/gx-ide-assets/sign-in/langs/sign-in.lang.zh.json +7 -15
  63. package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/images/copyrights-illustration.png +0 -0
  64. package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/images/icon-next.svg +4 -0
  65. package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.en.json +18 -0
  66. package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.ja.json +18 -0
  67. package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.zh.json +18 -0
  68. package/dist/genexus-ide-ui/p-90c8cb0d.entry.js +92 -0
  69. package/dist/genexus-ide-ui/p-90c8cb0d.entry.js.map +1 -0
  70. package/dist/genexus-ide-ui/p-b189e45d.entry.js +113 -0
  71. package/dist/genexus-ide-ui/p-b189e45d.entry.js.map +1 -0
  72. package/dist/genexus-ide-ui/{p-63f198f5.entry.js → p-fe063c9e.entry.js} +69 -65
  73. package/dist/genexus-ide-ui/p-fe063c9e.entry.js.map +1 -0
  74. package/dist/types/components/select-user-team/helpers.d.ts +3 -0
  75. package/dist/types/components/select-user-team/select-user-team.d.ts +18 -0
  76. package/dist/types/components/sign-in/sign-in.d.ts +3 -29
  77. package/dist/types/components/{sign-in → sign-in-team}/helpers.d.ts +1 -1
  78. package/dist/types/components/sign-in-team/sign-in-team.d.ts +42 -0
  79. package/dist/types/components.d.ts +64 -4
  80. package/package.json +3 -3
  81. package/dist/collection/components/sign-in/helpers.js.map +0 -1
  82. package/dist/genexus-ide-ui/p-63f198f5.entry.js.map +0 -1
  83. /package/dist/collection/components/{sign-in → sign-in-team}/helpers.js +0 -0
@@ -44,8 +44,9 @@ import { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1,
44
44
  import { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
45
45
  import { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
46
46
  import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
47
+ import { TeamData } from "./components/select-user-team/select-user-team";
47
48
  import { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
48
- import { AuthStep, TeamData } from "./components/sign-in/sign-in";
49
+ import { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
49
50
  import { RecentKBData, SecondarySection } from "./components/start-page/start-page";
50
51
  import { CheckedItemsInfo as CheckedItemsInfo1 } from "./components/_helpers/list-selector/list-selector";
51
52
  import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback3, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev/commit/commit";
@@ -96,8 +97,9 @@ export { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1,
96
97
  export { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
97
98
  export { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
98
99
  export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
100
+ export { TeamData } from "./components/select-user-team/select-user-team";
99
101
  export { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
100
- export { AuthStep, TeamData } from "./components/sign-in/sign-in";
102
+ export { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
101
103
  export { RecentKBData, SecondarySection } from "./components/start-page/start-page";
102
104
  export { CheckedItemsInfo as CheckedItemsInfo1 } from "./components/_helpers/list-selector/list-selector";
103
105
  export { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback3, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev/commit/commit";
@@ -1425,6 +1427,16 @@ export namespace Components {
1425
1427
  */
1426
1428
  "selectorSourceCallback"?: SelectorSourceCallback;
1427
1429
  }
1430
+ interface GxIdeSelectUserTeam {
1431
+ /**
1432
+ * Callback executed when the user click the 'continue' button
1433
+ */
1434
+ "continueCallback": (teamId: string) => Promise<void>;
1435
+ /**
1436
+ * Array that contain the user's teams
1437
+ */
1438
+ "teams": TeamData[];
1439
+ }
1428
1440
  interface GxIdeShareKb {
1429
1441
  /**
1430
1442
  * Callback that is invoked when the dialog is closed
@@ -1458,6 +1470,16 @@ export namespace Components {
1458
1470
  ) => Promise<FormSubmitResult>;
1459
1471
  }
1460
1472
  interface GxIdeSignIn {
1473
+ /**
1474
+ * Callback executed when the user click the Sign In button
1475
+ */
1476
+ "signInCallback": () => Promise<void>;
1477
+ /**
1478
+ * Callback executed when the user click on the "term and conditions" link
1479
+ */
1480
+ "termsCallback": () => Promise<void>;
1481
+ }
1482
+ interface GxIdeSignInTeam {
1461
1483
  /**
1462
1484
  * The authentication step to display
1463
1485
  */
@@ -1473,7 +1495,7 @@ export namespace Components {
1473
1495
  /**
1474
1496
  * Array that contains the user's teams
1475
1497
  */
1476
- "teams": TeamData[];
1498
+ "teams": TeamData1[];
1477
1499
  /**
1478
1500
  * Callback executed when the user clicks on the "term and conditions" link
1479
1501
  */
@@ -2504,6 +2526,12 @@ declare global {
2504
2526
  prototype: HTMLGxIdeReferencesElement;
2505
2527
  new (): HTMLGxIdeReferencesElement;
2506
2528
  };
2529
+ interface HTMLGxIdeSelectUserTeamElement extends Components.GxIdeSelectUserTeam, HTMLStencilElement {
2530
+ }
2531
+ var HTMLGxIdeSelectUserTeamElement: {
2532
+ prototype: HTMLGxIdeSelectUserTeamElement;
2533
+ new (): HTMLGxIdeSelectUserTeamElement;
2534
+ };
2507
2535
  interface HTMLGxIdeShareKbElementEventMap {
2508
2536
  "componentDidRenderFirstTime": boolean;
2509
2537
  }
@@ -2527,6 +2555,12 @@ declare global {
2527
2555
  prototype: HTMLGxIdeSignInElement;
2528
2556
  new (): HTMLGxIdeSignInElement;
2529
2557
  };
2558
+ interface HTMLGxIdeSignInTeamElement extends Components.GxIdeSignInTeam, HTMLStencilElement {
2559
+ }
2560
+ var HTMLGxIdeSignInTeamElement: {
2561
+ prototype: HTMLGxIdeSignInTeamElement;
2562
+ new (): HTMLGxIdeSignInTeamElement;
2563
+ };
2530
2564
  interface HTMLGxIdeSplashElement extends Components.GxIdeSplash, HTMLStencilElement {
2531
2565
  }
2532
2566
  var HTMLGxIdeSplashElement: {
@@ -2770,8 +2804,10 @@ declare global {
2770
2804
  "gx-ide-new-object": HTMLGxIdeNewObjectElement;
2771
2805
  "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
2772
2806
  "gx-ide-references": HTMLGxIdeReferencesElement;
2807
+ "gx-ide-select-user-team": HTMLGxIdeSelectUserTeamElement;
2773
2808
  "gx-ide-share-kb": HTMLGxIdeShareKbElement;
2774
2809
  "gx-ide-sign-in": HTMLGxIdeSignInElement;
2810
+ "gx-ide-sign-in-team": HTMLGxIdeSignInTeamElement;
2775
2811
  "gx-ide-splash": HTMLGxIdeSplashElement;
2776
2812
  "gx-ide-start-page": HTMLGxIdeStartPageElement;
2777
2813
  "gx-ide-status-buttons": HTMLGxIdeStatusButtonsElement;
@@ -4163,6 +4199,16 @@ declare namespace LocalJSX {
4163
4199
  */
4164
4200
  "selectorSourceCallback"?: SelectorSourceCallback;
4165
4201
  }
4202
+ interface GxIdeSelectUserTeam {
4203
+ /**
4204
+ * Callback executed when the user click the 'continue' button
4205
+ */
4206
+ "continueCallback": (teamId: string) => Promise<void>;
4207
+ /**
4208
+ * Array that contain the user's teams
4209
+ */
4210
+ "teams": TeamData[];
4211
+ }
4166
4212
  interface GxIdeShareKb {
4167
4213
  /**
4168
4214
  * Callback that is invoked when the dialog is closed
@@ -4200,6 +4246,16 @@ declare namespace LocalJSX {
4200
4246
  ) => Promise<FormSubmitResult>;
4201
4247
  }
4202
4248
  interface GxIdeSignIn {
4249
+ /**
4250
+ * Callback executed when the user click the Sign In button
4251
+ */
4252
+ "signInCallback"?: () => Promise<void>;
4253
+ /**
4254
+ * Callback executed when the user click on the "term and conditions" link
4255
+ */
4256
+ "termsCallback"?: () => Promise<void>;
4257
+ }
4258
+ interface GxIdeSignInTeam {
4203
4259
  /**
4204
4260
  * The authentication step to display
4205
4261
  */
@@ -4215,7 +4271,7 @@ declare namespace LocalJSX {
4215
4271
  /**
4216
4272
  * Array that contains the user's teams
4217
4273
  */
4218
- "teams": TeamData[];
4274
+ "teams": TeamData1[];
4219
4275
  /**
4220
4276
  * Callback executed when the user clicks on the "term and conditions" link
4221
4277
  */
@@ -4731,8 +4787,10 @@ declare namespace LocalJSX {
4731
4787
  "gx-ide-new-object": GxIdeNewObject;
4732
4788
  "gx-ide-object-selector": GxIdeObjectSelector;
4733
4789
  "gx-ide-references": GxIdeReferences;
4790
+ "gx-ide-select-user-team": GxIdeSelectUserTeam;
4734
4791
  "gx-ide-share-kb": GxIdeShareKb;
4735
4792
  "gx-ide-sign-in": GxIdeSignIn;
4793
+ "gx-ide-sign-in-team": GxIdeSignInTeam;
4736
4794
  "gx-ide-splash": GxIdeSplash;
4737
4795
  "gx-ide-start-page": GxIdeStartPage;
4738
4796
  "gx-ide-status-buttons": GxIdeStatusButtons;
@@ -4791,8 +4849,10 @@ declare module "@stencil/core" {
4791
4849
  "gx-ide-new-object": LocalJSX.GxIdeNewObject & JSXBase.HTMLAttributes<HTMLGxIdeNewObjectElement>;
4792
4850
  "gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
4793
4851
  "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
4852
+ "gx-ide-select-user-team": LocalJSX.GxIdeSelectUserTeam & JSXBase.HTMLAttributes<HTMLGxIdeSelectUserTeamElement>;
4794
4853
  "gx-ide-share-kb": LocalJSX.GxIdeShareKb & JSXBase.HTMLAttributes<HTMLGxIdeShareKbElement>;
4795
4854
  "gx-ide-sign-in": LocalJSX.GxIdeSignIn & JSXBase.HTMLAttributes<HTMLGxIdeSignInElement>;
4855
+ "gx-ide-sign-in-team": LocalJSX.GxIdeSignInTeam & JSXBase.HTMLAttributes<HTMLGxIdeSignInTeamElement>;
4796
4856
  "gx-ide-splash": LocalJSX.GxIdeSplash & JSXBase.HTMLAttributes<HTMLGxIdeSplashElement>;
4797
4857
  "gx-ide-start-page": LocalJSX.GxIdeStartPage & JSXBase.HTMLAttributes<HTMLGxIdeStartPageElement>;
4798
4858
  "gx-ide-status-buttons": LocalJSX.GxIdeStatusButtons & JSXBase.HTMLAttributes<HTMLGxIdeStatusButtonsElement>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genexus/genexus-ide-ui",
3
3
  "license": "Apache-2.0",
4
- "version": "1.0.31",
4
+ "version": "1.0.32",
5
5
  "description": "GeneXus IDE UI components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
@@ -36,12 +36,12 @@
36
36
  "peerDependencies": {
37
37
  "@genexus/chameleon-controls-library": ">=6.0.0-next.55",
38
38
  "@genexus/gemini": "*2.0.1",
39
- "@genexus/mercury": "*0.12.5"
39
+ "@genexus/mercury": "*0.12.6"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@genexus/chameleon-controls-library": ">=6.0.0-next.55",
43
43
  "@genexus/gemini": "*2.0.1",
44
- "@genexus/mercury": "*0.12.5",
44
+ "@genexus/mercury": "*0.12.6",
45
45
  "@stencil-community/eslint-plugin": "~0.7.1",
46
46
  "@stencil/core": "~4.9.0",
47
47
  "@stencil/sass": "~1.4.0",
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/sign-in/helpers.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAkB,EACe,EAAE;IACnC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAC;KACX;IACD,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,KAAK,EAAE,IAAI,CAAC,EAAE;QACd,OAAO,EAAE,IAAI,CAAC,IAAI;KACnB,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./sign-in\";\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"]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["mapTeamsToComboBoxItemModel","teams","map","team","value","id","caption","name","signInCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","_GxIdeUiSplash_userTeamsModel","_GxIdeUiSplash_chSelectTeamEl","_GxIdeUiSplash_switchStepTransitionTime","_GxIdeUiSplash_authStepInitial","_GxIdeUiSplash_authStepCallback","authStep","signInCallback","__classPrivateFieldGet","_GxIdeUiSplash_continueHandler","call","async","continueCallback","authStepChanged","newAuthStep","slideIsVisible","setTimeout","authStepInternal","componentWillLoad","__classPrivateFieldSet","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/helpers.ts","src/components/sign-in/sign-in.scss?tag=gx-ide-sign-in&encapsulation=shadow","src/components/sign-in/sign-in.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./sign-in\";\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\",\n styleUrl: \"sign-in.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/sign-in\"]\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 #authStepInitial: AuthStep = \"signIn\";\n\n @Element() el: HTMLGxIdeSignInElement;\n\n /**\n * This is a hand over from \"authStep\", that allows updating descriptions once the slide is hidden. This allows a smooth transition between descriptions.\n */\n @State() authStepInternal: AuthStep = this.#authStepInitial;\n\n /**\n * Defines iv the main slide is visible or not. Used to do a smooth transition between slides.\n */\n @State() slideIsVisible: boolean = true;\n\n /**\n * The authentication step to display\n */\n @Prop() readonly authStep: AuthStep = this.#authStepInitial;\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\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.#userTeamsModel = mapTeamsToComboBoxItemModel(this.teams);\n this.el.style.setProperty(\n \"--switch-step-transtion-time\",\n this.#switchStepTransitionTime.toString() + \"ms\"\n );\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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"}