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

@genexus/genexus-ide-ui 2.1.2 → 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 (582) hide show

package/dist/components/gx-ide-ww-images.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gx-ide-ww-images.js","mappings":"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","names":[],"sources":["src/components/ww-images/helpers.tsx","src/components/ww-images/ww-images.scss?tag=gx-ide-ww-images&encapsulation=shadow","src/components/ww-images/ww-images.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n options: GxOption[]\n): ComboBoxModel => {\n if (!options) {\n return [];\n }\n return options.map(option => {\n return {\n value: option.id,\n caption: option.label,\n startImgSrc: option.iconName ?? \"\"\n };\n });\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n container-type: inline-size;\n display: grid;\n block-size: 100%;\n overflow: auto;\n grid-template-rows: max-content 1fr max-content;\n}\n.section {\n display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n// First row\n.header {\n grid-template-areas:\n \"name module-folder\"\n \"advanced-filter-accordion advanced-filter-accordion\";\n grid-template-columns: 1fr 1fr;\n grid-auto-rows: max-content max-content;\n}\n\n// Accordion Advanced Filter\n.name {\n grid-area: name;\n}\n.module-folder {\n grid-area: module-folder;\n}\n.advanced-filter-accordion {\n grid-area: advanced-filter-accordion;\n}\n\n// - - - - - - - - - - - -\n// Main\n// - - - - - - - - - - - -\n\n.main {\n --sidebar-width: 376px;\n display: grid;\n grid-template-columns: 1fr var(--sidebar-width);\n overflow: auto;\n padding-block-start: var(--size-16);\n}\n\n.main__grid {\n overflow: auto;\n position: relative;\n}\n.tabular-grid-ww-images {\n overflow: auto;\n border-inline-end: var(--section-common-border);\n}\n\nch-tabular-grid-rowset-empty {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n inline-size: 100%;\n z-index: 1;\n}\n\n// main aside\n.main__aside {\n overflow: auto;\n display: grid;\n grid-template-rows: max-content 1fr;\n}\n.main__filter {\n display: grid;\n grid-auto-rows: max-content;\n grid-template-columns: 1fr 1fr 1fr;\n grid-template-areas:\n \"category options after\"\n \"style language user\"\n \"density layer date-time\"\n \"search-by-contents search-by-contents button-reset\";\n overflow: auto;\n}\n.category {\n grid-area: category;\n}\n.options {\n grid-area: options;\n}\n.after-date-time {\n grid-area: after;\n}\n.user {\n grid-area: user;\n}\n.date-time {\n grid-area: date-time;\n}\n.style {\n grid-area: style;\n}\n.language {\n grid-area: language;\n}\n.density {\n grid-area: density;\n}\n.layer {\n grid-area: layer;\n}\n.search-by-contents {\n grid-area: search-by-contents;\n}\n.button-reset {\n grid-area: button-reset;\n align-self: end;\n justify-self: end;\n}\n\n// - - - - - - - - - - - -\n// Images Grid\n// - - - - - - - - - - - -\n\n.main__images-container {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--size-8);\n position: relative;\n z-index: 1;\n\n .figure {\n margin: 0;\n background-color: var(--color-accent-surface-elevation-2);\n display: grid;\n grid-template-rows: minmax(0, 1fr) max-content;\n gap: var(--size-4);\n padding: var(--size-8);\n border-radius: var(--size-4);\n opacity: 0;\n animation: fadeIn 300ms forwards;\n aspect-ratio: 1 / 1;\n }\n .figure__picture {\n display: flex;\n align-items: center;\n justify-content: center;\n min-block-size: 0;\n }\n .figure__img {\n display: block;\n max-inline-size: 100%;\n max-block-size: 100%;\n inline-size: auto;\n block-size: auto;\n object-fit: contain;\n }\n .figure__figcaption {\n text-align: center;\n font-size: var(--font-size-body-xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n inline-size: 100%;\n }\n}\n\n@include tabular-grid-cell-layout(\n $tabular-grid-selector: \".tabular-grid-ww-images\",\n $tabular-grid-cell-node-type: \"text\",\n $tabular-grid-cell-apply-ellipsis: true,\n $tabular-grid-affected-columns-nth-list: (\n 1,\n 2,\n 3,\n 4,\n 5,\n 6,\n 7\n )\n);\n\n@keyframes fadeIn {\n to {\n opacity: 1;\n }\n}\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n@container (max-width: 992px) {\n .main {\n --sidebar-width: 288px;\n }\n .main__images-container {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n@container (max-width: 768px) {\n .main {\n --sidebar-width: 200px;\n }\n .main__images-container {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@container (max-width: 640px) {\n .main {\n --sidebar-width: 112px;\n }\n .main__images-container {\n grid-template-columns: 1fr;\n }\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private /\n/ STENCIL IMPORTS /\nimport {\n Component,\n Element,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n h\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\nimport {\n AccordionModel,\n ChGridRowContextMenuEvent,\n ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n/ CUSTOM IMPORTS /\nimport { FILTER_AFTER } from \"../../common/constants\";\nimport { config } from \"../../common/config\";\nimport { formatDate } from \"../../common/helpers\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo, EntityData, GxOption } from \"../../common/types\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/accordion\",\n \"components/button\",\n \"components/checkbox\",\n \"components/combo-box\",\n \"components/edit\",\n \"components/icon\",\n \"components/tabular-grid\",\n \"components/sidebar\",\n \"utils/form\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"chameleon/scrollbar\"\n];\n\nconst ALL_DESCENDANTS_VALUE = \"all-descendants\";\nconst MODIFIED_VALUE = \"modified\";\n\nlet TODAY: string = null;\n\n// icons\nconst RESET_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"reset\",\n colorType: \"interactive\"\n});\nconst SEARCH_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"search\",\n colorType: \"neutral\"\n});\nconst NOTICE_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"notice\",\n colorType: \"on-elevation\"\n});\n\n@Component({\n tag: \"gx-ide-ww-images\",\n styleUrl: \"ww-images.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/ww-images\"]\n})\nexport class GxIdeWWImages {\n /\n The component hard-coded strings translations.\n /\n #componentLocale: any;\n #filterInitialData: FilerInitialData;\n #ACCORDION_MODEL: AccordionModel = [];\n #ACCORDION_FILTER_ID = \"advanced-filter\";\n\n #imagesMap: Map<string, ImageItemData[]> = new Map();\n\n @Element() el: HTMLGxIdeWwImagesElement;\n\n #chGridEl!: HTMLChTabularGridElement;\n // Only keep refs that are actually needed for operations (event listeners)\n #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n\n // representations of GxOption[] as ComboBoxModel.\n @State() categoriesComboBoxModel: ComboBoxModel = [];\n @State() densitiesComboBoxModel: ComboBoxModel = [];\n @State() languagesComboBoxModel: ComboBoxModel = [];\n @State() layersComboBoxModel: ComboBoxModel = [];\n @State() stylesComboBoxModel: ComboBoxModel = [];\n\n /\n The current value of the \"After\" combo box options.\n /\n @State() afterCurrentValue: string;\n\n /\n The options for the \"After\" combo-box\n /\n @State() filterAfterOptions: ComboBoxModel;\n\n /\n Image data to be displayed in the tabular grid (filtered from server and sorted)\n /\n @State() tabularGridData: ImageData[] = [];\n\n /\n Images rendered in the table\n /\n @State() images: ImageData[] = [];\n\n /\n Items of the selected image\n /\n @State() imagesSelectedItems: ImageItemData[] = [];\n\n /\n Selected images in the images table\n /\n @State() selectedObjectsIds: string[] = [];\n\n /\n When true, modified controls will be enabled, otherwise disabled.\n /\n @State() enabledModifiedControls: boolean = false;\n\n /\n Sorting order for images table\n /\n @State() order: { orderCriteria: string \| null; ascending: boolean \| null } =\n {\n orderCriteria: null,\n ascending: null\n };\n\n /\n Filter state variables\n /\n @State() filterNameValue = \"\";\n @State() filterSearchContentsValue = \"\";\n @State() filterCategoryValue: string;\n @State() filterAllDescendantsValue = false;\n @State() filterAfterTypeValue: string;\n @State() filterUserValue = \"\";\n @State() filterModifiedDateValue = \"\";\n @State() filterStyleValue: string;\n @State() filterLanguageValue: string;\n @State() filterDensityValue: string;\n @State() filterLayerValue: string;\n @State() filterModuleValue: EntityData;\n\n /\n Flag to prevent triggering #getImages on initial load\n /\n #isInitialLoad = true;\n\n /\n Categories rendered in the filter selector\n /\n @Prop() readonly categories!: GxOption[];\n @Watch(\"categories\")\n categoriesChanged(newCategories: GxOption[]) {\n this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n this.#applyDefaultCategory();\n }\n\n /\n Function to expand data when right-click\n /\n @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n /\n Default value for the 'categories' filter\n /\n @Prop() readonly defaultCategory: string;\n @Watch(\"defaultCategory\")\n defaultCategoryChanged() {\n this.#applyDefaultCategory();\n }\n\n /\n Default value for the module/folder filter\n /\n @Prop() readonly defaultModule: EntityData;\n\n /\n Function to delete the selected images.\n /\n @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n /\n Densities rendered in the filter selector\n /\n @Prop() readonly densities!: GxOption[];\n @Watch(\"densities\")\n densitiesChanged(newDensities: GxOption[]) {\n this.densitiesComboBoxModel = mapOptionsToComboBoxItemModel(newDensities);\n }\n\n /\n Languages rendered in the filter selector\n /\n @Prop() readonly languages!: GxOption[];\n @Watch(\"languages\")\n languagesChanged(newLanguages: GxOption[]) {\n this.languagesComboBoxModel = mapOptionsToComboBoxItemModel(newLanguages);\n }\n\n /\n Layers rendered in the filter selector\n /\n @Prop() readonly layers!: GxOption[];\n @Watch(\"layers\")\n layersChanged(newLayers: GxOption[]) {\n this.layersComboBoxModel = mapOptionsToComboBoxItemModel(newLayers);\n }\n\n /\n Function that returns a list of images for the table\n /\n @Prop() readonly loadCallback!: LoadCallback;\n\n /\n Function that returns a list of items for the selected image\n /\n @Prop() readonly loadImageItemsCallback!: LoadImageItemsCallback;\n\n /\n Callback invoked when user press New button.\n /\n @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n /\n Function to expand data for double-clicked or entered images\n /\n @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n /\n Callback invoked when an action is executed on the Module/Folder filter.\n /\n @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n /\n Callback invoked when an item is selected\n /\n @Prop() readonly selectionObjectChangedCallback!: SelectionObjectCallback;\n\n /\n Styles rendered in the filter style selector\n /\n @Prop() readonly styles!: GxOption[];\n @Watch(\"styles\")\n stylesChanged(newStyles: GxOption[]) {\n this.stylesComboBoxModel = mapOptionsToComboBoxItemModel(newStyles);\n }\n\n async connectedCallback() {\n TODAY = this.#getToday();\n }\n\n componentDidLoad() {\n this.#addEventListeners();\n this.#getImages();\n this.#saveInitialFilterData();\n this.#isInitialLoad = false;\n }\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n // initialize combo-box models\n this.categoriesChanged(this.categories);\n this.densitiesChanged(this.densities);\n this.languagesChanged(this.languages);\n this.layersChanged(this.layers);\n this.stylesChanged(this.styles);\n\n // initialize \"After\" combo-box options\n this.filterAfterOptions = [\n {\n caption: this.#componentLocale.filter.afterNone,\n value: FILTER_AFTER.NONE\n },\n {\n caption: this.#componentLocale.filter[FILTER_AFTER.DATE_TIME],\n value: FILTER_AFTER.DATE_TIME\n },\n {\n caption: this.#componentLocale.filter[FILTER_AFTER.IMPORT],\n value: FILTER_AFTER.IMPORT\n },\n {\n caption: this.#componentLocale.filter[FILTER_AFTER.LAST_BUILD],\n value: FILTER_AFTER.LAST_BUILD\n }\n ];\n this.afterCurrentValue = this.filterAfterOptions[0].value;\n this.filterAfterTypeValue = this.filterAfterOptions[0].value;\n\n // Initialize filter state values\n this.#applyDefaultCategory();\n this.filterModuleValue = this.defaultModule;\n if (this.stylesComboBoxModel.length > 0) {\n this.filterStyleValue = this.stylesComboBoxModel[0].value;\n }\n if (this.languagesComboBoxModel.length > 0) {\n this.filterLanguageValue = this.languagesComboBoxModel[0].value;\n }\n if (this.densitiesComboBoxModel.length > 0) {\n this.filterDensityValue = this.densitiesComboBoxModel[0].value;\n }\n if (this.layersComboBoxModel.length > 0) {\n this.filterLayerValue = this.layersComboBoxModel[0].value;\n }\n\n this.#ACCORDION_MODEL = [\n {\n id: this.#ACCORDION_FILTER_ID,\n caption: this.#componentLocale.filter.accordionCaption,\n expanded: false\n }\n ];\n }\n\n @Listen(\"keydown\", { passive: true })\n keyDownHandler(eventInfo: KeyboardEvent) {\n if (document.activeElement === this.el) {\n switch (eventInfo.key) {\n case \"Enter\":\n this.#openSelectionCallBackHandler();\n break;\n case \"Delete\":\n this.#deleteSelectionCallbackHandler();\n break;\n }\n }\n }\n\n /\n Reloads the view, refreshing the filters and the images table.\n /\n @Method()\n async reload(): Promise<void> {\n this.#getImages();\n }\n\n #deleteSelectionCallbackHandler = (): void => {\n this.deleteSelectionCallback(this.selectedObjectsIds);\n };\n\n #deselectAll = (): void => {\n (this.#chGridEl as any).selectAllRows(false);\n };\n\n /\n Watch filter state variables and trigger #getImages when they change\n /\n @Watch(\"filterNameValue\")\n filterNameValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterSearchContentsValue\")\n filterSearchContentsValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterCategoryValue\")\n filterCategoryValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterAllDescendantsValue\")\n filterAllDescendantsValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterAfterTypeValue\")\n filterAfterTypeValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterUserValue\")\n filterUserValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterModifiedDateValue\")\n filterModifiedDateValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterStyleValue\")\n filterStyleValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterLanguageValue\")\n filterLanguageValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterDensityValue\")\n filterDensityValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterLayerValue\")\n filterLayerValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterModuleValue\")\n filterModuleValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n /\n Individual handler functions for each filter control\n /\n #handleNameChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterNameValue = (event.detail \|\|\n (event.target as HTMLInputElement).value) as string;\n };\n\n #handleSearchContentsChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterSearchContentsValue = (event.detail \|\|\n (event.target as HTMLInputElement).value) as string;\n };\n\n #applyDefaultCategory = () => {\n if (this.defaultCategory && this.categoriesComboBoxModel.length > 0) {\n const categoryExists = this.categoriesComboBoxModel.some(\n item => item.value === this.defaultCategory\n );\n if (categoryExists) {\n this.filterCategoryValue = this.defaultCategory;\n }\n }\n };\n\n #handleCategoryChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterCategoryValue = event.detail as string;\n };\n\n #handleAllDescendantsChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterAllDescendantsValue = event.detail === ALL_DESCENDANTS_VALUE;\n };\n\n #handleAfterTypeChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterAfterTypeValue = event.detail as string;\n this.afterCurrentValue = event.detail as string;\n };\n\n #handleUserChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterUserValue = (event.detail \|\|\n (event.target as HTMLInputElement).value) as string;\n };\n\n #handleModifiedDateChange = (event: InputEvent) => {\n this.filterModifiedDateValue = (event.target as HTMLInputElement).value;\n };\n\n #handleStyleChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterStyleValue = event.detail as string;\n };\n\n #handleLanguageChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterLanguageValue = event.detail as string;\n };\n\n #handleDensityChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterDensityValue = event.detail as string;\n };\n\n #handleLayerChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterLayerValue = event.detail as string;\n };\n\n #handleModuleChange = () => {\n // Module change is handled via event listener, but we update state\n if (this.#filterModuleEl) {\n this.filterModuleValue = this.#filterModuleEl.value;\n }\n };\n\n #filterImagesInformationHandler = () => {\n // Copy images from server to tabularGridData (will be sorted before rendering)\n this.tabularGridData = [...this.images];\n };\n\n #getImages = (): void => {\n this.#imagesMap.clear();\n\n const filters: ImageFiltersData = {\n name: this.filterNameValue,\n searchContents: this.filterSearchContentsValue,\n category: this.filterCategoryValue,\n parent: this.filterModuleValue ? this.filterModuleValue.id : null,\n allDescendants: this.filterAllDescendantsValue,\n modifiedAfter: this.filterAfterTypeValue,\n modifiedBy: this.filterUserValue,\n modifiedDate: this.filterModifiedDateValue\n ? new Date(this.filterModifiedDateValue)\n : undefined,\n style: this.filterStyleValue,\n language: this.filterLanguageValue,\n density: this.filterDensityValue,\n layer: this.filterLayerValue\n };\n\n this.loadCallback(filters).then((items: ImageData[]) => {\n this.images = items;\n this.selectedObjectsIds = [];\n this.#deselectAll();\n this.#filterImagesInformationHandler();\n });\n };\n\n #getToday = (): string => {\n const now = new Date();\n const date = now.toISOString().split(\"T\")[0];\n const time = now.toISOString().split(\"T\")[1].slice(0, 5); // Only take 'HH:MM' part\n return `${date}T${time}`;\n };\n #addEventListeners = (): void => {\n / module/folder /\n this.#filterModuleEl.addEventListener(\"valueChanged\", () => {\n this.#handleModuleChange();\n });\n\n // for grid selection\n this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n this.selectedObjectsIds = ev.detail.rowsId;\n this.selectionObjectChangedCallback(this.selectedObjectsIds);\n\n if (this.selectedObjectsIds.length === 0) {\n this.imagesSelectedItems = [];\n return;\n }\n\n // Collect cached items immediately\n const cachedItems: ImageItemData[] = [];\n const idsToLoad: string[] = [];\n\n this.selectedObjectsIds.forEach((selectedId: string) => {\n if (this.#imagesMap.has(selectedId)) {\n const items = this.#imagesMap.get(selectedId);\n if (items) {\n cachedItems.push(...items);\n }\n } else {\n idsToLoad.push(selectedId);\n }\n });\n\n // If all items were cached, update immediately\n if (idsToLoad.length === 0) {\n this.imagesSelectedItems = cachedItems;\n return;\n }\n\n // Store current selection to verify later (prevents race conditions)\n const currentSelection = [...this.selectedObjectsIds].sort().join(\",\");\n\n // Load missing items and combine with cached ones\n // loadImageItemsCallback must be invoked the first time a user selects an image\n const loadPromises = idsToLoad.map((selectedId: string) =>\n this.loadImageItemsCallback(selectedId).then(\n (items: ImageItemData[]) => {\n // Cache the items for future use\n this.#imagesMap.set(selectedId, items);\n return items;\n }\n )\n );\n\n Promise.all(loadPromises).then((loadedItemsArrays: ImageItemData[][]) => {\n // Verify that selection hasn't changed while loading\n const currentSelectionAfterLoad = [...this.selectedObjectsIds]\n .sort()\n .join(\",\");\n if (currentSelection !== currentSelectionAfterLoad) {\n // Selection changed, ignore this result\n return;\n }\n\n // Combine cached items with newly loaded items\n const allImageItems = [...cachedItems];\n loadedItemsArrays.forEach(items => {\n allImageItems.push(...items);\n });\n this.imagesSelectedItems = allImageItems;\n });\n });\n\n this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n this.#openSelectionCallBackHandler();\n });\n\n this.#chGridEl.addEventListener(\n \"rowContextMenu\",\n (ev: CustomEvent<ChGridRowContextMenuEvent>): void => {\n ev.preventDefault();\n ev.stopPropagation();\n this.contextMenuCallback({\n selection: ev.detail.selectedRowsId,\n clientX: ev.detail.clientX,\n clientY: ev.detail.clientY\n });\n }\n );\n };\n\n /\n Helper function to safely get image values for sorting\n /\n #getImageValue(image: ImageData, key: string): string {\n switch (key) {\n case \"name\":\n return image.name \|\| \"\";\n case \"module\":\n return image.module \|\| \"\";\n case \"description\":\n return image.description \|\| \"\";\n case \"modifiedDate\":\n return image.modifiedDate\n ? formatDate(image.modifiedDate).toLowerCase()\n : \"\";\n case \"lastUser\":\n return image.lastUser?.toLowerCase() \|\| \"\";\n case \"importDate\":\n return image.importDate\n ? formatDate(image.importDate).toLowerCase()\n : \"\";\n default:\n return \"\";\n }\n }\n\n /\n Sorts images based on the current order criteria\n /\n #sortImages = (a: ImageData, b: ImageData): number => {\n if (this.order.orderCriteria) {\n const valueA = this.#getImageValue(\n a,\n this.order.orderCriteria\n ).toUpperCase();\n const valueB = this.#getImageValue(\n b,\n this.order.orderCriteria\n ).toUpperCase();\n if (valueA < valueB) {\n return this.order.ascending ? -1 : 1;\n }\n if (valueA > valueB) {\n return this.order.ascending ? 1 : -1;\n }\n }\n return 0;\n };\n\n /\n Handles column sort changes\n /\n #handleColumnSortChanged = (e: CustomEvent) => {\n const { columnId, sortDirection } = e.detail;\n this.order = {\n orderCriteria: columnId,\n ascending: sortDirection === \"asc\"\n };\n };\n\n #newObjectCallbackHandler = (): void => {\n this.newObjectCallback();\n };\n #openSelectionCallBackHandler = (): void => {\n this.openSelectionCallback(this.selectedObjectsIds);\n };\n\n #toggleModifiedControls = (event: CustomEvent<string> \| InputEvent) => {\n this.enabledModifiedControls = event.detail === MODIFIED_VALUE;\n };\n\n #renderHeader = (): Element[] => {\n return [\n <div\n // name\n class=\"field field-block name\"\n >\n <label class=\"label\" htmlFor=\"filter-name\">\n {this.#componentLocale.filter.name}\n </label>\n <ch-edit\n id=\"filter-name\"\n class=\"input\"\n autoFocus={true}\n value={this.filterNameValue}\n debounce={config.inputDebounce}\n onInput={this.#handleNameChange}\n ></ch-edit>\n </div>,\n\n <div class=\"field field-block module-folder\">\n <label class=\"label\" htmlFor=\"module-folder\">\n {this.#componentLocale.filter.moduleFolder}\n </label>\n\n <gx-ide-entity-selector\n // module/folder\n id=\"module/folder\"\n labelPosition=\"none\"\n value={this.filterModuleValue}\n defaultValue={this.defaultModule}\n selectEntityCallback={this.selectModuleCallback}\n ref={(el: HTMLGxIdeEntitySelectorElement) =>\n (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n }\n ></gx-ide-entity-selector>\n </div>,\n\n <ch-accordion-render\n // modified\n class=\"accordion-outlined advanced-filter-accordion\"\n model={this.#ACCORDION_MODEL}\n >\n <div slot={this.#ACCORDION_FILTER_ID} class=\"spacing-body\">\n <div class=\"main__filter field-group scrollable\">\n <div\n // category\n class=\"field field-block category\"\n >\n <label class=\"label\" htmlFor=\"filter-category\">\n {this.#componentLocale.filter.category}\n </label>\n <ch-combo-box-render\n id=\"filter-category\"\n class=\"combo-box\"\n value={this.filterCategoryValue}\n disabled={!this.categories}\n model={this.categoriesComboBoxModel}\n onInput={this.#handleCategoryChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // category\n class=\"field-group options\"\n >\n <label class=\"label\" htmlFor=\"filter-category\">\n {this.#componentLocale.filter.options}\n </label>\n <div\n // options\n class=\"field field-inline\"\n >\n <ch-checkbox\n class=\"checkbox all-descendants\"\n caption={this.#componentLocale.filter.allDescendants}\n checkedValue={ALL_DESCENDANTS_VALUE}\n value={\n this.filterAllDescendantsValue\n ? ALL_DESCENDANTS_VALUE\n : undefined\n }\n onInput={this.#handleAllDescendantsChange}\n ></ch-checkbox>\n\n <ch-checkbox\n class=\"checkbox modified\"\n caption={this.#componentLocale.filter.modified}\n checkedValue={MODIFIED_VALUE}\n onInput={this.#toggleModifiedControls}\n ></ch-checkbox>\n </div>\n </div>\n\n <div\n // after\n class=\"field field-block after-date-time\"\n >\n <label\n class={{\n \"label\": true,\n \"label--disabled\": !this.enabledModifiedControls\n }}\n htmlFor=\"filter-after-type\"\n >\n {this.#componentLocale.filter.afterLabel}\n </label>\n <ch-combo-box-render\n id=\"filter-after-type\"\n class=\"combo-box\"\n value={this.filterAfterTypeValue}\n disabled={!this.enabledModifiedControls}\n model={this.filterAfterOptions}\n onInput={this.#handleAfterTypeChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // user\n class=\"field field-block user\"\n >\n <label\n class={{\n \"label\": true,\n \"label--disabled\": !this.enabledModifiedControls\n }}\n htmlFor=\"filter-user\"\n >\n {this.#componentLocale.filter.user}\n </label>\n <ch-edit\n id=\"filter-user\"\n value={this.filterUserValue}\n class=\"input\"\n disabled={!this.enabledModifiedControls}\n debounce={config.inputDebounce}\n onInput={this.#handleUserChange}\n ></ch-edit>\n </div>\n\n <div\n // date/time\n class=\"field field-block date-time\"\n >\n <label\n class={{\n \"label\": true,\n \"label--disabled\":\n this.afterCurrentValue !== FILTER_AFTER.DATE_TIME\n }}\n htmlFor=\"modified-date\"\n >\n {this.#componentLocale.filter.dateTime}\n </label>\n <input\n type=\"datetime-local\"\n class=\"input \"\n id=\"modified-date\"\n name=\"modifiedDate\"\n value={this.filterModifiedDateValue}\n max={TODAY}\n disabled={this.afterCurrentValue !== FILTER_AFTER.DATE_TIME}\n onInput={this.#handleModifiedDateChange}\n ></input>\n </div>\n\n <div\n // style\n class=\"field field-block style\"\n >\n <label class=\"label\" htmlFor=\"filter-style\">\n {this.#componentLocale.filter.style}\n </label>\n <ch-combo-box-render\n id=\"filter-style\"\n class=\"combo-box\"\n value={this.filterStyleValue}\n disabled={!this.styles}\n model={this.stylesComboBoxModel}\n onInput={this.#handleStyleChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // language\n class=\"field field-block language\"\n >\n <label class=\"label\" htmlFor=\"filter-language\">\n {this.#componentLocale.filter.language}\n </label>\n <ch-combo-box-render\n id=\"filter-language\"\n class=\"combo-box\"\n value={this.filterLanguageValue}\n disabled={!this.languages}\n model={this.languagesComboBoxModel}\n onInput={this.#handleLanguageChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // density\n class=\"field field-block\"\n >\n <label class=\"label\" htmlFor=\"filter-density\">\n {this.#componentLocale.filter.density}\n </label>\n <ch-combo-box-render\n id=\"filter-density\"\n class=\"combo-box\"\n value={this.filterDensityValue}\n disabled={!this.densities}\n model={this.densitiesComboBoxModel}\n onInput={this.#handleDensityChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // layer\n class=\"field field-block\"\n >\n <label class=\"label\" htmlFor=\"filter-layer\">\n {this.#componentLocale.filter.layer}\n </label>\n <ch-combo-box-render\n id=\"filter-layer\"\n class=\"combo-box\"\n value={this.filterLayerValue}\n disabled={!this.layers}\n model={this.layersComboBoxModel}\n onInput={this.#handleLayerChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // search contents\n class=\"field field-block search-by-contents\"\n >\n <label class=\"label\" htmlFor=\"search-input\">\n {this.#componentLocale.filter.search}\n </label>\n <ch-edit\n id=\"search-input\"\n debounce={config.inputDebounce}\n class=\"input\"\n value={this.filterSearchContentsValue}\n placeholder={\n this.#componentLocale.filter.searchContentsPlaceholder\n }\n onInput={this.#handleSearchContentsChange}\n startImgSrc={SEARCH_ICON}\n type=\"search\"\n ></ch-edit>\n </div>\n\n <button\n // reset filter button\n class=\"button-secondary button-icon-and-text button-reset\"\n onClick={this.#resetFilterHandler}\n >\n <ch-image class=\"icon-sm\" src={RESET_ICON} type=\"mask\"></ch-image>\n {this.#componentLocale.filter.resetFilters}\n </button>\n </div>\n </div>\n </ch-accordion-render>\n ];\n };\n\n #renderFilter = (): Element[] => {\n return (\n <div class=\"sidebar-container scrollable\">{this.#renderImages()}</div>\n );\n };\n\n #renderImages = (): Element => {\n return (\n / tiles */\n\n <div class=\"main__images-container spacing-body-inline\">\n {this.imagesSelectedItems.map(item => (\n <figure class=\"figure\">\n <picture class=\"figure__picture\">\n <img class=\"figure__img\" src={item.url} alt={item.name} />\n </picture>\n <figcaption class=\"figure__figcaption\">{item.name}</figcaption>\n </figure>\n ))}\n </div>\n );\n };\n #renderTabularGrid = (): Element => {\n const commonColSize = \"minmax(max-content, auto)\";\n\n return (\n <div\n class={{\n \"field-group\": true,\n \"main__grid\": true\n }}\n >\n <ch-tabular-grid\n ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n rowSelectionMode=\"multiple\"\n class=\"tabular-grid tabular-grid-ww-images\"\n columnResizeMode=\"splitter\"\n >\n <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n <ch-tabular-grid-column\n columnId=\"icon\"\n columnName=\"\"\n settingable={false}\n size={config.tabularGrid.colSize.maxContent}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={false}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"name\"\n columnName={this.#componentLocale.tableHead.name}\n settingable={false}\n class=\"tabular-grid-column\"\n column-name-position=\"text\"\n size={commonColSize}\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"module\"\n columnName={this.#componentLocale.tableHead.module}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"description\"\n columnName={this.#componentLocale.tableHead.description}\n settingable={false}\n size=\"minmax(300px, 1fr)\"\n class=\"tabular-grid-column\"\n resizable={false}\n sortable={false}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"modifiedDate\"\n columnName={this.#componentLocale.tableHead.modifiedDate}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"lastUser\"\n columnName={this.#componentLocale.tableHead.lastUser}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"importDate\"\n columnName={this.#componentLocale.tableHead.importDate}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n </ch-tabular-grid-columnset>\n\n {this.tabularGridData.length ? (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n {[...this.tabularGridData]\n .sort(this.#sortImages)\n .map((obj: ImageData) => (\n <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <ch-image src={obj.icon}></ch-image>\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.name}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.module}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-description\">\n {obj.description}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {formatDate(obj.modifiedDate)}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.lastUser}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {formatDate(obj.importDate)}\n </ch-tabular-grid-cell>\n </ch-tabular-grid-row>\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={false}\n stateIconSrc={NOTICE_ICON}\n stateTitle={this.#componentLocale.emptyState.title}\n key=\"no-images-empty-state\"\n ></gx-ide-empty-state>\n </ch-tabular-grid-rowset-empty>\n </ch-tabular-grid-rowset>\n )}\n </ch-tabular-grid>\n </div>\n );\n };\n\n #resetFilterHandler = () => {\n if (this.#filterInitialData) {\n this.filterNameValue = this.#filterInitialData.name;\n this.filterModuleValue = this.#filterInitialData.module;\n this.filterSearchContentsValue = this.#filterInitialData.searchContents;\n this.filterCategoryValue = this.#filterInitialData.category;\n this.filterAllDescendantsValue =\n this.#filterInitialData.allDescendants === ALL_DESCENDANTS_VALUE;\n this.filterAfterTypeValue = this.#filterInitialData.modifiedAfter;\n this.filterModifiedDateValue = this.#filterInitialData.modifiedDateTime;\n this.filterUserValue = this.#filterInitialData.modifiedUser;\n this.filterStyleValue = this.#filterInitialData.style;\n this.filterLanguageValue = this.#filterInitialData.language;\n this.filterDensityValue = this.#filterInitialData.density;\n this.filterLayerValue = this.#filterInitialData.layer;\n this.afterCurrentValue = this.filterAfterTypeValue;\n }\n };\n\n #saveInitialFilterData = () => {\n this.#filterInitialData = {\n name: this.filterNameValue,\n module: this.filterModuleValue,\n searchContents: this.filterSearchContentsValue,\n category: this.filterCategoryValue,\n allDescendants: this.filterAllDescendantsValue\n ? ALL_DESCENDANTS_VALUE\n : \"\",\n modifiedAfter: this.filterAfterTypeValue,\n modifiedDateTime: this.filterModifiedDateValue,\n modifiedUser: this.filterUserValue,\n style: this.filterStyleValue,\n language: this.filterLanguageValue,\n density: this.filterDensityValue,\n layer: this.filterLayerValue\n };\n };\n\n #selectAll = (): void => {\n (this.#chGridEl as any).selectAllRows();\n };\n\n render(): void {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n <section class=\"section\">\n <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n {this.#renderHeader()}\n </header>\n\n <div class=\"main\">\n {this.#renderTabularGrid()}\n <div class=\"main__aside field-group\">{this.#renderFilter()}</div>\n </div>\n\n <footer class=\"dialog-footer-with-border dialog-footer-space-between spacing-body\">\n <p\n // matching objects\n class=\"text-body\"\n >\n {`${this.tabularGridData.length} ${\n this.#componentLocale.objCount.matching\n }`}\n </p>\n\n <div class=\"buttons-spacer\">\n <button\n // select all button\n id=\"button-select-all\"\n class=\"button-secondary\"\n onClick={this.#selectAll}\n >\n {this.#componentLocale.footer.btnSelectAll}\n </button>\n\n <button\n // new image button\n id=\"button-new-file\"\n class=\"button-primary button-icon-and-text\"\n onClick={this.#newObjectCallbackHandler}\n >\n {this.#componentLocale.footer.btnNew}\n </button>\n </div>\n </footer>\n </section>\n </Host>\n );\n }\n}\nexport type ContextMenuCallback = (\n contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type FilerInitialData = {\n name: string;\n module: EntityData;\n searchContents: string;\n category: string;\n allDescendants: string;\n modifiedAfter: string;\n modifiedDateTime: string;\n modifiedUser: string;\n style: string;\n language: string;\n density: string;\n layer: string;\n};\n\nexport type ImageData = {\n id: string;\n icon: string;\n name: string;\n description: string;\n parent: string;\n module: string;\n modifiedDate?: Date;\n lastUser?: string;\n importDate?: Date;\n};\n\nexport type ImageFiltersData = {\n name?: string;\n searchContents?: string;\n category?: string;\n parent?: string;\n allDescendants?: boolean;\n modifiedAfter?: string;\n modifiedBy?: string;\n modifiedDate?: Date;\n style?: string;\n language?: string;\n density?: string;\n layer?: string;\n};\n\nexport type ImageItemData = {\n id: string;\n name: string;\n url: string;\n};\n\nexport type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;\n\nexport type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData \| undefined>;\n\nexport type SelectionObjectCallback = (ids: string[]) => Promise<void>;\n"],"version":3}
1	+ {"file":"gx-ide-ww-images.js","mappings":";;;;;;;;;;;;AAGO,MAAM,6BAA6B,GAAG,CAC3C,OAAmB;IAEnB,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,EAAE,CAAC;KACX;IACD,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM;;QACvB,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,EAAE;YAChB,OAAO,EAAE,MAAM,CAAC,KAAK;YACrB,WAAW,EAAE,MAAA,MAAM,CAAC,QAAQ,mCAAI,EAAE;SACnC,CAAC;KACH,CAAC,CAAC;AACL,CAAC;;AChBD,MAAM,WAAW,GAAG,ipIAAipI;;;;;;;;;;;;;;;;;;;AC4BrqI,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,sBAAsB;IACtB,mBAAmB;IACnB,qBAAqB;IACrB,sBAAsB;IACtB,iBAAiB;IACjB,iBAAiB;IACjB,yBAAyB;IACzB,oBAAoB;IACpB,YAAY;IACZ,cAAc;IACd,kBAAkB;IAClB,eAAe;IACf,qBAAqB;CACtB,CAAC;AAEF,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAChD,MAAM,cAAc,GAAG,UAAU,CAAC;AAElC,IAAI,KAAK,GAAW,IAAI,CAAC;AAEzB;AACA,MAAM,UAAU,GAAG,WAAW,CAAC;IAC7B,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,aAAa;CACzB,CAAC,CAAC;AACH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,cAAc;CAC1B,CAAC,CAAC;MAQU,aAAa;;;;;;;;;QAIxB,iDAAsB;QACtB,mDAAqC;QACrC,yCAAmC,EAAE,EAAC;QACtC,6CAAuB,iBAAiB,EAAC;QAEzC,mCAA2C,IAAI,GAAG,EAAE,EAAC;QAIrD,0CAAqC;;QAErC,gDAAiD;;;;QAwEjD,uCAAiB,IAAI,EAAC;QAgMtB,wDAAkC;YAChC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;SACvD,EAAC;QAEF,qCAAe;YACZ,uBAAA,IAAI,+BAAkB,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAC9C,EAAC;;;;QA4FF,0CAAoB,CAAC,KAAuC;YAC1D,IAAI,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM;gBACjC,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAW,CAAC;SACvD,EAAC;QAEF,oDAA8B,CAAC,KAAuC;YACpE,IAAI,CAAC,yBAAyB,IAAI,KAAK,CAAC,MAAM;gBAC3C,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAW,CAAC;SACvD,EAAC;QAEF,8CAAwB;YACtB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,uBAAuB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACnE,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CACtD,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,eAAe,CAC5C,CAAC;gBACF,IAAI,cAAc,EAAE;oBAClB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC;iBACjD;aACF;SACF,EAAC;QAEF,8CAAwB,CAAC,KAAuC;YAC9D,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC,MAAgB,CAAC;SACnD,EAAC;QAEF,oDAA8B,CAAC,KAAuC;YACpE,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC,MAAM,KAAK,qBAAqB,CAAC;SACzE,EAAC;QAEF,+CAAyB,CAAC,KAAuC;YAC/D,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,MAAgB,CAAC;YACnD,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,MAAgB,CAAC;SACjD,EAAC;QAEF,0CAAoB,CAAC,KAAuC;YAC1D,IAAI,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM;gBACjC,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAW,CAAC;SACvD,EAAC;QAEF,kDAA4B,CAAC,KAAiB;YAC5C,IAAI,CAAC,uBAAuB,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;SACzE,EAAC;QAEF,2CAAqB,CAAC,KAAuC;YAC3D,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,MAAgB,CAAC;SAChD,EAAC;QAEF,8CAAwB,CAAC,KAAuC;YAC9D,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC,MAAgB,CAAC;SACnD,EAAC;QAEF,6CAAuB,CAAC,KAAuC;YAC7D,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,MAAgB,CAAC;SAClD,EAAC;QAEF,2CAAqB,CAAC,KAAuC;YAC3D,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,MAAgB,CAAC;SAChD,EAAC;QAEF,4CAAsB;;YAEpB,IAAI,uBAAA,IAAI,qCAAgB,EAAE;gBACxB,IAAI,CAAC,iBAAiB,GAAG,uBAAA,IAAI,qCAAgB,CAAC,KAAK,CAAC;aACrD;SACF,EAAC;QAEF,wDAAkC;;YAEhC,IAAI,CAAC,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;SACzC,EAAC;QAEF,mCAAa;YACX,uBAAA,IAAI,gCAAW,CAAC,KAAK,EAAE,CAAC;YAExB,MAAM,OAAO,GAAqB;gBAChC,IAAI,EAAE,IAAI,CAAC,eAAe;gBAC1B,cAAc,EAAE,IAAI,CAAC,yBAAyB;gBAC9C,QAAQ,EAAE,IAAI,CAAC,mBAAmB;gBAClC,MAAM,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,EAAE,GAAG,IAAI;gBACjE,cAAc,EAAE,IAAI,CAAC,yBAAyB;gBAC9C,aAAa,EAAE,IAAI,CAAC,oBAAoB;gBACxC,UAAU,EAAE,IAAI,CAAC,eAAe;gBAChC,YAAY,EAAE,IAAI,CAAC,uBAAuB;sBACtC,IAAI,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC;sBACtC,SAAS;gBACb,KAAK,EAAE,IAAI,CAAC,gBAAgB;gBAC5B,QAAQ,EAAE,IAAI,CAAC,mBAAmB;gBAClC,OAAO,EAAE,IAAI,CAAC,kBAAkB;gBAChC,KAAK,EAAE,IAAI,CAAC,gBAAgB;aAC7B,CAAC;YAEF,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAkB;gBACjD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;gBACpB,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;gBAC7B,uBAAA,IAAI,kCAAa,MAAjB,IAAI,CAAe,CAAC;gBACpB,uBAAA,IAAI,qDAAgC,MAApC,IAAI,CAAkC,CAAC;aACxC,CAAC,CAAC;SACJ,EAAC;QAEF,kCAAY;YACV,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7C,MAAM,IAAI,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACzD,OAAO,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC;SAC1B,EAAC;QACF,2CAAqB;;YAEnB,uBAAA,IAAI,qCAAgB,CAAC,gBAAgB,CAAC,cAAc,EAAE;gBACpD,uBAAA,IAAI,yCAAoB,MAAxB,IAAI,CAAsB,CAAC;aAC5B,CAAC,CAAC;;YAGH,uBAAA,IAAI,+BAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,CAAC,EAAO;gBAC1D,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;gBAC3C,IAAI,CAAC,8BAA8B,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAE7D,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;oBACxC,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;oBAC9B,OAAO;iBACR;;gBAGD,MAAM,WAAW,GAAoB,EAAE,CAAC;gBACxC,MAAM,SAAS,GAAa,EAAE,CAAC;gBAE/B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,UAAkB;oBACjD,IAAI,uBAAA,IAAI,gCAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;wBACnC,MAAM,KAAK,GAAG,uBAAA,IAAI,gCAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;wBAC9C,IAAI,KAAK,EAAE;4BACT,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC;yBAC5B;qBACF;yBAAM;wBACL,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;qBAC5B;iBACF,CAAC,CAAC;;gBAGH,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;oBAC1B,IAAI,CAAC,mBAAmB,GAAG,WAAW,CAAC;oBACvC,OAAO;iBACR;;gBAGD,MAAM,gBAAgB,GAAG,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;;gBAIvE,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,UAAkB,KACpD,IAAI,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,IAAI,CAC1C,CAAC,KAAsB;;oBAErB,uBAAA,IAAI,gCAAW,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;oBACvC,OAAO,KAAK,CAAC;iBACd,CACF,CACF,CAAC;gBAEF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAoC;;oBAElE,MAAM,yBAAyB,GAAG,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC;yBAC3D,IAAI,EAAE;yBACN,IAAI,CAAC,GAAG,CAAC,CAAC;oBACb,IAAI,gBAAgB,KAAK,yBAAyB,EAAE;;wBAElD,OAAO;qBACR;;oBAGD,MAAM,aAAa,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;oBACvC,iBAAiB,CAAC,OAAO,CAAC,KAAK;wBAC7B,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC;qBAC9B,CAAC,CAAC;oBACH,IAAI,CAAC,mBAAmB,GAAG,aAAa,CAAC;iBAC1C,CAAC,CAAC;aACJ,CAAC,CAAC;YAEH,uBAAA,IAAI,+BAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE;gBAClD,uBAAA,IAAI,mDAA8B,MAAlC,IAAI,CAAgC,CAAC;aACtC,CAAC,CAAC;YAEH,uBAAA,IAAI,+BAAU,CAAC,gBAAgB,CAC7B,gBAAgB,EAChB,CAAC,EAA0C;gBACzC,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,IAAI,CAAC,mBAAmB,CAAC;oBACvB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc;oBACnC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO;oBAC1B,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO;iBAC3B,CAAC,CAAC;aACJ,CACF,CAAC;SACH,EAAC;;;;QA+BF,oCAAc,CAAC,CAAY,EAAE,CAAY;YACvC,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;gBAC5B,MAAM,MAAM,GAAG,uBAAA,IAAI,8DAAe,MAAnB,IAAI,EACjB,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,aAAa,CACzB,CAAC,WAAW,EAAE,CAAC;gBAChB,MAAM,MAAM,GAAG,uBAAA,IAAI,8DAAe,MAAnB,IAAI,EACjB,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,aAAa,CACzB,CAAC,WAAW,EAAE,CAAC;gBAChB,IAAI,MAAM,GAAG,MAAM,EAAE;oBACnB,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;iBACtC;gBACD,IAAI,MAAM,GAAG,MAAM,EAAE;oBACnB,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;iBACtC;aACF;YACD,OAAO,CAAC,CAAC;SACV,EAAC;;;;QAKF,iDAA2B,CAAC,CAAc;YACxC,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;YAC7C,IAAI,CAAC,KAAK,GAAG;gBACX,aAAa,EAAE,QAAQ;gBACvB,SAAS,EAAE,aAAa,KAAK,KAAK;aACnC,CAAC;SACH,EAAC;QAEF,kDAA4B;YAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B,EAAC;QACF,sDAAgC;YAC9B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;SACrD,EAAC;QAEF,gDAA0B,CAAC,KAAuC;YAChE,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC,MAAM,KAAK,cAAc,CAAC;SAChE,EAAC;QAEF,sCAAgB;YACd,OAAO;gBACL;;oBAEE,KAAK,EAAC,wBAAwB;mBAE9B,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,aAAa,IACvC,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,IAAI,CAC5B,EACR,eACE,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,QAAQ,EAAE,MAAM,CAAC,aAAa,EAC9B,OAAO,EAAE,uBAAA,IAAI,uCAAkB,GACtB,CACP;gBAEN,WAAK,KAAK,EAAC,iCAAiC,IAC1C,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,eAAe,IACzC,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,YAAY,CACpC,EAER;;oBAEE,EAAE,EAAC,eAAe,EAClB,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAC7B,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,GAAG,EAAE,CAAC,EAAkC,MACrC,uBAAA,IAAI,iCAAmB,EAAoC,MAAA,CAAC;kBAEvC,CACtB;gBAEN;;oBAEE,KAAK,EAAC,8CAA8C,EACpD,KAAK,EAAE,uBAAA,IAAI,sCAAiB;mBAE5B,WAAK,IAAI,EAAE,uBAAA,IAAI,0CAAqB,EAAE,KAAK,EAAC,cAAc,IACxD,WAAK,KAAK,EAAC,qCAAqC,IAC9C;;oBAEE,KAAK,EAAC,4BAA4B;mBAElC,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,iBAAiB,IAC3C,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,QAAQ,CAChC,EACR,2BACE,EAAE,EAAC,iBAAiB,EACpB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,QAAQ,EAAE,CAAC,IAAI,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,uBAAuB,EACnC,OAAO,EAAE,uBAAA,IAAI,2CAAsB,GACd,CACnB,EAEN;;oBAEE,KAAK,EAAC,qBAAqB;mBAE3B,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,iBAAiB,IAC3C,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,OAAO,CAC/B,EACR;;oBAEE,KAAK,EAAC,oBAAoB;mBAE1B,mBACE,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,cAAc,EACpD,YAAY,EAAE,qBAAqB,EACnC,KAAK,EACH,IAAI,CAAC,yBAAyB;0BAC1B,qBAAqB;0BACrB,SAAS,EAEf,OAAO,EAAE,uBAAA,IAAI,iDAA4B,GAC5B,EAEf,mBACE,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,QAAQ,EAC9C,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,uBAAA,IAAI,6CAAwB,GACxB,CACX,CACF,EAEN;;oBAEE,KAAK,EAAC,mCAAmC;mBAEzC,aACE,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;wBACb,iBAAiB,EAAE,CAAC,IAAI,CAAC,uBAAuB;qBACjD,EACD,OAAO,EAAC,mBAAmB,IAE1B,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,UAAU,CAClC,EACR,2BACE,EAAE,EAAC,mBAAmB,EACtB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAChC,QAAQ,EAAE,CAAC,IAAI,CAAC,uBAAuB,EACvC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,OAAO,EAAE,uBAAA,IAAI,4CAAuB,GACf,CACnB,EAEN;;oBAEE,KAAK,EAAC,wBAAwB;mBAE9B,aACE,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;wBACb,iBAAiB,EAAE,CAAC,IAAI,CAAC,uBAAuB;qBACjD,EACD,OAAO,EAAC,aAAa,IAEpB,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,IAAI,CAC5B,EACR,eACE,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,CAAC,IAAI,CAAC,uBAAuB,EACvC,QAAQ,EAAE,MAAM,CAAC,aAAa,EAC9B,OAAO,EAAE,uBAAA,IAAI,uCAAkB,GACtB,CACP,EAEN;;oBAEE,KAAK,EAAC,6BAA6B;mBAEnC,aACE,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;wBACb,iBAAiB,EACf,IAAI,CAAC,iBAAiB,KAAK,YAAY,CAAC,SAAS;qBACpD,EACD,OAAO,EAAC,eAAe,IAEtB,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,QAAQ,CAChC,EACR,aACE,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,IAAI,CAAC,uBAAuB,EACnC,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,IAAI,CAAC,iBAAiB,KAAK,YAAY,CAAC,SAAS,EAC3D,OAAO,EAAE,uBAAA,IAAI,+CAA0B,GAChC,CACL,EAEN;;oBAEE,KAAK,EAAC,yBAAyB;mBAE/B,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,cAAc,IACxC,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,KAAK,CAC7B,EACR,2BACE,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM,EACtB,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,OAAO,EAAE,uBAAA,IAAI,wCAAmB,GACX,CACnB,EAEN;;oBAEE,KAAK,EAAC,4BAA4B;mBAElC,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,iBAAiB,IAC3C,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,QAAQ,CAChC,EACR,2BACE,EAAE,EAAC,iBAAiB,EACpB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAClC,OAAO,EAAE,uBAAA,IAAI,2CAAsB,GACd,CACnB,EAEN;;oBAEE,KAAK,EAAC,mBAAmB;mBAEzB,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,gBAAgB,IAC1C,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,OAAO,CAC/B,EACR,2BACE,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAClC,OAAO,EAAE,uBAAA,IAAI,0CAAqB,GACb,CACnB,EAEN;;oBAEE,KAAK,EAAC,mBAAmB;mBAEzB,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,cAAc,IACxC,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,KAAK,CAC7B,EACR,2BACE,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM,EACtB,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,OAAO,EAAE,uBAAA,IAAI,wCAAmB,GACX,CACnB,EAEN;;oBAEE,KAAK,EAAC,sCAAsC;mBAE5C,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,cAAc,IACxC,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,MAAM,CAC9B,EACR,eACE,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,MAAM,CAAC,aAAa,EAC9B,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,yBAAyB,EACrC,WAAW,EACT,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,yBAAyB,EAExD,OAAO,EAAE,uBAAA,IAAI,iDAA4B,EACzC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,GACJ,CACP,EAEN;;oBAEE,KAAK,EAAC,oDAAoD,EAC1D,OAAO,EAAE,uBAAA,IAAI,yCAAoB;mBAEjC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,GAAY,EACjE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,YAAY,CACnC,CACL,CACF,CACc;aACvB,CAAC;SACH,EAAC;QAEF,sCAAgB;YACd,QACE,WAAK,KAAK,EAAC,8BAA8B,IAAE,uBAAA,IAAI,mCAAc,MAAlB,IAAI,CAAgB,CAAO,EACtE;SACH,EAAC;QAEF,sCAAgB;YACd;;YAGE,WAAK,KAAK,EAAC,4CAA4C,IACpD,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,KAChC,cAAQ,KAAK,EAAC,QAAQ,IACpB,eAAS,KAAK,EAAC,iBAAiB,IAC9B,WAAK,KAAK,EAAC,aAAa,EAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,CAClD,EACV,kBAAY,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,IAAI,CAAc,CACxD,CACV,CAAC,CACE,EACN;SACH,EAAC;QACF,2CAAqB;YACnB,MAAM,aAAa,GAAG,2BAA2B,CAAC;YAElD,QACE,WACE,KAAK,EAAE;oBACL,aAAa,EAAE,IAAI;oBACnB,YAAY,EAAE,IAAI;iBACnB,IAED,uBACE,GAAG,EAAE,CAAC,EAA4B,MAAM,uBAAA,IAAI,2BAAa,EAAE,MAAA,CAAC,EAC5D,gBAAgB,EAAC,UAAU,EAC3B,KAAK,EAAC,qCAAqC,EAC3C,gBAAgB,EAAC,UAAU,IAE3B,iCAA2B,KAAK,EAAC,yBAAyB,IACxD,8BACE,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,EAAE,EACb,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,EAC3C,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,KAAK,GACS,EAC1B,8BACE,QAAQ,EAAC,MAAM,EACf,UAAU,EAAE,uBAAA,IAAI,sCAAiB,CAAC,SAAS,CAAC,IAAI,EAChD,WAAW,EAAE,KAAK,EAClB,KAAK,EAAC,qBAAqB,0BACN,MAAM,EAC3B,IAAI,EAAE,aAAa,EACnB,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,IAAI,EACd,mBAAmB,EAAE,uBAAA,IAAI,8CAAyB,GAC1B,EAC1B,8BACE,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,uBAAA,IAAI,sCAAiB,CAAC,SAAS,CAAC,MAAM,EAClD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,IAAI,EACd,mBAAmB,EAAE,uBAAA,IAAI,8CAAyB,GAC1B,EAC1B,8BACE,QAAQ,EAAC,aAAa,EACtB,UAAU,EAAE,uBAAA,IAAI,sCAAiB,CAAC,SAAS,CAAC,WAAW,EACvD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,KAAK,GACS,EAC1B,8BACE,QAAQ,EAAC,cAAc,EACvB,UAAU,EAAE,uBAAA,IAAI,sCAAiB,CAAC,SAAS,CAAC,YAAY,EACxD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,IAAI,EACd,mBAAmB,EAAE,uBAAA,IAAI,8CAAyB,GAC1B,EAC1B,8BACE,QAAQ,EAAC,UAAU,EACnB,UAAU,EAAE,uBAAA,IAAI,sCAAiB,CAAC,SAAS,CAAC,QAAQ,EACpD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,IAAI,EACd,mBAAmB,EAAE,uBAAA,IAAI,8CAAyB,GAC1B,EAC1B,8BACE,QAAQ,EAAC,YAAY,EACrB,UAAU,EAAE,uBAAA,IAAI,sCAAiB,CAAC,SAAS,CAAC,UAAU,EACtD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,IAAI,EACd,mBAAmB,EAAE,uBAAA,IAAI,8CAAyB,GAC1B,CACA,EAE3B,IAAI,CAAC,eAAe,CAAC,MAAM,IAC1B,8BAAwB,KAAK,EAAC,qBAAqB,IAChD,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;iBACvB,IAAI,CAAC,uBAAA,IAAI,iCAAY,CAAC;iBACtB,GAAG,CAAC,CAAC,GAAc,MAClB,2BAAqB,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAC,kBAAkB,IAC1D,4BAAsB,KAAK,EAAC,mBAAmB,IAC7C,gBAAU,GAAG,EAAE,GAAG,CAAC,IAAI,GAAa,CACf,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,IAAI,CACY,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,MAAM,CACU,EACvB,4BAAsB,KAAK,EAAC,iDAAiD,IAC1E,GAAG,CAAC,WAAW,CACK,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,CACR,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,QAAQ,CACQ,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CACN,CACH,CACvB,CAAC,CACmB,KAEzB,8BAAwB,KAAK,EAAC,qBAAqB,IACjD,wCACE,0BACE,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,uBAAA,IAAI,sCAAiB,CAAC,UAAU,CAAC,KAAK,EAClD,GAAG,EAAC,uBAAuB,GACP,CACO,CACR,CAC1B,CACe,CACd,EACN;SACH,EAAC;QAEF,4CAAsB;YACpB,IAAI,uBAAA,IAAI,wCAAmB,EAAE;gBAC3B,IAAI,CAAC,eAAe,GAAG,uBAAA,IAAI,wCAAmB,CAAC,IAAI,CAAC;gBACpD,IAAI,CAAC,iBAAiB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,MAAM,CAAC;gBACxD,IAAI,CAAC,yBAAyB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,cAAc,CAAC;gBACxE,IAAI,CAAC,mBAAmB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,QAAQ,CAAC;gBAC5D,IAAI,CAAC,yBAAyB;oBAC5B,uBAAA,IAAI,wCAAmB,CAAC,cAAc,KAAK,qBAAqB,CAAC;gBACnE,IAAI,CAAC,oBAAoB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,aAAa,CAAC;gBAClE,IAAI,CAAC,uBAAuB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,gBAAgB,CAAC;gBACxE,IAAI,CAAC,eAAe,GAAG,uBAAA,IAAI,wCAAmB,CAAC,YAAY,CAAC;gBAC5D,IAAI,CAAC,gBAAgB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,KAAK,CAAC;gBACtD,IAAI,CAAC,mBAAmB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,QAAQ,CAAC;gBAC5D,IAAI,CAAC,kBAAkB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,OAAO,CAAC;gBAC1D,IAAI,CAAC,gBAAgB,GAAG,uBAAA,IAAI,wCAAmB,CAAC,KAAK,CAAC;gBACtD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC;aACpD;SACF,EAAC;QAEF,+CAAyB;YACvB,uBAAA,IAAI,oCAAsB;gBACxB,IAAI,EAAE,IAAI,CAAC,eAAe;gBAC1B,MAAM,EAAE,IAAI,CAAC,iBAAiB;gBAC9B,cAAc,EAAE,IAAI,CAAC,yBAAyB;gBAC9C,QAAQ,EAAE,IAAI,CAAC,mBAAmB;gBAClC,cAAc,EAAE,IAAI,CAAC,yBAAyB;sBAC1C,qBAAqB;sBACrB,EAAE;gBACN,aAAa,EAAE,IAAI,CAAC,oBAAoB;gBACxC,gBAAgB,EAAE,IAAI,CAAC,uBAAuB;gBAC9C,YAAY,EAAE,IAAI,CAAC,eAAe;gBAClC,KAAK,EAAE,IAAI,CAAC,gBAAgB;gBAC5B,QAAQ,EAAE,IAAI,CAAC,mBAAmB;gBAClC,OAAO,EAAE,IAAI,CAAC,kBAAkB;gBAChC,KAAK,EAAE,IAAI,CAAC,gBAAgB;aAC7B,MAAA,CAAC;SACH,EAAC;QAEF,mCAAa;YACV,uBAAA,IAAI,+BAAkB,CAAC,aAAa,EAAE,CAAC;SACzC,EAAC;uCAjkCgD,EAAE;sCACH,EAAE;sCACF,EAAE;mCACL,EAAE;mCACF,EAAE;;;+BAeR,EAAE;sBAKX,EAAE;mCAKe,EAAE;kCAKV,EAAE;uCAKE,KAAK;qBAM/C;YACE,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,IAAI;SAChB;+BAKwB,EAAE;yCACQ,EAAE;;yCAEF,KAAK;;+BAEf,EAAE;uCACM,EAAE;;;;;;;;;;;;;;;;;;;;;;IAiBrC,iBAAiB,CAAC,aAAyB;QACzC,IAAI,CAAC,uBAAuB,GAAG,6BAA6B,CAAC,aAAa,CAAC,CAAC;QAC5E,uBAAA,IAAI,2CAAsB,MAA1B,IAAI,CAAwB,CAAC;KAC9B;IAYD,sBAAsB;QACpB,uBAAA,IAAI,2CAAsB,MAA1B,IAAI,CAAwB,CAAC;KAC9B;IAiBD,gBAAgB,CAAC,YAAwB;QACvC,IAAI,CAAC,sBAAsB,GAAG,6BAA6B,CAAC,YAAY,CAAC,CAAC;KAC3E;IAOD,gBAAgB,CAAC,YAAwB;QACvC,IAAI,CAAC,sBAAsB,GAAG,6BAA6B,CAAC,YAAY,CAAC,CAAC;KAC3E;IAOD,aAAa,CAAC,SAAqB;QACjC,IAAI,CAAC,mBAAmB,GAAG,6BAA6B,CAAC,SAAS,CAAC,CAAC;KACrE;IAqCD,aAAa,CAAC,SAAqB;QACjC,IAAI,CAAC,mBAAmB,GAAG,6BAA6B,CAAC,SAAS,CAAC,CAAC;KACrE;IAED,MAAM,iBAAiB;QACrB,KAAK,GAAG,uBAAA,IAAI,+BAAU,MAAd,IAAI,CAAY,CAAC;KAC1B;IAED,gBAAgB;QACd,uBAAA,IAAI,wCAAmB,MAAvB,IAAI,CAAqB,CAAC;QAC1B,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;QAClB,uBAAA,IAAI,4CAAuB,MAA3B,IAAI,CAAyB,CAAC;QAC9B,uBAAA,IAAI,gCAAkB,KAAK,MAAA,CAAC;KAC7B;IAED,MAAM,iBAAiB;QACrB,uBAAA,IAAI,kCAAoB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;;QAGlE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;QAGhC,IAAI,CAAC,kBAAkB,GAAG;YACxB;gBACE,OAAO,EAAE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,SAAS;gBAC/C,KAAK,EAAE,YAAY,CAAC,IAAI;aACzB;YACD;gBACE,OAAO,EAAE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC;gBAC7D,KAAK,EAAE,YAAY,CAAC,SAAS;aAC9B;YACD;gBACE,OAAO,EAAE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC;gBAC1D,KAAK,EAAE,YAAY,CAAC,MAAM;aAC3B;YACD;gBACE,OAAO,EAAE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC9D,KAAK,EAAE,YAAY,CAAC,UAAU;aAC/B;SACF,CAAC;QACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC1D,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;;QAG7D,uBAAA,IAAI,2CAAsB,MAA1B,IAAI,CAAwB,CAAC;QAC7B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5C,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;YACvC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SAC3D;QACD,IAAI,IAAI,CAAC,sBAAsB,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1C,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SACjE;QACD,IAAI,IAAI,CAAC,sBAAsB,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1C,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SAChE;QACD,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;YACvC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SAC3D;QAED,uBAAA,IAAI,kCAAoB;YACtB;gBACE,EAAE,EAAE,uBAAA,IAAI,0CAAqB;gBAC7B,OAAO,EAAE,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,gBAAgB;gBACtD,QAAQ,EAAE,KAAK;aAChB;SACF,MAAA,CAAC;KACH;IAGD,cAAc,CAAC,SAAwB;QACrC,IAAI,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,EAAE;YACtC,QAAQ,SAAS,CAAC,GAAG;gBACnB,KAAK,OAAO;oBACV,uBAAA,IAAI,mDAA8B,MAAlC,IAAI,CAAgC,CAAC;oBACrC,MAAM;gBACR,KAAK,QAAQ;oBACX,uBAAA,IAAI,qDAAgC,MAApC,IAAI,CAAkC,CAAC;oBACvC,MAAM;aACT;SACF;KACF;;;;IAMD,MAAM,MAAM;QACV,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;KACnB;;;;IAcD,sBAAsB;QACpB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,gCAAgC;QAC9B,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,0BAA0B;QACxB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,gCAAgC;QAC9B,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,2BAA2B;QACzB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,sBAAsB;QACpB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,8BAA8B;QAC5B,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,uBAAuB;QACrB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,0BAA0B;QACxB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,yBAAyB;QACvB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,uBAAuB;QACrB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAGD,wBAAwB;QACtB,IAAI,CAAC,uBAAA,IAAI,oCAAe,EAAE;YACxB,uBAAA,IAAI,gCAAW,MAAf,IAAI,CAAa,CAAC;SACnB;KACF;IAiuBD,MAAM;QACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IAClB,gBAAU,KAAK,EAAE,WAAW,GAAa,EAEzC,eAAS,KAAK,EAAC,SAAS,IACtB,cAAQ,KAAK,EAAC,4FAA4F,IACvG,uBAAA,IAAI,mCAAc,MAAlB,IAAI,CAAgB,CACd,EAET,WAAK,KAAK,EAAC,MAAM,IACd,uBAAA,IAAI,wCAAmB,MAAvB,IAAI,CAAqB,EAC1B,WAAK,KAAK,EAAC,yBAAyB,IAAE,uBAAA,IAAI,mCAAc,MAAlB,IAAI,CAAgB,CAAO,CAC7D,EAEN,cAAQ,KAAK,EAAC,oEAAoE,IAChF;;YAEE,KAAK,EAAC,WAAW;WAEhB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,IAC7B,uBAAA,IAAI,sCAAiB,CAAC,QAAQ,CAAC,QACjC,EAAE,CACA,EAEJ,WAAK,KAAK,EAAC,gBAAgB,IACzB;;YAEE,EAAE,EAAC,mBAAmB,EACtB,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,uBAAA,IAAI,gCAAW;WAEvB,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,YAAY,CACnC,EAET;;YAEE,EAAE,EAAC,iBAAiB,EACpB,KAAK,EAAC,qCAAqC,EAC3C,OAAO,EAAE,uBAAA,IAAI,+CAA0B;WAEtC,uBAAA,IAAI,sCAAiB,CAAC,MAAM,CAAC,MAAM,CAC7B,CACL,CACC,CACD,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iiEAvkBc,KAAgB,EAAE,GAAW;;IAC1C,QAAQ,GAAG;QACT,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;QAC1B,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC;QAC5B,KAAK,aAAa;YAChB,OAAO,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QACjC,KAAK,cAAc;YACjB,OAAO,KAAK,CAAC,YAAY;kBACrB,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE;kBAC5C,EAAE,CAAC;QACT,KAAK,UAAU;YACb,OAAO,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,WAAW,EAAE,KAAI,EAAE,CAAC;QAC7C,KAAK,YAAY;YACf,OAAO,KAAK,CAAC,UAAU;kBACnB,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE;kBAC1C,EAAE,CAAC;QACT;YACE,OAAO,EAAE,CAAC;KACb;AACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ww-images/helpers.tsx","src/components/ww-images/ww-images.scss?tag=gx-ide-ww-images&encapsulation=shadow","src/components/ww-images/ww-images.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n options: GxOption[]\n): ComboBoxModel => {\n if (!options) {\n return [];\n }\n return options.map(option => {\n return {\n value: option.id,\n caption: option.label,\n startImgSrc: option.iconName ?? \"\"\n };\n });\n};\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 container-type: inline-size;\n display: grid;\n block-size: 100%;\n overflow: auto;\n grid-template-rows: max-content 1fr max-content;\n}\n.section {\n display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n// First row\n.header {\n grid-template-areas:\n \"name module-folder\"\n \"advanced-filter-accordion advanced-filter-accordion\";\n grid-template-columns: 1fr 1fr;\n grid-auto-rows: max-content max-content;\n}\n\n// Accordion Advanced Filter\n.name {\n grid-area: name;\n}\n.module-folder {\n grid-area: module-folder;\n}\n.advanced-filter-accordion {\n grid-area: advanced-filter-accordion;\n}\n\n// - - - - - - - - - - - -\n// Main\n// - - - - - - - - - - - -\n\n.main {\n --sidebar-width: 376px;\n display: grid;\n grid-template-columns: 1fr var(--sidebar-width);\n overflow: auto;\n padding-block-start: var(--size-16);\n}\n\n.main__grid {\n overflow: auto;\n position: relative;\n}\n.tabular-grid-ww-images {\n overflow: auto;\n border-inline-end: var(--section-common-border);\n}\n\nch-tabular-grid-rowset-empty {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n inline-size: 100%;\n z-index: 1;\n}\n\n// main aside\n.main__aside {\n overflow: auto;\n display: grid;\n grid-template-rows: max-content 1fr;\n}\n.main__filter {\n display: grid;\n grid-auto-rows: max-content;\n grid-template-columns: 1fr 1fr 1fr;\n grid-template-areas:\n \"category options after\"\n \"style language user\"\n \"density layer date-time\"\n \"search-by-contents search-by-contents button-reset\";\n overflow: auto;\n}\n.category {\n grid-area: category;\n}\n.options {\n grid-area: options;\n}\n.after-date-time {\n grid-area: after;\n}\n.user {\n grid-area: user;\n}\n.date-time {\n grid-area: date-time;\n}\n.style {\n grid-area: style;\n}\n.language {\n grid-area: language;\n}\n.density {\n grid-area: density;\n}\n.layer {\n grid-area: layer;\n}\n.search-by-contents {\n grid-area: search-by-contents;\n}\n.button-reset {\n grid-area: button-reset;\n align-self: end;\n justify-self: end;\n}\n\n// - - - - - - - - - - - -\n// Images Grid\n// - - - - - - - - - - - -\n\n.main__images-container {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--size-8);\n position: relative;\n z-index: 1;\n\n .figure {\n margin: 0;\n background-color: var(--color-accent-surface-elevation-2);\n display: grid;\n grid-template-rows: minmax(0, 1fr) max-content;\n gap: var(--size-4);\n padding: var(--size-8);\n border-radius: var(--size-4);\n opacity: 0;\n animation: fadeIn 300ms forwards;\n aspect-ratio: 1 / 1;\n }\n .figure__picture {\n display: flex;\n align-items: center;\n justify-content: center;\n min-block-size: 0;\n }\n .figure__img {\n display: block;\n max-inline-size: 100%;\n max-block-size: 100%;\n inline-size: auto;\n block-size: auto;\n object-fit: contain;\n }\n .figure__figcaption {\n text-align: center;\n font-size: var(--font-size-body-xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n inline-size: 100%;\n }\n}\n\n@include tabular-grid-cell-layout(\n $tabular-grid-selector: \".tabular-grid-ww-images\",\n $tabular-grid-cell-node-type: \"text\",\n $tabular-grid-cell-apply-ellipsis: true,\n $tabular-grid-affected-columns-nth-list: (\n 1,\n 2,\n 3,\n 4,\n 5,\n 6,\n 7\n )\n);\n\n@keyframes fadeIn {\n to {\n opacity: 1;\n }\n}\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n@container (max-width: 992px) {\n .main {\n --sidebar-width: 288px;\n }\n .main__images-container {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n@container (max-width: 768px) {\n .main {\n --sidebar-width: 200px;\n }\n .main__images-container {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@container (max-width: 640px) {\n .main {\n --sidebar-width: 112px;\n }\n .main__images-container {\n grid-template-columns: 1fr;\n }\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private /\n/ STENCIL IMPORTS /\nimport {\n Component,\n Element,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n h\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\nimport {\n AccordionModel,\n ChGridRowContextMenuEvent,\n ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n/ CUSTOM IMPORTS /\nimport { FILTER_AFTER } from \"../../common/constants\";\nimport { config } from \"../../common/config\";\nimport { formatDate } from \"../../common/helpers\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo, EntityData, GxOption } from \"../../common/types\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/accordion\",\n \"components/button\",\n \"components/checkbox\",\n \"components/combo-box\",\n \"components/edit\",\n \"components/icon\",\n \"components/tabular-grid\",\n \"components/sidebar\",\n \"utils/form\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"chameleon/scrollbar\"\n];\n\nconst ALL_DESCENDANTS_VALUE = \"all-descendants\";\nconst MODIFIED_VALUE = \"modified\";\n\nlet TODAY: string = null;\n\n// icons\nconst RESET_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"reset\",\n colorType: \"interactive\"\n});\nconst SEARCH_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"search\",\n colorType: \"neutral\"\n});\nconst NOTICE_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"notice\",\n colorType: \"on-elevation\"\n});\n\n@Component({\n tag: \"gx-ide-ww-images\",\n styleUrl: \"ww-images.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/ww-images\"]\n})\nexport class GxIdeWWImages {\n /\n The component hard-coded strings translations.\n /\n #componentLocale: any;\n #filterInitialData: FilerInitialData;\n #ACCORDION_MODEL: AccordionModel = [];\n #ACCORDION_FILTER_ID = \"advanced-filter\";\n\n #imagesMap: Map<string, ImageItemData[]> = new Map();\n\n @Element() el: HTMLGxIdeWwImagesElement;\n\n #chGridEl!: HTMLChTabularGridElement;\n // Only keep refs that are actually needed for operations (event listeners)\n #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n\n // representations of GxOption[] as ComboBoxModel.\n @State() categoriesComboBoxModel: ComboBoxModel = [];\n @State() densitiesComboBoxModel: ComboBoxModel = [];\n @State() languagesComboBoxModel: ComboBoxModel = [];\n @State() layersComboBoxModel: ComboBoxModel = [];\n @State() stylesComboBoxModel: ComboBoxModel = [];\n\n /\n The current value of the \"After\" combo box options.\n /\n @State() afterCurrentValue: string;\n\n /\n The options for the \"After\" combo-box\n /\n @State() filterAfterOptions: ComboBoxModel;\n\n /\n Image data to be displayed in the tabular grid (filtered from server and sorted)\n /\n @State() tabularGridData: ImageData[] = [];\n\n /\n Images rendered in the table\n /\n @State() images: ImageData[] = [];\n\n /\n Items of the selected image\n /\n @State() imagesSelectedItems: ImageItemData[] = [];\n\n /\n Selected images in the images table\n /\n @State() selectedObjectsIds: string[] = [];\n\n /\n When true, modified controls will be enabled, otherwise disabled.\n /\n @State() enabledModifiedControls: boolean = false;\n\n /\n Sorting order for images table\n /\n @State() order: { orderCriteria: string \| null; ascending: boolean \| null } =\n {\n orderCriteria: null,\n ascending: null\n };\n\n /\n Filter state variables\n /\n @State() filterNameValue = \"\";\n @State() filterSearchContentsValue = \"\";\n @State() filterCategoryValue: string;\n @State() filterAllDescendantsValue = false;\n @State() filterAfterTypeValue: string;\n @State() filterUserValue = \"\";\n @State() filterModifiedDateValue = \"\";\n @State() filterStyleValue: string;\n @State() filterLanguageValue: string;\n @State() filterDensityValue: string;\n @State() filterLayerValue: string;\n @State() filterModuleValue: EntityData;\n\n /\n Flag to prevent triggering #getImages on initial load\n /\n #isInitialLoad = true;\n\n /\n Categories rendered in the filter selector\n /\n @Prop() readonly categories!: GxOption[];\n @Watch(\"categories\")\n categoriesChanged(newCategories: GxOption[]) {\n this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n this.#applyDefaultCategory();\n }\n\n /\n Function to expand data when right-click\n /\n @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n /\n Default value for the 'categories' filter\n /\n @Prop() readonly defaultCategory: string;\n @Watch(\"defaultCategory\")\n defaultCategoryChanged() {\n this.#applyDefaultCategory();\n }\n\n /\n Default value for the module/folder filter\n /\n @Prop() readonly defaultModule: EntityData;\n\n /\n Function to delete the selected images.\n /\n @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n /\n Densities rendered in the filter selector\n /\n @Prop() readonly densities!: GxOption[];\n @Watch(\"densities\")\n densitiesChanged(newDensities: GxOption[]) {\n this.densitiesComboBoxModel = mapOptionsToComboBoxItemModel(newDensities);\n }\n\n /\n Languages rendered in the filter selector\n /\n @Prop() readonly languages!: GxOption[];\n @Watch(\"languages\")\n languagesChanged(newLanguages: GxOption[]) {\n this.languagesComboBoxModel = mapOptionsToComboBoxItemModel(newLanguages);\n }\n\n /\n Layers rendered in the filter selector\n /\n @Prop() readonly layers!: GxOption[];\n @Watch(\"layers\")\n layersChanged(newLayers: GxOption[]) {\n this.layersComboBoxModel = mapOptionsToComboBoxItemModel(newLayers);\n }\n\n /\n Function that returns a list of images for the table\n /\n @Prop() readonly loadCallback!: LoadCallback;\n\n /\n Function that returns a list of items for the selected image\n /\n @Prop() readonly loadImageItemsCallback!: LoadImageItemsCallback;\n\n /\n Callback invoked when user press New button.\n /\n @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n /\n Function to expand data for double-clicked or entered images\n /\n @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n /\n Callback invoked when an action is executed on the Module/Folder filter.\n /\n @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n /\n Callback invoked when an item is selected\n /\n @Prop() readonly selectionObjectChangedCallback!: SelectionObjectCallback;\n\n /\n Styles rendered in the filter style selector\n /\n @Prop() readonly styles!: GxOption[];\n @Watch(\"styles\")\n stylesChanged(newStyles: GxOption[]) {\n this.stylesComboBoxModel = mapOptionsToComboBoxItemModel(newStyles);\n }\n\n async connectedCallback() {\n TODAY = this.#getToday();\n }\n\n componentDidLoad() {\n this.#addEventListeners();\n this.#getImages();\n this.#saveInitialFilterData();\n this.#isInitialLoad = false;\n }\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n // initialize combo-box models\n this.categoriesChanged(this.categories);\n this.densitiesChanged(this.densities);\n this.languagesChanged(this.languages);\n this.layersChanged(this.layers);\n this.stylesChanged(this.styles);\n\n // initialize \"After\" combo-box options\n this.filterAfterOptions = [\n {\n caption: this.#componentLocale.filter.afterNone,\n value: FILTER_AFTER.NONE\n },\n {\n caption: this.#componentLocale.filter[FILTER_AFTER.DATE_TIME],\n value: FILTER_AFTER.DATE_TIME\n },\n {\n caption: this.#componentLocale.filter[FILTER_AFTER.IMPORT],\n value: FILTER_AFTER.IMPORT\n },\n {\n caption: this.#componentLocale.filter[FILTER_AFTER.LAST_BUILD],\n value: FILTER_AFTER.LAST_BUILD\n }\n ];\n this.afterCurrentValue = this.filterAfterOptions[0].value;\n this.filterAfterTypeValue = this.filterAfterOptions[0].value;\n\n // Initialize filter state values\n this.#applyDefaultCategory();\n this.filterModuleValue = this.defaultModule;\n if (this.stylesComboBoxModel.length > 0) {\n this.filterStyleValue = this.stylesComboBoxModel[0].value;\n }\n if (this.languagesComboBoxModel.length > 0) {\n this.filterLanguageValue = this.languagesComboBoxModel[0].value;\n }\n if (this.densitiesComboBoxModel.length > 0) {\n this.filterDensityValue = this.densitiesComboBoxModel[0].value;\n }\n if (this.layersComboBoxModel.length > 0) {\n this.filterLayerValue = this.layersComboBoxModel[0].value;\n }\n\n this.#ACCORDION_MODEL = [\n {\n id: this.#ACCORDION_FILTER_ID,\n caption: this.#componentLocale.filter.accordionCaption,\n expanded: false\n }\n ];\n }\n\n @Listen(\"keydown\", { passive: true })\n keyDownHandler(eventInfo: KeyboardEvent) {\n if (document.activeElement === this.el) {\n switch (eventInfo.key) {\n case \"Enter\":\n this.#openSelectionCallBackHandler();\n break;\n case \"Delete\":\n this.#deleteSelectionCallbackHandler();\n break;\n }\n }\n }\n\n /\n Reloads the view, refreshing the filters and the images table.\n /\n @Method()\n async reload(): Promise<void> {\n this.#getImages();\n }\n\n #deleteSelectionCallbackHandler = (): void => {\n this.deleteSelectionCallback(this.selectedObjectsIds);\n };\n\n #deselectAll = (): void => {\n (this.#chGridEl as any).selectAllRows(false);\n };\n\n /\n Watch filter state variables and trigger #getImages when they change\n /\n @Watch(\"filterNameValue\")\n filterNameValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterSearchContentsValue\")\n filterSearchContentsValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterCategoryValue\")\n filterCategoryValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterAllDescendantsValue\")\n filterAllDescendantsValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterAfterTypeValue\")\n filterAfterTypeValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterUserValue\")\n filterUserValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterModifiedDateValue\")\n filterModifiedDateValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterStyleValue\")\n filterStyleValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterLanguageValue\")\n filterLanguageValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterDensityValue\")\n filterDensityValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterLayerValue\")\n filterLayerValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n @Watch(\"filterModuleValue\")\n filterModuleValueChanged() {\n if (!this.#isInitialLoad) {\n this.#getImages();\n }\n }\n\n /\n Individual handler functions for each filter control\n /\n #handleNameChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterNameValue = (event.detail \|\|\n (event.target as HTMLInputElement).value) as string;\n };\n\n #handleSearchContentsChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterSearchContentsValue = (event.detail \|\|\n (event.target as HTMLInputElement).value) as string;\n };\n\n #applyDefaultCategory = () => {\n if (this.defaultCategory && this.categoriesComboBoxModel.length > 0) {\n const categoryExists = this.categoriesComboBoxModel.some(\n item => item.value === this.defaultCategory\n );\n if (categoryExists) {\n this.filterCategoryValue = this.defaultCategory;\n }\n }\n };\n\n #handleCategoryChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterCategoryValue = event.detail as string;\n };\n\n #handleAllDescendantsChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterAllDescendantsValue = event.detail === ALL_DESCENDANTS_VALUE;\n };\n\n #handleAfterTypeChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterAfterTypeValue = event.detail as string;\n this.afterCurrentValue = event.detail as string;\n };\n\n #handleUserChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterUserValue = (event.detail \|\|\n (event.target as HTMLInputElement).value) as string;\n };\n\n #handleModifiedDateChange = (event: InputEvent) => {\n this.filterModifiedDateValue = (event.target as HTMLInputElement).value;\n };\n\n #handleStyleChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterStyleValue = event.detail as string;\n };\n\n #handleLanguageChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterLanguageValue = event.detail as string;\n };\n\n #handleDensityChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterDensityValue = event.detail as string;\n };\n\n #handleLayerChange = (event: CustomEvent<string> \| InputEvent) => {\n this.filterLayerValue = event.detail as string;\n };\n\n #handleModuleChange = () => {\n // Module change is handled via event listener, but we update state\n if (this.#filterModuleEl) {\n this.filterModuleValue = this.#filterModuleEl.value;\n }\n };\n\n #filterImagesInformationHandler = () => {\n // Copy images from server to tabularGridData (will be sorted before rendering)\n this.tabularGridData = [...this.images];\n };\n\n #getImages = (): void => {\n this.#imagesMap.clear();\n\n const filters: ImageFiltersData = {\n name: this.filterNameValue,\n searchContents: this.filterSearchContentsValue,\n category: this.filterCategoryValue,\n parent: this.filterModuleValue ? this.filterModuleValue.id : null,\n allDescendants: this.filterAllDescendantsValue,\n modifiedAfter: this.filterAfterTypeValue,\n modifiedBy: this.filterUserValue,\n modifiedDate: this.filterModifiedDateValue\n ? new Date(this.filterModifiedDateValue)\n : undefined,\n style: this.filterStyleValue,\n language: this.filterLanguageValue,\n density: this.filterDensityValue,\n layer: this.filterLayerValue\n };\n\n this.loadCallback(filters).then((items: ImageData[]) => {\n this.images = items;\n this.selectedObjectsIds = [];\n this.#deselectAll();\n this.#filterImagesInformationHandler();\n });\n };\n\n #getToday = (): string => {\n const now = new Date();\n const date = now.toISOString().split(\"T\")[0];\n const time = now.toISOString().split(\"T\")[1].slice(0, 5); // Only take 'HH:MM' part\n return `${date}T${time}`;\n };\n #addEventListeners = (): void => {\n / module/folder /\n this.#filterModuleEl.addEventListener(\"valueChanged\", () => {\n this.#handleModuleChange();\n });\n\n // for grid selection\n this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n this.selectedObjectsIds = ev.detail.rowsId;\n this.selectionObjectChangedCallback(this.selectedObjectsIds);\n\n if (this.selectedObjectsIds.length === 0) {\n this.imagesSelectedItems = [];\n return;\n }\n\n // Collect cached items immediately\n const cachedItems: ImageItemData[] = [];\n const idsToLoad: string[] = [];\n\n this.selectedObjectsIds.forEach((selectedId: string) => {\n if (this.#imagesMap.has(selectedId)) {\n const items = this.#imagesMap.get(selectedId);\n if (items) {\n cachedItems.push(...items);\n }\n } else {\n idsToLoad.push(selectedId);\n }\n });\n\n // If all items were cached, update immediately\n if (idsToLoad.length === 0) {\n this.imagesSelectedItems = cachedItems;\n return;\n }\n\n // Store current selection to verify later (prevents race conditions)\n const currentSelection = [...this.selectedObjectsIds].sort().join(\",\");\n\n // Load missing items and combine with cached ones\n // loadImageItemsCallback must be invoked the first time a user selects an image\n const loadPromises = idsToLoad.map((selectedId: string) =>\n this.loadImageItemsCallback(selectedId).then(\n (items: ImageItemData[]) => {\n // Cache the items for future use\n this.#imagesMap.set(selectedId, items);\n return items;\n }\n )\n );\n\n Promise.all(loadPromises).then((loadedItemsArrays: ImageItemData[][]) => {\n // Verify that selection hasn't changed while loading\n const currentSelectionAfterLoad = [...this.selectedObjectsIds]\n .sort()\n .join(\",\");\n if (currentSelection !== currentSelectionAfterLoad) {\n // Selection changed, ignore this result\n return;\n }\n\n // Combine cached items with newly loaded items\n const allImageItems = [...cachedItems];\n loadedItemsArrays.forEach(items => {\n allImageItems.push(...items);\n });\n this.imagesSelectedItems = allImageItems;\n });\n });\n\n this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n this.#openSelectionCallBackHandler();\n });\n\n this.#chGridEl.addEventListener(\n \"rowContextMenu\",\n (ev: CustomEvent<ChGridRowContextMenuEvent>): void => {\n ev.preventDefault();\n ev.stopPropagation();\n this.contextMenuCallback({\n selection: ev.detail.selectedRowsId,\n clientX: ev.detail.clientX,\n clientY: ev.detail.clientY\n });\n }\n );\n };\n\n /\n Helper function to safely get image values for sorting\n /\n #getImageValue(image: ImageData, key: string): string {\n switch (key) {\n case \"name\":\n return image.name \|\| \"\";\n case \"module\":\n return image.module \|\| \"\";\n case \"description\":\n return image.description \|\| \"\";\n case \"modifiedDate\":\n return image.modifiedDate\n ? formatDate(image.modifiedDate).toLowerCase()\n : \"\";\n case \"lastUser\":\n return image.lastUser?.toLowerCase() \|\| \"\";\n case \"importDate\":\n return image.importDate\n ? formatDate(image.importDate).toLowerCase()\n : \"\";\n default:\n return \"\";\n }\n }\n\n /\n Sorts images based on the current order criteria\n /\n #sortImages = (a: ImageData, b: ImageData): number => {\n if (this.order.orderCriteria) {\n const valueA = this.#getImageValue(\n a,\n this.order.orderCriteria\n ).toUpperCase();\n const valueB = this.#getImageValue(\n b,\n this.order.orderCriteria\n ).toUpperCase();\n if (valueA < valueB) {\n return this.order.ascending ? -1 : 1;\n }\n if (valueA > valueB) {\n return this.order.ascending ? 1 : -1;\n }\n }\n return 0;\n };\n\n /\n Handles column sort changes\n /\n #handleColumnSortChanged = (e: CustomEvent) => {\n const { columnId, sortDirection } = e.detail;\n this.order = {\n orderCriteria: columnId,\n ascending: sortDirection === \"asc\"\n };\n };\n\n #newObjectCallbackHandler = (): void => {\n this.newObjectCallback();\n };\n #openSelectionCallBackHandler = (): void => {\n this.openSelectionCallback(this.selectedObjectsIds);\n };\n\n #toggleModifiedControls = (event: CustomEvent<string> \| InputEvent) => {\n this.enabledModifiedControls = event.detail === MODIFIED_VALUE;\n };\n\n #renderHeader = (): Element[] => {\n return [\n <div\n // name\n class=\"field field-block name\"\n >\n <label class=\"label\" htmlFor=\"filter-name\">\n {this.#componentLocale.filter.name}\n </label>\n <ch-edit\n id=\"filter-name\"\n class=\"input\"\n autoFocus={true}\n value={this.filterNameValue}\n debounce={config.inputDebounce}\n onInput={this.#handleNameChange}\n ></ch-edit>\n </div>,\n\n <div class=\"field field-block module-folder\">\n <label class=\"label\" htmlFor=\"module-folder\">\n {this.#componentLocale.filter.moduleFolder}\n </label>\n\n <gx-ide-entity-selector\n // module/folder\n id=\"module/folder\"\n labelPosition=\"none\"\n value={this.filterModuleValue}\n defaultValue={this.defaultModule}\n selectEntityCallback={this.selectModuleCallback}\n ref={(el: HTMLGxIdeEntitySelectorElement) =>\n (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n }\n ></gx-ide-entity-selector>\n </div>,\n\n <ch-accordion-render\n // modified\n class=\"accordion-outlined advanced-filter-accordion\"\n model={this.#ACCORDION_MODEL}\n >\n <div slot={this.#ACCORDION_FILTER_ID} class=\"spacing-body\">\n <div class=\"main__filter field-group scrollable\">\n <div\n // category\n class=\"field field-block category\"\n >\n <label class=\"label\" htmlFor=\"filter-category\">\n {this.#componentLocale.filter.category}\n </label>\n <ch-combo-box-render\n id=\"filter-category\"\n class=\"combo-box\"\n value={this.filterCategoryValue}\n disabled={!this.categories}\n model={this.categoriesComboBoxModel}\n onInput={this.#handleCategoryChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // category\n class=\"field-group options\"\n >\n <label class=\"label\" htmlFor=\"filter-category\">\n {this.#componentLocale.filter.options}\n </label>\n <div\n // options\n class=\"field field-inline\"\n >\n <ch-checkbox\n class=\"checkbox all-descendants\"\n caption={this.#componentLocale.filter.allDescendants}\n checkedValue={ALL_DESCENDANTS_VALUE}\n value={\n this.filterAllDescendantsValue\n ? ALL_DESCENDANTS_VALUE\n : undefined\n }\n onInput={this.#handleAllDescendantsChange}\n ></ch-checkbox>\n\n <ch-checkbox\n class=\"checkbox modified\"\n caption={this.#componentLocale.filter.modified}\n checkedValue={MODIFIED_VALUE}\n onInput={this.#toggleModifiedControls}\n ></ch-checkbox>\n </div>\n </div>\n\n <div\n // after\n class=\"field field-block after-date-time\"\n >\n <label\n class={{\n \"label\": true,\n \"label--disabled\": !this.enabledModifiedControls\n }}\n htmlFor=\"filter-after-type\"\n >\n {this.#componentLocale.filter.afterLabel}\n </label>\n <ch-combo-box-render\n id=\"filter-after-type\"\n class=\"combo-box\"\n value={this.filterAfterTypeValue}\n disabled={!this.enabledModifiedControls}\n model={this.filterAfterOptions}\n onInput={this.#handleAfterTypeChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // user\n class=\"field field-block user\"\n >\n <label\n class={{\n \"label\": true,\n \"label--disabled\": !this.enabledModifiedControls\n }}\n htmlFor=\"filter-user\"\n >\n {this.#componentLocale.filter.user}\n </label>\n <ch-edit\n id=\"filter-user\"\n value={this.filterUserValue}\n class=\"input\"\n disabled={!this.enabledModifiedControls}\n debounce={config.inputDebounce}\n onInput={this.#handleUserChange}\n ></ch-edit>\n </div>\n\n <div\n // date/time\n class=\"field field-block date-time\"\n >\n <label\n class={{\n \"label\": true,\n \"label--disabled\":\n this.afterCurrentValue !== FILTER_AFTER.DATE_TIME\n }}\n htmlFor=\"modified-date\"\n >\n {this.#componentLocale.filter.dateTime}\n </label>\n <input\n type=\"datetime-local\"\n class=\"input \"\n id=\"modified-date\"\n name=\"modifiedDate\"\n value={this.filterModifiedDateValue}\n max={TODAY}\n disabled={this.afterCurrentValue !== FILTER_AFTER.DATE_TIME}\n onInput={this.#handleModifiedDateChange}\n ></input>\n </div>\n\n <div\n // style\n class=\"field field-block style\"\n >\n <label class=\"label\" htmlFor=\"filter-style\">\n {this.#componentLocale.filter.style}\n </label>\n <ch-combo-box-render\n id=\"filter-style\"\n class=\"combo-box\"\n value={this.filterStyleValue}\n disabled={!this.styles}\n model={this.stylesComboBoxModel}\n onInput={this.#handleStyleChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // language\n class=\"field field-block language\"\n >\n <label class=\"label\" htmlFor=\"filter-language\">\n {this.#componentLocale.filter.language}\n </label>\n <ch-combo-box-render\n id=\"filter-language\"\n class=\"combo-box\"\n value={this.filterLanguageValue}\n disabled={!this.languages}\n model={this.languagesComboBoxModel}\n onInput={this.#handleLanguageChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // density\n class=\"field field-block\"\n >\n <label class=\"label\" htmlFor=\"filter-density\">\n {this.#componentLocale.filter.density}\n </label>\n <ch-combo-box-render\n id=\"filter-density\"\n class=\"combo-box\"\n value={this.filterDensityValue}\n disabled={!this.densities}\n model={this.densitiesComboBoxModel}\n onInput={this.#handleDensityChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // layer\n class=\"field field-block\"\n >\n <label class=\"label\" htmlFor=\"filter-layer\">\n {this.#componentLocale.filter.layer}\n </label>\n <ch-combo-box-render\n id=\"filter-layer\"\n class=\"combo-box\"\n value={this.filterLayerValue}\n disabled={!this.layers}\n model={this.layersComboBoxModel}\n onInput={this.#handleLayerChange}\n ></ch-combo-box-render>\n </div>\n\n <div\n // search contents\n class=\"field field-block search-by-contents\"\n >\n <label class=\"label\" htmlFor=\"search-input\">\n {this.#componentLocale.filter.search}\n </label>\n <ch-edit\n id=\"search-input\"\n debounce={config.inputDebounce}\n class=\"input\"\n value={this.filterSearchContentsValue}\n placeholder={\n this.#componentLocale.filter.searchContentsPlaceholder\n }\n onInput={this.#handleSearchContentsChange}\n startImgSrc={SEARCH_ICON}\n type=\"search\"\n ></ch-edit>\n </div>\n\n <button\n // reset filter button\n class=\"button-secondary button-icon-and-text button-reset\"\n onClick={this.#resetFilterHandler}\n >\n <ch-image class=\"icon-sm\" src={RESET_ICON} type=\"mask\"></ch-image>\n {this.#componentLocale.filter.resetFilters}\n </button>\n </div>\n </div>\n </ch-accordion-render>\n ];\n };\n\n #renderFilter = (): Element[] => {\n return (\n <div class=\"sidebar-container scrollable\">{this.#renderImages()}</div>\n );\n };\n\n #renderImages = (): Element => {\n return (\n / tiles */\n\n <div class=\"main__images-container spacing-body-inline\">\n {this.imagesSelectedItems.map(item => (\n <figure class=\"figure\">\n <picture class=\"figure__picture\">\n <img class=\"figure__img\" src={item.url} alt={item.name} />\n </picture>\n <figcaption class=\"figure__figcaption\">{item.name}</figcaption>\n </figure>\n ))}\n </div>\n );\n };\n #renderTabularGrid = (): Element => {\n const commonColSize = \"minmax(max-content, auto)\";\n\n return (\n <div\n class={{\n \"field-group\": true,\n \"main__grid\": true\n }}\n >\n <ch-tabular-grid\n ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n rowSelectionMode=\"multiple\"\n class=\"tabular-grid tabular-grid-ww-images\"\n columnResizeMode=\"splitter\"\n >\n <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n <ch-tabular-grid-column\n columnId=\"icon\"\n columnName=\"\"\n settingable={false}\n size={config.tabularGrid.colSize.maxContent}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={false}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"name\"\n columnName={this.#componentLocale.tableHead.name}\n settingable={false}\n class=\"tabular-grid-column\"\n column-name-position=\"text\"\n size={commonColSize}\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"module\"\n columnName={this.#componentLocale.tableHead.module}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"description\"\n columnName={this.#componentLocale.tableHead.description}\n settingable={false}\n size=\"minmax(300px, 1fr)\"\n class=\"tabular-grid-column\"\n resizable={false}\n sortable={false}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"modifiedDate\"\n columnName={this.#componentLocale.tableHead.modifiedDate}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"lastUser\"\n columnName={this.#componentLocale.tableHead.lastUser}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n columnId=\"importDate\"\n columnName={this.#componentLocale.tableHead.importDate}\n settingable={false}\n size={commonColSize}\n class=\"tabular-grid-column\"\n resizable={true}\n sortable={true}\n onColumnSortChanged={this.#handleColumnSortChanged}\n ></ch-tabular-grid-column>\n </ch-tabular-grid-columnset>\n\n {this.tabularGridData.length ? (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n {[...this.tabularGridData]\n .sort(this.#sortImages)\n .map((obj: ImageData) => (\n <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <ch-image src={obj.icon}></ch-image>\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.name}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.module}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-description\">\n {obj.description}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {formatDate(obj.modifiedDate)}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.lastUser}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {formatDate(obj.importDate)}\n </ch-tabular-grid-cell>\n </ch-tabular-grid-row>\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={false}\n stateIconSrc={NOTICE_ICON}\n stateTitle={this.#componentLocale.emptyState.title}\n key=\"no-images-empty-state\"\n ></gx-ide-empty-state>\n </ch-tabular-grid-rowset-empty>\n </ch-tabular-grid-rowset>\n )}\n </ch-tabular-grid>\n </div>\n );\n };\n\n #resetFilterHandler = () => {\n if (this.#filterInitialData) {\n this.filterNameValue = this.#filterInitialData.name;\n this.filterModuleValue = this.#filterInitialData.module;\n this.filterSearchContentsValue = this.#filterInitialData.searchContents;\n this.filterCategoryValue = this.#filterInitialData.category;\n this.filterAllDescendantsValue =\n this.#filterInitialData.allDescendants === ALL_DESCENDANTS_VALUE;\n this.filterAfterTypeValue = this.#filterInitialData.modifiedAfter;\n this.filterModifiedDateValue = this.#filterInitialData.modifiedDateTime;\n this.filterUserValue = this.#filterInitialData.modifiedUser;\n this.filterStyleValue = this.#filterInitialData.style;\n this.filterLanguageValue = this.#filterInitialData.language;\n this.filterDensityValue = this.#filterInitialData.density;\n this.filterLayerValue = this.#filterInitialData.layer;\n this.afterCurrentValue = this.filterAfterTypeValue;\n }\n };\n\n #saveInitialFilterData = () => {\n this.#filterInitialData = {\n name: this.filterNameValue,\n module: this.filterModuleValue,\n searchContents: this.filterSearchContentsValue,\n category: this.filterCategoryValue,\n allDescendants: this.filterAllDescendantsValue\n ? ALL_DESCENDANTS_VALUE\n : \"\",\n modifiedAfter: this.filterAfterTypeValue,\n modifiedDateTime: this.filterModifiedDateValue,\n modifiedUser: this.filterUserValue,\n style: this.filterStyleValue,\n language: this.filterLanguageValue,\n density: this.filterDensityValue,\n layer: this.filterLayerValue\n };\n };\n\n #selectAll = (): void => {\n (this.#chGridEl as any).selectAllRows();\n };\n\n render(): void {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n <section class=\"section\">\n <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n {this.#renderHeader()}\n </header>\n\n <div class=\"main\">\n {this.#renderTabularGrid()}\n <div class=\"main__aside field-group\">{this.#renderFilter()}</div>\n </div>\n\n <footer class=\"dialog-footer-with-border dialog-footer-space-between spacing-body\">\n <p\n // matching objects\n class=\"text-body\"\n >\n {`${this.tabularGridData.length} ${\n this.#componentLocale.objCount.matching\n }`}\n </p>\n\n <div class=\"buttons-spacer\">\n <button\n // select all button\n id=\"button-select-all\"\n class=\"button-secondary\"\n onClick={this.#selectAll}\n >\n {this.#componentLocale.footer.btnSelectAll}\n </button>\n\n <button\n // new image button\n id=\"button-new-file\"\n class=\"button-primary button-icon-and-text\"\n onClick={this.#newObjectCallbackHandler}\n >\n {this.#componentLocale.footer.btnNew}\n </button>\n </div>\n </footer>\n </section>\n </Host>\n );\n }\n}\nexport type ContextMenuCallback = (\n contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type FilerInitialData = {\n name: string;\n module: EntityData;\n searchContents: string;\n category: string;\n allDescendants: string;\n modifiedAfter: string;\n modifiedDateTime: string;\n modifiedUser: string;\n style: string;\n language: string;\n density: string;\n layer: string;\n};\n\nexport type ImageData = {\n id: string;\n icon: string;\n name: string;\n description: string;\n parent: string;\n module: string;\n modifiedDate?: Date;\n lastUser?: string;\n importDate?: Date;\n};\n\nexport type ImageFiltersData = {\n name?: string;\n searchContents?: string;\n category?: string;\n parent?: string;\n allDescendants?: boolean;\n modifiedAfter?: string;\n modifiedBy?: string;\n modifiedDate?: Date;\n style?: string;\n language?: string;\n density?: string;\n layer?: string;\n};\n\nexport type ImageItemData = {\n id: string;\n name: string;\n url: string;\n};\n\nexport type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;\n\nexport type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData \| undefined>;\n\nexport type SelectionObjectCallback = (ids: string[]) => Promise<void>;\n"],"version":3}

package/dist/components/ide-loader.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-const ideLoaderCss = ".loader__wrapper{position:absolute;border:none;opacity:0;transition:var(--show-transition) opacity;inline-size:100%;block-size:100%;display:flex;background-color:var(--elevation-background-color, var(--color-accent-surface-surface));padding:var(--spacing-padding-xxxl);flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;color:var(--color-text-neutral-default);z-index:99;animation:fadeIn var(--timing-fast) forwards}.loader__wrapper--visible{opacity:1}.loader__spinner{border:4px solid var(--elevation-border-color, var(--color-border-surface-on-surface));border-block-start:4px solid var(--color-border-primary-default);border-radius:50%;animation:spinner 0.6s infinite linear;inline-size:32px;block-size:32px;flex-shrink:0;opacity:1}.loader__content-wrapper{display:flex;text-align:center;flex-direction:column;margin-block-start:16px;gap:var(--spacing-gap-m);max-block-size:400px;opacity:1}.loader__content-wrapper--hidden{display:none}.loader__cancel-button{margin-block-start:8px}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes fadeIn{0%{opacity:0}}";
+const ideLoaderCss = "button.button-secondary{border-color:var(--color-border-neutral-default)}.loader__wrapper{position:absolute;border:none;opacity:0;transition:var(--show-transition) opacity;inline-size:100%;block-size:100%;display:flex;background-color:var(--elevation-background-color, var(--color-accent-surface-surface));padding:var(--spacing-padding-xxxl);flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;color:var(--color-text-neutral-default);z-index:99;animation:fadeIn var(--timing-fast) forwards}.loader__wrapper--visible{opacity:1}.loader__spinner{border:4px solid var(--elevation-border-color, var(--color-border-surface-on-surface));border-block-start:4px solid var(--color-border-primary-default);border-radius:50%;animation:spinner 0.6s infinite linear;inline-size:32px;block-size:32px;flex-shrink:0;opacity:1}.loader__content-wrapper{display:flex;text-align:center;flex-direction:column;margin-block-start:16px;gap:var(--spacing-gap-m);max-block-size:400px;opacity:1}.loader__content-wrapper--hidden{display:none}.loader__cancel-button{margin-block-start:8px}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes fadeIn{0%{opacity:0}}";
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)

