@genexus/genexus-ide-ui 1.0.19 → 1.0.21

package/dist/genexus-ide-ui/p-62efd8f2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mapOptionsToComboBoxItemModel","options","map","option","value","id","caption","label","startImgSrc","_a","iconName","wwImagesCss","CSS_BUNDLES","TODAY","RESET_ICON","getIconPath","category","name","colorType","SEARCH_ICON","FILTER_ICON","MODIFIED_ACCORDION_MODEL","expanded","GxIdeWWImages","_GxIdeWWImages__componentLocale","set","this","_GxIdeWWImages_filterInitialData","_GxIdeWWImages_renderedFirstTime","_GxIdeWWImages_imagesMap","Map","_GxIdeWWImages_chGridEl","_GxIdeWWImages_filterAfterTypeEl","_GxIdeWWImages_filterAllDescendantsEl","_GxIdeWWImages_filterCategoryEl","_GxIdeWWImages_filterDensityEl","_GxIdeWWImages_filterLanguageEl","_GxIdeWWImages_filterLayerEl","_GxIdeWWImages_filterModifiedDateEl","_GxIdeWWImages_filterModuleEl","_GxIdeWWImages_filterNameEl","_GxIdeWWImages_filterSearchContentsEl","_GxIdeWWImages_filterStyleEl","_GxIdeWWImages_filterUserEl","_GxIdeWWImages_deleteSelectionCallbackHandler","deleteSelectionCallback","selectedObjectsIds","_GxIdeWWImages_deselectAll","__classPrivateFieldGet","selectAllRows","_GxIdeWWImages_filterAfterTypeChangeHandler","event","afterCurrentValue","detail","_GxIdeWWImages_getImages","call","_GxIdeWWImages_filterImagesInformationHandler","filterValue","filterImagesInputValue","toLocaleLowerCase","filteredImages","images","filter","image","nameMatch","includes","moduleMatch","module","descriptionMatch","description","modifiedDateMatch","modifiedDate","toString","lastUser","_b","importDateMatch","_c","importDate","_GxIdeWWImages_filterInputHandler","toLowerCase","_GxIdeWWImages_toggleFilterButtonClickedHandler","toggleFilterButtonActive","clear","filters","searchContents","parent","allDescendants","modifiedAfter","modifiedBy","Date","style","language","density","layer","loadCallback","then","items","_GxIdeWWImages_getToday","now","date","toISOString","split","time","slice","_GxIdeWWImages_listenChanges","addEventListener","ev","selectedId","rowsId","has","imagesSelectedItems","get","loadImageItemsCallback","_GxIdeWWImages_openSelectionCallBackHandler","selectionObjectChangedCallback","preventDefault","stopPropagation","contextMenuCallback","selection","selectedRowsId","clientX","clientY","_GxIdeWWImages_newObjectCallbackHandler","newObjectCallback","openSelectionCallback","_GxIdeWWImages_renderHeader","h","class","htmlFor","ref","el","__classPrivateFieldSet","debounce","config","inputDebounce","onInput","part","moduleFolder","labelPosition","defaultModule","defaultValue","selectEntityCallback","selectModuleCallback","onClick","src","filterSidebarExpanded","less","more","_GxIdeWWImages_renderFilter","checkedValue","model","slot","afterLabel","filterAfterOptions","FILTER_AFTER","DATE_TIME","dateTime","type","max","disabled","user","defaultCategory","categories","categoriesComboBoxModel","stylesComboBoxModel","styles","languagesComboBoxModel","languages","_d","densitiesComboBoxModel","densities","_e","layersComboBoxModel","layers","_GxIdeWWImages_renderImages","item","url","alt","_GxIdeWWImages_renderImagesData","main__grid","secondaryFilter","search","placeholder","searchByContentPlaceholder","rowSelectionMode","columnName","columnNameHidden","settingable","size","tabularGrid","colSize","maxContent","tableHead","common","commonDouble","length","obj","rowid","icon","hiChar","formatDate","_GxIdeWWImages_resetFilterHandler","modifiedDateTime","modifiedUser","_GxIdeWWImages_saveInitialFilterData","_GxIdeWWImages_selectAll","toggleFilterButtonActiveChanged","active","categoriesChanged","newCategories","densitiesChanged","newDensities","languagesChanged","newLanguages","layersChanged","newLayers","stylesChanged","newStyles","connectedCallback","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","afterNone","NONE","IMPORT","LAST_BUILD","keyDownHandler","eventInfo","document","activeElement","key","reload","render","Host","objCount","matching","footer","btnSelectAll","btnNew"],"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  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/mercury.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-columns: 1fr 1fr 90px;\n  align-items: end;\n}\n.header__filter {\n  display: none !important;\n}\n\n// Second row: filters\n.filters-outer-wrapper {\n  grid-area: filter;\n}\n\n.main {\n  --sidebar-width: 400px;\n  display: grid;\n  grid-template-columns: 1fr var(--sidebar-width);\n  overflow: auto;\n  padding-block-start: var(--mer-spacing--md);\n  transition: grid-template-columns var(--mer-timing--fast);\n}\n\n.main__grid {\n  overflow: auto;\n}\n.main__grid--with-filter {\n  grid-template-rows: max-content 1fr;\n}\n.tabular-grid-ww-images {\n  overflow: auto;\n  border-inline-end: var(--section-common-border);\n}\n\n// main aside\n.button-reset {\n  inline-size: 100%;\n  box-sizing: border-box;\n}\n.main__aside {\n  overflow: auto;\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.main__filter {\n  block-size: 100%;\n  inline-size: var(--sidebar-width);\n  box-sizing: border-box;\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n\n.sidebar-container {\n  position: relative;\n  overflow: auto;\n}\n.sidebar-filter {\n  block-size: 100%;\n  inline-size: 100%;\n  transform-origin: left;\n  position: absolute;\n  z-index: 2;\n  right: 0;\n  top: 0;\n}\n\n// - - - - - - - - - - - -\n// Images Grid\n// - - - - - - - - - - - -\n.main__images-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--mer-spacing--xs);\n  position: relative;\n  z-index: 1;\n\n  .figure {\n    margin: 0;\n    background-color: var(--mer-surface__elevation--02);\n    display: grid;\n    gap: var(--mer-spacing--2xs);\n    padding: var(--mer-spacing--xs);\n    border-radius: var(--mer-border__radius--sm);\n    opacity: 0;\n    animation: fadeIn 300ms forwards;\n  }\n  .figure__picture {\n    object-fit: contain;\n  }\n  .figure__img {\n    block-size: auto;\n    inline-size: 100%;\n  }\n  .figure__figcaption {\n    text-align: center;\n    font-size: var(--mer-font__size--4xs);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    inline-size: 100%;\n  }\n}\n\n@include hiChar;\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    4\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: 300px;\n  }\n  .main__images-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport {\n  ChGridRowContextMenuEvent,\n  AccordionModel,\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, hiChar } 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/tabular-grid\",\n  \"components/sidebar\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nlet TODAY: string = null;\n\n// icons\nconst RESET_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"neutral\"\n});\nconst SEARCH_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"search\",\n  colorType: \"neutral\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"primary\"\n});\nconst MODIFIED_ACCORDION_MODEL: AccordionModel = [\n  {\n    id: \"modified\",\n    caption: \"Modified\",\n    expanded: false\n  }\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  #renderedFirstTime = false;\n\n  #imagesMap: Map<string, ImageItemData[]> = new Map();\n\n  @Element() el: HTMLGxIdeWwImagesElement;\n\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterAfterTypeEl!: HTMLChComboBoxRenderElement;\n  #filterAllDescendantsEl!: HTMLChCheckboxElement;\n  #filterCategoryEl!: HTMLChComboBoxRenderElement;\n  #filterDensityEl!: HTMLChComboBoxRenderElement;\n  #filterLanguageEl!: HTMLChComboBoxRenderElement;\n  #filterLayerEl!: HTMLChComboBoxRenderElement;\n  #filterModifiedDateEl!: HTMLInputElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n  #filterNameEl!: HTMLChEditElement;\n  #filterSearchContentsEl!: HTMLChEditElement;\n  #filterStyleEl!: HTMLChComboBoxRenderElement;\n  #filterUserEl!: HTMLChEditElement;\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   * If true the filter sidebar will be expanded, otherwise collapsed.\n   */\n  @State() filterSidebarExpanded: boolean = false;\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   * Images filter input value\n   */\n  @State() filterImagesInputValue = \"\";\n\n  /**\n   * Shows or hides filters related to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * Images rendered in the table after filtering\n   */\n  @State() filteredImages: 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   * If true, the \"Toggle Filter\" button will display activated, and the sidebar of filters\n   * will toggle on mouse enter or leave.\n   */\n  @State() toggleFilterButtonActive: boolean = false;\n  @Watch(\"toggleFilterButtonActive\")\n  toggleFilterButtonActiveChanged(active: boolean) {\n    this.filterSidebarExpanded = active;\n  }\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  }\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\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   * Displays a secondary filter, used to filter over the filtered images\n   */\n  @Prop() readonly secondaryFilter = false;\n\n  /**\n   * Applies a shadow all around\n   */\n  @Prop() readonly shadow = false;\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  /**\n   * Types rendered in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  async connectedCallback() {\n    TODAY = this.#getToday();\n  }\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * Emitted once after the component fully loads and renders for the first time.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.#getImages();\n    this.#saveInitialFilterData();\n    this.#filterNameEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\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  }\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.#deleteSelectionCallbackHandler();\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  #filterAfterTypeChangeHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.afterCurrentValue = event.detail as string;\n    this.#getImages();\n  };\n\n  #filterImagesInformationHandler = () => {\n    const filterValue = this.filterImagesInputValue.toLocaleLowerCase();\n    this.filteredImages = this.images.filter(image => {\n      const nameMatch = image.name.toLocaleLowerCase().includes(filterValue);\n      const moduleMatch = image.module\n        .toLocaleLowerCase()\n        .includes(filterValue);\n      const descriptionMatch = image.description\n        .toLocaleLowerCase()\n        .includes(filterValue);\n      const modifiedDateMatch = image.modifiedDate\n        ?.toString()\n        .includes(filterValue);\n      const lastUser = image.lastUser\n        ?.toLocaleLowerCase()\n        .includes(filterValue);\n      const importDateMatch = image.importDate\n        ?.toString()\n        .includes(filterValue);\n\n      return (\n        nameMatch ||\n        moduleMatch ||\n        descriptionMatch ||\n        modifiedDateMatch ||\n        lastUser ||\n        importDateMatch\n      );\n    });\n  };\n\n  #filterInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.filterImagesInputValue = event.detail.toLowerCase();\n    this.#filterImagesInformationHandler();\n  };\n\n  #toggleFilterButtonClickedHandler = () => {\n    this.toggleFilterButtonActive = !this.toggleFilterButtonActive;\n  };\n\n  #getImages = (): void => {\n    this.#imagesMap.clear();\n\n    const filters: ImageFiltersData = {\n      name: this.#filterNameEl.value,\n      searchContents: this.#filterSearchContentsEl.value,\n      category: this.#filterCategoryEl.value,\n      parent: this.#filterModuleEl.value ? this.#filterModuleEl.value.id : null,\n      allDescendants: !!this.#filterAllDescendantsEl.value,\n      modifiedAfter: this.#filterAfterTypeEl.value,\n      modifiedBy: this.#filterUserEl.value,\n      modifiedDate: new Date(this.#filterModifiedDateEl.value),\n      style: this.#filterStyleEl.value,\n      language: this.#filterLanguageEl.value,\n      density: this.#filterDensityEl.value,\n      layer: this.#filterLayerEl?.value\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  #listenChanges = (): void => {\n    /* module/folder */\n    this.#filterModuleEl.addEventListener(\"valueChanged\", () => {\n      this.#getImages();\n    });\n\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      const selectedId = ev.detail.rowsId[0];\n      if (this.#imagesMap.has(selectedId)) {\n        this.imagesSelectedItems = this.#imagesMap.get(selectedId);\n      } else {\n        this.loadImageItemsCallback(selectedId).then(\n          (items: ImageItemData[]) => {\n            this.#imagesMap.set(selectedId, items);\n            this.imagesSelectedItems = items;\n          }\n        );\n      }\n    });\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallBackHandler();\n    });\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n      this.selectionObjectChangedCallback(this.selectedObjectsIds);\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  #newObjectCallbackHandler = (): void => {\n    this.newObjectCallback();\n  };\n  #openSelectionCallBackHandler = (): void => {\n    this.openSelectionCallback(this.selectedObjectsIds);\n  };\n  // #removeDetectClickOutsideFilter = () => {\n  //   document.removeEventListener(\"click\", this.#detectClickOutsideFilter);\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 name\"\n          ref={(el: HTMLChEditElement) =>\n            (this.#filterNameEl = el as HTMLChEditElement)\n          }\n          debounce={config.inputDebounce}\n          onInput={this.#getImages}\n          part=\"filter-name\"\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          class=\"module-folder\"\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.defaultModule}\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      <button\n        // toggle / untoggle filter button\n        class=\"button-secondary button-icon-and-text\"\n        onClick={this.#toggleFilterButtonClickedHandler}\n      >\n        <ch-image class=\"icon-md\" src={FILTER_ICON}></ch-image>\n        {this.filterSidebarExpanded\n          ? this.#_componentLocale.filter.less\n          : this.#_componentLocale.filter.more}\n      </button>\n\n      // <button\n      //   class=\"button-tertiary button-icon-only\"\n      //   aria-label={\n      //     this.toggleFilterButtonActive\n      //       ? this.#_componentLocale.filter.btnUntoggleFilter\n      //       : this.#_componentLocale.filter.btnToggleFilter\n      //   }\n      //   onClick={this.#toggleFilterButtonClickedHandler}\n      // >\n      //   <ch-image class=\"icon-md\" src={FILTER_ICON}></ch-image>\n      // </button>\n    ];\n  };\n\n  #renderFilter = (): Element[] => {\n    return (\n      <div class=\"sidebar-container scrollable\">\n        <ch-sidebar\n          class=\"sidebar sidebar-collapsed-hidden sidebar-with-motion sidebar-filter\"\n          expanded={this.filterSidebarExpanded}\n        >\n          <div class=\"main__filter field-group spacing-body-inline spacing-body-block scrollable\">\n            <ch-checkbox\n              class=\"checkbox all-descendants\"\n              caption={this.#_componentLocale.filter.allDescendants}\n              checkedValue=\"filterAllDescendants\"\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#filterAllDescendantsEl = el as HTMLChCheckboxElement)\n              }\n              onInput={this.#getImages}\n              part=\"filter-all-descendants\"\n            ></ch-checkbox>\n\n            <ch-accordion-render\n              // modified\n              class=\"accordion-outlined modified-accordion\"\n              model={MODIFIED_ACCORDION_MODEL}\n            >\n              <div slot=\"modified\" class=\"spacing-body\">\n                <div class=\"field-group field-group-modified\">\n                  <div\n                    // after\n                    class=\"field field-block after-date-time\"\n                  >\n                    <label class=\"label\" htmlFor=\"filter-after-type\">\n                      {this.#_componentLocale.filter.afterLabel}\n                    </label>\n                    <ch-combo-box-render\n                      id=\"filter-after-type\"\n                      class=\"combo-box\"\n                      value={this.filterAfterOptions[0]?.value}\n                      ref={(el: HTMLChComboBoxRenderElement) =>\n                        (this.#filterAfterTypeEl =\n                          el as HTMLChComboBoxRenderElement)\n                      }\n                      model={this.filterAfterOptions}\n                      part=\"filter-after-type\"\n                      onInput={this.#filterAfterTypeChangeHandler}\n                    ></ch-combo-box-render>\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                      part=\"modified-date\"\n                      max={TODAY}\n                      ref={(el: HTMLInputElement) =>\n                        (this.#filterModifiedDateEl = el as HTMLInputElement)\n                      }\n                      disabled={\n                        this.afterCurrentValue !== FILTER_AFTER.DATE_TIME\n                      }\n                      onInput={this.#getImages}\n                    ></input>\n                  </div>\n\n                  <div\n                    // user\n                    class=\"field field-block user\"\n                  >\n                    <label class=\"label\" htmlFor=\"filter-user\">\n                      {this.#_componentLocale.filter.user}\n                    </label>\n                    <ch-edit\n                      id=\"filter-user\"\n                      value=\"hey\"\n                      class=\"input\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#filterUserEl = el as HTMLChEditElement)\n                      }\n                      debounce={config.inputDebounce}\n                      onInput={this.#getImages}\n                      part=\"filter-user\"\n                    ></ch-edit>\n                  </div>\n                </div>\n              </div>\n            </ch-accordion-render>\n\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.defaultCategory}\n                disabled={!this.categories}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#filterCategoryEl = el as HTMLChComboBoxRenderElement)\n                }\n                model={this.categoriesComboBoxModel}\n                part=\"filter-category\"\n                onInput={this.#getImages}\n              ></ch-combo-box-render>\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.stylesComboBoxModel[0]?.value}\n                disabled={!this.styles}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#filterStyleEl = el as HTMLChComboBoxRenderElement)\n                }\n                model={this.stylesComboBoxModel}\n                part=\"filter-style\"\n                onInput={this.#getImages}\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.languagesComboBoxModel[0]?.value}\n                disabled={!this.languages}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#filterLanguageEl = el as HTMLChComboBoxRenderElement)\n                }\n                model={this.languagesComboBoxModel}\n                part=\"filter-language\"\n                onInput={this.#getImages}\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.densitiesComboBoxModel[0]?.value}\n                disabled={!this.densities}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#filterDensityEl = el as HTMLChComboBoxRenderElement)\n                }\n                model={this.densitiesComboBoxModel}\n                part=\"filter-density\"\n                onInput={this.#getImages}\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.layersComboBoxModel[0]?.value}\n                disabled={!this.layers}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#filterLayerEl = el as HTMLChComboBoxRenderElement)\n                }\n                model={this.layersComboBoxModel}\n                part=\"filter-layer\"\n                onInput={this.#getImages}\n              ></ch-combo-box-render>\n            </div>\n          </div>\n        </ch-sidebar>\n\n        {this.#renderImages()}\n      </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  #renderImagesData = (): Element => {\n    return (\n      <div\n        class={{\n          \"field-group\": true,\n          \"main__grid\": true,\n          \"main__grid--with-filter\": this.secondaryFilter\n        }}\n      >\n        {this.secondaryFilter ? (\n          <header\n            class=\"images-information__header spacing-body-inline-start\"\n            slot=\"header\"\n          >\n            <div\n              // search contents\n              class=\"field field-inline\"\n            >\n              <label class=\"label\" htmlFor=\"search-input\">\n                {this.#_componentLocale.filter.search}\n              </label>\n              <ch-edit\n                id=\"search-input\"\n                class=\"input name\"\n                placeholder={\n                  this.#_componentLocale.filter.searchByContentPlaceholder\n                }\n                ref={(el: HTMLChEditElement) =>\n                  (this.#filterSearchContentsEl = el as HTMLChEditElement)\n                }\n                onInput={this.#filterInputHandler}\n                startImgSrc={SEARCH_ICON}\n                part=\"search-input\"\n              ></ch-edit>\n            </div>\n          </header>\n        ) : null}\n\n        <ch-tabular-grid\n          ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n          part=\"ch-grid-images\"\n          rowSelectionMode=\"multiple\"\n          class=\"tabular-grid tabular-grid-ww-images\"\n        >\n          <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n            <ch-tabular-grid-column\n              columnName=\"\"\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              columnName={this.#_componentLocale.tableHead.name}\n              columnNameHidden={false}\n              settingable={false}\n              class=\"tabular-grid-column\"\n              size={config.tabularGrid.colSize.common}\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              columnName={this.#_componentLocale.tableHead.module}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              columnName={this.#_componentLocale.tableHead.description}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.commonDouble}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              columnName={this.#_componentLocale.tableHead.modifiedDate}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              columnName={this.#_componentLocale.tableHead.lastUser}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              columnName={this.#_componentLocale.tableHead.importDate}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          </ch-tabular-grid-columnset>\n\n          {\n            this.filteredImages.length ? (\n              <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                {this.filteredImages.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                      {hiChar(\n                        obj.name.toLowerCase(),\n                        this.filterImagesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {hiChar(\n                        obj.module.toLowerCase(),\n                        this.filterImagesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {hiChar(\n                        obj.description.toLowerCase(),\n                        this.filterImagesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {hiChar(\n                        `${formatDate(obj.modifiedDate)}`,\n                        this.filterImagesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {hiChar(\n                        obj.lastUser.toLowerCase(),\n                        this.filterImagesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {hiChar(\n                        `${formatDate(obj.importDate)}`,\n                        this.filterImagesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  </ch-tabular-grid-row>\n                ))}\n              </ch-tabular-grid-rowset>\n            ) : null\n            // TODO (Add empty state)\n          }\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #resetFilterHandler = () => {\n    if (this.#filterInitialData) {\n      this.#filterNameEl.value = this.#filterInitialData.name;\n      this.#filterModuleEl.value = this.#filterInitialData.module;\n      this.#filterSearchContentsEl.value =\n        this.#filterInitialData.searchContents;\n      this.#filterCategoryEl.value = this.#filterInitialData.category;\n      this.#filterAllDescendantsEl.value =\n        this.#filterInitialData.allDescendants;\n      this.#filterAfterTypeEl.value = this.#filterInitialData.modifiedAfter;\n      this.#filterModifiedDateEl.value =\n        this.#filterInitialData.modifiedDateTime;\n      this.#filterUserEl.value = this.#filterInitialData.modifiedUser;\n      this.#filterStyleEl.value = this.#filterInitialData.style;\n      this.#filterLanguageEl.value = this.#filterInitialData.language;\n      this.#filterDensityEl.value = this.#filterInitialData.density;\n      this.#filterLayerEl.value = this.#filterInitialData.layer;\n      this.#getImages();\n      this.afterCurrentValue = this.#filterCategoryEl.value; // this value has to be evaluated on a re-render\n    }\n  };\n\n  #saveInitialFilterData = () => {\n    this.#filterInitialData = {\n      name: this.#filterNameEl.value,\n      module: this.#filterModuleEl.value,\n      searchContents: this.#filterSearchContentsEl.value,\n      category: this.#filterCategoryEl.value,\n      allDescendants: this.#filterAllDescendantsEl.value,\n      modifiedAfter: this.#filterAfterTypeEl?.value,\n      modifiedDateTime: this.#filterModifiedDateEl?.value,\n      modifiedUser: this.#filterUserEl?.value,\n      style: this.#filterStyleEl.value,\n      language: this.#filterLanguageEl.value,\n      density: this.#filterDensityEl.value,\n      layer: this.#filterLayerEl.value\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.#renderImagesData()}\n            <div class=\"main__aside field-group\">\n              <div class=\"spacing-body-inline\">\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}></ch-image>\n                  Reset\n                </button>\n              </div>\n\n              {this.#renderFilter()}\n            </div>\n          </div>\n\n          <footer class=\"control-footer-with-border control-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.filteredImages.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                part=\"button button--select-all\"\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                part=\"button button--new-file\"\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"],"mappings":"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"}

