npm - @genexus/genexus-ide-ui - Versions diffs - 2.1.1 → 2.1.3 - Mend

@genexus/genexus-ide-ui 2.1.1 → 2.1.3

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 (594) hide show

package/dist/components/gx-ide-bpm-app-declaration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-bpm-app-declaration.js","mappings":"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","names":["GxIdeBpmAppDeclaration"],"sources":["src/components/bpm/application-declaration/bpm-app-declaration.scss?tag=gx-ide-bpm-app-declaration&encapsulation=shadow","src/components/bpm/application-declaration/bpm-app-declaration.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n display: grid;\n block-size: 100%;\n grid-template-rows: max-content 1fr max-content;\n overflow: auto;\n}\n\n.section {\n display: contents;\n}\n\n.header {\n display: grid;\n grid-template-columns: 1fr max-content;\n}\n\n.data-mapping-grid-container,\n.data-mapping-grid-container .field {\n overflow: auto;\n block-size: 100%;\n}\n\n.tabular-grid-application-declaration {\n overflow: auto;\n}\nch-tabular-grid.empty-result::part(main) {\n // WA to avoid scrollbar flickering when displaying the empty-state message\n overflow: hidden;\n}\n\n.pill-tag {\n // base styles for this class defined on \"gx-ide-common.scss\"\n min-inline-size: 40px;\n margin-inline-end: 8px;\n padding-block: 1px;\n padding-inline: 4px;\n border-radius: 2px;\n text-align: center;\n font-size: var(--font-size-body-xs);\n}\n\n@include tabular-grid-cell-layout(\n $tabular-grid-selector: \".tabular-grid-application-declaration\",\n $tabular-grid-cell-node-type: \"element\",\n $tabular-grid-affected-columns-nth-list: (\n 2\n )\n);\n\n// WA\n.tabular-grid-cell:nth-child(2) {\n padding: 0 !important;\n display: grid;\n align-items: stretch;\n justify-content: stretch;\n --ds-focus-border-width: none;\n}\n.tabular-grid-cell:nth-child(3) {\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n}\n.tabular-grid {\n overflow: auto;\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"components/combo-box\",\n \"components/icon\",\n \"components/tabular-grid\",\n \"utils/elevation\",\n \"utils/form\",\n \"utils/layout\",\n \"utils/spacing\"\n];\n\nconst ADD_ICON = getIconPath({\n category: \"system\",\n name: \"add\",\n colorType: \"interactive\"\n});\nconst FILTER_ICON = getIconPath({\n category: \"window-tools\",\n name: \"filter\",\n colorType: \"on-surface\"\n});\nconst MORE_ICON = getIconPath({\n category: \"system\",\n name: \"more-horizontal\",\n colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n alreadyProcessed: true,\n autoExpand: false,\n hideMatchesAndShowNonMatches: false,\n highlightMatchedItems: false,\n matchCase: false,\n regularExpression: false,\n strict: false,\n renderActiveItemIconOnExpand: true\n};\n\n@Component({\n tag: \"gx-ide-bpm-app-declaration\",\n styleUrl: \"bpm-app-declaration.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-app-declaration\"]\n})\nexport class GxIdeBpmAppDeclaration {\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 #animateEmptyState = true;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/bpm-app-declaration/shortcuts.json`\n );\n\n #ACCESS_CAPTION_MAP: Record<DataMappingAccess, string> = {\n // To be defined on componentWillLoad\n in: undefined,\n out: undefined,\n inout: undefined\n };\n\n @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n\n /\n The application ComoBoxModel. When the component renders for the first time, it is required\n * to display the application typeIcon. Later, it is required to display the suggested application\n * options with the combo suggest.\n /\n @State() applicationComboBoxModel: ComboBoxModel = [];\n\n /\n Current value of the application declaration. Keep in mind that this property will be used by\n * the host to initialize the component, meaning it will assign the current declaration value.\n /\n @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n /\n Callback invoked when user cancels application declaration\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback invoked when user confirms application declaration\n /\n @Prop() readonly confirmCallback: ConfirmCallback;\n\n /\n Callback invoked when user select one of the options provided by the suggest\n /\n @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\n\n /\n Callback invoked to get access to selection application dialog\n /\n @Prop() readonly selectApplicationCallback: SelectApplicationCallback;\n\n /\n Callback invoked when user press mapping auto-def button\n /\n @Prop() readonly selectMappingCallback: SelectMappingCallback;\n\n /\n Callback invoked to get options for application input suggest\n /\n @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\n\n /\n @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n this.#setApplicationData(this.application.application);\n if (this.application.mappings.length === 0) {\n this.#animateEmptyState = false;\n }\n this.#setAccessCaptions();\n }\n\n #setAccessCaptions = () => {\n this.#ACCESS_CAPTION_MAP.in = this.#componentLocale.dataMappings.access.in;\n this.#ACCESS_CAPTION_MAP.out =\n this.#componentLocale.dataMappings.access.out;\n this.#ACCESS_CAPTION_MAP.inout =\n this.#componentLocale.dataMappings.access.inout;\n };\n\n #applicationInputChangedHandler = async (\n event: CustomEvent<string> \| InputEvent\n ) => {\n const selectedApplicationName = event.detail as string;\n this.application.mappings = await this.getDataMappingCallback(\n selectedApplicationName\n );\n };\n\n #cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n #clearApplicationHandler = () => {\n this.application = {\n application: {\n name: \"\",\n typeIcon: \"\"\n },\n mappings: []\n };\n };\n\n #confirmCallbackHandler = () => {\n this.confirmCallback(this.application);\n };\n\n #mapRelevantDataOptionsToComboBoxModel = (\n relevantDataOptions: string[]\n ): ComboBoxModel => {\n return relevantDataOptions.map(optionName => {\n return {\n caption: optionName,\n value: optionName\n };\n });\n };\n\n #mapSuggestedApplicationsToComboBoxModel = (\n suggestedApplicationsNames: string[]\n ): ComboBoxModel => {\n return suggestedApplicationsNames.map(applicationName => {\n return {\n caption: applicationName,\n value: applicationName\n };\n });\n };\n\n #relevantDataInputHandler =\n (mappingIndex: number) =>\n async (event: CustomEvent<string> \| InputEvent) => {\n const inputValue = event.detail as string;\n this.application.mappings[mappingIndex].relevantData = inputValue;\n };\n\n #selectApplicationCallbackHandler = async () => {\n const applicationDeclarationData = await this.selectApplicationCallback();\n if (applicationDeclarationData) {\n this.#setApplicationData(applicationDeclarationData.application);\n this.application.mappings = applicationDeclarationData.mappings;\n }\n };\n\n #selectMappingCallbackHandler =\n (parameter: string, mappingIndex: number) => async () => {\n const returnedRelevantData = await this.selectMappingCallback(parameter);\n if (returnedRelevantData) {\n const currentRelevantDataOptions =\n this.application.mappings[mappingIndex].relevantDataOptions;\n\n const indexOfReturnedRelevantData =\n currentRelevantDataOptions.indexOf(returnedRelevantData);\n\n if (indexOfReturnedRelevantData === -1) {\n // returnedRelevantData is a new option. Add to combo-box.\n currentRelevantDataOptions.push(returnedRelevantData);\n }\n // Set as selected\n this.application.mappings[mappingIndex].relevantData =\n returnedRelevantData;\n\n this.#updateApplicationData();\n }\n };\n\n #setApplicationData = (applicationData: ApplicationData) => {\n if (applicationData) {\n const applicationName = applicationData.name;\n this.application.application.name = applicationName;\n this.applicationComboBoxModel = [\n {\n caption: applicationName,\n value: applicationName,\n startImgSrc: applicationData.typeIcon\n }\n ];\n }\n };\n\n #suggestInputHandler = async (event: CustomEvent<string> \| InputEvent) => {\n const inputValue = event.detail as string;\n this.application.application.name = inputValue;\n const suggestedApplicationNames: string[] =\n await this.suggestApplicationsCallback(inputValue);\n\n this.applicationComboBoxModel =\n this.#mapSuggestedApplicationsToComboBoxModel(suggestedApplicationNames);\n };\n\n #updateApplicationData = () => {\n this.application = { ...this.application };\n };\n\n // Renders\n\n #renderDataMappingsGrid = (): Element => {\n const applicationDataToDisplay = this.application.mappings.length;\n if (applicationDataToDisplay) {\n // Set as animated for the next time.\n this.#animateEmptyState = true;\n }\n return (\n <div class=\"field-group data-mapping-grid-container\">\n <div class=\"field field-block\">\n <label class=\"spacing-body-inline-start label\">\n {this.#componentLocale.dataMappings.title}\n </label>\n <ch-tabular-grid\n class={{\n \"tabular-grid\": true,\n \"tabular-grid-application-declaration\": true,\n \"scrollable\": true,\n \"empty-result\": !applicationDataToDisplay\n }}\n part=\"ch-grid-data-mappings\"\n >\n <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n <ch-tabular-grid-column\n class=\"tabular-grid-column\"\n columnName={\n this.application.application?.typeIcon ===\n \"objects/transaction\"\n ? this.#componentLocale.dataMappings.firstColName\n : this.#componentLocale.dataMappings.firstColNameParameter\n }\n settingable={false}\n sortable={false}\n size={config.tabularGrid.colSize.common}\n ></ch-tabular-grid-column>\n\n <ch-tabular-grid-column\n class=\"tabular-grid-column\"\n columnName={this.#componentLocale.dataMappings.secondColName}\n settingable={false}\n sortable={false}\n size={config.tabularGrid.colSize.common}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n class=\"tabular-grid-column\"\n settingable={false}\n sortable={false}\n size={config.tabularGrid.colSize.auto}\n ></ch-tabular-grid-column>\n </ch-tabular-grid-columnset>\n\n {this.application.mappings.length ? (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n {this.application.mappings.map(\n (obj: DataMappingData, index) => (\n <ch-tabular-grid-row\n class=\"tabular-grid-row\"\n rowId={`${index}-${obj.parameter}`}\n key={`${index}-${obj.parameter}-grid-row`}\n >\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <span class=\"pill-tag elevation-3\">\n {\n this.#ACCESS_CAPTION_MAP[\n obj.access as DataMappingAccess\n ]\n }\n </span>\n {obj.parameter}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <ch-combo-box-render\n class=\"combo-box\"\n model={this.#mapRelevantDataOptionsToComboBoxModel(\n obj.relevantDataOptions\n )}\n value={obj.relevantData}\n key={`${index}-${obj.parameter}-combo-box`}\n onInput={this.#relevantDataInputHandler(index)}\n ></ch-combo-box-render>\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <button\n data-index={index}\n onClick={this.#selectMappingCallbackHandler(\n obj.parameter,\n index\n )}\n class=\"button-tertiary button-icon-only\"\n aria-label={\n this.#componentLocale.buttons.selectMapping\n }\n title={this.#componentLocale.buttons.selectMapping}\n >\n <ch-image class=\"icon-m\" src={ADD_ICON}></ch-image>\n </button>\n </ch-tabular-grid-cell>\n </ch-tabular-grid-row>\n )\n )}\n </ch-tabular-grid-rowset>\n ) : (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n <ch-tabular-grid-rowset-empty>\n <gx-ide-empty-state\n isAnimated={this.#animateEmptyState}\n stateIconSrc={FILTER_ICON}\n stateTitle={this.#componentLocale.emptyState.title}\n stateDescription={\n this.#componentLocale.emptyState.description\n }\n ></gx-ide-empty-state>\n </ch-tabular-grid-rowset-empty>\n </ch-tabular-grid-rowset>\n )}\n </ch-tabular-grid>\n </div>\n </div>\n );\n };\n\n render() {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <section class=\"section\">\n <header slot=\"header\" class=\"header spacing-body\">\n <ch-combo-box-render\n class=\"combo-box\"\n value={this.application.application.name}\n model={this.applicationComboBoxModel}\n suggestDebounce={config.inputDebounce}\n suggest\n suggestOptions={SUGGEST_OPTIONS}\n onInput={this.#suggestInputHandler}\n onChange={this.#applicationInputChangedHandler}\n ></ch-combo-box-render>\n\n <div class=\"buttons-spacer\">\n <button\n onClick={this.#selectApplicationCallbackHandler}\n class=\"button-tertiary button-icon-only\"\n aria-label={this.#componentLocale.buttons.selectApplication}\n title={this.#componentLocale.buttons.selectApplication}\n >\n <ch-image class=\"icon-m\" src={MORE_ICON}></ch-image>\n </button>\n <button\n onClick={this.#clearApplicationHandler}\n class=\"button-secondary\"\n >\n Clear\n </button>\n </div>\n </header>\n\n {this.#renderDataMappingsGrid()}\n\n <footer class=\"dialog-footer spacing-body-block-end spacing-body-inline\">\n <div class=\"buttons-spacer\">\n <button\n class=\"button-secondary\"\n onClick={this.#cancelCallbackHandler}\n >\n {this.#componentLocale.buttons.cancelButton}\n </button>\n <button\n class=\"button-primary\"\n onClick={this.#confirmCallbackHandler}\n >\n {this.#componentLocale.buttons.confirmButton}\n </button>\n </div>\n </footer>\n </section>\n <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n </Host>\n );\n }\n}\n\nexport type ApplicationDeclarationData = {\n application?: ApplicationData;\n mappings: DataMappingData[];\n};\nexport type ApplicationData = {\n name: string;\n typeIcon: string;\n};\n\ntype DataMappingAccess = \"in\" \| \"out\" \| \"inout\";\n\nexport type DataMappingData = {\n parameter: string;\n access: DataMappingAccess;\n relevantDataOptions: string[];\n relevantData?: string;\n};\n\nexport type SuggestApplicationsCallback = (\n prefix: string\n) => Promise<string[] \| undefined>;\n\nexport type SelectApplicationCallback = () => Promise<\n ApplicationDeclarationData \| undefined\n>;\n\nexport type SelectMappingCallback = (parameter: string) => Promise<string>;\n\nexport type ConfirmCallback = (\n data: ApplicationDeclarationData\n) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataMappingCallback = (\n applicationName: string\n) => Promise<DataMappingData[]>;\n"],"version":3}
1	+ {"file":"gx-ide-bpm-app-declaration.js","mappings":"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","names":["GxIdeBpmAppDeclaration"],"sources":["src/components/bpm/application-declaration/bpm-app-declaration.scss?tag=gx-ide-bpm-app-declaration&encapsulation=shadow","src/components/bpm/application-declaration/bpm-app-declaration.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n display: grid;\n block-size: 100%;\n grid-template-rows: max-content 1fr max-content;\n overflow: auto;\n}\n\n.section {\n display: contents;\n}\n\n.header {\n display: grid;\n grid-template-columns: 1fr max-content;\n}\n\n.data-mapping-grid-container,\n.data-mapping-grid-container .field {\n overflow: auto;\n block-size: 100%;\n}\n\n.tabular-grid-application-declaration {\n overflow: auto;\n}\nch-tabular-grid.empty-result::part(main) {\n // WA to avoid scrollbar flickering when displaying the empty-state message\n overflow: hidden;\n}\n\n.pill-tag {\n // base styles for this class defined on \"gx-ide-common.scss\"\n min-inline-size: 40px;\n margin-inline-end: 8px;\n padding-block: 1px;\n padding-inline: 4px;\n border-radius: 2px;\n text-align: center;\n font-size: var(--font-size-body-xs);\n}\n\n@include tabular-grid-cell-layout(\n $tabular-grid-selector: \".tabular-grid-application-declaration\",\n $tabular-grid-cell-node-type: \"element\",\n $tabular-grid-affected-columns-nth-list: (\n 2\n )\n);\n\n// WA\n.tabular-grid-cell:nth-child(2) {\n padding: 0 !important;\n display: grid;\n align-items: stretch;\n justify-content: stretch;\n --ds-focus-border-width: none;\n}\n.tabular-grid-cell:nth-child(3) {\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n}\n.tabular-grid {\n overflow: auto;\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"components/combo-box\",\n \"components/icon\",\n \"components/tabular-grid\",\n \"utils/elevation\",\n \"utils/form\",\n \"utils/layout\",\n \"utils/spacing\"\n];\n\nconst ADD_ICON = getIconPath({\n category: \"system\",\n name: \"add\",\n colorType: \"interactive\"\n});\nconst FILTER_ICON = getIconPath({\n category: \"window-tools\",\n name: \"filter\",\n colorType: \"on-surface\"\n});\nconst MORE_ICON = getIconPath({\n category: \"system\",\n name: \"more-horizontal\",\n colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n alreadyProcessed: true,\n autoExpand: false,\n hideMatchesAndShowNonMatches: false,\n highlightMatchedItems: false,\n matchCase: false,\n regularExpression: false,\n strict: false,\n renderActiveItemIconOnExpand: true\n};\n\n@Component({\n tag: \"gx-ide-bpm-app-declaration\",\n styleUrl: \"bpm-app-declaration.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-app-declaration\"]\n})\nexport class GxIdeBpmAppDeclaration {\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 #animateEmptyState = true;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/bpm-app-declaration/shortcuts.json`\n );\n\n #ACCESS_CAPTION_MAP: Record<DataMappingAccess, string> = {\n // To be defined on componentWillLoad\n in: undefined,\n out: undefined,\n inout: undefined\n };\n\n @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n\n /\n The application ComoBoxModel. When the component renders for the first time, it is required\n * to display the application typeIcon. Later, it is required to display the suggested application\n * options with the combo suggest.\n /\n @State() applicationComboBoxModel: ComboBoxModel = [];\n\n /\n Current value of the application declaration. Keep in mind that this property will be used by\n * the host to initialize the component, meaning it will assign the current declaration value.\n /\n @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n /\n Callback invoked when user cancels application declaration\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback invoked when user confirms application declaration\n /\n @Prop() readonly confirmCallback: ConfirmCallback;\n\n /\n Callback invoked when user select one of the options provided by the suggest\n /\n @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\n\n /\n Callback invoked to get access to selection application dialog\n /\n @Prop() readonly selectApplicationCallback: SelectApplicationCallback;\n\n /\n Callback invoked when user press mapping auto-def button\n /\n @Prop() readonly selectMappingCallback: SelectMappingCallback;\n\n /\n Callback invoked to get options for application input suggest\n /\n @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\n\n /\n @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n this.#setApplicationData(this.application.application);\n if (this.application.mappings.length === 0) {\n this.#animateEmptyState = false;\n }\n this.#setAccessCaptions();\n }\n\n #setAccessCaptions = () => {\n this.#ACCESS_CAPTION_MAP.in = this.#componentLocale.dataMappings.access.in;\n this.#ACCESS_CAPTION_MAP.out =\n this.#componentLocale.dataMappings.access.out;\n this.#ACCESS_CAPTION_MAP.inout =\n this.#componentLocale.dataMappings.access.inout;\n };\n\n #applicationInputChangedHandler = async (\n event: CustomEvent<string> \| InputEvent\n ) => {\n const selectedApplicationName = event.detail as string;\n this.application.mappings = await this.getDataMappingCallback(\n selectedApplicationName\n );\n };\n\n #cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n #clearApplicationHandler = () => {\n this.application = {\n application: {\n name: \"\",\n typeIcon: \"\"\n },\n mappings: []\n };\n };\n\n #confirmCallbackHandler = () => {\n this.confirmCallback(this.application);\n };\n\n #mapRelevantDataOptionsToComboBoxModel = (\n relevantDataOptions: string[]\n ): ComboBoxModel => {\n return relevantDataOptions.map(optionName => {\n return {\n caption: optionName,\n value: optionName\n };\n });\n };\n\n #mapSuggestedApplicationsToComboBoxModel = (\n suggestedApplicationsNames: string[]\n ): ComboBoxModel => {\n return suggestedApplicationsNames.map(applicationName => {\n return {\n caption: applicationName,\n value: applicationName\n };\n });\n };\n\n #relevantDataInputHandler =\n (mappingIndex: number) =>\n async (event: CustomEvent<string> \| InputEvent) => {\n const inputValue = event.detail as string;\n this.application.mappings[mappingIndex].relevantData = inputValue;\n };\n\n #selectApplicationCallbackHandler = async () => {\n const applicationDeclarationData = await this.selectApplicationCallback();\n if (applicationDeclarationData) {\n this.#setApplicationData(applicationDeclarationData.application);\n this.application.mappings = applicationDeclarationData.mappings;\n }\n };\n\n #selectMappingCallbackHandler =\n (parameter: string, mappingIndex: number) => async () => {\n const returnedRelevantData = await this.selectMappingCallback(parameter);\n if (returnedRelevantData) {\n const currentRelevantDataOptions =\n this.application.mappings[mappingIndex].relevantDataOptions;\n\n const indexOfReturnedRelevantData =\n currentRelevantDataOptions.indexOf(returnedRelevantData);\n\n if (indexOfReturnedRelevantData === -1) {\n // returnedRelevantData is a new option. Add to combo-box.\n currentRelevantDataOptions.push(returnedRelevantData);\n }\n // Set as selected\n this.application.mappings[mappingIndex].relevantData =\n returnedRelevantData;\n\n this.#updateApplicationData();\n }\n };\n\n #setApplicationData = (applicationData: ApplicationData) => {\n if (applicationData) {\n const applicationName = applicationData.name;\n this.application.application.name = applicationName;\n this.applicationComboBoxModel = [\n {\n caption: applicationName,\n value: applicationName,\n startImgSrc: applicationData.typeIcon\n }\n ];\n }\n };\n\n #suggestInputHandler = async (event: CustomEvent<string> \| InputEvent) => {\n const inputValue = event.detail as string;\n this.application.application.name = inputValue;\n const suggestedApplicationNames: string[] =\n await this.suggestApplicationsCallback(inputValue);\n\n this.applicationComboBoxModel =\n this.#mapSuggestedApplicationsToComboBoxModel(suggestedApplicationNames);\n };\n\n #updateApplicationData = () => {\n this.application = { ...this.application };\n };\n\n // Renders\n\n #renderDataMappingsGrid = (): Element => {\n const applicationDataToDisplay = this.application.mappings.length;\n if (applicationDataToDisplay) {\n // Set as animated for the next time.\n this.#animateEmptyState = true;\n }\n return (\n <div class=\"field-group data-mapping-grid-container\">\n <div class=\"field field-block\">\n <label class=\"spacing-body-inline-start label\">\n {this.#componentLocale.dataMappings.title}\n </label>\n <ch-tabular-grid\n class={{\n \"tabular-grid\": true,\n \"tabular-grid-application-declaration\": true,\n \"scrollable\": true,\n \"empty-result\": !applicationDataToDisplay\n }}\n part=\"ch-grid-data-mappings\"\n >\n <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n <ch-tabular-grid-column\n class=\"tabular-grid-column\"\n columnName={\n this.application.application?.typeIcon ===\n \"objects/transaction\"\n ? this.#componentLocale.dataMappings.firstColName\n : this.#componentLocale.dataMappings.firstColNameParameter\n }\n settingable={false}\n sortable={false}\n size={config.tabularGrid.colSize.common}\n ></ch-tabular-grid-column>\n\n <ch-tabular-grid-column\n class=\"tabular-grid-column\"\n columnName={this.#componentLocale.dataMappings.secondColName}\n settingable={false}\n sortable={false}\n size={config.tabularGrid.colSize.common}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n class=\"tabular-grid-column\"\n settingable={false}\n sortable={false}\n size={config.tabularGrid.colSize.auto}\n ></ch-tabular-grid-column>\n </ch-tabular-grid-columnset>\n\n {this.application.mappings.length ? (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n {this.application.mappings.map(\n (obj: DataMappingData, index) => (\n <ch-tabular-grid-row\n class=\"tabular-grid-row\"\n rowId={`${index}-${obj.parameter}`}\n key={`${index}-${obj.parameter}-grid-row`}\n >\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <span class=\"pill-tag elevation-3\">\n {\n this.#ACCESS_CAPTION_MAP[\n obj.access as DataMappingAccess\n ]\n }\n </span>\n {obj.parameter}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <ch-combo-box-render\n class=\"combo-box\"\n model={this.#mapRelevantDataOptionsToComboBoxModel(\n obj.relevantDataOptions\n )}\n value={obj.relevantData}\n key={`${index}-${obj.parameter}-combo-box`}\n onInput={this.#relevantDataInputHandler(index)}\n ></ch-combo-box-render>\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <button\n data-index={index}\n onClick={this.#selectMappingCallbackHandler(\n obj.parameter,\n index\n )}\n class=\"button-tertiary button-icon-only\"\n aria-label={\n this.#componentLocale.buttons.selectMapping\n }\n title={this.#componentLocale.buttons.selectMapping}\n >\n <ch-image class=\"icon-m\" src={ADD_ICON}></ch-image>\n </button>\n </ch-tabular-grid-cell>\n </ch-tabular-grid-row>\n )\n )}\n </ch-tabular-grid-rowset>\n ) : (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n <ch-tabular-grid-rowset-empty>\n <gx-ide-empty-state\n isAnimated={this.#animateEmptyState}\n stateIconSrc={FILTER_ICON}\n stateTitle={this.#componentLocale.emptyState.title}\n stateDescription={\n this.#componentLocale.emptyState.description\n }\n ></gx-ide-empty-state>\n </ch-tabular-grid-rowset-empty>\n </ch-tabular-grid-rowset>\n )}\n </ch-tabular-grid>\n </div>\n </div>\n );\n };\n\n render() {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <section class=\"section\">\n <header slot=\"header\" class=\"header spacing-body\">\n <ch-combo-box-render\n class=\"combo-box\"\n value={this.application.application.name}\n model={this.applicationComboBoxModel}\n suggestDebounce={config.inputDebounce}\n suggest\n suggestOptions={SUGGEST_OPTIONS}\n onInput={this.#suggestInputHandler}\n onChange={this.#applicationInputChangedHandler}\n ></ch-combo-box-render>\n\n <div class=\"buttons-spacer\">\n <button\n onClick={this.#selectApplicationCallbackHandler}\n class=\"button-tertiary button-icon-only\"\n aria-label={this.#componentLocale.buttons.selectApplication}\n title={this.#componentLocale.buttons.selectApplication}\n >\n <ch-image class=\"icon-m\" src={MORE_ICON}></ch-image>\n </button>\n <button\n onClick={this.#clearApplicationHandler}\n class=\"button-secondary\"\n >\n Clear\n </button>\n </div>\n </header>\n\n {this.#renderDataMappingsGrid()}\n\n <footer class=\"dialog-footer spacing-body-block-end spacing-body-inline\">\n <div class=\"buttons-spacer\">\n <button\n class=\"button-secondary\"\n onClick={this.#cancelCallbackHandler}\n >\n {this.#componentLocale.buttons.cancelButton}\n </button>\n <button\n class=\"button-primary\"\n onClick={this.#confirmCallbackHandler}\n >\n {this.#componentLocale.buttons.confirmButton}\n </button>\n </div>\n </footer>\n </section>\n <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n </Host>\n );\n }\n}\n\nexport type ApplicationDeclarationData = {\n application?: ApplicationData;\n mappings: DataMappingData[];\n};\nexport type ApplicationData = {\n name: string;\n typeIcon: string;\n};\n\ntype DataMappingAccess = \"in\" \| \"out\" \| \"inout\";\n\nexport type DataMappingData = {\n parameter: string;\n access: DataMappingAccess;\n relevantDataOptions: string[];\n relevantData?: string;\n};\n\nexport type SuggestApplicationsCallback = (\n prefix: string\n) => Promise<string[] \| undefined>;\n\nexport type SelectApplicationCallback = () => Promise<\n ApplicationDeclarationData \| undefined\n>;\n\nexport type SelectMappingCallback = (parameter: string) => Promise<string>;\n\nexport type ConfirmCallback = (\n data: ApplicationDeclarationData\n) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataMappingCallback = (\n applicationName: string\n) => Promise<DataMappingData[]>;\n"],"version":3}

package/dist/components/gx-ide-bpm-assign-roles.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { L as Locale } from './locale.js';
 import { c as config } from './config.js';
 import { d as defineCustomElement$2 } from './container.js';
-const bpmAssignRolesCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:block}.roles__container{display:grid;block-size:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:var(--spacing-gap-l)}.roles__role{display:grid;grid-template-rows:auto 1fr;overflow:auto}.roles__list{display:flex;flex-direction:column;block-size:100%;overflow:auto}.roles__list-header{display:grid;grid-template-rows:auto 1fr;gap:var(--spacing-gap-m)}.roles__list-title{background-color:var(--color-accent-surface-elevation-1);display:flex;align-items:center;justify-content:center}.add-remove-buttons{display:flex;justify-content:space-between}";
+const bpmAssignRolesCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:block}.roles__container{display:grid;block-size:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:var(--spacing-gap-l)}.roles__role{display:grid;grid-template-rows:auto 1fr;overflow:auto}.roles__list{display:flex;flex-direction:column;block-size:100%;overflow:auto}.roles__list-header{display:grid;grid-template-rows:auto 1fr;gap:var(--spacing-gap-m)}.roles__list-title{background-color:var(--color-accent-surface-elevation-1);display:flex;align-items:center;justify-content:center}.add-remove-buttons{display:flex;justify-content:space-between}";
 const GxIdeBpmAssignRoles$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeBpmAssignRoles extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-bpm-assign-roles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-bpm-assign-roles.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,6jEAA6jE;;MCsB1kEA,qBAAmB;;;;;;QAOtB,sBAAiB,GAAG,KAAK,CAAC;;;;QA4E1B,2BAAsB,GAAG;YAC/B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;SAC/C,CAAC;QAEM,0BAAqB,GAAG;YAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB,CAAC;QAEM,gCAA2B,GAAG,CAAC,CAAM;YAC3C,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC;SACrE,CAAC;QAEM,kCAA6B,GAAG,CAAC,CAAM;YAC7C,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC;SACvE,CAAC;QAEM,0BAAqB,GAAG,CAAC,CAAM;YACrC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,MAAM,CAAC;SACvC,CAAC;QAEM,wBAAmB,GAAG,CAAC,CAAM;YACnC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC;SACrC,CAAC;QACM,oBAAe,GAAG,CAAC,OAAY;YACrC,MAAM,YAAY,GAAa,EAAE,CAAC;YAClC,MAAM,YAAY,GAAG,OAAO,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;YAEnE,YAAY,CAAC,OAAO,CAAC,CAAC,IAAS;gBAC7B,IAAI,IAAI,CAAC,OAAO,EAAE;oBAChB,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B;aACF,CAAC,CAAC;YAEH,OAAO,YAAY,CAAC;SACrB,CAAC;QAEM,WAAM,GAAG;YACf,IAAI,CAAC,kBAAkB,GAAG;gBACxB,GAAG,IAAI,CAAC,kBAAkB;gBAC1B,GAAG,IAAI,CAAC,oBAAoB;aAC7B,CAAC;YACF,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC;SAChC,CAAC;QAEM,qBAAgB,GAAG;YACzB,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAClE,IAAI,YAAY,CAAC,MAAM,EAAE;gBACvB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAC1D,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CACrC,CAAC;gBACF,IAAI,CAAC,kBAAkB,GAAG,CAAC,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,YAAY,CAAC,CAAC;gBACxE,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;aACjC;SACF,CAAC;QAEM,cAAS,GAAG;YAClB,IAAI,CAAC,oBAAoB,GAAG;gBAC1B,GAAG,IAAI,CAAC,oBAAoB;gBAC5B,GAAG,IAAI,CAAC,kBAAkB;aAC3B,CAAC;YACF,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;SAC9B,CAAC;QAEM,wBAAmB,GAAG;YAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAEhE,IAAI,YAAY,CAAC,MAAM,EAAE;gBACvB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI;oBAC3D,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;iBACrC,CAAC,CAAC;gBACH,IAAI,CAAC,oBAAoB,GAAG;oBAC1B,GAAG,IAAI,CAAC,oBAAoB;oBAC5B,GAAG,YAAY;iBAChB,CAAC;gBACF,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;aAC/B;SACF,CAAC;QAEM,qBAAgB,GAAG;YACzB,QACE,WAAK,KAAK,EAAC,aAAa,IACtB,oBACE,UAAU,QACV,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,qBAAqB,EAC1B,gBAAgB,EAAE,IAAI,CAAC,6BAA6B,EACpD,GAAG,EAAE,CAAC,EAAyB,MAC5B,IAAI,CAAC,iBAAiB,GAAG,EAA2B,CAAC,EAExD,QAAQ,QACR,YAAY,QACZ,WAAW,QACX,SAAS,UAER,IAAI,CAAC,oBAAoB;iBACvB,MAAM,CACL,IAAI,IACF,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,KAAK,EAAE;gBAC/C,IAAI;qBACD,WAAW,EAAE;qBACb,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC,CACxD;iBACA,GAAG,CAAC,IAAI,KACP,yBACE,KAAK,EAAE,IAAI,EACX,QAAQ,QACR,GAAG,EAAE,GAAG,IAAI,IACV,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC;sBAClC,UAAU;sBACV,YACN,EAAE,IAED,IAAI,CACa,CACrB,CAAC,CACS,CACX,EACN;SACH,CAAC;QACM,wBAAmB,GAAG;YAC5B,QACE,WAAK,KAAK,EAAC,aAAa,IACtB,oBACE,UAAU,QACV,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,wBAAwB,EAC7B,gBAAgB,EAAE,IAAI,CAAC,2BAA2B,EAClD,GAAG,EAAE,CAAC,EAAyB,MAC5B,IAAI,CAAC,eAAe,GAAG,EAA2B,CAAC,EAEtD,QAAQ,QACR,YAAY,QACZ,WAAW,QACX,SAAS,UAER,IAAI,CAAC,kBAAkB;iBACrB,MAAM,CACL,IAAI,IACF,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,EAAE;gBAC7C,IAAI;qBACD,WAAW,EAAE;qBACb,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC,CACtD;iBACA,GAAG,CAAC,IAAI,KACP,yBACE,KAAK,EAAE,IAAI,EACX,QAAQ,QACR,GAAG,EAAE,GAAG,IAAI,IACV,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC;sBAClC,UAAU;sBACV,YACN,EAAE,IAED,IAAI,CACa,CACrB,CAAC,CACS,CACX,EACN;SACH,CAAC;oCAjOwC,EAAE;kCACJ,EAAE;qCACT,EAAE;mCACJ,EAAE;kCACH,KAAK;gCACP,KAAK;4BAOD,KAAK;;;;;;;IA+BrC,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAC3C,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAC3C,CAAC;QACF,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC;KAC9C;IAED,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CACpC,CAAC;YACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;KACF;;IA2KD,MAAM;QACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC5B,WAAK,KAAK,EAAC,qBAAqB,IAC9B,wBACE,oBAAoB,QACpB,aAAa,EAAE,MAAM,CAAC,cAAc,CAAC,aAAa,IAElD,WAAK,KAAK,EAAC,kBAAkB,IAE3B,eAAS,KAAK,EAAC,aAAa,IAE1B,cAAQ,KAAK,EAAC,oBAAoB,IAEhC,qBACE,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EACzD,WAAW,EACT,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAEpD,aAAa,EAAC,OAAO,EACrB,WAAW,QACX,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,EACnC,OAAO,EAAE,IAAI,CAAC,qBAAqB,GACpB,EACjB,WAAK,KAAK,EAAC,mBAAmB,IAC5B,iBAAW,IAAI,EAAC,UAAU,IACvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CACnC,EACZ,gBACE,IAAI,EAAC,0BAA0B,EAC/B,KAAK,EAAC,iBAAiB,GACb,CACR,CACC,EACR,IAAI,CAAC,gBAAgB,EAAE,CAChB,EAGV,eAAS,KAAK,EAAC,aAAa,IAC1B,cAAQ,KAAK,EAAC,oBAAoB,IAEhC,qBACE,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EACzD,WAAW,EACT,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAEpD,aAAa,EAAC,OAAO,EACrB,WAAW,QACX,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE,EACtC,OAAO,EAAE,IAAI,CAAC,mBAAmB,GAClB,EACjB,WAAK,KAAK,EAAC,mBAAmB,IAC5B,gBACE,IAAI,EAAC,yBAAyB,EAC9B,KAAK,EAAC,iBAAiB,GACb,EACZ,iBAAW,IAAI,EAAC,UAAU,IACvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CACnC,CACR,CACC,EAER,IAAI,CAAC,mBAAmB,EAAE,CACnB,CACN,EAEN,cAAQ,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,IACpD,cAAQ,KAAK,EAAC,yBAAyB,IACrC,kBACE,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,oBAAoB,CAAC,MAAM,KAAK,CAAC,EAChD,IAAI,EAAC,qBAAqB,IAEzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CACzC,EACb,kBACE,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,wBAAwB,EAC7B,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,QAAQ,EACN,CAAC,IAAI,CAAC,kBAAkB;gBACxB,CAAC,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAEnC,IAAI,EAAC,qBAAqB,IAEzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAC9C,CACN,EACT,cAAQ,KAAK,EAAC,4BAA4B,IACxC,kBACE,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,sBAAsB,EAC3B,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAC9C,IAAI,EAAC,qBAAqB,IAEzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAC5C,EACb,kBACE,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,2BAA2B,EAChC,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,QAAQ,EACN,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAE3D,IAAI,EAAC,qBAAqB,IAEzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CACjD,CACN,CACF,EAGT,kBACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,IAAI,CAAC,qBAAqB,IAElC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,YAAY,CAC/B,EAEb,kBAAY,IAAI,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,sBAAsB,IAC/D,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,aAAa,CAChC,CACI,CACf,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GxIdeBpmAssignRoles"],"sources":["src/components/bpm/assign-roles/bpm-assign-roles.scss?tag=gx-ide-bpm-assign-roles&encapsulation=shadow","src/components/bpm/assign-roles/bpm-assign-roles.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n display: block;\n}\n\n.roles {\n &__container {\n display: grid;\n block-size: 100%;\n box-sizing: border-box;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-gap-l);\n }\n &__role {\n display: grid;\n grid-template-rows: auto 1fr;\n overflow: auto;\n }\n &__list {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n overflow: auto;\n }\n &__list-header {\n display: grid;\n grid-template-rows: auto 1fr;\n gap: var(--spacing-gap-m);\n }\n &__list-title {\n background-color: var(--color-accent-surface-elevation-1);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n.add-remove-buttons {\n display: flex;\n justify-content: space-between;\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 { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\n\n@Component({\n tag: \"gx-ide-bpm-assign-roles\",\n styleUrl: \"bpm-assign-roles.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-assign-roles\"]\n})\nexport class GxIdeBpmAssignRoles {\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: HTMLGxIdeBpmAssignRolesElement;\n private unassignedRolesEL: HTMLGxgListBoxElement;\n private assignedRolesEl: HTMLGxgListBoxElement;\n\n // 3.STATE() VARIABLES //\n\n @State() unassignedRolesState: string[] = [];\n @State() assignedRolesState: string[] = [];\n @State() filterUnassignedInput = \"\";\n @State() filterAssignedInput = \"\";\n @State() unassignedSelected = false;\n @State() assignedSelected = 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 Array with all available roles\n /\n @Prop() readonly roles: string[];\n\n /\n Array with currently assigned roles\n /\n @Prop() readonly assignedRoles: string[];\n\n /\n Callback invoked when user confirms assignation\n /\n @Prop() readonly confirmCallback: ConfirmCallback;\n\n /\n Callback invoked when user cancels assignation\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 this.unassignedRolesState = this.roles.filter(\n role => !this.assignedRoles.includes(role)\n );\n this.assignedRolesState = this.assignedRoles;\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 confirmCallbackHandler = () => {\n this.confirmCallback(this.assignedRolesState);\n };\n\n private cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n private handleAssignedCheckedChange = (e: any) => {\n this.assignedSelected = e.detail[0] && e.detail[0].checked === true;\n };\n\n private handleUnassignedCheckedChange = (e: any) => {\n this.unassignedSelected = e.detail[0] && e.detail[0].checked === true;\n };\n\n private handleUnassignedInput = (e: any) => {\n this.filterUnassignedInput = e.detail;\n };\n\n private handleAssignedInput = (e: any) => {\n this.filterAssignedInput = e.detail;\n };\n private getCheckedItems = (listBox: any) => {\n const checkedItems: string[] = [];\n const listBoxItems = listBox.querySelectorAll(\"gxg-list-box-item\");\n\n listBoxItems.forEach((item: any) => {\n if (item.checked) {\n checkedItems.push(item.value);\n }\n });\n\n return checkedItems;\n };\n\n private addAll = () => {\n this.assignedRolesState = [\n ...this.assignedRolesState,\n ...this.unassignedRolesState\n ];\n this.unassignedRolesState = [];\n };\n\n private addSelectedRoles = () => {\n const checkedItems = this.getCheckedItems(this.unassignedRolesEL);\n if (checkedItems.length) {\n this.unassignedRolesState = this.unassignedRolesState.filter(\n role => !checkedItems.includes(role)\n );\n this.assignedRolesState = [...this.assignedRolesState, ...checkedItems];\n this.unassignedSelected = false;\n }\n };\n\n private removeAll = () => {\n this.unassignedRolesState = [\n ...this.unassignedRolesState,\n ...this.assignedRolesState\n ];\n this.assignedRolesState = [];\n };\n\n private removeSelectedRoles = () => {\n const checkedItems = this.getCheckedItems(this.assignedRolesEl);\n\n if (checkedItems.length) {\n this.assignedRolesState = this.assignedRolesState.filter(role => {\n return !checkedItems.includes(role);\n });\n this.unassignedRolesState = [\n ...this.unassignedRolesState,\n ...checkedItems\n ];\n this.assignedSelected = false;\n }\n };\n\n private renderRolesToAdd = () => {\n return (\n <div class=\"roles__list\">\n <gxg-list-box\n checkboxes\n disabled={false}\n part=\"add-roles-selection\"\n onCheckedChanged={this.handleUnassignedCheckedChange}\n ref={(el: HTMLGxgListBoxElement) =>\n (this.unassignedRolesEL = el as HTMLGxgListBoxElement)\n }\n noBorder\n borderBottom\n borderStart\n borderEnd\n >\n {this.unassignedRolesState\n .filter(\n role =>\n this.filterUnassignedInput.toLowerCase() === \"\" \|\|\n role\n .toLowerCase()\n .includes(this.filterUnassignedInput.toLowerCase())\n )\n .map(role => (\n <gxg-list-box-item\n value={role}\n checkbox\n key={`${role}-${\n this.assignedRolesState.includes(role)\n ? \"assigned\"\n : \"unassigned\"\n }`}\n >\n {role}\n </gxg-list-box-item>\n ))}\n </gxg-list-box>\n </div>\n );\n };\n private renderRolesToRemove = () => {\n return (\n <div class=\"roles__list\">\n <gxg-list-box\n checkboxes\n disabled={false}\n part=\"remove-roles-selection\"\n onCheckedChanged={this.handleAssignedCheckedChange}\n ref={(el: HTMLGxgListBoxElement) =>\n (this.assignedRolesEl = el as HTMLGxgListBoxElement)\n }\n noBorder\n borderBottom\n borderStart\n borderEnd\n >\n {this.assignedRolesState\n .filter(\n role =>\n this.filterAssignedInput.toLowerCase() === \"\" \|\|\n role\n .toLowerCase()\n .includes(this.filterAssignedInput.toLowerCase())\n )\n .map(role => (\n <gxg-list-box-item\n value={role}\n checkbox\n key={`${role}-${\n this.assignedRolesState.includes(role)\n ? \"assigned\"\n : \"unassigned\"\n }`}\n >\n {role}\n </gxg-list-box-item>\n ))}\n </gxg-list-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 noAboveFooterPadding\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <div class=\"roles__container\">\n {/ add roles section /}\n <section class=\"roles__role\">\n {/ roles to add listbox/}\n <header class=\"roles__list-header\">\n {/ roles to add filter/}\n <gxg-form-text\n label={this._componentLocale.main.assignRoles.searchRoles}\n placeholder={\n this._componentLocale.main.assignRoles.placeholder\n }\n labelPosition=\"above\"\n clearButton\n part=\"add-roles-filter\"\n class={{ \"add-roles-filter\": true }}\n onInput={this.handleUnassignedInput}\n ></gxg-form-text>\n <div class=\"roles__list-title\">\n <gxg-title type=\"title-04\">\n {this._componentLocale.main.assignRoles.title}\n </gxg-title>\n <gxg-icon\n type=\"navigation/chevron-right\"\n color=\"mercury-neutral\"\n ></gxg-icon>\n </div>\n </header>\n {this.renderRolesToAdd()}\n </section>\n\n {/ remove roles section /}\n <section class=\"roles__role\">\n <header class=\"roles__list-header\">\n {/ roles to remove filter/}\n <gxg-form-text\n label={this._componentLocale.main.removeRoles.searchRoles}\n placeholder={\n this._componentLocale.main.removeRoles.placeholder\n }\n labelPosition=\"above\"\n clearButton\n part=\"remove-roles-filter\"\n class={{ \"remove-roles-filter\": true }}\n onInput={this.handleAssignedInput}\n ></gxg-form-text>\n <div class=\"roles__list-title\">\n <gxg-icon\n type=\"navigation/chevron-left\"\n color=\"mercury-neutral\"\n ></gxg-icon>\n <gxg-title type=\"title-04\">\n {this._componentLocale.main.removeRoles.title}\n </gxg-title>\n </div>\n </header>\n {/ roles to remove listbox/}\n {this.renderRolesToRemove()}\n </section>\n </div>\n\n <footer class=\"add-remove-buttons\" slot=\"footer-above\">\n <footer class=\"add-remove-buttons__add\">\n <gxg-button\n id=\"add-all\"\n part=\"add-all-roles-btn\"\n onClick={this.addAll}\n disabled={this.unassignedRolesState.length === 0}\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.assignRoles.addAllButton}\n </gxg-button>\n <gxg-button\n id=\"add-selected\"\n part=\"add-selected-roles-btn\"\n onClick={this.addSelectedRoles}\n disabled={\n !this.unassignedSelected \|\|\n !this.unassignedRolesState.length\n }\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.assignRoles.addSelectedButton}\n </gxg-button>\n </footer>\n <footer class=\"add-remove-buttons__remove\">\n <gxg-button\n id=\"add-all\"\n part=\"remove-all-roles-btn\"\n onClick={this.removeAll}\n disabled={this.assignedRolesState.length === 0}\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.removeRoles.removeAllButton}\n </gxg-button>\n <gxg-button\n id=\"add-selected\"\n part=\"remove-selected-roles-btn\"\n onClick={this.removeSelectedRoles}\n disabled={\n !this.assignedSelected \|\| !this.assignedRolesState.length\n }\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.removeRoles.removeSelectedButton}\n </gxg-button>\n </footer>\n </footer>\n\n {/ cancel button/}\n <gxg-button\n type=\"outlined\"\n slot=\"footer-end\"\n onClick={this.cancelCallbackHandler}\n >\n {this._componentLocale.footer.cancelButton}\n </gxg-button>\n {/ apply button*/}\n <gxg-button slot=\"footer-end\" onClick={this.confirmCallbackHandler}>\n {this._componentLocale.footer.confirmButton}\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ConfirmCallback = (assignedRoles: string[]) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n"],"version":3}
1	+ {"file":"gx-ide-bpm-assign-roles.js","mappings":"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","names":["GxIdeBpmAssignRoles"],"sources":["src/components/bpm/assign-roles/bpm-assign-roles.scss?tag=gx-ide-bpm-assign-roles&encapsulation=shadow","src/components/bpm/assign-roles/bpm-assign-roles.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n display: block;\n}\n\n.roles {\n &__container {\n display: grid;\n block-size: 100%;\n box-sizing: border-box;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-gap-l);\n }\n &__role {\n display: grid;\n grid-template-rows: auto 1fr;\n overflow: auto;\n }\n &__list {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n overflow: auto;\n }\n &__list-header {\n display: grid;\n grid-template-rows: auto 1fr;\n gap: var(--spacing-gap-m);\n }\n &__list-title {\n background-color: var(--color-accent-surface-elevation-1);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n.add-remove-buttons {\n display: flex;\n justify-content: space-between;\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 { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\n\n@Component({\n tag: \"gx-ide-bpm-assign-roles\",\n styleUrl: \"bpm-assign-roles.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-assign-roles\"]\n})\nexport class GxIdeBpmAssignRoles {\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: HTMLGxIdeBpmAssignRolesElement;\n private unassignedRolesEL: HTMLGxgListBoxElement;\n private assignedRolesEl: HTMLGxgListBoxElement;\n\n // 3.STATE() VARIABLES //\n\n @State() unassignedRolesState: string[] = [];\n @State() assignedRolesState: string[] = [];\n @State() filterUnassignedInput = \"\";\n @State() filterAssignedInput = \"\";\n @State() unassignedSelected = false;\n @State() assignedSelected = 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 Array with all available roles\n /\n @Prop() readonly roles: string[];\n\n /\n Array with currently assigned roles\n /\n @Prop() readonly assignedRoles: string[];\n\n /\n Callback invoked when user confirms assignation\n /\n @Prop() readonly confirmCallback: ConfirmCallback;\n\n /\n Callback invoked when user cancels assignation\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 this.unassignedRolesState = this.roles.filter(\n role => !this.assignedRoles.includes(role)\n );\n this.assignedRolesState = this.assignedRoles;\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 confirmCallbackHandler = () => {\n this.confirmCallback(this.assignedRolesState);\n };\n\n private cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n private handleAssignedCheckedChange = (e: any) => {\n this.assignedSelected = e.detail[0] && e.detail[0].checked === true;\n };\n\n private handleUnassignedCheckedChange = (e: any) => {\n this.unassignedSelected = e.detail[0] && e.detail[0].checked === true;\n };\n\n private handleUnassignedInput = (e: any) => {\n this.filterUnassignedInput = e.detail;\n };\n\n private handleAssignedInput = (e: any) => {\n this.filterAssignedInput = e.detail;\n };\n private getCheckedItems = (listBox: any) => {\n const checkedItems: string[] = [];\n const listBoxItems = listBox.querySelectorAll(\"gxg-list-box-item\");\n\n listBoxItems.forEach((item: any) => {\n if (item.checked) {\n checkedItems.push(item.value);\n }\n });\n\n return checkedItems;\n };\n\n private addAll = () => {\n this.assignedRolesState = [\n ...this.assignedRolesState,\n ...this.unassignedRolesState\n ];\n this.unassignedRolesState = [];\n };\n\n private addSelectedRoles = () => {\n const checkedItems = this.getCheckedItems(this.unassignedRolesEL);\n if (checkedItems.length) {\n this.unassignedRolesState = this.unassignedRolesState.filter(\n role => !checkedItems.includes(role)\n );\n this.assignedRolesState = [...this.assignedRolesState, ...checkedItems];\n this.unassignedSelected = false;\n }\n };\n\n private removeAll = () => {\n this.unassignedRolesState = [\n ...this.unassignedRolesState,\n ...this.assignedRolesState\n ];\n this.assignedRolesState = [];\n };\n\n private removeSelectedRoles = () => {\n const checkedItems = this.getCheckedItems(this.assignedRolesEl);\n\n if (checkedItems.length) {\n this.assignedRolesState = this.assignedRolesState.filter(role => {\n return !checkedItems.includes(role);\n });\n this.unassignedRolesState = [\n ...this.unassignedRolesState,\n ...checkedItems\n ];\n this.assignedSelected = false;\n }\n };\n\n private renderRolesToAdd = () => {\n return (\n <div class=\"roles__list\">\n <gxg-list-box\n checkboxes\n disabled={false}\n part=\"add-roles-selection\"\n onCheckedChanged={this.handleUnassignedCheckedChange}\n ref={(el: HTMLGxgListBoxElement) =>\n (this.unassignedRolesEL = el as HTMLGxgListBoxElement)\n }\n noBorder\n borderBottom\n borderStart\n borderEnd\n >\n {this.unassignedRolesState\n .filter(\n role =>\n this.filterUnassignedInput.toLowerCase() === \"\" \|\|\n role\n .toLowerCase()\n .includes(this.filterUnassignedInput.toLowerCase())\n )\n .map(role => (\n <gxg-list-box-item\n value={role}\n checkbox\n key={`${role}-${\n this.assignedRolesState.includes(role)\n ? \"assigned\"\n : \"unassigned\"\n }`}\n >\n {role}\n </gxg-list-box-item>\n ))}\n </gxg-list-box>\n </div>\n );\n };\n private renderRolesToRemove = () => {\n return (\n <div class=\"roles__list\">\n <gxg-list-box\n checkboxes\n disabled={false}\n part=\"remove-roles-selection\"\n onCheckedChanged={this.handleAssignedCheckedChange}\n ref={(el: HTMLGxgListBoxElement) =>\n (this.assignedRolesEl = el as HTMLGxgListBoxElement)\n }\n noBorder\n borderBottom\n borderStart\n borderEnd\n >\n {this.assignedRolesState\n .filter(\n role =>\n this.filterAssignedInput.toLowerCase() === \"\" \|\|\n role\n .toLowerCase()\n .includes(this.filterAssignedInput.toLowerCase())\n )\n .map(role => (\n <gxg-list-box-item\n value={role}\n checkbox\n key={`${role}-${\n this.assignedRolesState.includes(role)\n ? \"assigned\"\n : \"unassigned\"\n }`}\n >\n {role}\n </gxg-list-box-item>\n ))}\n </gxg-list-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 noAboveFooterPadding\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <div class=\"roles__container\">\n {/ add roles section /}\n <section class=\"roles__role\">\n {/ roles to add listbox/}\n <header class=\"roles__list-header\">\n {/ roles to add filter/}\n <gxg-form-text\n label={this._componentLocale.main.assignRoles.searchRoles}\n placeholder={\n this._componentLocale.main.assignRoles.placeholder\n }\n labelPosition=\"above\"\n clearButton\n part=\"add-roles-filter\"\n class={{ \"add-roles-filter\": true }}\n onInput={this.handleUnassignedInput}\n ></gxg-form-text>\n <div class=\"roles__list-title\">\n <gxg-title type=\"title-04\">\n {this._componentLocale.main.assignRoles.title}\n </gxg-title>\n <gxg-icon\n type=\"navigation/chevron-right\"\n color=\"mercury-neutral\"\n ></gxg-icon>\n </div>\n </header>\n {this.renderRolesToAdd()}\n </section>\n\n {/ remove roles section /}\n <section class=\"roles__role\">\n <header class=\"roles__list-header\">\n {/ roles to remove filter/}\n <gxg-form-text\n label={this._componentLocale.main.removeRoles.searchRoles}\n placeholder={\n this._componentLocale.main.removeRoles.placeholder\n }\n labelPosition=\"above\"\n clearButton\n part=\"remove-roles-filter\"\n class={{ \"remove-roles-filter\": true }}\n onInput={this.handleAssignedInput}\n ></gxg-form-text>\n <div class=\"roles__list-title\">\n <gxg-icon\n type=\"navigation/chevron-left\"\n color=\"mercury-neutral\"\n ></gxg-icon>\n <gxg-title type=\"title-04\">\n {this._componentLocale.main.removeRoles.title}\n </gxg-title>\n </div>\n </header>\n {/ roles to remove listbox/}\n {this.renderRolesToRemove()}\n </section>\n </div>\n\n <footer class=\"add-remove-buttons\" slot=\"footer-above\">\n <footer class=\"add-remove-buttons__add\">\n <gxg-button\n id=\"add-all\"\n part=\"add-all-roles-btn\"\n onClick={this.addAll}\n disabled={this.unassignedRolesState.length === 0}\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.assignRoles.addAllButton}\n </gxg-button>\n <gxg-button\n id=\"add-selected\"\n part=\"add-selected-roles-btn\"\n onClick={this.addSelectedRoles}\n disabled={\n !this.unassignedSelected \|\|\n !this.unassignedRolesState.length\n }\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.assignRoles.addSelectedButton}\n </gxg-button>\n </footer>\n <footer class=\"add-remove-buttons__remove\">\n <gxg-button\n id=\"add-all\"\n part=\"remove-all-roles-btn\"\n onClick={this.removeAll}\n disabled={this.assignedRolesState.length === 0}\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.removeRoles.removeAllButton}\n </gxg-button>\n <gxg-button\n id=\"add-selected\"\n part=\"remove-selected-roles-btn\"\n onClick={this.removeSelectedRoles}\n disabled={\n !this.assignedSelected \|\| !this.assignedRolesState.length\n }\n type=\"secondary-text-only\"\n >\n {this._componentLocale.main.removeRoles.removeSelectedButton}\n </gxg-button>\n </footer>\n </footer>\n\n {/ cancel button/}\n <gxg-button\n type=\"outlined\"\n slot=\"footer-end\"\n onClick={this.cancelCallbackHandler}\n >\n {this._componentLocale.footer.cancelButton}\n </gxg-button>\n {/ apply button*/}\n <gxg-button slot=\"footer-end\" onClick={this.confirmCallbackHandler}>\n {this._componentLocale.footer.confirmButton}\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ConfirmCallback = (assignedRoles: string[]) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n"],"version":3}

package/dist/components/gx-ide-bpm-export-xpdl.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './container.js';
 import { d as defineCustomElement$3 } from './list-selector.js';
 import { d as defineCustomElement$2 } from './list-selector-item.js';
-const bpmExportXpdlCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:\"label label label\" \"input cancel export\";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}";
+const bpmExportXpdlCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:\"label label label\" \"input cancel export\";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}";
 const GxIdeBpmExportXpdl$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeBpmExportXpdl extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-bpm-export-xpdl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-bpm-export-xpdl.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG~~,+0EAA+0E~~;;~~MCyB31EA~~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","names":["GxIdeBpmExportXpdl"],"sources":["src/components/bpm/export-xpdl/bpm-export-xpdl.scss?tag=gx-ide-bpm-export-xpdl&encapsulation=shadow","src/components/bpm/export-xpdl/bpm-export-xpdl.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.header {\n display: grid;\n grid-template-columns: 1fr min-content min-content;\n grid-template-areas:\n \"label label label\"\n \"input cancel export\";\n grid-gap: var(--spacing-gap-l);\n\n .label {\n grid-area: label;\n }\n .input {\n grid-area: input;\n }\n .cancel {\n grid-area: cancel;\n }\n .export {\n grid-area: export;\n }\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 { ObjectData } from \"../objects-selector/helpers\";\n\n/ import { renderListItems } from \"../../../common/render-list-item\"; /\n\n@Component({\n tag: \"gx-ide-bpm-export-xpdl\",\n styleUrl: \"bpm-export-xpdl.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-export-xpdl\"]\n})\nexport class GxIdeBpmExportXpdl {\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: HTMLGxIdeBpmExportXpdlElement;\n private exportInputEl: HTMLInputElement;\n private bpmObjectSelectorEl: HTMLGxIdeBpmObjectsSelectorElement;\n\n // 3.STATE() VARIABLES //\n\n @State() emptyInput = true;\n @State() emptyObjects = true;\n @State() notExporting = true;\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 Callback function invoked when the user presses the 'Create' button.\n * This function is expected to handle the export process based on the provided export data.\n \n @param {ExportData} exportData - The data required for the export process.\n * @returns {Promise<boolean>} A promise that resolves to a boolean indicating the success of the export operation.\n * Returns `true` if the export was successful, and `false` otherwise.\n /\n @Prop() readonly exportCallback: ExportCallback;\n\n /\n Callback invoked when user press 'Cancel' button\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback invoked when the user presses the 'Add' button. associated with gx-ide-bpm-objects-selector\n * This function is expected to return a list of selected objects' basic information.\n * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n /\n @Prop() readonly addCallback: () => Promise<ObjectData[]>;\n\n /\n Callback invoked when the user presses the 'References' button. associated with gx-ide-bpm-objects-selector\n * Receives a parameter which is an array of IDs of the objects currently added to the list.\n * Returns a Promise that resolves to an array of ObjectData, where each ObjectData contains the ID, icon, and name of an object.\n * @param {string[]} ids - An array of IDs of the objects currently added to the list.\n * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n /\n @Prop() readonly referencesCallback: (ids: string[]) => Promise<ObjectData[]>;\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 exportHandler = () => {\n if (this.exportCallback) {\n this.notExporting = false;\n\n const data: ExportData = {\n directoryName: this.exportInputEl.value,\n Objects: this.bpmObjectSelectorEl.selection ?? {\n includeAll: false,\n objectIds: []\n }\n };\n\n this.exportCallback(data)\n .then(() => {\n this.notExporting = true;\n })\n .catch(() => {\n // error handling\n this.notExporting = true;\n });\n }\n };\n\n private inputHandle = async () => {\n this.emptyInput = !this.exportInputEl.value?.length;\n };\n\n private handleSelectionChanged = () => {\n this.emptyObjects = !this.bpmObjectSelectorEl.selection.objectIds.length;\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 slimmerFooter={config.gxIdeContainer.slimmerFooter}>\n <div class=\"header\">\n <label htmlFor=\"export-directory\" class=\"label\">\n {this._componentLocale.main.exportInputLabel}\n </label>\n <input\n type=\"text\"\n id=\"export-directory\"\n class=\"input-text input\"\n onInput={this.inputHandle}\n ref={el => (this.exportInputEl = el as HTMLInputElement)}\n />\n <button\n class=\"export\"\n disabled={this.emptyInput \|\| this.emptyObjects}\n onClick={this.exportHandler}\n >\n {this._componentLocale.main.exportButton}\n </button>\n <button\n class=\"cancel\"\n disabled={this.notExporting}\n onClick={this.cancelCallback}\n >\n {this._componentLocale.main.cancelButton}\n </button>\n </div>\n\n <gx-ide-bpm-objects-selector\n id=\"gx-ide-bpm-objects-selector\"\n addCallback={this.addCallback}\n referencesCallback={this.referencesCallback}\n ref={el =>\n (this.bpmObjectSelectorEl =\n el as HTMLGxIdeBpmObjectsSelectorElement)\n }\n onSelectionChanged={this.handleSelectionChanged}\n ></gx-ide-bpm-objects-selector>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ExportCallback = (exportData: ExportData) => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type ExportData = {\n directoryName: string;\n Objects: SelectionData;\n};\n\nexport type SelectionData = {\n includeAll: boolean;\n objectIds: string[];\n};\n"],"version":3}
1	+ {"file":"gx-ide-bpm-export-xpdl.js","mappings":"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","names":["GxIdeBpmExportXpdl"],"sources":["src/components/bpm/export-xpdl/bpm-export-xpdl.scss?tag=gx-ide-bpm-export-xpdl&encapsulation=shadow","src/components/bpm/export-xpdl/bpm-export-xpdl.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.header {\n display: grid;\n grid-template-columns: 1fr min-content min-content;\n grid-template-areas:\n \"label label label\"\n \"input cancel export\";\n grid-gap: var(--spacing-gap-l);\n\n .label {\n grid-area: label;\n }\n .input {\n grid-area: input;\n }\n .cancel {\n grid-area: cancel;\n }\n .export {\n grid-area: export;\n }\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 { ObjectData } from \"../objects-selector/helpers\";\n\n/ import { renderListItems } from \"../../../common/render-list-item\"; /\n\n@Component({\n tag: \"gx-ide-bpm-export-xpdl\",\n styleUrl: \"bpm-export-xpdl.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-export-xpdl\"]\n})\nexport class GxIdeBpmExportXpdl {\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: HTMLGxIdeBpmExportXpdlElement;\n private exportInputEl: HTMLInputElement;\n private bpmObjectSelectorEl: HTMLGxIdeBpmObjectsSelectorElement;\n\n // 3.STATE() VARIABLES //\n\n @State() emptyInput = true;\n @State() emptyObjects = true;\n @State() notExporting = true;\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 Callback function invoked when the user presses the 'Create' button.\n * This function is expected to handle the export process based on the provided export data.\n \n @param {ExportData} exportData - The data required for the export process.\n * @returns {Promise<boolean>} A promise that resolves to a boolean indicating the success of the export operation.\n * Returns `true` if the export was successful, and `false` otherwise.\n /\n @Prop() readonly exportCallback: ExportCallback;\n\n /\n Callback invoked when user press 'Cancel' button\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback invoked when the user presses the 'Add' button. associated with gx-ide-bpm-objects-selector\n * This function is expected to return a list of selected objects' basic information.\n * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n /\n @Prop() readonly addCallback: () => Promise<ObjectData[]>;\n\n /\n Callback invoked when the user presses the 'References' button. associated with gx-ide-bpm-objects-selector\n * Receives a parameter which is an array of IDs of the objects currently added to the list.\n * Returns a Promise that resolves to an array of ObjectData, where each ObjectData contains the ID, icon, and name of an object.\n * @param {string[]} ids - An array of IDs of the objects currently added to the list.\n * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n /\n @Prop() readonly referencesCallback: (ids: string[]) => Promise<ObjectData[]>;\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 exportHandler = () => {\n if (this.exportCallback) {\n this.notExporting = false;\n\n const data: ExportData = {\n directoryName: this.exportInputEl.value,\n Objects: this.bpmObjectSelectorEl.selection ?? {\n includeAll: false,\n objectIds: []\n }\n };\n\n this.exportCallback(data)\n .then(() => {\n this.notExporting = true;\n })\n .catch(() => {\n // error handling\n this.notExporting = true;\n });\n }\n };\n\n private inputHandle = async () => {\n this.emptyInput = !this.exportInputEl.value?.length;\n };\n\n private handleSelectionChanged = () => {\n this.emptyObjects = !this.bpmObjectSelectorEl.selection.objectIds.length;\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 slimmerFooter={config.gxIdeContainer.slimmerFooter}>\n <div class=\"header\">\n <label htmlFor=\"export-directory\" class=\"label\">\n {this._componentLocale.main.exportInputLabel}\n </label>\n <input\n type=\"text\"\n id=\"export-directory\"\n class=\"input-text input\"\n onInput={this.inputHandle}\n ref={el => (this.exportInputEl = el as HTMLInputElement)}\n />\n <button\n class=\"export\"\n disabled={this.emptyInput \|\| this.emptyObjects}\n onClick={this.exportHandler}\n >\n {this._componentLocale.main.exportButton}\n </button>\n <button\n class=\"cancel\"\n disabled={this.notExporting}\n onClick={this.cancelCallback}\n >\n {this._componentLocale.main.cancelButton}\n </button>\n </div>\n\n <gx-ide-bpm-objects-selector\n id=\"gx-ide-bpm-objects-selector\"\n addCallback={this.addCallback}\n referencesCallback={this.referencesCallback}\n ref={el =>\n (this.bpmObjectSelectorEl =\n el as HTMLGxIdeBpmObjectsSelectorElement)\n }\n onSelectionChanged={this.handleSelectionChanged}\n ></gx-ide-bpm-objects-selector>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ExportCallback = (exportData: ExportData) => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type ExportData = {\n directoryName: string;\n Objects: SelectionData;\n};\n\nexport type SelectionData = {\n includeAll: boolean;\n objectIds: string[];\n};\n"],"version":3}

package/dist/components/gx-ide-bpm-import-files.js CHANGED Viewed

@@ -23,7 +23,7 @@ const filesToListItemsData = (files) => {
     return itemsData;
 };
-const bpmImportFilesCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.main{display:grid;grid-template-rows:1fr auto;block-size:100%;gap:var(--spacing-gap-l)}.path-list{inline-size:100%;block-size:100%}gx-ide-list-selector::part(list){block-size:100%}.hidden-input{display:none}.checkbox-container{display:flex;gap:var(--spacing-gap-m)}.footer{display:flex;flex-direction:column;gap:var(--spacing-gap-l)}";
+const bpmImportFilesCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.main{display:grid;grid-template-rows:1fr auto;block-size:100%;gap:var(--spacing-gap-l)}.path-list{inline-size:100%;block-size:100%}gx-ide-list-selector::part(list){block-size:100%}.hidden-input{display:none}.checkbox-container{display:flex;gap:var(--spacing-gap-m)}.footer{display:flex;flex-direction:column;gap:var(--spacing-gap-l)}";
 const GxIdeTemplate = /*@__PURE__*/ proxyCustomElement(class GxIdeTemplate extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-bpm-import-files.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-bpm-import-files.js","mappings":"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","names":[],"sources":["src/components/bpm/import-files/helpers.ts","src/components/bpm/import-files/bpm-import-files.scss?tag=gx-ide-bpm-import-files&encapsulation=shadow","src/components/bpm/import-files/bpm-import-files.tsx"],"sourcesContent":["import { ItemData } from \"../../_helpers/list-selector/list-selector-item/list-selector-item\";\n\nexport const filesToListItemsData = (files: string[] \| File[]): ItemData[] => {\n const itemsData: ItemData[] = [];\n files.forEach(file => {\n const itemId = typeof file === \"string\" ? file : file.name;\n const itemValue = typeof file === \"string\" ? file : file.name;\n const itemIcon: string = undefined;\n const itemChecked: boolean = false;\n itemsData.push({\n itemId: itemId,\n itemValue: itemValue,\n itemIcon: itemIcon,\n itemChecked: itemChecked\n });\n });\n return itemsData;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.main {\n display: grid;\n grid-template-rows: 1fr auto;\n block-size: 100%;\n gap: var(--spacing-gap-l);\n}\n.path-list {\n inline-size: 100%;\n block-size: 100%;\n}\ngx-ide-list-selector::part(list) {\n block-size: 100%;\n}\n.hidden-input {\n display: none;\n}\n.checkbox-container {\n display: flex;\n gap: var(--spacing-gap-m);\n}\n.footer {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-gap-l);\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 /\nimport { CheckedItemsInfo } from \"../../_helpers/list-selector/list-selector\";\n/ CUSTOM IMPORTS /\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { renderListItems } from \"../../../common/render-list-item\";\nimport { filesToListItemsData } from \"./helpers\";\n\n@Component({\n tag: \"gx-ide-bpm-import-files\",\n styleUrl: \"bpm-import-files.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-import-files\"]\n})\nexport class GxIdeTemplate {\n // 1.OWN PROPERTIES //\n\n /\n The component hard-coded strings translations.\n /\n private _componentLocale: any;\n\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeBpmImportFilesElement;\n\n private fileInput: HTMLInputElement;\n private automaticBackupEl: HTMLChCheckboxElement;\n\n // 3.STATE() VARIABLES //\n /\n Contains the list of files\n /\n @State() files: File[] = [];\n\n /\n Contains the list of selected files\n /\n @State() selectedFiles: string[] = [];\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 Allowed extensions when 'Add files' button is pressed\n /\n @Prop() readonly allowedExtensions: string[];\n\n /\n Callback invoked when user press 'OK' button\n /\n @Prop() readonly confirmCallback: (data: ImportData) => Promise<boolean>;\n\n /\n Callback invoked when user press 'Cancel' button.\n /\n @Prop() readonly cancelCallback: () => Promise<void>;\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 /\n @description Gets fired when something changes on items section.\n /\n @Event() selectionChanged: EventEmitter<void>;\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 fileSelectionChangedHandler = (\n selectedItem: CustomEvent<CheckedItemsInfo>\n ) => {\n this.selectionChanged.emit();\n\n const selectedFiles = Array.isArray(selectedItem.detail)\n ? selectedItem.detail\n : [selectedItem.detail];\n\n this.selectedFiles = selectedFiles.map(item => item.itemValue);\n };\n\n private loadFileHandle = async () => {\n this.fileInput.click();\n };\n\n private handleFileInputChange = (event: Event) => {\n const fileInput = event.target as HTMLInputElement;\n\n if (fileInput.files && fileInput.files.length > 0) {\n const newFiles: File[] = Array.from(fileInput.files);\n const uniqueFiles = newFiles.filter(\n newFile =>\n !this.files.some(existingFile => existingFile.name === newFile.name)\n );\n this.files = [...this.files, ...uniqueFiles];\n }\n\n this.fileInput.value = null;\n };\n\n private confirmCallbackHandle = async () => {\n if (this.confirmCallback && this.files.length > 0) {\n const data: ImportData = {\n automaticBackup: this.automaticBackupEl.value === \"true\",\n files: this.files\n };\n\n await this.confirmCallback(data);\n }\n };\n\n private removeFiles = (filesToRemove: string[]) => {\n this.files = this.files.filter(file => !filesToRemove.includes(file.name));\n\n this.selectedFiles = [];\n this.fileInput.value = null;\n };\n\n private handleRemoveButtonClick = () => {\n this.removeFiles(this.selectedFiles);\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 slimmerFooter={config.gxIdeContainer.slimmerFooter}>\n <div class=\"main\">\n {/ path list*/}\n <div class=\"controls-wrapper controls-wrapper--vertical\">\n <label htmlFor=\"path-list\">\n {this._componentLocale.main.listLabel}\n </label>\n <gx-ide-list-selector\n id=\"path-list\"\n type=\"multi-selection\"\n listName=\"path-list\"\n ordered\n onSelectionChanged={this.fileSelectionChangedHandler}\n class=\"path-list\"\n >\n {renderListItems(filesToListItemsData(this.files))}\n </gx-ide-list-selector>\n </div>\n\n <div class=\"footer\">\n <div class=\"checkbox-container\">\n <ch-checkbox\n id=\"automatic-backup\"\n accessibleName={\n this._componentLocale.main.automaticBackupLabel\n }\n checkedValue=\"true\"\n unCheckedValue=\"false\"\n value=\"checked\"\n ref={(el: HTMLChCheckboxElement) =>\n (this.automaticBackupEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n <label htmlFor=\"automatic-backup\">\n {this._componentLocale.main.automaticBackupLabel}\n </label>\n </div>\n <div class=\"controls-wrapper\">\n <input\n type=\"file\"\n id=\"input_file\"\n accept={this.allowedExtensions?.join(\", \")}\n ref={el => (this.fileInput = el as HTMLInputElement)}\n onChange={this.handleFileInputChange}\n class=\"hidden-input\"\n multiple\n />\n <button onClick={this.loadFileHandle}>\n {this._componentLocale.main.addFilesButton}\n </button>\n <button\n onClick={this.handleRemoveButtonClick}\n disabled={this.selectedFiles.length === 0}\n >\n {this._componentLocale.main.removeFilesButton} (\n {this.selectedFiles.length})\n </button>\n </div>\n </div>\n </div>\n\n <button slot=\"footer-end\" onClick={this.confirmCallbackHandle}>\n {this._componentLocale.footer.confirmButton}\n </button>\n <button slot=\"footer-end\" onClick={this.cancelCallback}>\n {this._componentLocale.footer.cancelButton}\n </button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ImportData = {\n files: File[];\n automaticBackup: boolean;\n};\n"],"version":3}
1	+ {"file":"gx-ide-bpm-import-files.js","mappings":"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","names":[],"sources":["src/components/bpm/import-files/helpers.ts","src/components/bpm/import-files/bpm-import-files.scss?tag=gx-ide-bpm-import-files&encapsulation=shadow","src/components/bpm/import-files/bpm-import-files.tsx"],"sourcesContent":["import { ItemData } from \"../../_helpers/list-selector/list-selector-item/list-selector-item\";\n\nexport const filesToListItemsData = (files: string[] \| File[]): ItemData[] => {\n const itemsData: ItemData[] = [];\n files.forEach(file => {\n const itemId = typeof file === \"string\" ? file : file.name;\n const itemValue = typeof file === \"string\" ? file : file.name;\n const itemIcon: string = undefined;\n const itemChecked: boolean = false;\n itemsData.push({\n itemId: itemId,\n itemValue: itemValue,\n itemIcon: itemIcon,\n itemChecked: itemChecked\n });\n });\n return itemsData;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.main {\n display: grid;\n grid-template-rows: 1fr auto;\n block-size: 100%;\n gap: var(--spacing-gap-l);\n}\n.path-list {\n inline-size: 100%;\n block-size: 100%;\n}\ngx-ide-list-selector::part(list) {\n block-size: 100%;\n}\n.hidden-input {\n display: none;\n}\n.checkbox-container {\n display: flex;\n gap: var(--spacing-gap-m);\n}\n.footer {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-gap-l);\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 /\nimport { CheckedItemsInfo } from \"../../_helpers/list-selector/list-selector\";\n/ CUSTOM IMPORTS /\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { renderListItems } from \"../../../common/render-list-item\";\nimport { filesToListItemsData } from \"./helpers\";\n\n@Component({\n tag: \"gx-ide-bpm-import-files\",\n styleUrl: \"bpm-import-files.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-import-files\"]\n})\nexport class GxIdeTemplate {\n // 1.OWN PROPERTIES //\n\n /\n The component hard-coded strings translations.\n /\n private _componentLocale: any;\n\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeBpmImportFilesElement;\n\n private fileInput: HTMLInputElement;\n private automaticBackupEl: HTMLChCheckboxElement;\n\n // 3.STATE() VARIABLES //\n /\n Contains the list of files\n /\n @State() files: File[] = [];\n\n /\n Contains the list of selected files\n /\n @State() selectedFiles: string[] = [];\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 Allowed extensions when 'Add files' button is pressed\n /\n @Prop() readonly allowedExtensions: string[];\n\n /\n Callback invoked when user press 'OK' button\n /\n @Prop() readonly confirmCallback: (data: ImportData) => Promise<boolean>;\n\n /\n Callback invoked when user press 'Cancel' button.\n /\n @Prop() readonly cancelCallback: () => Promise<void>;\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 /\n @description Gets fired when something changes on items section.\n /\n @Event() selectionChanged: EventEmitter<void>;\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 fileSelectionChangedHandler = (\n selectedItem: CustomEvent<CheckedItemsInfo>\n ) => {\n this.selectionChanged.emit();\n\n const selectedFiles = Array.isArray(selectedItem.detail)\n ? selectedItem.detail\n : [selectedItem.detail];\n\n this.selectedFiles = selectedFiles.map(item => item.itemValue);\n };\n\n private loadFileHandle = async () => {\n this.fileInput.click();\n };\n\n private handleFileInputChange = (event: Event) => {\n const fileInput = event.target as HTMLInputElement;\n\n if (fileInput.files && fileInput.files.length > 0) {\n const newFiles: File[] = Array.from(fileInput.files);\n const uniqueFiles = newFiles.filter(\n newFile =>\n !this.files.some(existingFile => existingFile.name === newFile.name)\n );\n this.files = [...this.files, ...uniqueFiles];\n }\n\n this.fileInput.value = null;\n };\n\n private confirmCallbackHandle = async () => {\n if (this.confirmCallback && this.files.length > 0) {\n const data: ImportData = {\n automaticBackup: this.automaticBackupEl.value === \"true\",\n files: this.files\n };\n\n await this.confirmCallback(data);\n }\n };\n\n private removeFiles = (filesToRemove: string[]) => {\n this.files = this.files.filter(file => !filesToRemove.includes(file.name));\n\n this.selectedFiles = [];\n this.fileInput.value = null;\n };\n\n private handleRemoveButtonClick = () => {\n this.removeFiles(this.selectedFiles);\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 slimmerFooter={config.gxIdeContainer.slimmerFooter}>\n <div class=\"main\">\n {/ path list*/}\n <div class=\"controls-wrapper controls-wrapper--vertical\">\n <label htmlFor=\"path-list\">\n {this._componentLocale.main.listLabel}\n </label>\n <gx-ide-list-selector\n id=\"path-list\"\n type=\"multi-selection\"\n listName=\"path-list\"\n ordered\n onSelectionChanged={this.fileSelectionChangedHandler}\n class=\"path-list\"\n >\n {renderListItems(filesToListItemsData(this.files))}\n </gx-ide-list-selector>\n </div>\n\n <div class=\"footer\">\n <div class=\"checkbox-container\">\n <ch-checkbox\n id=\"automatic-backup\"\n accessibleName={\n this._componentLocale.main.automaticBackupLabel\n }\n checkedValue=\"true\"\n unCheckedValue=\"false\"\n value=\"checked\"\n ref={(el: HTMLChCheckboxElement) =>\n (this.automaticBackupEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n <label htmlFor=\"automatic-backup\">\n {this._componentLocale.main.automaticBackupLabel}\n </label>\n </div>\n <div class=\"controls-wrapper\">\n <input\n type=\"file\"\n id=\"input_file\"\n accept={this.allowedExtensions?.join(\", \")}\n ref={el => (this.fileInput = el as HTMLInputElement)}\n onChange={this.handleFileInputChange}\n class=\"hidden-input\"\n multiple\n />\n <button onClick={this.loadFileHandle}>\n {this._componentLocale.main.addFilesButton}\n </button>\n <button\n onClick={this.handleRemoveButtonClick}\n disabled={this.selectedFiles.length === 0}\n >\n {this._componentLocale.main.removeFilesButton} (\n {this.selectedFiles.length})\n </button>\n </div>\n </div>\n </div>\n\n <button slot=\"footer-end\" onClick={this.confirmCallbackHandle}>\n {this._componentLocale.footer.confirmButton}\n </button>\n <button slot=\"footer-end\" onClick={this.cancelCallback}>\n {this._componentLocale.footer.cancelButton}\n </button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ImportData = {\n files: File[];\n automaticBackup: boolean;\n};\n"],"version":3}

package/dist/components/gx-ide-bpm-import-gxpm.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { c as config } from './config.js';
 import { L as Locale } from './locale.js';
 import { d as defineCustomElement$2 } from './container.js';
-const bpmImportGxpmCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--spacing-gap-l)}.hidden-input{display:none}";
+const bpmImportGxpmCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--spacing-gap-l)}.hidden-input{display:none}";
 const GxIdeTemplate = /*@__PURE__*/ proxyCustomElement(class GxIdeTemplate extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-bpm-import-gxpm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-bpm-import-gxpm.js","mappings":";;;;;AAAA,MAAM,gBAAgB,GAAG,~~srEAAsrE~~;;~~MCuBlsE~~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","names":[],"sources":["src/components/bpm/import-gxpm/bpm-import-gxpm.scss?tag=gx-ide-bpm-import-gxpm&encapsulation=shadow","src/components/bpm/import-gxpm/bpm-import-gxpm.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.header {\n display: grid;\n align-items: center;\n grid-template-columns: max-content 1fr min-content;\n gap: var(--spacing-gap-l);\n}\n.hidden-input {\n display: none;\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\n/ CUSTOM IMPORTS /\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n tag: \"gx-ide-bpm-import-gxpm\",\n styleUrl: \"bpm-import-gxpm.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-import-gxpm\"]\n})\nexport class GxIdeTemplate {\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: HTMLGxIdeBpmImportGxpmElement;\n\n private fileInput: HTMLInputElement;\n private automaticBackupEl: HTMLChCheckboxElement;\n\n // 3.STATE() VARIABLES //\n\n /\n Contains the list of files\n /\n @State() selectedFile: File = null;\n\n /\n Contains the path input value\n /\n @State() pathValue: string = \"\";\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 Callback function to be executed when OK button is pressed.\n * This callback is expected to handle the file or string input and return a Promise that resolves when is completed.\n \n @param {ImportData} data - The data to be processed. This can be a string or a File object.\n * @returns {Promise<void>} A Promise that resolves to void, indicating the completion of the operation.\n /\n @Prop() readonly confirmCallback: (data: ImportData) => Promise<void>;\n /\n Callback invoked when user press 'Cancel' button.\n /\n @Prop() readonly cancelCallback: () => Promise<void>;\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 loadFileHandle = async () => {\n this.fileInput.click();\n };\n\n private handleFileInputChange = (event: Event) => {\n const fileInput = event.target as HTMLInputElement;\n\n if (fileInput.files && fileInput.files.length > 0) {\n const newFile: File = fileInput.files[0];\n this.selectedFile = newFile;\n this.pathValue = this.selectedFile.name;\n }\n\n this.fileInput.value = null;\n };\n\n private handlePathInputChange = (event: Event) => {\n this.selectedFile = null;\n const inputElement = event.target as HTMLInputElement;\n const newValue = inputElement.value;\n\n this.pathValue = newValue;\n };\n\n private confirmCallbackHandle = async () => {\n if (this.confirmCallback) {\n const fileName = this.pathValue\n .replace(/^.?([^\\\\\\/]*)$/, \"$1\")\n .toLowerCase()\n .trim();\n if (fileName === \".gxpm\" \|\| !fileName.endsWith(\".gxpm\")) {\n return;\n }\n const fileData = this.selectedFile\n ? this.selectedFile\n : new File([this.pathValue], fileName);\n\n const data: ImportData = {\n automaticBackup: this.automaticBackupEl.value === \"true\",\n file: fileData\n };\n\n await this.confirmCallback(data);\n\n this.fileInput.value = null;\n this.selectedFile = null;\n this.pathValue = \"\";\n this.automaticBackupEl.value = \"false\";\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 slimmerFooter={config.gxIdeContainer.slimmerFooter}>\n <div class=\"header\">\n <label htmlFor=\"project-path\">\n {this._componentLocale.main.projectPathInputLabel}\n </label>\n <input\n type=\"text\"\n class=\"input-text\"\n id=\"project-path\"\n value={this.pathValue}\n onChange={this.handlePathInputChange}\n />\n <input\n type=\"file\"\n id=\"input_file\"\n accept=\".gxpm\"\n ref={el => (this.fileInput = el as HTMLInputElement)}\n onChange={this.handleFileInputChange}\n class=\"hidden-input\"\n />\n <button onClick={this.loadFileHandle}>\n {this._componentLocale.main.addFilesButton}\n </button>\n </div>\n\n <div class=\"control-wrapper\">\n <label htmlFor=\"automatic-backup\">\n {this._componentLocale.main.automaticBackupCheckboxLabel}\n </label>\n\n <ch-checkbox\n id=\"automatic-backup\"\n accessibleName=\"automatic-backup\"\n checkedValue=\"true\"\n unCheckedValue=\"false\"\n value=\"checked\"\n ref={(el: HTMLChCheckboxElement) =>\n (this.automaticBackupEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n </div>\n <button slot=\"footer-end\" onClick={this.cancelCallback}>\n {this._componentLocale.footer.cancelButton}\n </button>\n <button slot=\"footer-end\" onClick={this.confirmCallbackHandle}>\n {this._componentLocale.footer.confirmButton}\n </button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ImportData = {\n file: File;\n automaticBackup: boolean;\n};\n"],"version":3}