package/dist/components/ide-loader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ide-loader.js","mappings":";;AAAA,MAAM,YAAY,GAAG,~~0mCAA0mC~~;;;;;;;;;;~~ACY/nC~~,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;CACnB,CAAC;MAMW,SAAS;;;;;;QACpB,8CAAiD;QA0CjD,mCAAiB;YACf,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;YACD,YAAY,CAAC,uBAAA,IAAI,mCAAkB,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACnB,EAAC;QAEF,wCAAsB,MACpB,IAAI,CAAC,WAAW,KACd,eACE,cACE,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,uBAAA,IAAI,gCAAe,IAE3B,IAAI,CAAC,WAAW,CACV,CACL,CACP,EAAC;QAEJ,uCAAqB,MACnB,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;QAE9E,iCAAe,MACb,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;2BA9DhD,IAAI;yBAKU,CAAC,GAAG,EAAE,GAAG,IAAI;;;;;oBAyBlB,KAAK;;IAkCrC,MAAM;QACJ,QACE,EAAC,IAAI,QACH,gBAAU,KAAK,EAAE,WAAW,GAAa,EACxC,IAAI,CAAC,IAAI,KACR,WACE,KAAK,EAAE;gBACL,CAAC,iBAAiB,GAAG,IAAI;gBACzB,0BAA0B,EAAE,IAAI,CAAC,WAAW;aAC7C,EACD,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAC,EAAE,IAEV,WAAK,KAAK,EAAC,iBAAiB,GAAO,EACnC,WACE,KAAK,EAAE;gBACL,yBAAyB,EAAE,IAAI;gBAC/B,iCAAiC,EAC/B,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW;aAC9D,IAEA,uBAAA,IAAI,8BAAa,MAAjB,IAAI,CAAe,EACnB,uBAAA,IAAI,oCAAmB,MAAvB,IAAI,CAAqB,EACzB,uBAAA,IAAI,qCAAoB,MAAxB,IAAI,CAAsB,CACvB,CACF,CACP,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_helpers/ide-loader/ide-loader.scss?tag=gx-ide-loader&encapsulation=shadow","src/components/_helpers/ide-loader/ide-loader.tsx"],"sourcesContent":[".loader {\n &__wrapper {\n position: absolute;\n border: none;\n opacity: 0;\n transition: var(--show-transition) opacity;\n inline-size: 100%;\n block-size: 100%;\n display: flex;\n background-color: var(\n --elevation-background-color,\n var(--color-accent-surface-surface)\n );\n // backdrop-filter: var(); TODO: See if we need to add this.\n padding: var(--spacing-padding-xxxl);\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n color: var(--color-text-neutral-default);\n z-index: 99; // WA to prevent tree-view chevron arrow to appear above.\n animation: fadeIn var(--timing-fast) forwards;\n\n &--visible {\n opacity: 1;\n }\n }\n &__spinner {\n $spinnerSize: 32px;\n border: 4px solid\n var(--elevation-border-color, var(--color-border-surface-on-surface));\n border-block-start: 4px solid var(--color-border-primary-default);\n border-radius: 50%;\n animation: spinner 0.6s infinite linear;\n inline-size: $spinnerSize;\n block-size: $spinnerSize;\n flex-shrink: 0;\n opacity: 1;\n }\n\n &__content-wrapper {\n display: flex;\n text-align: center;\n flex-direction: column;\n margin-block-start: 16px;\n gap: var(--spacing-gap-m);\n max-block-size: 400px;\n &--hidden {\n display: none;\n }\n opacity: 1;\n }\n\n &__cancel-button {\n margin-block-start: 8px;\n }\n}\n\n/background color animation/\n\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"utils/typography\"\n];\n@Component({\n tag: \"gx-ide-loader\",\n styleUrl: \"ide-loader.scss\",\n shadow: true\n})\nexport class IdeLoader {\n #timeoutReference: ReturnType<typeof setTimeout>;\n\n /*\n shows the '.loader-wrapper'\n /\n @State() showWrapper = true;\n\n /\n The time the loader will await before abort.\n /\n @Prop() readonly abortTime: number = 5 60 * 1000; // 5 minutes\n\n /*\n The cancel callback\n /\n @Prop() readonly cancelCallback: IdeLoaderCancelCallback;\n\n /\n The cancel button label (optional)\n /\n @Prop() readonly cancelLabel: string;\n\n /\n The loader description (optional)\n /\n @Prop() readonly description: string;\n\n /\n The loader title (optional)\n /\n @Prop() readonly loaderTitle: string;\n\n /\n It shows the loader\n /\n @Prop({ mutable: true }) show = false;\n\n /\n This event is emitted when \"show\" is false.\n */\n @Event() loaderFinished: EventEmitter<void>;\n\n #cancelProcess = (): void => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n clearTimeout(this.#timeoutReference);\n this.show = false;\n };\n\n #renderCancelButton = (): HTMLButtonElement \| null =>\n this.cancelLabel && (\n <div>\n <button\n class=\"button-secondary loader__cancel-button\"\n type=\"button\"\n onClick={this.#cancelProcess}\n >\n {this.cancelLabel}\n </button>\n </div>\n );\n\n #renderDescription = (): HTMLParagraphElement \| null =>\n this.description && <p class=\"body-regular-italic-s\">{this.description}</p>;\n\n #renderTitle = (): HTMLParagraphElement \| null =>\n this.loaderTitle && <p class=\"body-regular-l\">{this.loaderTitle}</p>;\n\n render() {\n return (\n <Host>\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n {this.show && (\n <div\n class={{\n [`loader__wrapper`]: true,\n \"loader__wrapper--visible\": this.showWrapper\n }}\n part=\"loader-wrapper\"\n popover=\"\"\n >\n <div class=\"loader__spinner\"></div>\n <div\n class={{\n \"loader__content-wrapper\": true,\n \"loader__content-wrapper--hidden\":\n !this.description && !this.loaderTitle && !this.cancelLabel\n }}\n >\n {this.#renderTitle()}\n {this.#renderDescription()}\n {this.#renderCancelButton()}\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n\nexport type IdeLoaderCancelCallback = () => void;\n"],"version":3}
1	+ {"file":"ide-loader.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mrCAAmrC;;;;;;;;;;ACYxsC,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;CACnB,CAAC;MAMW,SAAS;;;;;;QACpB,8CAAiD;QA0CjD,mCAAiB;YACf,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;YACD,YAAY,CAAC,uBAAA,IAAI,mCAAkB,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACnB,EAAC;QAEF,wCAAsB,MACpB,IAAI,CAAC,WAAW,KACd,eACE,cACE,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,uBAAA,IAAI,gCAAe,IAE3B,IAAI,CAAC,WAAW,CACV,CACL,CACP,EAAC;QAEJ,uCAAqB,MACnB,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;QAE9E,iCAAe,MACb,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;2BA9DhD,IAAI;yBAKU,CAAC,GAAG,EAAE,GAAG,IAAI;;;;;oBAyBlB,KAAK;;IAkCrC,MAAM;QACJ,QACE,EAAC,IAAI,QACH,gBAAU,KAAK,EAAE,WAAW,GAAa,EACxC,IAAI,CAAC,IAAI,KACR,WACE,KAAK,EAAE;gBACL,CAAC,iBAAiB,GAAG,IAAI;gBACzB,0BAA0B,EAAE,IAAI,CAAC,WAAW;aAC7C,EACD,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAC,EAAE,IAEV,WAAK,KAAK,EAAC,iBAAiB,GAAO,EACnC,WACE,KAAK,EAAE;gBACL,yBAAyB,EAAE,IAAI;gBAC/B,iCAAiC,EAC/B,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW;aAC9D,IAEA,uBAAA,IAAI,8BAAa,MAAjB,IAAI,CAAe,EACnB,uBAAA,IAAI,oCAAmB,MAAvB,IAAI,CAAqB,EACzB,uBAAA,IAAI,qCAAoB,MAAxB,IAAI,CAAsB,CACvB,CACF,CACP,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_helpers/ide-loader/ide-loader.scss?tag=gx-ide-loader&encapsulation=shadow","src/components/_helpers/ide-loader/ide-loader.tsx"],"sourcesContent":["@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n.loader {\n &__wrapper {\n position: absolute;\n border: none;\n opacity: 0;\n transition: var(--show-transition) opacity;\n inline-size: 100%;\n block-size: 100%;\n display: flex;\n background-color: var(\n --elevation-background-color,\n var(--color-accent-surface-surface)\n );\n // backdrop-filter: var(); TODO: See if we need to add this.\n padding: var(--spacing-padding-xxxl);\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n color: var(--color-text-neutral-default);\n z-index: 99; // WA to prevent tree-view chevron arrow to appear above.\n animation: fadeIn var(--timing-fast) forwards;\n\n &--visible {\n opacity: 1;\n }\n }\n &__spinner {\n $spinnerSize: 32px;\n border: 4px solid\n var(--elevation-border-color, var(--color-border-surface-on-surface));\n border-block-start: 4px solid var(--color-border-primary-default);\n border-radius: 50%;\n animation: spinner 0.6s infinite linear;\n inline-size: $spinnerSize;\n block-size: $spinnerSize;\n flex-shrink: 0;\n opacity: 1;\n }\n\n &__content-wrapper {\n display: flex;\n text-align: center;\n flex-direction: column;\n margin-block-start: 16px;\n gap: var(--spacing-gap-m);\n max-block-size: 400px;\n &--hidden {\n display: none;\n }\n opacity: 1;\n }\n\n &__cancel-button {\n margin-block-start: 8px;\n }\n}\n\n/background color animation/\n\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"utils/typography\"\n];\n@Component({\n tag: \"gx-ide-loader\",\n styleUrl: \"ide-loader.scss\",\n shadow: true\n})\nexport class IdeLoader {\n #timeoutReference: ReturnType<typeof setTimeout>;\n\n /*\n shows the '.loader-wrapper'\n /\n @State() showWrapper = true;\n\n /\n The time the loader will await before abort.\n /\n @Prop() readonly abortTime: number = 5 60 * 1000; // 5 minutes\n\n /*\n The cancel callback\n /\n @Prop() readonly cancelCallback: IdeLoaderCancelCallback;\n\n /\n The cancel button label (optional)\n /\n @Prop() readonly cancelLabel: string;\n\n /\n The loader description (optional)\n /\n @Prop() readonly description: string;\n\n /\n The loader title (optional)\n /\n @Prop() readonly loaderTitle: string;\n\n /\n It shows the loader\n /\n @Prop({ mutable: true }) show = false;\n\n /\n This event is emitted when \"show\" is false.\n */\n @Event() loaderFinished: EventEmitter<void>;\n\n #cancelProcess = (): void => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n clearTimeout(this.#timeoutReference);\n this.show = false;\n };\n\n #renderCancelButton = (): HTMLButtonElement \| null =>\n this.cancelLabel && (\n <div>\n <button\n class=\"button-secondary loader__cancel-button\"\n type=\"button\"\n onClick={this.#cancelProcess}\n >\n {this.cancelLabel}\n </button>\n </div>\n );\n\n #renderDescription = (): HTMLParagraphElement \| null =>\n this.description && <p class=\"body-regular-italic-s\">{this.description}</p>;\n\n #renderTitle = (): HTMLParagraphElement \| null =>\n this.loaderTitle && <p class=\"body-regular-l\">{this.loaderTitle}</p>;\n\n render() {\n return (\n <Host>\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n {this.show && (\n <div\n class={{\n [`loader__wrapper`]: true,\n \"loader__wrapper--visible\": this.showWrapper\n }}\n part=\"loader-wrapper\"\n popover=\"\"\n >\n <div class=\"loader__spinner\"></div>\n <div\n class={{\n \"loader__content-wrapper\": true,\n \"loader__content-wrapper--hidden\":\n !this.description && !this.loaderTitle && !this.cancelLabel\n }}\n >\n {this.#renderTitle()}\n {this.#renderDescription()}\n {this.#renderCancelButton()}\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n\nexport type IdeLoaderCancelCallback = () => void;\n"],"version":3}

package/dist/components/launchpad-native-apps.js CHANGED Viewed

@@ -5,7 +5,7 @@ import 'lit/directives/when.js';
 import 'lit/directives/if-defined.js';
 import { L as Locale } from './locale.js';
-const launchpadNativeAppsCss = ".object-card{border:none;border-radius:4px;padding:12px;display:flex;gap:var(--spacing-gap-l);flex-direction:column;flex-shrink:0;text-align:left}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--card-min-inline-size, 300px), var(--card-max-inline-size, 1fr)));gap:var(--spacing-gap-l);align-items:stretch}:host{display:block;block-size:100%;overflow:auto}.main{overflow:auto;display:block}ch-accordion-render{inline-size:100%;block-size:100%}.native-apps-accordion{inline-size:100%;block-size:100%}.platform-section{display:flex;align-items:center;gap:var(--spacing-gap-l)}.app__apple-store{height:32px;cursor:pointer;transition:opacity var(--timing-fast) ease}.app__apple-store:hover{opacity:0.8}.platform-grid{--card-min-inline-size:360px}.card-content{display:flex;gap:var(--spacing-gap-xl);flex:1;width:100%}.card-content:focus{outline:none}.info-section{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.app-info{display:flex;flex-direction:column;gap:var(--spacing-gap-xs);flex:1}.name{color:var(--color-text-neutral-default)}.description{color:var(--color-text-neutral-disabled);margin:0;line-height:var(--line-height-relaxed)}.dialog{--ch-dialog-block-size:400px;--ch-dialog-inline-size:350px;--ch-dialog-min-block-size:400px;--ch-dialog-min-inline-size:350px}.qr-container{display:flex;align-items:center;justify-content:center}.card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--color-border-neutral-default)}.no-data,.no-results{color:var(--color-text-neutral-disabled);font-style:italic;text-align:center;padding:16px}.no-data p,.no-results p{font-size:var(--font-size-body-m);font-weight:var(--font-style-semi-bold);line-height:var(--line-height-spacious)}@media (max-width: 768px){.platform-grid{justify-content:center}.card-content{flex-direction:column;gap:var(--spacing-gap-l)}.card-actions{flex-direction:column;gap:var(--spacing-gap-l);align-items:stretch}}@media (max-width: 480px){.main{padding:12px}.object-card{padding:12px}.platform-grid{gap:var(--spacing-gap-l);padding:12px}}.android:after{content:\"\";display:block}";
+const launchpadNativeAppsCss = ".object-card{border:none;border-radius:4px;padding:12px;display:flex;gap:var(--spacing-gap-l);flex-direction:column;flex-shrink:0;text-align:left}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--card-min-inline-size, 300px), var(--card-max-inline-size, 1fr)));gap:var(--spacing-gap-l);align-items:stretch}button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:block;block-size:100%;overflow:auto}.main{overflow:auto;display:block}ch-accordion-render{inline-size:100%;block-size:100%}.native-apps-accordion{inline-size:100%;block-size:100%}.platform-section{display:flex;align-items:center;gap:var(--spacing-gap-l)}.app__apple-store{height:32px;cursor:pointer;transition:opacity var(--timing-fast) ease}.app__apple-store:hover{opacity:0.8}.platform-grid{--card-min-inline-size:360px}.card-content{display:flex;gap:var(--spacing-gap-xl);flex:1;width:100%}.card-content:focus{outline:none}.info-section{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.app-info{display:flex;flex-direction:column;gap:var(--spacing-gap-xs);flex:1}.name{color:var(--color-text-neutral-default)}.description{color:var(--color-text-neutral-disabled);margin:0;line-height:var(--line-height-relaxed)}.dialog{--ch-dialog-block-size:400px;--ch-dialog-inline-size:350px;--ch-dialog-min-block-size:400px;--ch-dialog-min-inline-size:350px}.qr-container{display:flex;align-items:center;justify-content:center}.card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--color-border-neutral-default)}.no-data,.no-results{color:var(--color-text-neutral-disabled);font-style:italic;text-align:center;padding:16px}.no-data p,.no-results p{font-size:var(--font-size-body-m);font-weight:var(--font-style-semi-bold);line-height:var(--line-height-spacious)}@media (max-width: 768px){.platform-grid{justify-content:center}.card-content{flex-direction:column;gap:var(--spacing-gap-l)}.card-actions{flex-direction:column;gap:var(--spacing-gap-l);align-items:stretch}}@media (max-width: 480px){.main{padding:12px}.object-card{padding:12px}.platform-grid{gap:var(--spacing-gap-l);padding:12px}}.android:after{content:\"\";display:block}";
 var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")

package/dist/components/launchpad-native-apps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"launchpad-native-apps.js","mappings":"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","names":[],"sources":["src/components/launchpad/native-apps/launchpad-native-apps.scss?tag=gx-ide-launchpad-native-apps&encapsulation=shadow","src/components/launchpad/native-apps/launchpad-native-apps.tsx"],"sourcesContent":["@use \"../common.scss\" as ;\n\n:host {\n display: block;\n block-size: 100%;\n overflow: auto;\n}\n\n.main {\n overflow: auto;\n display: block;\n}\n\nch-accordion-render {\n inline-size: 100%;\n block-size: 100%;\n}\n\n.native-apps-accordion {\n inline-size: 100%;\n block-size: 100%;\n}\n\n/ WA: Platform Section /\n.platform-section {\n display: flex;\n align-items: center;\n gap: var(--spacing-gap-l);\n}\n\n.app__apple-store {\n height: 32px; // This should equal the button height in Mercury\n cursor: pointer;\n transition: opacity var(--timing-fast) ease;\n\n &:hover {\n opacity: 0.8;\n }\n}\n\n.platform-grid {\n --card-min-inline-size: 360px;\n @extend %appCardsContainer;\n}\n\n.object-card {\n @extend %appCard;\n}\n\n.card-content {\n display: flex;\n gap: var(--spacing-gap-xl);\n flex: 1;\n width: 100%;\n\n &:focus {\n outline: none;\n }\n}\n\n.info-section {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n}\n\n.app-info {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-gap-xs);\n flex: 1;\n}\n\n.name {\n color: var(--color-text-neutral-default);\n}\n\n.description {\n color: var(--color-text-neutral-disabled);\n margin: 0;\n line-height: var(--line-height-relaxed);\n}\n\n/ Copy button styles handled by Mercury components/button bundle /\n\n/ QR Dialog Styles /\n.dialog {\n --ch-dialog-block-size: 400px;\n --ch-dialog-inline-size: 350px;\n --ch-dialog-min-block-size: 400px;\n --ch-dialog-min-inline-size: 350px;\n}\n.qr-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.card-actions {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 12px;\n border-top: 1px solid var(--color-border-neutral-default);\n}\n\n/ No Data States /\n.no-data,\n.no-results {\n color: var(--color-text-neutral-disabled);\n font-style: italic;\n text-align: center;\n padding: 16px;\n\n p {\n font-size: var(--font-size-body-m);\n font-weight: var(--font-style-semi-bold);\n line-height: var(--line-height-spacious);\n }\n}\n\n/ Responsive Design /\n@media (max-width: 768px) {\n .platform-grid {\n justify-content: center;\n }\n\n .card-content {\n flex-direction: column;\n gap: var(--spacing-gap-l);\n }\n\n .card-actions {\n flex-direction: column;\n gap: var(--spacing-gap-l);\n align-items: stretch;\n }\n}\n\n@media (max-width: 480px) {\n .main {\n padding: 12px;\n }\n\n .object-card {\n padding: 12px;\n }\n\n .platform-grid {\n gap: var(--spacing-gap-l);\n padding: 12px;\n }\n}\n\n.android:after {\n content: \"\";\n display: block;\n}\n","import {\n Component,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n Element,\n getAssetPath\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { AccordionModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst IOS_ID = \"ios\";\nconst ANDROID_ID = \"android\";\n\nconst APP_STORE_BADGE = getAssetPath(\n \"./gx-ide-assets/launchpad-native-apps/images/app-store-badge.svg\"\n);\nconst ANDROID_LOGO = getAssetPath(\n \"./gx-ide-assets/launchpad-native-apps/images/android-logo.svg\"\n);\nconst MAC_LOGO = getAssetPath(\n \"./gx-ide-assets/launchpad-native-apps/images/mac-logo.svg\"\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/accordion\",\n \"components/button\",\n \"components/dialog\",\n \"components/icon\",\n \"utils/elevation\",\n \"utils/layout\",\n \"utils/spacing\",\n \"utils/typography\"\n];\n\nconst QR_ICON = getIconPath({\n category: \"system\",\n name: \"qr-code\",\n colorType: \"interactive\"\n});\n\n@Component({\n tag: \"gx-ide-launchpad-native-apps\",\n styleUrl: \"launchpad-native-apps.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/launchpad-native-apps\"]\n})\nexport class GxIdeLaunchpadNativeApps {\n #componentLocale: any;\n #ACCORDION_MODEL: AccordionModel = [];\n #timeoutIds: Set<number> = new Set();\n\n @Element() el: HTMLGxIdeLaunchpadNativeAppsElement;\n\n /\n Array of platform sections (ios, android)\n /\n @Prop() readonly objects: PlatformSection[] = [];\n\n /\n Filter value for searching objects\n /\n @State() filterValue: string = \"\";\n\n /\n Sorting order for recent objects table\n /\n @State() order: { orderCriteria: string \| null; ascending: boolean \| null } =\n {\n orderCriteria: null,\n ascending: null\n };\n\n /\n Current page for pagination\n /\n @State() page: number = 1;\n\n /\n Items per page for pagination\n /\n @State() perPage: number = 10;\n\n /\n Event emitted when copying to clipboard - like the original version\n /\n @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n /\n Event emitted when opening app store - like the original version\n /\n @Event() openOnTheAppStore: EventEmitter<{ url: string }>;\n\n /\n Callback function for object selection (passed from parent)\n /\n @Prop() onObjectSelected?: (event: any) => void;\n\n /\n State to track copied messages for each object\n /\n @State() showCopiedMessage: { [key: string]: boolean } = {};\n\n /\n State to control QR dialog visibility\n /\n @State() showQRDialog: boolean = false;\n\n /\n State to store the selected object for QR display\n /\n @State() selectedObjectForQR: NativeAppObject \| null = null;\n\n async componentWillLoad() {\n try {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n } catch (error) {\n console.error(\"Error loading locale:\", error);\n this.#componentLocale = {};\n }\n\n this.#ACCORDION_MODEL = [\n {\n id: IOS_ID,\n caption: \"iOS\",\n expanded: true\n },\n {\n id: ANDROID_ID,\n caption: \"Android\",\n expanded: true\n }\n ];\n }\n\n #getQRFillColor(): string {\n const computedStyle = getComputedStyle(document.documentElement);\n return (\n computedStyle.getPropertyValue(\"--color-text-neutral-default\").trim() \|\|\n computedStyle.getPropertyValue(\"--color-neutral-400\").trim() \|\|\n \"#49566d\"\n );\n }\n\n #getQRBackgroundColor(): string {\n const computedStyle = getComputedStyle(document.documentElement);\n return (\n computedStyle.getPropertyValue(\"--color-neutral-1600\").trim() \|\| \"#ffffff\"\n );\n }\n\n #getCopyIcon(): string {\n return getIconPath({\n category: \"system\",\n name: \"copy\",\n colorType: \"primary\"\n });\n }\n\n /\n Copies text to clipboard and emits event - like the original version\n /\n #copyToClipboardFunc(object: NativeAppObject) {\n this.copyToClipboard.emit({\n url: object.url\n });\n\n if (object.url) {\n navigator.clipboard\n .writeText(object.url)\n .then(() => {\n const objectKey = `${object.name}-${object.url}`;\n\n this.showCopiedMessage = {\n ...this.showCopiedMessage,\n [objectKey]: true\n };\n\n const timeoutId = window.setTimeout(() => {\n this.showCopiedMessage = {\n ...this.showCopiedMessage,\n [objectKey]: false\n };\n this.#timeoutIds.delete(timeoutId);\n }, 2000);\n\n this.#timeoutIds.add(timeoutId);\n })\n .catch(err => {\n console.error(\"Failed to copy text: \", err);\n });\n }\n }\n\n /\n Opens app store and emits event - like the original version\n /\n #openAppStoreFunc(object: NativeAppObject) {\n this.openOnTheAppStore.emit({\n url: object.url\n });\n\n if (object.url) {\n window.open(object.url, \"_blank\");\n }\n }\n\n /\n Handles QR button click\n /\n #handleQRClick(object: NativeAppObject) {\n this.selectedObjectForQR = object;\n this.showQRDialog = true;\n }\n\n /\n Handles closing QR dialog\n /\n #handleCloseQRDialog() {\n this.showQRDialog = false;\n this.selectedObjectForQR = null;\n }\n\n /\n Handles object click and calls parent callback\n /\n #handleObjectClick(object: NativeAppObject) {\n if (object.key && this.onObjectSelected) {\n // Send the full key object as string in format \"type\|id\"\n const keyString = `${object.key.type}\|${object.key.id}`;\n this.onObjectSelected({ detail: { key: keyString } });\n }\n }\n\n /\n Cleanup method to prevent memory leaks\n /\n disconnectedCallback() {\n if (this.#timeoutIds) {\n this.#timeoutIds.forEach(timeoutId => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n });\n this.#timeoutIds.clear();\n }\n }\n\n /\n Renders platform section (iOS or Android) with grid layout like the original version\n */\n #renderPlatformSection(platformType: string) {\n const platformIcon =\n platformType === IOS_ID ? (\n <img src={MAC_LOGO} alt=\"Apple iOS Logo\"></img>\n ) : (\n <img src={ANDROID_LOGO} alt=\"Android Logo\"></img>\n );\n\n const platformSection = this.objects.find(obj => obj.type === platformType);\n\n if (!platformSection \|\| platformSection.objects.length === 0) {\n return (\n <div class=\"no-results\">\n <p class=\"body-regular-s\">\n {this.#componentLocale?.noPlatformApps?.replace(\n \"{platformType}\",\n platformType\n ) \|\| `No ${platformType} applications available`}\n </p>\n </div>\n );\n }\n\n return (\n <div class=\"platform-grid\">\n {platformSection.objects.map((object, index) => (\n <div\n key={index}\n class=\"object-card elevation-1\"\n tabindex=\"0\"\n onClick={() => this.#handleObjectClick(object)}\n >\n <div class=\"card-content\">\n <div class=\"info-section\">\n <div class=\"app-info\">\n <h1 class=\"name body-semi-bold-s\">{object.name}</h1>\n {object.description && (\n <p class=\"description body-regular-xs\">\n {object.description}\n </p>\n )}\n </div>\n </div>\n </div>\n <div class=\"card-actions\">\n {object.url && (\n <div class=\"platform-section\">\n {object[\"app-store-badge\"] ? (\n <img\n src={APP_STORE_BADGE}\n alt=\"Download on the App Store\"\n class=\"app__apple-store\"\n onClick={() => this.#openAppStoreFunc(object)}\n />\n ) : (\n platformIcon\n )}\n <button\n class=\"button-secondary button-icon-and-text\"\n onClick={() => this.#handleQRClick(object)}\n aria-label=\"Show QR Code\"\n >\n <ch-image class=\"icon-m\" src={QR_ICON} type=\"mask\" />\n {this.#componentLocale?.showQR \|\| \"Show QR\"}\n </button>\n </div>\n )}\n <button\n class=\"button-tertiary button-icon-and-text copy-button\"\n onClick={() => this.#copyToClipboardFunc(object)}\n aria-label=\"Copy to clipboard\"\n >\n <ch-image class=\"icon-m\" src={this.#getCopyIcon()} />\n {this.showCopiedMessage[`${object.name}-${object.url}`]\n ? this.#componentLocale?.copied \|\| \"Copied!\"\n : this.#componentLocale?.copy \|\| \"Copy\"}\n </button>\n </div>\n </div>\n ))}\n {\n // WA: Prevent card take full width if there is only one card\n platformSection.objects.length === 1 && <div></div>\n }\n </div>\n );\n }\n\n render() {\n if (!this.objects \|\| this.objects.length === 0) {\n <div class=\"no-data\">\n <p class=\"body-regular-s\">\n {this.#componentLocale?.noData \|\|\n \"No native applications data available\"}\n </p>\n </div>;\n }\n\n return [\n <ch-theme model={CSS_BUNDLES}></ch-theme>,\n <div class=\"main\">\n <ch-accordion-render\n class=\"accordion-filled-header elevation-1 native-apps-accordion\"\n model={this.#ACCORDION_MODEL}\n >\n <div slot={IOS_ID} class=\"accordion-content spacing-body\">\n {this.#renderPlatformSection(IOS_ID)}\n </div>\n <div slot={ANDROID_ID} class=\"accordion-content spacing-body\">\n {this.#renderPlatformSection(ANDROID_ID)}\n </div>\n </ch-accordion-render>\n </div>,\n <ch-dialog\n class=\"dialog\"\n show={this.showQRDialog}\n show-header={true}\n closable={true}\n close-button-accessible-name=\"Close QR code\"\n onDialogClosed={() => this.#handleCloseQRDialog()}\n >\n {this.selectedObjectForQR && (\n <div class=\"qr-container\">\n <ch-qr\n value={this.selectedObjectForQR.url \|\| \"\"}\n size={200}\n error-correction-level=\"Low\"\n class=\"qr-code\"\n fill={this.#getQRFillColor()}\n background={this.#getQRBackgroundColor()}\n ></ch-qr>\n </div>\n )}\n </ch-dialog>\n ];\n }\n}\n\ninterface NativeAppObject {\n \"name\": string;\n \"module\"?: string;\n \"type\"?: string;\n \"description\"?: string;\n \"platform\"?: string;\n \"url\"?: string;\n \"generator\"?: string;\n \"app-store-badge\"?: boolean;\n \"key\"?: {\n type: string;\n id: string;\n };\n}\n\ninterface PlatformSection {\n type: string;\n objects: NativeAppObject[];\n}\n"],"version":3}
1	+ {"file":"launchpad-native-apps.js","mappings":"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","names":[],"sources":["src/components/launchpad/native-apps/launchpad-native-apps.scss?tag=gx-ide-launchpad-native-apps&encapsulation=shadow","src/components/launchpad/native-apps/launchpad-native-apps.tsx"],"sourcesContent":["@use \"../common.scss\" as ;\n@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n display: block;\n block-size: 100%;\n overflow: auto;\n}\n\n.main {\n overflow: auto;\n display: block;\n}\n\nch-accordion-render {\n inline-size: 100%;\n block-size: 100%;\n}\n\n.native-apps-accordion {\n inline-size: 100%;\n block-size: 100%;\n}\n\n/ WA: Platform Section /\n.platform-section {\n display: flex;\n align-items: center;\n gap: var(--spacing-gap-l);\n}\n\n.app__apple-store {\n height: 32px; // This should equal the button height in Mercury\n cursor: pointer;\n transition: opacity var(--timing-fast) ease;\n\n &:hover {\n opacity: 0.8;\n }\n}\n\n.platform-grid {\n --card-min-inline-size: 360px;\n @extend %appCardsContainer;\n}\n\n.object-card {\n @extend %appCard;\n}\n\n.card-content {\n display: flex;\n gap: var(--spacing-gap-xl);\n flex: 1;\n width: 100%;\n\n &:focus {\n outline: none;\n }\n}\n\n.info-section {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n}\n\n.app-info {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-gap-xs);\n flex: 1;\n}\n\n.name {\n color: var(--color-text-neutral-default);\n}\n\n.description {\n color: var(--color-text-neutral-disabled);\n margin: 0;\n line-height: var(--line-height-relaxed);\n}\n\n/ Copy button styles handled by Mercury components/button bundle /\n\n/ QR Dialog Styles /\n.dialog {\n --ch-dialog-block-size: 400px;\n --ch-dialog-inline-size: 350px;\n --ch-dialog-min-block-size: 400px;\n --ch-dialog-min-inline-size: 350px;\n}\n.qr-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.card-actions {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 12px;\n border-top: 1px solid var(--color-border-neutral-default);\n}\n\n/ No Data States /\n.no-data,\n.no-results {\n color: var(--color-text-neutral-disabled);\n font-style: italic;\n text-align: center;\n padding: 16px;\n\n p {\n font-size: var(--font-size-body-m);\n font-weight: var(--font-style-semi-bold);\n line-height: var(--line-height-spacious);\n }\n}\n\n/ Responsive Design /\n@media (max-width: 768px) {\n .platform-grid {\n justify-content: center;\n }\n\n .card-content {\n flex-direction: column;\n gap: var(--spacing-gap-l);\n }\n\n .card-actions {\n flex-direction: column;\n gap: var(--spacing-gap-l);\n align-items: stretch;\n }\n}\n\n@media (max-width: 480px) {\n .main {\n padding: 12px;\n }\n\n .object-card {\n padding: 12px;\n }\n\n .platform-grid {\n gap: var(--spacing-gap-l);\n padding: 12px;\n }\n}\n\n.android:after {\n content: \"\";\n display: block;\n}\n","import {\n Component,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n Element,\n getAssetPath\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { AccordionModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst IOS_ID = \"ios\";\nconst ANDROID_ID = \"android\";\n\nconst APP_STORE_BADGE = getAssetPath(\n \"./gx-ide-assets/launchpad-native-apps/images/app-store-badge.svg\"\n);\nconst ANDROID_LOGO = getAssetPath(\n \"./gx-ide-assets/launchpad-native-apps/images/android-logo.svg\"\n);\nconst MAC_LOGO = getAssetPath(\n \"./gx-ide-assets/launchpad-native-apps/images/mac-logo.svg\"\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/accordion\",\n \"components/button\",\n \"components/dialog\",\n \"components/icon\",\n \"utils/elevation\",\n \"utils/layout\",\n \"utils/spacing\",\n \"utils/typography\"\n];\n\nconst QR_ICON = getIconPath({\n category: \"system\",\n name: \"qr-code\",\n colorType: \"interactive\"\n});\n\n@Component({\n tag: \"gx-ide-launchpad-native-apps\",\n styleUrl: \"launchpad-native-apps.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/launchpad-native-apps\"]\n})\nexport class GxIdeLaunchpadNativeApps {\n #componentLocale: any;\n #ACCORDION_MODEL: AccordionModel = [];\n #timeoutIds: Set<number> = new Set();\n\n @Element() el: HTMLGxIdeLaunchpadNativeAppsElement;\n\n /\n Array of platform sections (ios, android)\n /\n @Prop() readonly objects: PlatformSection[] = [];\n\n /\n Filter value for searching objects\n /\n @State() filterValue: string = \"\";\n\n /\n Sorting order for recent objects table\n /\n @State() order: { orderCriteria: string \| null; ascending: boolean \| null } =\n {\n orderCriteria: null,\n ascending: null\n };\n\n /\n Current page for pagination\n /\n @State() page: number = 1;\n\n /\n Items per page for pagination\n /\n @State() perPage: number = 10;\n\n /\n Event emitted when copying to clipboard - like the original version\n /\n @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n /\n Event emitted when opening app store - like the original version\n /\n @Event() openOnTheAppStore: EventEmitter<{ url: string }>;\n\n /\n Callback function for object selection (passed from parent)\n /\n @Prop() onObjectSelected?: (event: any) => void;\n\n /\n State to track copied messages for each object\n /\n @State() showCopiedMessage: { [key: string]: boolean } = {};\n\n /\n State to control QR dialog visibility\n /\n @State() showQRDialog: boolean = false;\n\n /\n State to store the selected object for QR display\n /\n @State() selectedObjectForQR: NativeAppObject \| null = null;\n\n async componentWillLoad() {\n try {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n } catch (error) {\n console.error(\"Error loading locale:\", error);\n this.#componentLocale = {};\n }\n\n this.#ACCORDION_MODEL = [\n {\n id: IOS_ID,\n caption: \"iOS\",\n expanded: true\n },\n {\n id: ANDROID_ID,\n caption: \"Android\",\n expanded: true\n }\n ];\n }\n\n #getQRFillColor(): string {\n const computedStyle = getComputedStyle(document.documentElement);\n return (\n computedStyle.getPropertyValue(\"--color-text-neutral-default\").trim() \|\|\n computedStyle.getPropertyValue(\"--color-neutral-400\").trim() \|\|\n \"#49566d\"\n );\n }\n\n #getQRBackgroundColor(): string {\n const computedStyle = getComputedStyle(document.documentElement);\n return (\n computedStyle.getPropertyValue(\"--color-neutral-1600\").trim() \|\| \"#ffffff\"\n );\n }\n\n #getCopyIcon(): string {\n return getIconPath({\n category: \"system\",\n name: \"copy\",\n colorType: \"primary\"\n });\n }\n\n /\n Copies text to clipboard and emits event - like the original version\n /\n #copyToClipboardFunc(object: NativeAppObject) {\n this.copyToClipboard.emit({\n url: object.url\n });\n\n if (object.url) {\n navigator.clipboard\n .writeText(object.url)\n .then(() => {\n const objectKey = `${object.name}-${object.url}`;\n\n this.showCopiedMessage = {\n ...this.showCopiedMessage,\n [objectKey]: true\n };\n\n const timeoutId = window.setTimeout(() => {\n this.showCopiedMessage = {\n ...this.showCopiedMessage,\n [objectKey]: false\n };\n this.#timeoutIds.delete(timeoutId);\n }, 2000);\n\n this.#timeoutIds.add(timeoutId);\n })\n .catch(err => {\n console.error(\"Failed to copy text: \", err);\n });\n }\n }\n\n /\n Opens app store and emits event - like the original version\n /\n #openAppStoreFunc(object: NativeAppObject) {\n this.openOnTheAppStore.emit({\n url: object.url\n });\n\n if (object.url) {\n window.open(object.url, \"_blank\");\n }\n }\n\n /\n Handles QR button click\n /\n #handleQRClick(object: NativeAppObject) {\n this.selectedObjectForQR = object;\n this.showQRDialog = true;\n }\n\n /\n Handles closing QR dialog\n /\n #handleCloseQRDialog() {\n this.showQRDialog = false;\n this.selectedObjectForQR = null;\n }\n\n /\n Handles object click and calls parent callback\n /\n #handleObjectClick(object: NativeAppObject) {\n if (object.key && this.onObjectSelected) {\n // Send the full key object as string in format \"type\|id\"\n const keyString = `${object.key.type}\|${object.key.id}`;\n this.onObjectSelected({ detail: { key: keyString } });\n }\n }\n\n /\n Cleanup method to prevent memory leaks\n /\n disconnectedCallback() {\n if (this.#timeoutIds) {\n this.#timeoutIds.forEach(timeoutId => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n });\n this.#timeoutIds.clear();\n }\n }\n\n /\n Renders platform section (iOS or Android) with grid layout like the original version\n */\n #renderPlatformSection(platformType: string) {\n const platformIcon =\n platformType === IOS_ID ? (\n <img src={MAC_LOGO} alt=\"Apple iOS Logo\"></img>\n ) : (\n <img src={ANDROID_LOGO} alt=\"Android Logo\"></img>\n );\n\n const platformSection = this.objects.find(obj => obj.type === platformType);\n\n if (!platformSection \|\| platformSection.objects.length === 0) {\n return (\n <div class=\"no-results\">\n <p class=\"body-regular-s\">\n {this.#componentLocale?.noPlatformApps?.replace(\n \"{platformType}\",\n platformType\n ) \|\| `No ${platformType} applications available`}\n </p>\n </div>\n );\n }\n\n return (\n <div class=\"platform-grid\">\n {platformSection.objects.map((object, index) => (\n <div\n key={index}\n class=\"object-card elevation-1\"\n tabindex=\"0\"\n onClick={() => this.#handleObjectClick(object)}\n >\n <div class=\"card-content\">\n <div class=\"info-section\">\n <div class=\"app-info\">\n <h1 class=\"name body-semi-bold-s\">{object.name}</h1>\n {object.description && (\n <p class=\"description body-regular-xs\">\n {object.description}\n </p>\n )}\n </div>\n </div>\n </div>\n <div class=\"card-actions\">\n {object.url && (\n <div class=\"platform-section\">\n {object[\"app-store-badge\"] ? (\n <img\n src={APP_STORE_BADGE}\n alt=\"Download on the App Store\"\n class=\"app__apple-store\"\n onClick={() => this.#openAppStoreFunc(object)}\n />\n ) : (\n platformIcon\n )}\n <button\n class=\"button-secondary button-icon-and-text\"\n onClick={() => this.#handleQRClick(object)}\n aria-label=\"Show QR Code\"\n >\n <ch-image class=\"icon-m\" src={QR_ICON} type=\"mask\" />\n {this.#componentLocale?.showQR \|\| \"Show QR\"}\n </button>\n </div>\n )}\n <button\n class=\"button-tertiary button-icon-and-text copy-button\"\n onClick={() => this.#copyToClipboardFunc(object)}\n aria-label=\"Copy to clipboard\"\n >\n <ch-image class=\"icon-m\" src={this.#getCopyIcon()} />\n {this.showCopiedMessage[`${object.name}-${object.url}`]\n ? this.#componentLocale?.copied \|\| \"Copied!\"\n : this.#componentLocale?.copy \|\| \"Copy\"}\n </button>\n </div>\n </div>\n ))}\n {\n // WA: Prevent card take full width if there is only one card\n platformSection.objects.length === 1 && <div></div>\n }\n </div>\n );\n }\n\n render() {\n if (!this.objects \|\| this.objects.length === 0) {\n <div class=\"no-data\">\n <p class=\"body-regular-s\">\n {this.#componentLocale?.noData \|\|\n \"No native applications data available\"}\n </p>\n </div>;\n }\n\n return [\n <ch-theme model={CSS_BUNDLES}></ch-theme>,\n <div class=\"main\">\n <ch-accordion-render\n class=\"accordion-filled-header elevation-1 native-apps-accordion\"\n model={this.#ACCORDION_MODEL}\n >\n <div slot={IOS_ID} class=\"accordion-content spacing-body\">\n {this.#renderPlatformSection(IOS_ID)}\n </div>\n <div slot={ANDROID_ID} class=\"accordion-content spacing-body\">\n {this.#renderPlatformSection(ANDROID_ID)}\n </div>\n </ch-accordion-render>\n </div>,\n <ch-dialog\n class=\"dialog\"\n show={this.showQRDialog}\n show-header={true}\n closable={true}\n close-button-accessible-name=\"Close QR code\"\n onDialogClosed={() => this.#handleCloseQRDialog()}\n >\n {this.selectedObjectForQR && (\n <div class=\"qr-container\">\n <ch-qr\n value={this.selectedObjectForQR.url \|\| \"\"}\n size={200}\n error-correction-level=\"Low\"\n class=\"qr-code\"\n fill={this.#getQRFillColor()}\n background={this.#getQRBackgroundColor()}\n ></ch-qr>\n </div>\n )}\n </ch-dialog>\n ];\n }\n}\n\ninterface NativeAppObject {\n \"name\": string;\n \"module\"?: string;\n \"type\"?: string;\n \"description\"?: string;\n \"platform\"?: string;\n \"url\"?: string;\n \"generator\"?: string;\n \"app-store-badge\"?: boolean;\n \"key\"?: {\n type: string;\n id: string;\n };\n}\n\ninterface PlatformSection {\n type: string;\n objects: NativeAppObject[];\n}\n"],"version":3}

