npm - @genexus/genexus-ide-ui - Versions diffs - 1.1.3 → 1.1.4 - Mend

@genexus/genexus-ide-ui 1.1.3 → 1.1.4

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

package/dist/collection/components/bpm/application-declaration/bpm-app-declaration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bpm-app-declaration.js","sourceRoot":"","sources":["../../../../src/components/bpm/application-declaration/bpm-app-declaration.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS /\nimport {\n Component,\n Host,\n h,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n Watch,\n getAssetPath\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\nimport { MercuryBundles } from \"@genexus/mercury\";\n/ CUSTOM IMPORTS /\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/ch-suggest\";\nimport { renderSuggestLists } from \"../../../common/render-suggest\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { convertSuggestedApplicationsToSuggestItems } from \"./helpers\";\nimport { GxOption } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n // \"utils/form\",\n // \"utils/layout\",\n // \"utils/typography\",\n // \"components/button\",\n // \"components/checkbox\",\n // \"components/edit\",\n \"components/tabular-grid\"\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 // 1.OWN PROPERTIES //\n\n /\n The component hard-coded strings translations.\n /\n private _componentLocale: any;\n private renderedFirstTime = false;\n private shortcutsSrc = getAssetPath(\n `./gx-ide-assets/bpm-app-declaration/shortcuts.json`\n );\n\n /\n The state of the actual application. Used to add a new 'Relevant data' option on 'selectMappingCallback', and update the application with the new option\n /\n private applicationState: ApplicationDeclarationData;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n private applicationSuggestEl: HTMLChSuggestElement;\n\n // 3.STATE() VARIABLES //\n\n /\n Possible suggestions for the applications\n /\n @State() suggestedApplications: SuggestData;\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 Current application value\n /\n @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n @Watch(\"application\")\n watchApplicationHandler(newApplication: ApplicationDeclarationData) {\n this.applicationState = newApplication;\n }\n\n /\n Callback invoked to get options for application input suggest\n /\n @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\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 when user confirms application declaration\n /\n @Prop() readonly confirmCallback: ConfirmCallback;\n\n /\n Callback invoked when user cancels application declaration\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Callback invoked when user select one of the options provided by the suggest\n /\n @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\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.applicationState = this.application;\n }\n\n async componentDidLoad() {\n / this.applicationSuggestValueChangedHandler(this.applicationText); /\n this.listenApplicationSelected();\n this.applicationSuggestEl.focus();\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 listenApplicationSelected = async () => {\n this.applicationSuggestEl.addEventListener(\"itemSelected\", (e: any) => {\n this.getDataMappingCallbackHandler(e.detail.value);\n });\n };\n\n private applicationSuggestValueChangedHandler = async (\n e: CustomEvent<string>\n ) => {\n const value = e.detail;\n this.suggestApplicationsCallback(value)\n .then(result => {\n this.suggestedApplications =\n convertSuggestedApplicationsToSuggestItems(result);\n })\n .catch(() => {\n // to do\n });\n };\n\n private getDataMappingCallbackHandler = async (applicationName: string) => {\n this.application = await this.getDataMappingCallback(applicationName);\n };\n\n private selectApplicationCallbackHandler = async () => {\n const callbackResult = await this.selectApplicationCallback();\n if (callbackResult) {\n this.application = callbackResult;\n }\n };\n\n private confirmCallbackHandler = async () => {\n await this.confirmCallback(this.application);\n };\n\n private cancelCallbackHandler = async () => {\n await this.cancelCallback();\n };\n\n private selectMappingCallbackHandler = (parameter: string) => async () => {\n if (this.selectMappingCallback) {\n const newRelevantData = await this.selectMappingCallback(parameter);\n if (newRelevantData) {\n // update actual application with new relevant data option\n // first find mapping index\n const dataIndex: number = this.applicationState.mappings.findIndex(\n mapping => {\n return mapping.parameter === parameter;\n }\n );\n if (dataIndex !== -1) {\n // new relevant data could be new, or already existent.\n const found = this.applicationState.mappings[\n dataIndex\n ].relevantDataOptions.find(option => {\n return option === newRelevantData;\n });\n if (!found) {\n // new. add.\n this.applicationState.mappings[dataIndex].relevantDataOptions.push(\n newRelevantData\n );\n }\n // always set this data as selected\n this.applicationState.mappings[dataIndex].relevantData =\n newRelevantData;\n // update\n this.application = { ...this.applicationState };\n }\n }\n }\n };\n\n private dataOptionsToComboItems = (\n relevantDataOptions: string[]\n ): GxOption[] => {\n const gxOptions: GxOption[] = [\n { id: this._componentLocale.dataMappings.emptyOption }\n ];\n relevantDataOptions.forEach(relevantOption => {\n const gxOption: GxOption = { id: relevantOption };\n gxOptions.push(gxOption);\n });\n return gxOptions;\n };\n\n private clearApplicationHandler = () => {\n this.application = {\n application: undefined,\n mappings: []\n };\n };\n\n private renderDataMappingsGrid = (): Element => {\n return (\n <ch-tabular-grid\n class=\"tabular-grid tabular-grid-application-declaration\"\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 === \"objects/transaction\"\n ? this._componentLocale.dataMappings.firstColName\n : this._componentLocale.dataMappings.firstColNameParameter\n }\n settingable={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.map((obj: DataMappingData, index) => (\n <ch-tabular-grid-row\n class=\"tabular-grid-row\"\n rowId={index + obj.parameter}\n >\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {`${obj.access}: ${obj.parameter}`}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <gxg-combo-box disableFilter value={obj.relevantData}>\n {renderComboItems(\n this.dataOptionsToComboItems(obj.relevantDataOptions) ?? []\n )}\n </gxg-combo-box>\n {/ <div class=\"row-button\">{obj.relevantData}</div> */}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <gxg-button\n data-index={index}\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/add\"\n onClick={this.selectMappingCallbackHandler(obj.parameter)}\n class=\"select-mapping-callback-button\"\n ></gxg-button>\n </ch-tabular-grid-cell>\n </ch-tabular-grid-row>\n ))}\n </ch-tabular-grid>\n );\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n noContentPadding\n noAboveFooterPadding\n noHeadingBorder\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n >\n <header slot=\"header\" class=\"header\">\n <div class=\"header__first-row\">\n <gxg-suggest class=\"application-suggest\">\n <ch-suggest\n value={this.application.application?.name \|\| null}\n onValueChanged={this.applicationSuggestValueChangedHandler}\n ref={el =>\n (this.applicationSuggestEl = el as HTMLChSuggestElement)\n }\n part=\"application-suggest\"\n >\n {renderSuggestLists(this.suggestedApplications)}\n </ch-suggest>\n </gxg-suggest>\n <gxg-button\n type=\"secondary-icon-only\"\n icon=\"gemini-tools/show-more-horizontal\"\n onClick={this.selectApplicationCallbackHandler}\n class=\"selector-dialog-button\"\n part=\"open-selector-dialog-button\"\n ></gxg-button>\n <gxg-button\n type=\"outlined\"\n part=\"clear-application-button\"\n onClick={this.clearApplicationHandler}\n >\n Clear\n </gxg-button>\n </div>\n <div class=\"header__second-row\">\n <gx-ide-title type=\"secondary\">\n {this._componentLocale.dataMappings.title}\n </gx-ide-title>\n </div>\n </header>\n\n {this.renderDataMappingsGrid()}\n <gxg-button\n type=\"secondary-text-only\"\n slot=\"footer-end\"\n onClick={this.cancelCallbackHandler}\n part=\"cancel-button\"\n >\n {this._componentLocale.buttons.cancelButton}\n </gxg-button>\n <gxg-button\n type=\"primary-text-only\"\n slot=\"footer-end\"\n icon=\"general/datastore\"\n onClick={this.confirmCallbackHandler}\n part=\"confirm-button\"\n >\n {this._componentLocale.buttons.confirmButton}\n </gxg-button>\n </gx-ide-container>\n </div>\n <gxg-shortcuts src={this.shortcutsSrc}></gxg-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\nexport type DataMappingData = {\n parameter: string;\n access: \"in\" \| \"out\" \| \"in-out\";\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<ApplicationDeclarationData>;\n"]}
1	+ {"version":3,"file":"bpm-app-declaration.js","sourceRoot":"","sources":["../../../../src/components/bpm/application-declaration/bpm-app-declaration.tsx"],"names":[],"mappings":"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","sourcesContent":["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: \"neutral\"\n});\nconst FILTER_ICON = getIconPath({\n category: \"window-tools\",\n name: \"filter\",\n colorType: \"on-elevation\"\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 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-md\" 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-md\" 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=\"control-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"]}

