@genexus/genexus-ide-ui 0.0.111 → 0.0.112

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 (34) hide show
  1. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  2. package/dist/cjs/gx-ide-gam-installation-settings.cjs.entry.js +107 -0
  3. package/dist/cjs/gx-ide-gam-installation-settings.cjs.entry.js.map +1 -0
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/collection-manifest.json +1 -0
  6. package/dist/collection/components/gam-installation-settings/gam-installation-settings.css +539 -0
  7. package/dist/collection/components/gam-installation-settings/gam-installation-settings.js +240 -0
  8. package/dist/collection/components/gam-installation-settings/gam-installation-settings.js.map +1 -0
  9. package/dist/collection/components/gam-installation-settings/gx-ide-assets/gam-installation-settings/langs/gam-installation-settings.lang.en.json +34 -0
  10. package/dist/collection/components/gam-installation-settings/gx-ide-assets/gam-installation-settings/langs/gam-installation-settings.lang.ja.json +3 -0
  11. package/dist/collection/components/gam-installation-settings/gx-ide-assets/gam-installation-settings/langs/gam-installation-settings.lang.zh.json +3 -0
  12. package/dist/collection/components/modules/edit-module-server/gx-ide-assets/edit-module-server/langs/edit-module-server.lang.en.json +11 -0
  13. package/dist/collection/components/modules/edit-module-server/gx-ide-assets/edit-module-server/langs/edit-module-server.lang.ja.json +3 -0
  14. package/dist/collection/components/modules/edit-module-server/gx-ide-assets/edit-module-server/langs/edit-module-server.lang.zh.json +3 -0
  15. package/dist/components/gx-ide-gam-installation-settings.d.ts +11 -0
  16. package/dist/components/gx-ide-gam-installation-settings.js +208 -0
  17. package/dist/components/gx-ide-gam-installation-settings.js.map +1 -0
  18. package/dist/esm/genexus-ide-ui.js +1 -1
  19. package/dist/esm/gx-ide-gam-installation-settings.entry.js +103 -0
  20. package/dist/esm/gx-ide-gam-installation-settings.entry.js.map +1 -0
  21. package/dist/esm/loader.js +1 -1
  22. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  23. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  24. package/dist/genexus-ide-ui/gx-ide-assets/edit-module-server/langs/edit-module-server.lang.en.json +11 -0
  25. package/dist/genexus-ide-ui/gx-ide-assets/edit-module-server/langs/edit-module-server.lang.ja.json +3 -0
  26. package/dist/genexus-ide-ui/gx-ide-assets/edit-module-server/langs/edit-module-server.lang.zh.json +3 -0
  27. package/dist/genexus-ide-ui/gx-ide-assets/gam-installation-settings/langs/gam-installation-settings.lang.en.json +34 -0
  28. package/dist/genexus-ide-ui/gx-ide-assets/gam-installation-settings/langs/gam-installation-settings.lang.ja.json +3 -0
  29. package/dist/genexus-ide-ui/gx-ide-assets/gam-installation-settings/langs/gam-installation-settings.lang.zh.json +3 -0
  30. package/dist/genexus-ide-ui/p-84934392.entry.js +149 -0
  31. package/dist/genexus-ide-ui/p-84934392.entry.js.map +1 -0
  32. package/dist/types/components/gam-installation-settings/gam-installation-settings.d.ts +58 -0
  33. package/dist/types/components.d.ts +106 -32
  34. package/package.json +1 -1