1	+ {"file":"gx-ide-bpm-import-gxpm.js","mappings":"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","names":[],"sources":["src/components/bpm/import-gxpm/bpm-import-gxpm.scss?tag=gx-ide-bpm-import-gxpm&encapsulation=shadow","src/components/bpm/import-gxpm/bpm-import-gxpm.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n display: block;\n}\n\n.header {\n display: grid;\n align-items: center;\n grid-template-columns: max-content 1fr min-content;\n gap: var(--spacing-gap-l);\n}\n.hidden-input {\n display: none;\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\n/ CUSTOM IMPORTS /\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n tag: \"gx-ide-bpm-import-gxpm\",\n styleUrl: \"bpm-import-gxpm.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-import-gxpm\"]\n})\nexport class GxIdeTemplate {\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: HTMLGxIdeBpmImportGxpmElement;\n\n private fileInput: HTMLInputElement;\n private automaticBackupEl: HTMLChCheckboxElement;\n\n // 3.STATE() VARIABLES //\n\n /\n Contains the list of files\n /\n @State() selectedFile: File = null;\n\n /\n Contains the path input value\n /\n @State() pathValue: string = \"\";\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 Callback function to be executed when OK button is pressed.\n * This callback is expected to handle the file or string input and return a Promise that resolves when is completed.\n \n @param {ImportData} data - The data to be processed. This can be a string or a File object.\n * @returns {Promise<void>} A Promise that resolves to void, indicating the completion of the operation.\n /\n @Prop() readonly confirmCallback: (data: ImportData) => Promise<void>;\n /\n Callback invoked when user press 'Cancel' button.\n /\n @Prop() readonly cancelCallback: () => Promise<void>;\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 loadFileHandle = async () => {\n this.fileInput.click();\n };\n\n private handleFileInputChange = (event: Event) => {\n const fileInput = event.target as HTMLInputElement;\n\n if (fileInput.files && fileInput.files.length > 0) {\n const newFile: File = fileInput.files[0];\n this.selectedFile = newFile;\n this.pathValue = this.selectedFile.name;\n }\n\n this.fileInput.value = null;\n };\n\n private handlePathInputChange = (event: Event) => {\n this.selectedFile = null;\n const inputElement = event.target as HTMLInputElement;\n const newValue = inputElement.value;\n\n this.pathValue = newValue;\n };\n\n private confirmCallbackHandle = async () => {\n if (this.confirmCallback) {\n const fileName = this.pathValue\n .replace(/^.?([^\\\\\\/]*)$/, \"$1\")\n .toLowerCase()\n .trim();\n if (fileName === \".gxpm\" \|\| !fileName.endsWith(\".gxpm\")) {\n return;\n }\n const fileData = this.selectedFile\n ? this.selectedFile\n : new File([this.pathValue], fileName);\n\n const data: ImportData = {\n automaticBackup: this.automaticBackupEl.value === \"true\",\n file: fileData\n };\n\n await this.confirmCallback(data);\n\n this.fileInput.value = null;\n this.selectedFile = null;\n this.pathValue = \"\";\n this.automaticBackupEl.value = \"false\";\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 slimmerFooter={config.gxIdeContainer.slimmerFooter}>\n <div class=\"header\">\n <label htmlFor=\"project-path\">\n {this._componentLocale.main.projectPathInputLabel}\n </label>\n <input\n type=\"text\"\n class=\"input-text\"\n id=\"project-path\"\n value={this.pathValue}\n onChange={this.handlePathInputChange}\n />\n <input\n type=\"file\"\n id=\"input_file\"\n accept=\".gxpm\"\n ref={el => (this.fileInput = el as HTMLInputElement)}\n onChange={this.handleFileInputChange}\n class=\"hidden-input\"\n />\n <button onClick={this.loadFileHandle}>\n {this._componentLocale.main.addFilesButton}\n </button>\n </div>\n\n <div class=\"control-wrapper\">\n <label htmlFor=\"automatic-backup\">\n {this._componentLocale.main.automaticBackupCheckboxLabel}\n </label>\n\n <ch-checkbox\n id=\"automatic-backup\"\n accessibleName=\"automatic-backup\"\n checkedValue=\"true\"\n unCheckedValue=\"false\"\n value=\"checked\"\n ref={(el: HTMLChCheckboxElement) =>\n (this.automaticBackupEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n </div>\n <button slot=\"footer-end\" onClick={this.cancelCallback}>\n {this._componentLocale.footer.cancelButton}\n </button>\n <button slot=\"footer-end\" onClick={this.confirmCallbackHandle}>\n {this._componentLocale.footer.confirmButton}\n </button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type ImportData = {\n file: File;\n automaticBackup: boolean;\n};\n"],"version":3}