package/dist/components/list-selector.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-const listSelectorCss = ":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}*,::after,::before{box-sizing:border-box}:host{display:flex;flex-direction:column;max-height:100%;font-size:var(--item__font-size)}.list{border:none;margin:0;padding:0;outline:0;color:var(--color-text-neutral-default);background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));border-radius:4px;font-size:var(--font-size-body-m);font-weight:var(--font-style-regular);display:grid;max-height:100%;overflow-y:auto;gap:var(--spacing-gap-xs);padding:var(--spacing-padding-m)}:host([no-list-border]) .list{border:none}";
+const listSelectorCss = ":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}*,::after,::before{box-sizing:border-box}:host{display:flex;flex-direction:column;max-height:100%;font-size:var(--item__font-size)}.list{border:none;margin:0;padding:0;outline:0;color:var(--color-text-neutral-default);background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));border-radius:4px;font-size:var(--font-size-body-m);font-weight:var(--font-style-regular);display:grid;max-height:100%;overflow-y:auto;gap:var(--spacing-gap-xs);padding:var(--spacing-padding-m)}:host([no-list-border]) .list{border:none}";
 const CSS_BUNDLES = [
     "resets/box-sizing",

package/dist/components/list-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"list-selector.js","mappings":";;AAAA,MAAM,eAAe,GAAG,~~qiEAAqiE~~;;~~ACiB7jE~~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","names":[],"sources":["src/components/_helpers/list-selector/list-selector.scss?tag=gx-ide-list-selector&encapsulation=shadow","src/components/_helpers/list-selector/list-selector.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/gx-ide-common.scss\";\n@include box-sizing;\n\n:host {\n display: flex;\n flex-direction: column;\n max-height: 100%;\n font-size: var(--item__font-size);\n}\n.list {\n // reset defaults\n border: none;\n margin: 0;\n padding: 0;\n outline: 0;\n // /reset defaults\n\n // base component styles\n color: var(--color-text-neutral-default);\n background-color: var(\n --elevation-background-color,\n var(--color-accent-surface-elevation-1)\n );\n border-radius: 4px;\n font-size: var(--font-size-body-m);\n font-weight: var(--font-style-regular);\n // /base component styles\n\n display: grid;\n max-height: 100%;\n overflow-y: auto;\n gap: var(--spacing-gap-xs);\n padding: var(--spacing-padding-m);\n}\n/no border/\n:host([no-list-border]) {\n .list {\n border: none;\n }\n}\n","// Stencil\nimport {\n Component,\n Host,\n h,\n Prop,\n Listen,\n // Watch,\n Element,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\n// Custom Imports\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ItemData } from \"./list-selector-item/list-selector-item\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"chameleon/scrollbar\"\n];\n\n@Component({\n tag: \"gx-ide-list-selector\",\n styleUrl: \"list-selector.scss\",\n shadow: true\n})\nexport class GxIdeListSelector {\n @Element() el: HTMLGxIdeListSelectorElement;\n\n /*\n It determines if the list is ordered, or unordered\n /\n @Prop() readonly ordered: boolean = false;\n\n /\n Makes the list readonly\n /\n @Prop() readonly readonly: boolean = false;\n\n /\n It determines the type of list: single-selection or multi-selection\n /\n @Prop() readonly type: \"single-selection\" \| \"multi-selection\" =\n \"single-selection\";\n\n /\n Makes the list required\n /\n @Prop() readonly required: boolean = false;\n\n /\n The presence of this property will force all the items to not-wrap, and have ellipsis\n /\n @Prop() readonly ellipsis: boolean = false;\n\n /\n The value of the initial (or initials) checked list-item/s\n /\n @Prop({ mutable: true }) value: string \| string[];\n\n // @Watch(\"value\")\n // valueHandler(newValue: string) {\n // const foundItem = this.getItemByValue(newValue);\n // if (foundItem) {\n // const input = foundItem.querySelector(\"input\");\n // input.checked = true;\n // }\n // }\n\n /\n The name of this list. This is a required attribute for the list to work.\n /\n @Prop() readonly listName!: string;\n\n /\n Disables the items border\n /\n @Prop() readonly noItemsBorder: boolean = false;\n\n /\n Disables the list border\n /\n @Prop({ reflect: true }) readonly noListBorder: boolean = false;\n\n /\n Emits the actual selection\n /\n @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n componentWillLoad() {\n this.evaluateChecked();\n this.evaluateInitialValue();\n }\n\n @Listen(\"itemSelectionChanged\", { capture: true })\n itemSelectionChangedHandler(event: CustomEvent<ItemData>) {\n event.stopPropagation();\n const selectedItem = event.detail;\n if (this.type === \"single-selection\") {\n this.clearPrevSelected(selectedItem);\n }\n const checkedItemsInfo: CheckedItemsInfo = [];\n const checkedItems: HTMLGxIdeListSelectorItemElement[] = this.getChecked();\n const newValue: string \| string[] = [];\n checkedItems.forEach(item => {\n const value = item.itemValue;\n newValue.push(value);\n checkedItemsInfo.push({\n itemId: item.itemId,\n itemValue: value,\n itemIcon: item.icon,\n itemChecked: true\n });\n });\n / update this.value/\n if (this.type === \"single-selection\" && newValue.length > 0) {\n this.value = newValue[0] \|\| undefined;\n } else {\n / multi-selection/\n this.value = newValue;\n }\n / emit selectionChanged/\n this.selectionChanged.emit(checkedItemsInfo);\n }\n\n /\n It evaluates the checked items, and checks or unchecks if needed\n /\n private evaluateChecked = () => {\n const allListItems = Array.from(\n this.el.querySelectorAll(\"gx-ide-list-selector-item\")\n );\n const checkedItems = allListItems.filter(item => item.itemChecked);\n /\n INDEX\n * 1.required and no one checked\n * 2.single-selection, and more than one checked\n /\n\n / 1.required and no one checked/\n if (this.required && checkedItems.length === 0) {\n allListItems[0].itemChecked = true;\n } else if (this.type === \"single-selection\" && checkedItems.length > 1) {\n / 2.single-selection, and more than one checked/\n checkedItems.forEach((item, i) => {\n if (i !== 0) {\n item.itemChecked = false;\n }\n });\n }\n };\n\n /\n It evaluates the initial value/s\n */\n private evaluateInitialValue = () => {\n const checkedItems = this.getChecked();\n if (this.type === \"single-selection\" && checkedItems.length > 0) {\n this.value = checkedItems[0].itemValue;\n } else if (this.type === \"multi-selection\" && checkedItems.length > 0) {\n const values: string[] = [];\n checkedItems.forEach(checked => {\n values.push(checked.itemValue);\n });\n this.value = values;\n }\n };\n\n private getChecked = (): HTMLGxIdeListSelectorItemElement[] => {\n const checkedItems: HTMLGxIdeListSelectorItemElement[] = [];\n const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n allItems.forEach(item => {\n if (item.itemChecked) {\n checkedItems.push(item);\n }\n });\n return checkedItems;\n };\n\n private clearPrevSelected = (currentSelected: ItemData) => {\n const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n allItems.forEach(item => {\n if (item.itemChecked && item.itemId !== currentSelected.itemId) {\n item.itemChecked = false;\n }\n });\n };\n\n render() {\n const listClases = \"list scrollable\";\n return (\n <Host exportparts=\"input:input\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n {this.ordered ? (\n <ol class={listClases} part=\"list\">\n <slot></slot>\n </ol>\n ) : (\n <ul class={listClases} part=\"list\">\n <slot></slot>\n </ul>\n )}\n </Host>\n );\n }\n}\n\nexport type CheckedItemsInfo = ItemData[];\n"],"version":3}
1	+ {"file":"list-selector.js","mappings":"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","names":[],"sources":["src/components/_helpers/list-selector/list-selector.scss?tag=gx-ide-list-selector&encapsulation=shadow","src/components/_helpers/list-selector/list-selector.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/gx-ide-common.scss\";\n@include box-sizing;\n\n:host {\n display: flex;\n flex-direction: column;\n max-height: 100%;\n font-size: var(--item__font-size);\n}\n.list {\n // reset defaults\n border: none;\n margin: 0;\n padding: 0;\n outline: 0;\n // /reset defaults\n\n // base component styles\n color: var(--color-text-neutral-default);\n background-color: var(\n --elevation-background-color,\n var(--color-accent-surface-elevation-1)\n );\n border-radius: 4px;\n font-size: var(--font-size-body-m);\n font-weight: var(--font-style-regular);\n // /base component styles\n\n display: grid;\n max-height: 100%;\n overflow-y: auto;\n gap: var(--spacing-gap-xs);\n padding: var(--spacing-padding-m);\n}\n/no border/\n:host([no-list-border]) {\n .list {\n border: none;\n }\n}\n","// Stencil\nimport {\n Component,\n Host,\n h,\n Prop,\n Listen,\n // Watch,\n Element,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\n// Custom Imports\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ItemData } from \"./list-selector-item/list-selector-item\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"chameleon/scrollbar\"\n];\n\n@Component({\n tag: \"gx-ide-list-selector\",\n styleUrl: \"list-selector.scss\",\n shadow: true\n})\nexport class GxIdeListSelector {\n @Element() el: HTMLGxIdeListSelectorElement;\n\n /*\n It determines if the list is ordered, or unordered\n /\n @Prop() readonly ordered: boolean = false;\n\n /\n Makes the list readonly\n /\n @Prop() readonly readonly: boolean = false;\n\n /\n It determines the type of list: single-selection or multi-selection\n /\n @Prop() readonly type: \"single-selection\" \| \"multi-selection\" =\n \"single-selection\";\n\n /\n Makes the list required\n /\n @Prop() readonly required: boolean = false;\n\n /\n The presence of this property will force all the items to not-wrap, and have ellipsis\n /\n @Prop() readonly ellipsis: boolean = false;\n\n /\n The value of the initial (or initials) checked list-item/s\n /\n @Prop({ mutable: true }) value: string \| string[];\n\n // @Watch(\"value\")\n // valueHandler(newValue: string) {\n // const foundItem = this.getItemByValue(newValue);\n // if (foundItem) {\n // const input = foundItem.querySelector(\"input\");\n // input.checked = true;\n // }\n // }\n\n /\n The name of this list. This is a required attribute for the list to work.\n /\n @Prop() readonly listName!: string;\n\n /\n Disables the items border\n /\n @Prop() readonly noItemsBorder: boolean = false;\n\n /\n Disables the list border\n /\n @Prop({ reflect: true }) readonly noListBorder: boolean = false;\n\n /\n Emits the actual selection\n /\n @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n componentWillLoad() {\n this.evaluateChecked();\n this.evaluateInitialValue();\n }\n\n @Listen(\"itemSelectionChanged\", { capture: true })\n itemSelectionChangedHandler(event: CustomEvent<ItemData>) {\n event.stopPropagation();\n const selectedItem = event.detail;\n if (this.type === \"single-selection\") {\n this.clearPrevSelected(selectedItem);\n }\n const checkedItemsInfo: CheckedItemsInfo = [];\n const checkedItems: HTMLGxIdeListSelectorItemElement[] = this.getChecked();\n const newValue: string \| string[] = [];\n checkedItems.forEach(item => {\n const value = item.itemValue;\n newValue.push(value);\n checkedItemsInfo.push({\n itemId: item.itemId,\n itemValue: value,\n itemIcon: item.icon,\n itemChecked: true\n });\n });\n / update this.value/\n if (this.type === \"single-selection\" && newValue.length > 0) {\n this.value = newValue[0] \|\| undefined;\n } else {\n / multi-selection/\n this.value = newValue;\n }\n / emit selectionChanged/\n this.selectionChanged.emit(checkedItemsInfo);\n }\n\n /\n It evaluates the checked items, and checks or unchecks if needed\n /\n private evaluateChecked = () => {\n const allListItems = Array.from(\n this.el.querySelectorAll(\"gx-ide-list-selector-item\")\n );\n const checkedItems = allListItems.filter(item => item.itemChecked);\n /\n INDEX\n * 1.required and no one checked\n * 2.single-selection, and more than one checked\n /\n\n / 1.required and no one checked/\n if (this.required && checkedItems.length === 0) {\n allListItems[0].itemChecked = true;\n } else if (this.type === \"single-selection\" && checkedItems.length > 1) {\n / 2.single-selection, and more than one checked/\n checkedItems.forEach((item, i) => {\n if (i !== 0) {\n item.itemChecked = false;\n }\n });\n }\n };\n\n /\n It evaluates the initial value/s\n */\n private evaluateInitialValue = () => {\n const checkedItems = this.getChecked();\n if (this.type === \"single-selection\" && checkedItems.length > 0) {\n this.value = checkedItems[0].itemValue;\n } else if (this.type === \"multi-selection\" && checkedItems.length > 0) {\n const values: string[] = [];\n checkedItems.forEach(checked => {\n values.push(checked.itemValue);\n });\n this.value = values;\n }\n };\n\n private getChecked = (): HTMLGxIdeListSelectorItemElement[] => {\n const checkedItems: HTMLGxIdeListSelectorItemElement[] = [];\n const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n allItems.forEach(item => {\n if (item.itemChecked) {\n checkedItems.push(item);\n }\n });\n return checkedItems;\n };\n\n private clearPrevSelected = (currentSelected: ItemData) => {\n const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n allItems.forEach(item => {\n if (item.itemChecked && item.itemId !== currentSelected.itemId) {\n item.itemChecked = false;\n }\n });\n };\n\n render() {\n const listClases = \"list scrollable\";\n return (\n <Host exportparts=\"input:input\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n {this.ordered ? (\n <ol class={listClases} part=\"list\">\n <slot></slot>\n </ol>\n ) : (\n <ul class={listClases} part=\"list\">\n <slot></slot>\n </ul>\n )}\n </Host>\n );\n }\n}\n\nexport type CheckedItemsInfo = ItemData[];\n"],"version":3}