package/dist/collection/components/bpm/application-declaration/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.en.json CHANGED Viewed

@@ -6,10 +6,22 @@
     "firstColName": "Primary Key Attribute",
     "firstColNameParameter": "Parameter",
     "secondColName": "Relevant Data",
-    "emptyOption": "(None)"
+    "emptyOption": "(None)",
+    "access": {
+      "in": "In",
+      "out": "Out",
+      "inout": "In/Out"
+    }
   },
   "buttons": {
+    "cancelButton": "Cancel",
+    "clearButton": "Clear",
     "confirmButton": "Confirm",
-    "cancelButton": "Cancel"
+    "selectApplication": "Select Application",
+    "selectMapping": "Select Mapping"
+  },
+  "emptyState": {
+    "title": "No application data to display",
+    "description": "Try adjusting your search"
   }
 }

package/dist/collection/components/bpm/application-declaration/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.ja.json CHANGED Viewed

@@ -6,10 +6,22 @@
     "firstColName": "主キー項目属性",
     "firstColNameParameter": "パラメーター",
     "secondColName": "関連データ",
-    "emptyOption": "(なし)"
+    "emptyOption": "(なし)",
+    "access": {
+      "in": "In",
+      "out": "Out",
+      "inout": "In/Out"
+    }
   },
   "buttons": {
+    "cancelButton": "キャンセル",
+    "clearButton": "Clear",
     "confirmButton": "実行",
-    "cancelButton": "キャンセル"
+    "selectApplication": "Select Application",
+    "selectMapping": "Select Mapping"
+  },
+  "emptyState": {
+    "title": "No application data to display",
+    "description": "Try adjusting your search"
   }