package/dist/genexus-ide-ui/p-98b5b178.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gxIdeEmptyStateCss","CSS_BUNDLES","GxIdeEmptyState","render","h","Host","class","animate","this","isAnimated","model","stateIconSrc","src","stateTitle","stateDescription","ideLoaderCss","IdeLoader","_IdeLoader_timeoutReference","set","_IdeLoader_cancelProcess","cancelCallback","clearTimeout","__classPrivateFieldGet","show","_IdeLoader_renderCancelButton","cancelLabel","type","onClick","_IdeLoader_renderDescription","description","_IdeLoader_renderTitle","loaderTitle","showWrapper","part","popover","call"],"sources":["src/components/_helpers/empty-state/gx-ide-empty-state.scss?tag=gx-ide-empty-state&encapsulation=shadow","src/components/_helpers/empty-state/gx-ide-empty-state.tsx","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/gx-ide-common.scss\";\n\n:host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  inline-size: 100%;\n  position: relative;\n}\n:host(.animate) {\n  animation: fadeIn var(--mer-timing--fast) forwards;\n  inset-block-start: 0;\n}\n.main-container {\n  max-width: 320px;\n  margin: 0 auto;\n  gap: var(--mer-spacing--md);\n  padding: var(--mer-spacing--md);\n\n  &__icon-wrapper {\n    border: var(--mer-border__width--sm) dashed var(--mer-accent__primary);\n    border-radius: 50%;\n    min-width: 40px;\n    min-height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  &__content {\n    gap: var(--mer-spacing--sm);\n  }\n}\n.main-container,\n.main-container__content {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    inset-block-start: 5px;\n  }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-empty-state\",\n  styleUrl: \"gx-ide-empty-state.scss\",\n  shadow: true\n})\nexport class GxIdeEmptyState {\n  @Element() el: HTMLGxIdeEmptyStateElement;\n\n  /**\n   * Includes a subtle entry animation\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() readonly isAnimated: boolean = false;\n\n  /**\n   * The state description\n   */\n  @Prop() readonly stateDescription?: string;\n\n  /**\n   * The state icon\n   */\n  @Prop() readonly stateIconSrc?: string;\n\n  /**\n   * The state title\n   */\n  @Prop() readonly stateTitle!: string;\n\n  render() {\n    return (\n      <Host class={{ animate: this.isAnimated }}>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <article class=\"main-container\">\n          {this.stateIconSrc && (\n            <span class=\"main-container__icon-wrapper\">\n              <ch-image src={this.stateIconSrc} class=\"icon-md\"></ch-image>\n            </span>\n          )}\n          <div class=\"main-container__content\">\n            {this.stateTitle && (\n              <h2 class=\"text-body-regular-m\">{this.stateTitle}</h2>\n            )}\n            {this.stateDescription && (\n              <p class=\"text-body-regular-s\">{this.stateDescription}</p>\n            )}\n          </div>\n          <slot></slot>\n        </article>\n      </Host>\n    );\n  }\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(--gxg-ide-loader-wrapper__background-color--from);\n    backdrop-filter: var(--gxg-ide-loader-wrapper__backdrop-filter);\n    padding: var(--gxg-ide-loader-wrapper__padding);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    color: var(--gxg-ide-loader-wrapper__color);\n    z-index: 99; // WA to prevent tree-view chevron arrow to appear above.\n    animation: fadeIn var(--mer-timing--fast) forwards;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n  &__spinner {\n    border: var(--gxg-ide-loader-spinner__border);\n    border-block-start: var(--gxg-ide-loader-spinner__border-top);\n    border-radius: 50%;\n    animation: spinner 0.6s infinite linear;\n    inline-size: var(--gxg-ide-loader-spinner__width);\n    block-size: var(--gxg-ide-loader-spinner__width);\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: var(--gxg-ide-loader-content-wrapper__mbs);\n    gap: var(--mer-spacing--md);\n    max-block-size: var(--gxg-ide-loader-content-wrapper__max-width);\n    &--hidden {\n      display: none;\n    }\n    opacity: 1;\n  }\n}\n\n/*background color animation*/\n@keyframes wrapper {\n  0% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  }\n  100% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--to);\n  }\n}\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n\n:host([display-border]) {\n  .loader {\n    &__wrapper {\n      border: 1px solid var(--mer-color__elevation--02);\n    }\n  }\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   * Displays a border all around\n   */\n  @Prop({ reflect: true }) readonly displayBorder: boolean = false;\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\"\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=\"text-body-italic-s\">{this.description}</p>;\n\n  #renderTitle = (): HTMLParagraphElement | null =>\n    this.loaderTitle && <p class=\"text-body-regular-m\">{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"],"mappings":";;AAAA,MAAMA,IAAqB;;ACG3B,MAAMC,IAA8B,EAClC,qBACA,qBACA,mBACA;;MAQWC,IAAe;;;sBAOa;;;;;EAiBvC,MAAAC;IACE,OACEC,EAACC,GAAI;MAACC,OAAO;QAAEC,SAASC,KAAKC;;OAC3BL,EAAA;MAAUM,OAAOT;QACjBG,EAAA;MAASE,OAAM;OACZE,KAAKG,gBACJP,EAAA;MAAME,OAAM;OACVF,EAAA;MAAUQ,KAAKJ,KAAKG;MAAcL,OAAM;SAG5CF,EAAA;MAAKE,OAAM;OACRE,KAAKK,cACJT,EAAA;MAAIE,OAAM;OAAuBE,KAAKK,aAEvCL,KAAKM,oBACJV,EAAA;MAAGE,OAAM;OAAuBE,KAAKM,oBAGzCV,EAAA;;;;;;;;;ACzDV,MAAMW,IAAe;;;;;;;;;;ACYrB,MAAMd,IAA8B,EAClC,qBACA,qBACA;;MAOWe,IAAS;;;;IACpBC,EAAAC,IAAAV,WAAA;IA+CAW,EAAAD,IAAAV,OAAiB;MACf,IAAIA,KAAKY,gBAAgB;QACvBZ,KAAKY;;MAEPC,aAAaC,EAAAd,MAAIS,GAAA;MACjBT,KAAKe,OAAO;AAAK;IAGnBC,EAAAN,IAAAV,OAAsB,MACpBA,KAAKiB,eACHrB,EAAA,aACEA,EAAA;MACEE,OAAM;MACNoB,MAAK;MACLC,SAASL,EAAAd,MAAIW,GAAA;OAEZX,KAAKiB;IAKdG,EAAAV,IAAAV,OAAqB,MACnBA,KAAKqB,eAAezB,EAAA;MAAGE,OAAM;OAAsBE,KAAKqB;IAE1DC,EAAAZ,IAAAV,OAAe,MACbA,KAAKuB,eAAe3B,EAAA;MAAGE,OAAM;OAAuBE,KAAKuB;uBAnEpC;qBAKc,IAAI,KAAK;;;;yBAoBa;;gBAU3B;;EAkChC,MAAA5B;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUM,OAAOT;QAChBO,KAAKe,QACJnB,EAAA;MACEE,OAAO;QACL,CAAC,oBAAoB;QACrB,4BAA4BE,KAAKwB;;MAEnCC,MAAK;MACLC,SAAQ;OAER9B,EAAA;MAAKE,OAAM;QACXF,EAAA;MACEE,OAAO;QACL,2BAA2B;QAC3B,oCACGE,KAAKqB,gBAAgBrB,KAAKuB,gBAAgBvB,KAAKiB;;OAGnDH,EAAAd,MAAIsB,GAAA,KAAaK,KAAjB3B,OACAc,EAAAd,MAAIoB,GAAA,KAAmBO,KAAvB3B,OACAc,EAAAd,MAAIgB,GAAA,KAAoBW,KAAxB3B"}