package/dist/components/gx-ide-bpm-sync-gam-roles.js CHANGED Viewed

@@ -13,7 +13,7 @@ const mapTypesToComboBoxItemModel = (synchronizationTypes) => {
     return syncTypes;
 };
-const bpmSyncGamRolesCss = ":host{display:grid;block-size:100%;overflow:hidden;grid-template-rows:1fr max-content}.checkbox{inline-size:max-content}";
+const bpmSyncGamRolesCss = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;overflow:hidden;grid-template-rows:1fr max-content}.checkbox{inline-size:max-content}";
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)

package/dist/components/gx-ide-bpm-sync-gam-roles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-bpm-sync-gam-roles.js","mappings":";;;AAEO,MAAM,2BAA2B,GAAG,CACzC,oBAA2B;IAE3B,MAAM,SAAS,GAAwB,EAAE,CAAC;IAE1C,oBAAoB,CAAC,OAAO,CAAC,mBAAmB;QAC9C,MAAM,YAAY,GAAsB;YACtC,KAAK,EAAE,mBAAmB,CAAC,KAAK;YAChC,OAAO,EAAE,mBAAmB,CAAC,OAAO;SACrC,CAAC;QACF,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC9B,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;AACnB,CAAC;;ACfD,MAAM,kBAAkB,GAAG,~~0HAA0H~~;;;;;;;;;;;;;;;;;;;~~ACcrJ~~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","names":["GxIdeBpmSyncGamRoles"],"sources":["src/components/bpm/sync-gam-roles/helpers.tsx","src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.scss?tag=gx-ide-bpm-sync-gam-roles&encapsulation=shadow","src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\nexport const mapTypesToComboBoxItemModel = (\n synchronizationTypes: any[]\n): ComboBoxItemModel[] => {\n const syncTypes: ComboBoxItemModel[] = [];\n\n synchronizationTypes.forEach(synchronizationType => {\n const newSynchType: ComboBoxItemModel = {\n value: synchronizationType.value,\n caption: synchronizationType.caption\n };\n syncTypes.push(newSynchType);\n });\n return syncTypes;\n};\n",":host {\n display: grid;\n block-size: 100%;\n overflow: hidden;\n grid-template-rows: 1fr max-content;\n}\n\n.checkbox {\n // WA to prevent focus take 100%\n // Should ne fixed on a next Mercury version\n inline-size: max-content;\n}\n","import {\n Component,\n Host,\n h,\n Element,\n getAssetPath,\n Method,\n Prop\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { mapTypesToComboBoxItemModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/tooltip\",\n \"utils/form--full\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"chameleon/scrollbar\"\n];\n\n@Component({\n tag: \"gx-ide-bpm-sync-gam-roles\",\n styleUrl: \"bpm-sync-gam-roles.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-sync-gam-roles\"]\n})\nexport class GxIdeBpmSyncGamRoles {\n #_componentLocale: any;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/bpm-sync-gam-roles/shortcuts.json`\n );\n #synchronizationTypes: ComboBoxItemModel[] = [];\n\n @Element() el: HTMLGxIdeBpmSyncGamRolesElement;\n #automaticBackupCheckBoxEl: HTMLChCheckboxElement;\n #chShortcutsEl: HTMLChShortcutsElement;\n #synchTypeComboBoxEl: HTMLChComboBoxRenderElement;\n\n async componentWillLoad() {\n this.#_componentLocale = await Locale.getComponentStrings(this.el);\n this.#synchronizationTypes = mapTypesToComboBoxItemModel(\n this.#_componentLocale.main.synchronizationTypeOptions\n );\n }\n\n /*\n Callback invoked when the user press the 'Cancel' button\n /\n @Prop() readonly cancelCallback: () => Promise<void>;\n\n /\n Callback invoked when the user press the 'Ok' button\n /\n @Prop() readonly saveCallback: (syncData: SyncData) => Promise<boolean>;\n\n /\n Suspends or reactivates the shortcuts\n */\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.#chShortcutsEl.suspend = true;\n } else {\n this.#chShortcutsEl.suspend = false;\n }\n }\n\n #cancelButtonHandler = () => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n };\n #okButtonHandler = async () => {\n if (this.saveCallback) {\n const syncData: SyncData = {\n automaticBackup: !!this.#automaticBackupCheckBoxEl?.value,\n syncType: this.#synchTypeComboBoxEl.value as SyncType\n };\n\n await this.saveCallback(syncData);\n }\n };\n\n #renderFooter = () => {\n return (\n <footer class=\"dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n <div class=\"buttons-spacer\">\n <button\n class=\"button-secondary\"\n id=\"button-cancel\"\n onClick={this.#cancelButtonHandler}\n part=\"button-cancel\"\n >\n {this.#_componentLocale.footer.cancelButtonText}\n </button>\n <button\n class=\"button-primary\"\n id=\"button-create\"\n onClick={this.#okButtonHandler}\n part=\"button-ok\"\n >\n {this.#_componentLocale.footer.okButtonText}\n </button>\n </div>\n </footer>\n );\n };\n\n render() {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <ch-shortcuts\n src={this.#shortcutsSrc}\n ref={(el: HTMLChShortcutsElement) =>\n (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n }\n ></ch-shortcuts>\n <section class=\"section spacing-body\">\n <div class=\"main field-group\">\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"synch-type\">\n {this.#_componentLocale.main.synchronizationTypeLabel}\n </label>\n <ch-combo-box-render\n accessibleName=\"Synchronization types\"\n class=\"combo-box\"\n id=\"synch-type\"\n value={this.#synchronizationTypes[0].caption}\n model={this.#synchronizationTypes}\n ref={(el: HTMLChComboBoxRenderElement) =>\n (this.#synchTypeComboBoxEl =\n el as HTMLChComboBoxRenderElement)\n }\n ></ch-combo-box-render>\n </div>\n\n <ch-checkbox\n class=\"checkbox\"\n caption={this.#_componentLocale.main.checkBoxLabel}\n checkedValue=\"true\"\n ref={(el: HTMLChCheckboxElement) =>\n (this.#automaticBackupCheckBoxEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n </div>\n </section>\n {this.#renderFooter()}\n </Host>\n );\n }\n}\n\nexport type SyncType = \"From GAM\" \| \"To GAM\" \| \"Both\";\n\nexport type SyncData = {\n syncType: SyncType;\n automaticBackup: boolean;\n};\n"],"version":3}
1	+ {"file":"gx-ide-bpm-sync-gam-roles.js","mappings":"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","names":["GxIdeBpmSyncGamRoles"],"sources":["src/components/bpm/sync-gam-roles/helpers.tsx","src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.scss?tag=gx-ide-bpm-sync-gam-roles&encapsulation=shadow","src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\nexport const mapTypesToComboBoxItemModel = (\n synchronizationTypes: any[]\n): ComboBoxItemModel[] => {\n const syncTypes: ComboBoxItemModel[] = [];\n\n synchronizationTypes.forEach(synchronizationType => {\n const newSynchType: ComboBoxItemModel = {\n value: synchronizationType.value,\n caption: synchronizationType.caption\n };\n syncTypes.push(newSynchType);\n });\n return syncTypes;\n};\n","@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n display: grid;\n block-size: 100%;\n overflow: hidden;\n grid-template-rows: 1fr max-content;\n}\n\n.checkbox {\n // WA to prevent focus take 100%\n // Should ne fixed on a next Mercury version\n inline-size: max-content;\n}\n","import {\n Component,\n Host,\n h,\n Element,\n getAssetPath,\n Method,\n Prop\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { mapTypesToComboBoxItemModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/tooltip\",\n \"utils/form--full\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"chameleon/scrollbar\"\n];\n\n@Component({\n tag: \"gx-ide-bpm-sync-gam-roles\",\n styleUrl: \"bpm-sync-gam-roles.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/bpm-sync-gam-roles\"]\n})\nexport class GxIdeBpmSyncGamRoles {\n #_componentLocale: any;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/bpm-sync-gam-roles/shortcuts.json`\n );\n #synchronizationTypes: ComboBoxItemModel[] = [];\n\n @Element() el: HTMLGxIdeBpmSyncGamRolesElement;\n #automaticBackupCheckBoxEl: HTMLChCheckboxElement;\n #chShortcutsEl: HTMLChShortcutsElement;\n #synchTypeComboBoxEl: HTMLChComboBoxRenderElement;\n\n async componentWillLoad() {\n this.#_componentLocale = await Locale.getComponentStrings(this.el);\n this.#synchronizationTypes = mapTypesToComboBoxItemModel(\n this.#_componentLocale.main.synchronizationTypeOptions\n );\n }\n\n /*\n Callback invoked when the user press the 'Cancel' button\n /\n @Prop() readonly cancelCallback: () => Promise<void>;\n\n /\n Callback invoked when the user press the 'Ok' button\n /\n @Prop() readonly saveCallback: (syncData: SyncData) => Promise<boolean>;\n\n /\n Suspends or reactivates the shortcuts\n */\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.#chShortcutsEl.suspend = true;\n } else {\n this.#chShortcutsEl.suspend = false;\n }\n }\n\n #cancelButtonHandler = () => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n };\n #okButtonHandler = async () => {\n if (this.saveCallback) {\n const syncData: SyncData = {\n automaticBackup: !!this.#automaticBackupCheckBoxEl?.value,\n syncType: this.#synchTypeComboBoxEl.value as SyncType\n };\n\n await this.saveCallback(syncData);\n }\n };\n\n #renderFooter = () => {\n return (\n <footer class=\"dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n <div class=\"buttons-spacer\">\n <button\n class=\"button-secondary\"\n id=\"button-cancel\"\n onClick={this.#cancelButtonHandler}\n part=\"button-cancel\"\n >\n {this.#_componentLocale.footer.cancelButtonText}\n </button>\n <button\n class=\"button-primary\"\n id=\"button-create\"\n onClick={this.#okButtonHandler}\n part=\"button-ok\"\n >\n {this.#_componentLocale.footer.okButtonText}\n </button>\n </div>\n </footer>\n );\n };\n\n render() {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <ch-shortcuts\n src={this.#shortcutsSrc}\n ref={(el: HTMLChShortcutsElement) =>\n (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n }\n ></ch-shortcuts>\n <section class=\"section spacing-body\">\n <div class=\"main field-group\">\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"synch-type\">\n {this.#_componentLocale.main.synchronizationTypeLabel}\n </label>\n <ch-combo-box-render\n accessibleName=\"Synchronization types\"\n class=\"combo-box\"\n id=\"synch-type\"\n value={this.#synchronizationTypes[0].caption}\n model={this.#synchronizationTypes}\n ref={(el: HTMLChComboBoxRenderElement) =>\n (this.#synchTypeComboBoxEl =\n el as HTMLChComboBoxRenderElement)\n }\n ></ch-combo-box-render>\n </div>\n\n <ch-checkbox\n class=\"checkbox\"\n caption={this.#_componentLocale.main.checkBoxLabel}\n checkedValue=\"true\"\n ref={(el: HTMLChCheckboxElement) =>\n (this.#automaticBackupCheckBoxEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n </div>\n </section>\n {this.#renderFooter()}\n </Host>\n );\n }\n}\n\nexport type SyncType = \"From GAM\" \| \"To GAM\" \| \"Both\";\n\nexport type SyncData = {\n syncType: SyncType;\n automaticBackup: boolean;\n};\n"],"version":3}

package/dist/components/gx-ide-bpm-task-documents.js CHANGED Viewed

@@ -40,7 +40,7 @@ const convertSuggestedDocumentsToSuggestItems = (suggestedDocuments) => {
     return suggestItems;
 };
-const taskDocumentsCss = ":host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.documents__header{grid-template-columns:1fr max-content}.documents__suggest{flex:1}";
+const taskDocumentsCss = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.documents__header{grid-template-columns:1fr max-content}.documents__suggest{flex:1}";
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)