-}
+}

package/dist/collection/components/bpm/application-declaration/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.zh.json CHANGED Viewed

@@ -6,10 +6,22 @@
     "firstColName": "",
     "firstColNameParameter": "",
     "secondColName": "",
-    "emptyOption": ""
+    "emptyOption": "",
+    "access": {
+      "in": "",
+      "out": "",
+      "inout": ""
+    }
   },
   "buttons": {
+    "cancelButton": "",
+    "clearButton": "",
     "confirmButton": "",
-    "cancelButton": ""
+    "selectApplication": "",
+    "selectMapping": ""
+  },
+  "emptyState": {
+    "title": "",
+    "description": ""
   }
 }

package/dist/collection/components/bpm/assign-roles/bpm-assign-roles.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/export-xpdl/bpm-export-xpdl.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/import-files/bpm-import-files.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/import-gxpm/bpm-import-gxpm.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/objects-selector/bpm-objects-selector.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/timer-duration/bpm-timer-duration.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/dashboard-home/dashboard-home.css CHANGED Viewed

@@ -685,6 +685,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/deployment-tool/deployment-tool.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/file-uploader/file-uploader.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/gam-installation-settings/gam-installation-settings.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/edit-module-server/edit-module-server.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/manage-module-references/manage-module-references.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/manage-module-references-v2/manage-module-references.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/references/references.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/team-dev/commit/commit.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/team-dev/select-recent-comment/select-recent-comment.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/team-dev/update/update.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/team-dev/update-partial-selection/update-partial-selection.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/team-dev/update-to-revision/update-to-revision.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/wf-settings/wf-settings.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/ww-images/ww-images.css CHANGED Viewed

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/components/bpm-objects-selector.js CHANGED Viewed

@@ -24,7 +24,7 @@ const objectsToListItemData = (objects) => {
     return itemsData;
 };
-const bpmObjectsSelectorCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.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(--gx-ide-grid-column-gap)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}";
+const bpmObjectsSelectorCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.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(--gx-ide-grid-column-gap)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}";
 const GxIdeBpmExportXpdl = /*@__PURE__*/ proxyCustomElement(class GxIdeBpmExportXpdl extends HTMLElement {
     constructor() {