package/dist/types/components/start-page/recent-news.d.ts

@@ -1,43 +0,0 @@
-import { NewsData, GetNewsCallback, OpenNewsCallback } from "./start-page";
-export declare class GxIdeRecentNews {
-    #private;
-    /**
-     * The component hard-coded strings translations.
-     */
-    private _componentLocale;
-    el: HTMLGxIdeRecentNewsElement;
-    /**
-     * The list of news after the filter
-     */
-    filteredNews: NewsData[];
-    /**
-     * True if news are being requested
-     */
-    loadingNews: boolean;
-    /**
-     * The list of news
-     */
-    news: NewsData[];
-    newsChanged(news: NewsData[]): void;
-    /**
-     * True if news couldn't be loaded
-     */
-    newsLoadFailed: boolean;
-    /**
-     * Callback invoked to load the news feed (right panel "Recent News").
-     */
-    readonly getNewsCallback: GetNewsCallback;
-    /**
-     * Callback invoked to open a news article.
-     */
-    readonly openNewsCallback: OpenNewsCallback;
-    /**
-     * The news filter value inserted by the user on the news input filter
-     */
-    readonly filterValue: string;
-    watchNews(newFilterValue: string): void;
-    componentWillLoad(): Promise<void>;
-    componentDidRender(): void;
-    componentDidLoad(): void;
-    render(): any;
-}

package/dist/types/components/ww-images/helpers.d.ts

@@ -1,3 +0,0 @@
-import { ComboBoxModel } from "@genexus/chameleon-controls-library";
-import { GxOption } from "../..";
-export declare const mapOptionsToComboBoxItemModel: (options: GxOption[]) => ComboBoxModel;