@@ -0,0 +1,240 @@
1
+ /* STENCIL IMPORTS */
2
+ import { Host, h } from "@stencil/core";
3
+ /* OTHER LIBRARIES IMPORTS */
4
+ /* CUSTOM IMPORTS */
5
+ import { config } from "../../common/config";
6
+ import { Locale } from "../../common/locale";
7
+ import { renderComboItems } from "../../common/render-combo-items";
8
+ const COMBO_BOX_DATA = [
9
+ {
10
+ id: "install-automatically",
11
+ name: "Install Updates Automatically",
12
+ value: "automatic"
13
+ },
14
+ {
15
+ id: "prompt-update",
16
+ name: "Prompt me to Update",
17
+ value: "prompt"
18
+ },
19
+ {
20
+ id: "never-update",
21
+ name: "Never Update",
22
+ value: "never"
23
+ }
24
+ ];
25
+ export class GxIdeGamInstallationSettings {
26
+ constructor() {
27
+ this.renderedFirstTime = false;
28
+ // 7.LISTENERS //
29
+ // 8.PUBLIC METHODS API //
30
+ // 9.LOCAL METHODS //
31
+ this.repairCallbackHandler = async () => {
32
+ if (this.saveCallback) {
33
+ const data = {
34
+ importWebPanels: this.webPanelsCheckboxEl.checked,
35
+ importPanels: this.panelsCheckboxEl.checked,
36
+ futureUpgrades: this.futureUpgradesComboEl.value
37
+ ? this.futureUpgradesComboEl.value
38
+ : null
39
+ };
40
+ await this.repairCallback(data);
41
+ }
42
+ };
43
+ this.saveCallbackHandler = async () => {
44
+ if (this.saveCallback) {
45
+ const data = {
46
+ importWebPanels: this.webPanelsCheckboxEl.checked,
47
+ importPanels: this.panelsCheckboxEl.checked,
48
+ futureUpgrades: this.futureUpgradesComboEl.value
49
+ ? this.futureUpgradesComboEl.value
50
+ : null
51
+ };
52
+ await this.saveCallback(data);
53
+ }
54
+ };
55
+ this.cancelCallbackHandler = () => {
56
+ this.cancelCallback();
57
+ };
58
+ /* Renders*/
59
+ this.renderHeader = () => {
60
+ return (h("header", { class: "header", slot: "header" }, h("gxg-text", { type: "text-regular" }, this.configurationType === "installation"
61
+ ? this._componentLocale.header.headerTextInstallation.firstSentence
62
+ : this._componentLocale.header.headerTextUpdate.firstSentence), h("gxg-text", { type: "text-regular" }, this.configurationType === "installation"
63
+ ? this._componentLocale.header.headerTextInstallation.secondSentence
64
+ : this._componentLocale.header.headerTextUpdate.secondSentence), h("gxg-text", { type: "text-regular" }, this.configurationType === "installation"
65
+ ? this._componentLocale.header.headerTextInstallation.thirdSentence
66
+ : this._componentLocale.header.headerTextUpdate.thirdSentence)));
67
+ };
68
+ this.renderFilters = () => {
69
+ return (h("div", { class: "filters" }, h("gxg-title", { type: "title-05" }, this._componentLocale.filters.filtersHeading), h("gxg-form-checkbox", { label: this._componentLocale.filters.webPanelsCheckbox, part: "web-panels-checkbox", slot: "footer-start", ref: (el) => (this.webPanelsCheckboxEl = el) }), h("gxg-form-checkbox", { label: this._componentLocale.filters.panelsCheckbox, part: "panels-checkbox", slot: "footer-start", ref: (el) => (this.panelsCheckboxEl = el) }), h("gxg-combo-box", { label: this._componentLocale.filters.futureUpgradesComboLabel, disableFilter: true, value: COMBO_BOX_DATA[0].value, part: "future-upgrades-combo", ref: (el) => (this.futureUpgradesComboEl = el) }, renderComboItems(COMBO_BOX_DATA !== null && COMBO_BOX_DATA !== void 0 ? COMBO_BOX_DATA : []))));
70
+ };
71
+ this.fileName = "";
72
+ this.selectedFile = undefined;
73
+ this.importingIsInProcess = false;
74
+ this.displayTitle = false;
75
+ this.configurationType = "installation";
76
+ this.repairCallback = undefined;
77
+ this.saveCallback = undefined;
78
+ this.cancelCallback = undefined;
79
+ }
80
+ // 6.COMPONENT LIFECYCLE METHODS //
81
+ async componentWillLoad() {
82
+ this._componentLocale = await Locale.getComponentStrings(this.el);
83
+ }
84
+ componentDidRender() {
85
+ if (!this.renderedFirstTime) {
86
+ this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
87
+ this.renderedFirstTime = true;
88
+ }
89
+ }
90
+ // 10.RENDER() FUNCTION //
91
+ render() {
92
+ return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noHeadingPadding: true, headingPaddingTop: true, noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, this.renderHeader(), this.renderFilters(), h("gxg-text", { type: "text-regular", slot: "footer-above" }, this._componentLocale.footer.footerSaveCancelText), h("gxg-text", { type: "text-regular", slot: "footer-above" }, this._componentLocale.footer.footerRepairText), h("gxg-button", { type: "outlined", slot: "footer-start", onClick: this.repairCallbackHandler }, this._componentLocale.footer.repairButton), h("gxg-button", { type: "outlined", slot: "footer-end", onClick: this.cancelCallbackHandler }, this._componentLocale.footer.cancelButton), h("gxg-button", { slot: "footer-end", onClick: this.saveCallbackHandler }, this._componentLocale.footer.confirmButton)))));
93
+ }
94
+ static get is() { return "gx-ide-gam-installation-settings"; }
95
+ static get encapsulation() { return "shadow"; }
96
+ static get originalStyleUrls() {
97
+ return {
98
+ "$": ["gam-installation-settings.scss"]
99
+ };
100
+ }
101
+ static get styleUrls() {
102
+ return {
103
+ "$": ["gam-installation-settings.css"]
104
+ };
105
+ }
106
+ static get assetsDirs() { return ["gx-ide-assets/gam-installation-settings"]; }
107
+ static get properties() {
108
+ return {
109
+ "displayTitle": {
110
+ "type": "boolean",
111
+ "mutable": false,
112
+ "complexType": {
113
+ "original": "false",
114
+ "resolved": "boolean",
115
+ "references": {}
116
+ },
117
+ "required": false,
118
+ "optional": false,
119
+ "docs": {
120
+ "tags": [],
121
+ "text": "If true it displays the component title on the header"
122
+ },
123
+ "attribute": "display-title",
124
+ "reflect": false,
125
+ "defaultValue": "false"
126
+ },
127
+ "configurationType": {
128
+ "type": "string",
129
+ "mutable": false,
130
+ "complexType": {
131
+ "original": "\"installation\" | \"update\"",
132
+ "resolved": "\"installation\" | \"update\"",
133
+ "references": {}
134
+ },
135
+ "required": false,
136
+ "optional": false,
137
+ "docs": {
138
+ "tags": [],
139
+ "text": "Specifies the configuration type to be used"
140
+ },
141
+ "attribute": "configuration-type",
142
+ "reflect": false,
143
+ "defaultValue": "\"installation\""
144
+ },
145
+ "repairCallback": {
146
+ "type": "unknown",
147
+ "mutable": false,
148
+ "complexType": {
149
+ "original": "RepairCallback",
150
+ "resolved": "(config: GamConfigData) => Promise<void>",
151
+ "references": {
152
+ "RepairCallback": {
153
+ "location": "local",
154
+ "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/gam-installation-settings/gam-installation-settings.tsx",
155
+ "id": "src/components/gam-installation-settings/gam-installation-settings.tsx::RepairCallback"
156
+ }
157
+ }
158
+ },
159
+ "required": false,
160
+ "optional": false,
161
+ "docs": {
162
+ "tags": [],
163
+ "text": "Callback invoked when the user press repair button"
164
+ }
165
+ },
166
+ "saveCallback": {
167
+ "type": "unknown",
168
+ "mutable": false,
169
+ "complexType": {
170
+ "original": "SaveCallback",
171
+ "resolved": "(data: GamConfigData) => Promise<void>",
172
+ "references": {
173
+ "SaveCallback": {
174
+ "location": "local",
175
+ "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/gam-installation-settings/gam-installation-settings.tsx",
176
+ "id": "src/components/gam-installation-settings/gam-installation-settings.tsx::SaveCallback"
177
+ }
178
+ }
179
+ },
180
+ "required": false,
181
+ "optional": false,
182
+ "docs": {
183
+ "tags": [],
184
+ "text": "Callback invoked when the user wants to start the exportation process"
185
+ }
186
+ },
187
+ "cancelCallback": {
188
+ "type": "unknown",
189
+ "mutable": false,
190
+ "complexType": {
191
+ "original": "CancelCallback",
192
+ "resolved": "() => Promise<void>",
193
+ "references": {
194
+ "CancelCallback": {
195
+ "location": "local",
196
+ "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/gam-installation-settings/gam-installation-settings.tsx",
197
+ "id": "src/components/gam-installation-settings/gam-installation-settings.tsx::CancelCallback"
198
+ }
199
+ }
200
+ },
201
+ "required": false,
202
+ "optional": false,
203
+ "docs": {
204
+ "tags": [],
205
+ "text": "Callback invoked when the user wants to cancel the exportation process"
206
+ }
207
+ }
208
+ };
209
+ }
210
+ static get states() {
211
+ return {
212
+ "fileName": {},
213
+ "selectedFile": {},
214
+ "importingIsInProcess": {}
215
+ };
216
+ }
217
+ static get events() {
218
+ return [{
219
+ "method": "componentDidRenderFirstTime",
220
+ "name": "componentDidRenderFirstTime",
221
+ "bubbles": true,
222
+ "cancelable": true,
223
+ "composed": true,
224
+ "docs": {
225
+ "tags": [{
226
+ "name": "description",
227
+ "text": "Gets fired when the component has rendered for the first time."
228
+ }],
229
+ "text": ""
230
+ },
231
+ "complexType": {
232
+ "original": "string",
233
+ "resolved": "string",
234
+ "references": {}
235
+ }
236
+ }];
237
+ }
238
+ static get elementRef() { return "el"; }
239
+ }
240
+ //# sourceMappingURL=gam-installation-settings.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gam-installation-settings.js","sourceRoot":"","sources":["../../../src/components/gam-installation-settings/gam-installation-settings.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { renderComboItems } from \"../../common/render-combo-items\";\nimport { GxOption } from \"../../common/types\";\n\nconst COMBO_BOX_DATA: GxOption[] = [\n {\n id: \"install-automatically\",\n name: \"Install Updates Automatically\",\n value: \"automatic\"\n },\n {\n id: \"prompt-update\",\n name: \"Prompt me to Update\",\n value: \"prompt\"\n },\n {\n id: \"never-update\",\n name: \"Never Update\",\n value: \"never\"\n }\n];\n\n@Component({\n tag: \"gx-ide-gam-installation-settings\",\n styleUrl: \"gam-installation-settings.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n // 3.STATE() VARIABLES //\n\n /**\n * Current value for Used in objects\n */\n\n @State() fileName: string = \"\";\n @State() selectedFile: File;\n @State() importingIsInProcess = false;\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * If true it displays the component title on the header\n */\n @Prop() readonly displayTitle = false;\n\n /**\n * Specifies the configuration type to be used\n */\n @Prop() readonly configurationType: \"installation\" | \"update\" =\n \"installation\";\n\n /**\n * Callback invoked when the user press repair button\n */\n @Prop() readonly repairCallback: RepairCallback;\n\n /**\n * Callback invoked when the user wants to start the exportation process\n */\n @Prop() readonly saveCallback: SaveCallback;\n\n /**\n * Callback invoked when the user wants to cancel the exportation process\n */\n @Prop() readonly cancelCallback: CancelCallback;\n\n // 5.EVENTS (EMIT) //\n\n /**\n * @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private repairCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.repairCallback(data);\n }\n };\n\n private saveCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.saveCallback(data);\n }\n };\n private cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n /* Renders*/\n private renderHeader = () => {\n return (\n <header class=\"header\" slot=\"header\">\n {/* header text */}\n <gxg-text type=\"text-regular\">\n {this.configurationType === \"installation\"\n ? this._componentLocale.header.headerTextInstallation.firstSentence\n : this._componentLocale.header.headerTextUpdate.firstSentence}\n </gxg-text>\n <gxg-text type=\"text-regular\">\n {this.configurationType === \"installation\"\n ? this._componentLocale.header.headerTextInstallation.secondSentence\n : this._componentLocale.header.headerTextUpdate.secondSentence}\n </gxg-text>\n <gxg-text type=\"text-regular\">\n {this.configurationType === \"installation\"\n ? this._componentLocale.header.headerTextInstallation.thirdSentence\n : this._componentLocale.header.headerTextUpdate.thirdSentence}\n </gxg-text>\n </header>\n );\n };\n\n private renderFilters = () => {\n return (\n <div class=\"filters\">\n <gxg-title type=\"title-05\">\n {this._componentLocale.filters.filtersHeading}\n </gxg-title>\n\n <gxg-form-checkbox\n label={this._componentLocale.filters.webPanelsCheckbox}\n part=\"web-panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n <gxg-form-checkbox\n label={this._componentLocale.filters.panelsCheckbox}\n part=\"panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n\n <gxg-combo-box\n label={this._componentLocale.filters.futureUpgradesComboLabel}\n disableFilter\n value={COMBO_BOX_DATA[0].value}\n part=\"future-upgrades-combo\"\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n }\n >\n {renderComboItems(COMBO_BOX_DATA ?? [])}\n </gxg-combo-box>\n </div>\n );\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n noHeadingPadding\n headingPaddingTop\n noContentPadding\n noContentGap\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n {this.renderHeader()}\n {this.renderFilters()}\n <gxg-text type=\"text-regular\" slot=\"footer-above\">\n {this._componentLocale.footer.footerSaveCancelText}\n </gxg-text>\n <gxg-text type=\"text-regular\" slot=\"footer-above\">\n {this._componentLocale.footer.footerRepairText}\n </gxg-text>\n\n <gxg-button\n type=\"outlined\"\n slot=\"footer-start\"\n onClick={this.repairCallbackHandler}\n >\n {this._componentLocale.footer.repairButton}\n </gxg-button>\n\n <gxg-button\n type=\"outlined\"\n slot=\"footer-end\"\n onClick={this.cancelCallbackHandler}\n >\n {this._componentLocale.footer.cancelButton}\n </gxg-button>\n <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n {this._componentLocale.footer.confirmButton}\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type GamConfigData = {\n importWebPanels: boolean;\n importPanels: boolean;\n futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"]}
@@ -0,0 +1,34 @@
1
+ {
2
+ "componentName": "GAM Installation Settings",
3
+ "header": {
4
+ "headerTextInstallation": {
5
+ "firstSentence": "Enabling Integrated Security imports GeneXus Access Manager (GAM) components to the Knowledge Base, providing authentication and security to your applications.",
6
+ "secondSentence": "You will be able to manage users, roles and permissions to control access to your application (authentication), and to grant access permissions to your programs (authorization).",
7
+ "thirdSentence": "Please select the additional objects you want to import and how to manage their future upgrades."
8
+ },
9
+ "headerTextUpdate": {
10
+ "firstSentence": "Use this dialog to check installed and available GAM versions and to install additional components.",
11
+ "secondSentence": "Please select the additional objects you want to import and how to manage their future upgrades.",
12
+ "thirdSentence": ""
13
+ },
14
+ "translationFileLabel": "Translation File:",
15
+ "importButtonText": "Select File"
16
+ },
17
+ "filters": {
18
+ "filtersHeading": "Security Objects : Login, Not Authorized, Change Password, Register, etc",
19
+ "webPanelsCheckbox": "Web Panels",
20
+ "panelsCheckbox": "Panels",
21
+ "futureUpgradesComboLabel": "Select How to manage the future upgrades:"
22
+ },
23
+ "footer": {
24
+ "footerSaveCancelText": "Select Save to Apply your Changes or Cancel to Ignore Them",
25
+ "footerRepairText": "Use Repair to import GAM components again",
26
+ "repairButton": "Repair",
27
+ "confirmButton": "Save",
28
+ "cancelButton": "Cancel"
29
+ },
30
+ "loader": {
31
+ "title": "Loading...",
32
+ "cancelLabel": "Cancel"
33
+ }
34
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
3
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "presentation": "你好,我的名字是 {0},我住在俄勒冈州。"
3
+ }
@@ -0,0 +1,11 @@
1
+ {
2
+ "type": "Type",
3
+ "name": "Name",
4
+ "source": "Source",
5
+ "user": "User",
6
+ "password": "Password",
7
+ "footer": {
8
+ "btnConfirm": "OK",
9
+ "btnCancel": "Cancel"
10
+ }
11
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
3
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "presentation": "你好,我的名字是 {0},我住在俄勒冈州。"
3
+ }
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface GxIdeGamInstallationSettings extends Components.GxIdeGamInstallationSettings, HTMLElement {}
4
+ export const GxIdeGamInstallationSettings: {
5
+ prototype: GxIdeGamInstallationSettings;
6
+ new (): GxIdeGamInstallationSettings;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,208 @@
1
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
+ import { c as config } from './config.js';
3
+ import { L as Locale } from './locale.js';
4
+ import { r as renderComboItems } from './render-combo-items.js';
5
+ import { d as defineCustomElement$e } from './icon.js';
6
+ import { d as defineCustomElement$d } from './container.js';
7
+ import { d as defineCustomElement$c } from './title2.js';
8
+ import { d as defineCustomElement$b } from './button.js';
9
+ import { d as defineCustomElement$a } from './combo-box.js';
10
+ import { d as defineCustomElement$9 } from './combo-box-item.js';
11
+ import { d as defineCustomElement$8 } from './form-checkbox.js';
12
+ import { d as defineCustomElement$7 } from './form-text.js';
13
+ import { d as defineCustomElement$6 } from './icon2.js';
14
+ import { d as defineCustomElement$5 } from './gxg-label2.js';
15
+ import { d as defineCustomElement$4 } from './text.js';
16
+ import { d as defineCustomElement$3 } from './title.js';
17
+ import { d as defineCustomElement$2 } from './tooltip.js';
18
+
19
+ const gamInstallationSettingsCss = ":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)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:grid;padding:var(--gx-ide-container__padding) var(--gx-ide-container__padding);gap:var(--gx-ide-grid-row-gap)}.message-checkbox-container{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.filters{display:grid;gap:var(--gx-ide-grid-column-gap);border-block-start:1px solid var(--gx-ide-container-border-color);padding:var(--gx-ide-container__padding)}";
20
+
21
+ const COMBO_BOX_DATA = [
22
+ {
23
+ id: "install-automatically",
24
+ name: "Install Updates Automatically",
25
+ value: "automatic"
26
+ },
27
+ {
28
+ id: "prompt-update",
29
+ name: "Prompt me to Update",
30
+ value: "prompt"
31
+ },
32
+ {
33
+ id: "never-update",
34
+ name: "Never Update",
35
+ value: "never"
36
+ }
37
+ ];
38
+ const GxIdeGamInstallationSettings$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeGamInstallationSettings extends HTMLElement {
39
+ constructor() {
40
+ super();
41
+ this.__registerHost();
42
+ this.__attachShadow();
43
+ this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
44
+ this.renderedFirstTime = false;
45
+ // 7.LISTENERS //
46
+ // 8.PUBLIC METHODS API //
47
+ // 9.LOCAL METHODS //
48
+ this.repairCallbackHandler = async () => {
49
+ if (this.saveCallback) {
50
+ const data = {
51
+ importWebPanels: this.webPanelsCheckboxEl.checked,
52
+ importPanels: this.panelsCheckboxEl.checked,
53
+ futureUpgrades: this.futureUpgradesComboEl.value
54
+ ? this.futureUpgradesComboEl.value
55
+ : null
56
+ };
57
+ await this.repairCallback(data);
58
+ }
59
+ };
60
+ this.saveCallbackHandler = async () => {
61
+ if (this.saveCallback) {
62
+ const data = {
63
+ importWebPanels: this.webPanelsCheckboxEl.checked,
64
+ importPanels: this.panelsCheckboxEl.checked,
65
+ futureUpgrades: this.futureUpgradesComboEl.value
66
+ ? this.futureUpgradesComboEl.value
67
+ : null
68
+ };
69
+ await this.saveCallback(data);
70
+ }
71
+ };
72
+ this.cancelCallbackHandler = () => {
73
+ this.cancelCallback();
74
+ };
75
+ /* Renders*/
76
+ this.renderHeader = () => {
77
+ return (h("header", { class: "header", slot: "header" }, h("gxg-text", { type: "text-regular" }, this.configurationType === "installation"
78
+ ? this._componentLocale.header.headerTextInstallation.firstSentence
79
+ : this._componentLocale.header.headerTextUpdate.firstSentence), h("gxg-text", { type: "text-regular" }, this.configurationType === "installation"
80
+ ? this._componentLocale.header.headerTextInstallation.secondSentence
81
+ : this._componentLocale.header.headerTextUpdate.secondSentence), h("gxg-text", { type: "text-regular" }, this.configurationType === "installation"
82
+ ? this._componentLocale.header.headerTextInstallation.thirdSentence
83
+ : this._componentLocale.header.headerTextUpdate.thirdSentence)));
84
+ };
85
+ this.renderFilters = () => {
86
+ return (h("div", { class: "filters" }, h("gxg-title", { type: "title-05" }, this._componentLocale.filters.filtersHeading), h("gxg-form-checkbox", { label: this._componentLocale.filters.webPanelsCheckbox, part: "web-panels-checkbox", slot: "footer-start", ref: (el) => (this.webPanelsCheckboxEl = el) }), h("gxg-form-checkbox", { label: this._componentLocale.filters.panelsCheckbox, part: "panels-checkbox", slot: "footer-start", ref: (el) => (this.panelsCheckboxEl = el) }), h("gxg-combo-box", { label: this._componentLocale.filters.futureUpgradesComboLabel, disableFilter: true, value: COMBO_BOX_DATA[0].value, part: "future-upgrades-combo", ref: (el) => (this.futureUpgradesComboEl = el) }, renderComboItems(COMBO_BOX_DATA !== null && COMBO_BOX_DATA !== void 0 ? COMBO_BOX_DATA : []))));
87
+ };
88
+ this.fileName = "";
89
+ this.selectedFile = undefined;
90
+ this.importingIsInProcess = false;
91
+ this.displayTitle = false;
92
+ this.configurationType = "installation";
93
+ this.repairCallback = undefined;
94
+ this.saveCallback = undefined;
95
+ this.cancelCallback = undefined;
96
+ }
97
+ // 6.COMPONENT LIFECYCLE METHODS //
98
+ async componentWillLoad() {
99
+ this._componentLocale = await Locale.getComponentStrings(this.el);
100
+ }
101
+ componentDidRender() {
102
+ if (!this.renderedFirstTime) {
103
+ this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
104
+ this.renderedFirstTime = true;
105
+ }
106
+ }
107
+ // 10.RENDER() FUNCTION //
108
+ render() {
109
+ return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noHeadingPadding: true, headingPaddingTop: true, noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, this.renderHeader(), this.renderFilters(), h("gxg-text", { type: "text-regular", slot: "footer-above" }, this._componentLocale.footer.footerSaveCancelText), h("gxg-text", { type: "text-regular", slot: "footer-above" }, this._componentLocale.footer.footerRepairText), h("gxg-button", { type: "outlined", slot: "footer-start", onClick: this.repairCallbackHandler }, this._componentLocale.footer.repairButton), h("gxg-button", { type: "outlined", slot: "footer-end", onClick: this.cancelCallbackHandler }, this._componentLocale.footer.cancelButton), h("gxg-button", { slot: "footer-end", onClick: this.saveCallbackHandler }, this._componentLocale.footer.confirmButton)))));
110
+ }
111
+ static get assetsDirs() { return ["gx-ide-assets/gam-installation-settings"]; }
112
+ get el() { return this; }
113
+ static get style() { return gamInstallationSettingsCss; }
114
+ }, [1, "gx-ide-gam-installation-settings", {
115
+ "displayTitle": [4, "display-title"],
116
+ "configurationType": [1, "configuration-type"],
117
+ "repairCallback": [16],
118
+ "saveCallback": [16],
119
+ "cancelCallback": [16],
120
+ "fileName": [32],
121
+ "selectedFile": [32],
122
+ "importingIsInProcess": [32]
123
+ }]);
124
+ function defineCustomElement$1() {
125
+ if (typeof customElements === "undefined") {
126
+ return;
127
+ }
128
+ const components = ["gx-ide-gam-installation-settings", "ch-icon", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-checkbox", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-text", "gxg-title", "gxg-tooltip"];
129
+ components.forEach(tagName => { switch (tagName) {
130
+ case "gx-ide-gam-installation-settings":
131
+ if (!customElements.get(tagName)) {
132
+ customElements.define(tagName, GxIdeGamInstallationSettings$1);
133
+ }
134
+ break;
135
+ case "ch-icon":
136
+ if (!customElements.get(tagName)) {
137
+ defineCustomElement$e();
138
+ }
139
+ break;
140
+ case "gx-ide-container":
141
+ if (!customElements.get(tagName)) {
142
+ defineCustomElement$d();
143
+ }
144
+ break;
145
+ case "gx-ide-title":
146
+ if (!customElements.get(tagName)) {
147
+ defineCustomElement$c();
148
+ }
149
+ break;
150
+ case "gxg-button":
151
+ if (!customElements.get(tagName)) {
152
+ defineCustomElement$b();
153
+ }
154
+ break;
155
+ case "gxg-combo-box":
156
+ if (!customElements.get(tagName)) {
157
+ defineCustomElement$a();
158
+ }
159
+ break;
160
+ case "gxg-combo-box-item":
161
+ if (!customElements.get(tagName)) {
162
+ defineCustomElement$9();
163
+ }
164
+ break;
165
+ case "gxg-form-checkbox":
166
+ if (!customElements.get(tagName)) {
167
+ defineCustomElement$8();
168
+ }
169
+ break;
170
+ case "gxg-form-text":
171
+ if (!customElements.get(tagName)) {
172
+ defineCustomElement$7();
173
+ }
174
+ break;
175
+ case "gxg-icon":
176
+ if (!customElements.get(tagName)) {
177
+ defineCustomElement$6();
178
+ }
179
+ break;
180
+ case "gxg-label":
181
+ if (!customElements.get(tagName)) {
182
+ defineCustomElement$5();
183
+ }
184
+ break;
185
+ case "gxg-text":
186
+ if (!customElements.get(tagName)) {
187
+ defineCustomElement$4();
188
+ }
189
+ break;
190
+ case "gxg-title":
191
+ if (!customElements.get(tagName)) {
192
+ defineCustomElement$3();
193
+ }
194
+ break;
195
+ case "gxg-tooltip":
196
+ if (!customElements.get(tagName)) {
197
+ defineCustomElement$2();
198
+ }
199
+ break;
200
+ } });
201
+ }
202
+
203
+ const GxIdeGamInstallationSettings = GxIdeGamInstallationSettings$1;
204
+ const defineCustomElement = defineCustomElement$1;
205
+
206
+ export { GxIdeGamInstallationSettings, defineCustomElement };
207
+
208
+ //# sourceMappingURL=gx-ide-gam-installation-settings.js.map
@@ -0,0 +1 @@
1
+ {"file":"gx-ide-gam-installation-settings.js","mappings":"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","names":["GxIdeGamInstallationSettings"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n display: block;\n}\n/*Header*/\n.header {\n border-top: 1px solid var(--gx-ide-container-border-color);\n display: grid;\n padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding);\n gap: var(--gx-ide-grid-row-gap);\n}\n/*Main*/\n.message-checkbox-container {\n padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n var(--gx-ide-container__padding);\n}\n/*Filters*/\n.filters {\n display: grid;\n gap: var(--gx-ide-grid-column-gap);\n border-block-start: 1px solid var(--gx-ide-container-border-color);\n padding: var(--gx-ide-container__padding);\n}\n","/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { renderComboItems } from \"../../common/render-combo-items\";\nimport { GxOption } from \"../../common/types\";\n\nconst COMBO_BOX_DATA: GxOption[] = [\n {\n id: \"install-automatically\",\n name: \"Install Updates Automatically\",\n value: \"automatic\"\n },\n {\n id: \"prompt-update\",\n name: \"Prompt me to Update\",\n value: \"prompt\"\n },\n {\n id: \"never-update\",\n name: \"Never Update\",\n value: \"never\"\n }\n];\n\n@Component({\n tag: \"gx-ide-gam-installation-settings\",\n styleUrl: \"gam-installation-settings.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n // 3.STATE() VARIABLES //\n\n /**\n * Current value for Used in objects\n */\n\n @State() fileName: string = \"\";\n @State() selectedFile: File;\n @State() importingIsInProcess = false;\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * If true it displays the component title on the header\n */\n @Prop() readonly displayTitle = false;\n\n /**\n * Specifies the configuration type to be used\n */\n @Prop() readonly configurationType: \"installation\" | \"update\" =\n \"installation\";\n\n /**\n * Callback invoked when the user press repair button\n */\n @Prop() readonly repairCallback: RepairCallback;\n\n /**\n * Callback invoked when the user wants to start the exportation process\n */\n @Prop() readonly saveCallback: SaveCallback;\n\n /**\n * Callback invoked when the user wants to cancel the exportation process\n */\n @Prop() readonly cancelCallback: CancelCallback;\n\n // 5.EVENTS (EMIT) //\n\n /**\n * @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private repairCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.repairCallback(data);\n }\n };\n\n private saveCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.saveCallback(data);\n }\n };\n private cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n /* Renders*/\n private renderHeader = () => {\n return (\n <header class=\"header\" slot=\"header\">\n {/* header text */}\n <gxg-text type=\"text-regular\">\n {this.configurationType === \"installation\"\n ? this._componentLocale.header.headerTextInstallation.firstSentence\n : this._componentLocale.header.headerTextUpdate.firstSentence}\n </gxg-text>\n <gxg-text type=\"text-regular\">\n {this.configurationType === \"installation\"\n ? this._componentLocale.header.headerTextInstallation.secondSentence\n : this._componentLocale.header.headerTextUpdate.secondSentence}\n </gxg-text>\n <gxg-text type=\"text-regular\">\n {this.configurationType === \"installation\"\n ? this._componentLocale.header.headerTextInstallation.thirdSentence\n : this._componentLocale.header.headerTextUpdate.thirdSentence}\n </gxg-text>\n </header>\n );\n };\n\n private renderFilters = () => {\n return (\n <div class=\"filters\">\n <gxg-title type=\"title-05\">\n {this._componentLocale.filters.filtersHeading}\n </gxg-title>\n\n <gxg-form-checkbox\n label={this._componentLocale.filters.webPanelsCheckbox}\n part=\"web-panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n <gxg-form-checkbox\n label={this._componentLocale.filters.panelsCheckbox}\n part=\"panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n\n <gxg-combo-box\n label={this._componentLocale.filters.futureUpgradesComboLabel}\n disableFilter\n value={COMBO_BOX_DATA[0].value}\n part=\"future-upgrades-combo\"\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n }\n >\n {renderComboItems(COMBO_BOX_DATA ?? [])}\n </gxg-combo-box>\n </div>\n );\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n noHeadingPadding\n headingPaddingTop\n noContentPadding\n noContentGap\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n {this.renderHeader()}\n {this.renderFilters()}\n <gxg-text type=\"text-regular\" slot=\"footer-above\">\n {this._componentLocale.footer.footerSaveCancelText}\n </gxg-text>\n <gxg-text type=\"text-regular\" slot=\"footer-above\">\n {this._componentLocale.footer.footerRepairText}\n </gxg-text>\n\n <gxg-button\n type=\"outlined\"\n slot=\"footer-start\"\n onClick={this.repairCallbackHandler}\n >\n {this._componentLocale.footer.repairButton}\n </gxg-button>\n\n <gxg-button\n type=\"outlined\"\n slot=\"footer-end\"\n onClick={this.cancelCallbackHandler}\n >\n {this._componentLocale.footer.cancelButton}\n </gxg-button>\n <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n {this._componentLocale.footer.confirmButton}\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type GamConfigData = {\n importWebPanels: boolean;\n importPanels: boolean;\n futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"],"version":3}