@genexus/genexus-ide-ui 1.0.19 → 1.0.21

package/dist/genexus-ide-ui/p-066028bc.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["daysOfWeek","daysFromToday","date","today","Date","timeDifference","getTime","daysDifference","Math","floor","isToday","toDateString","isYesterday","yesterday","setDate","getDate","formatDate","type","formattedDate","undefined","dateIsValid","locale","lang","_a","document","getElementsByTagName","getAttribute","valueOf","toLocaleDateString","year","getFullYear","month","String","getMonth","padStart","day","hours","getHours","minutes","getMinutes","time","toLocaleTimeString","daysPassedFromToday","currentYear","getDay","toLocaleString","countTreeItems","treeModel","children","totalNodes","forEach","node","items","escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","h","innerHTML","mapOptionsToComboBoxItemModel","options","map","option","value","id","caption","label","renderChCheckboxItems","frontEndCheckboxInputHandler","checkedIds","find","name","class","checkedValue","disabled","onInput","startImgSrc","iconName","key"],"sources":["src/common/helpers.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\nexport type ChCheckboxArray = HTMLChCheckboxElement[] | null;\n\nimport { GxOption } from \"./types\";\n\nconst daysOfWeek = [\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\"\n];\n\n/**\n * @param element an HTMLElement\n * @returns an alphabetically ordered array of all the parts and exportparts the element contains.\n */\nexport const getElementSelectorParts = (element: HTMLElement) => {\n  const queries: string[] = [];\n  const elementParts = element.shadowRoot?.querySelectorAll(`[part]`);\n  const elementExportParts =\n    element.shadowRoot?.querySelectorAll(`[exportparts]`);\n\n  elementParts?.forEach(el => {\n    queries.push(\n      `${element.tagName.toLowerCase()}::part(${el.getAttribute(\"part\")})`\n    );\n  });\n  elementExportParts?.forEach(el => {\n    queries.push(\n      ...[\n        ...el.getAttribute(\"exportparts\").matchAll(/(?:[\\w-]+:)?([\\w-]+)/g)\n      ].map(item => `${element.tagName.toLowerCase()}::part(${item[1]})`)\n    );\n  });\n\n  return queries.sort();\n};\n\n/**\n * @param selector a part selector\n * @returns A reference to the element the part belongs to.\n */\nexport const querySelectorPart = (selector: string) => {\n  const querySelectorDeep = (\n    element: HTMLElement,\n    parts: string\n  ): HTMLElement => {\n    const shadow = element.shadowRoot;\n    const partList = parts.split(\" \");\n\n    const partElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[part~=\"${partName}\"]`).join(\"\")\n    );\n    if (partElement) {\n      return partElement;\n    }\n\n    const exportPartElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[exportparts*=\"${partName}\"]`).join(\"\")\n    );\n    if (exportPartElement) {\n      const exportPartList: string[] = [];\n      const exportparts = exportPartElement.getAttribute(\"exportparts\");\n\n      partList.forEach(partItem => {\n        const exportPartName = exportparts.match(\n          `(?:([\\\\w-]+):)?(${partItem})`\n        )[1];\n        if (exportPartName) {\n          exportPartList.push(exportPartName);\n        }\n      });\n\n      if (partList.length === exportPartList.length) {\n        return querySelectorDeep(exportPartElement, exportPartList.join(\" \"));\n      }\n    }\n\n    return null;\n  };\n\n  const selectorItems = selector.match(\"(.*)::part\\\\(([^)]+)\\\\)\");\n  const entity = selectorItems[1];\n  const partName = selectorItems[2];\n\n  return querySelectorDeep(document.querySelector(entity), partName);\n};\n\nconst daysFromToday = (date: Date): number => {\n  const today = new Date();\n  // To calculate the time difference of two dates\n  const timeDifference = today.getTime() - date.getTime();\n  // To calculate the no. of days between two dates\n  const daysDifference = timeDifference / (1000 * 3600 * 24);\n  return Math.floor(daysDifference);\n};\n\n// - - - - - - - - - - - -\n// Date Functions\n// - - - - - - - - - - - -\n\nconst isToday = (date: Date): boolean => {\n  const today = new Date();\n  if (today.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nconst isYesterday = (date: Date): boolean => {\n  const yesterday = new Date();\n  yesterday.setDate(yesterday.getDate() - 1);\n  if (yesterday.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nexport const formatDate = (\n  date: Date,\n  type: FormatDateType = \"date-time\"\n): string => {\n  let formattedDate;\n  // validate date\n  // undefined or null\n  if (date === undefined || date === null) {\n    return \"\";\n  }\n  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself\n  const dateIsValid = date.getTime() === date.getTime();\n  if (!dateIsValid) {\n    return \"Invalid date\";\n  }\n  let locale = \"en-US\";\n  const lang = document\n    .getElementsByTagName(\"html\")[0]\n    .getAttribute(\"lang\")\n    ?.valueOf();\n  if (lang === \"es\") {\n    locale = \"es-ES\";\n  }\n  formattedDate = date.toLocaleDateString(locale);\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  const time = `${hours}:${minutes}`;\n  if (type === \"date-time\") {\n    formattedDate += ` / ${date.toLocaleTimeString()}`;\n  } else if (type === \"date-time-short\") {\n    // No seconds\n    if (locale === \"es-ES\") {\n      formattedDate = `${year}-${month}-${day} ${time}`;\n    } else {\n      formattedDate = `${month}/${day}/${year} ${time}`;\n    }\n  } else if (\"pretty\") {\n    const daysPassedFromToday = daysFromToday(date);\n    const today = new Date();\n    const currentYear = today.getFullYear();\n    if (isToday(date)) {\n      return `Today ${time}`;\n    } else if (isYesterday(date)) {\n      return `Yesterday ${time}`;\n    } else if (daysPassedFromToday <= 7) {\n      // If one week or less, just show the day of the week, and the time\n      const day = daysOfWeek[date.getDay()];\n      return `${day} ${time}`;\n    } else if (currentYear === year) {\n      // If current year, show day number and month name. Example: November 17th\n      if (locale === \"es-ES\") {\n        formattedDate = `${day} de ${date.toLocaleString(\"es-ES\", {\n          month: \"long\"\n        })} ${time}`;\n      } else {\n        formattedDate = `${date.toLocaleString(\"en-US\", {\n          month: \"long\"\n        })} ${day} ${time}`;\n      }\n    } else {\n      // Display date as usual\n      formattedDate = formatDate(date, \"date-time-short\");\n    }\n  }\n  return formattedDate;\n};\n\nexport type FormatDateType =\n  | \"date\"\n  | \"date-time\"\n  | \"date-time-short\"\n  | \"pretty\";\n\n// - - - - - - - - - - - -\n// /End of Date Functions\n// - - - - - - - - - - - -\n\n/* Count the total tree nodes (by default it does not count the first level nodes)*/\nexport const countTreeItems = (\n  treeModel: TreeViewItemModel[],\n  children = false\n): number => {\n  let totalNodes = 0;\n  treeModel.forEach(node => {\n    children && totalNodes++;\n    if (node.items) {\n      totalNodes += countTreeItems(node.items, true);\n    }\n  });\n  return totalNodes;\n};\n\n/**\n * @description it evaluates the initial selected combo item\n * @param options an array of GxOption\n * @returns the initial combo value, which in this case is the id\n */\nexport const setInitialComboValue = (options: GxOption[]): string => {\n  const selected = options.find(option => option.selected);\n  if (selected) {\n    return selected.value || selected.id;\n  } else {\n    return options[0].value || options[0].id;\n  }\n};\n\nexport const escapeRegExp = (str: string) => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\n/**\n * @description this function highlights the character(s) that match(es) the filter value.\n * hiChar comes from (hi)light (Char)acters\n * @param text the string to find the filter value on\n * @param filterValue the filter value\n * @returns a span element\n */\nexport const hiChar = function (text: string, filterValue: string) {\n  if (text && filterValue) {\n    const escapedFilterValue = escapeRegExp(filterValue);\n    const re = new RegExp(escapedFilterValue, \"gi\");\n    return (\n      <span\n        innerHTML={text.replace(re, '<span class=\"hiChar\">$&</span>')}\n      ></span>\n    );\n  } else {\n    return text;\n  }\n};\n\nexport const closeOnOutsideClickHandler = (\n  eventInfo: PointerEvent,\n  ref: HTMLElement\n): true | void => {\n  if (!eventInfo.composedPath().includes(ref)) {\n    return true;\n  }\n};\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel =>\n  options.map(option => ({\n    value: option.id,\n    caption: option.label\n    // startImgSrc: option.iconName\n  }));\n\nexport const renderChCheckboxItems = (\n  options: GxOption[] | undefined,\n  frontEndCheckboxInputHandler: (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => void,\n  checkedIds: string[]\n): HTMLChCheckboxElement[] => {\n  return options?.map(option => {\n    const value = checkedIds?.find(\n      id => option.value === id || option.id === id\n    );\n    return (\n      <ch-checkbox\n        name={option.name}\n        class=\"checkbox\"\n        checkedValue={option.value || option.id}\n        caption={option.label}\n        disabled={option.disabled}\n        value={value}\n        onInput={frontEndCheckboxInputHandler}\n        startImgSrc={option.iconName}\n        key={option.value || option.id}\n      ></ch-checkbox>\n    );\n  });\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-20389960.entry.js

@@ -1,211 +0,0 @@
-import { r as e, h as t, H as r, g as a } from "./p-aaed592c.js";
-
-import { g as o } from "./p-0b0ce806.js";
-
-import { L as i } from "./p-74d59062.js";
-
-import { c as s } from "./p-78b90603.js";
-
-import { h as n } from "./p-066028bc.js";
-
-const l = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}:host(.empty){overflow:hidden !important}.news-container{display:grid;gap:var(--mer-spacing--xs);grid-auto-rows:max-content}.news-item{opacity:0;transition:150ms opacity}.news-item.visible{opacity:1}.card-news{display:flex;flex-direction:column;align-items:start;gap:var(--mer-spacing--xs)}.card-news__header{display:flex;gap:var(--mer-spacing--sm);align-items:center}gx-ide-loader::part(loader-wrapper){border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md)}.text-link{color:var(--mer-accent__primary)}.text-link:hover{text-decoration:underline}";
-
-var c = undefined && undefined.__classPrivateFieldGet || function(e, t, r, a) {
-  if (r === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return r === "m" ? a : r === "a" ? a.call(e) : a ? a.value : t.get(e);
-};
-
-var d = undefined && undefined.__classPrivateFieldSet || function(e, t, r, a, o) {
-  if (a === "m") throw new TypeError("Private method is not writable");
-  if (a === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return a === "a" ? o.call(e, r) : o ? o.value = r : t.set(e, r), r;
-};
-
-var g, f, b, h, v, m, p, u, y, x, w, k;
-
-const z = o({
-  category: "system",
-  name: "news",
-  colorType: "on-elevation"
-});
-
-const _ = [ "resets/box-sizing", "components/button", "components/icon", "utils/typography", "utils/layout", "chameleon/scrollbar" ];
-
-const j = class {
-  constructor(r) {
-    e(this, r);
-    g.set(this, "news-item");
-    f.set(this, false);
-    b.set(this, 75);
-    h.set(this, void 0);
-    v.set(this, (() => {
-      if (c(this, h, "f") !== undefined) {
-        const e = Array.from(c(this, h, "f").querySelectorAll(`.${c(this, g, "f")}`));
-        e.forEach((e => {
-          // display news with a cascade effect
-          setTimeout((() => {
-            e.classList.add("visible");
-          }), c(this, b, "f"));
-          d(this, b, c(this, b, "f") + 45, "f");
-        }));
-      }
-    }));
-    m.set(this, (() => {
-      if (!c(this, f, "f") && this.news.length > 0 && c(this, h, "f") !== undefined) {
-        c(this, v, "f").call(this);
-        d(this, f, true, "f");
-      }
-    }));
-    p.set(this, (() => {
-      var e;
-      if (this.newsLoadFailed) {
-        return t("gx-ide-empty-state", {
-          stateIconSrc: z,
-          stateTitle: this._componentLocale.recentNews.newsNotFetched.title
-        }, t("button", {
-          class: "empty-state__button button-primary",
-          onClick: c(this, u, "f")
-        }, this._componentLocale.recentNews.newsNotFetched.tryAgainButtonLabel), t("a", {
-          class: "text-link text-body-regular-s",
-          href: this._componentLocale.recentNews.newsNotFetched.onlineNewsURL,
-          target: "_blank"
-        }, this._componentLocale.recentNews.newsNotFetched.readThemOnline));
-      }
-      if (this.news.length === 0) {
-        return t("gx-ide-empty-state", {
-          stateIconSrc: z,
-          stateTitle: this._componentLocale.recentNews.noNewsToDisplay.title
-        }, t("a", {
-          class: "empty-state__link text-body-regular-s",
-          href: this._componentLocale.recentNews.onlineNewsURL,
-          target: "_blank"
-        }, this._componentLocale.recentNews.readThemOnline));
-      }
-      if (((e = this.filteredNews) === null || e === void 0 ? void 0 : e.length) === 0) {
-        return t("gx-ide-empty-state", {
-          class: "news-empty-state",
-          stateIconSrc: z,
-          stateTitle: this._componentLocale.recentNews.noNewsFiltered.title
-        });
-      }
-      return c(this, k, "f").call(this);
-    }));
-    u.set(this, (async () => {
-      this.loadingNews = true;
-      const e = await this.getNewsCallback();
-      this.loadingNews = false;
-      if (e && e.length > 0) {
-        this.news = e;
-        this.newsLoadFailed = false;
-      } else {
-        this.newsLoadFailed = true;
-      }
-    }));
-    y.set(this, (e => async () => {
-      await this.openNewsCallback(e);
-    }));
-    x.set(this, ((e, t) => {
-      this.filteredNews = t.filter((t => {
-        var r, a;
-        return ((r = t.title) === null || r === void 0 ? void 0 : r.toLowerCase().includes(e)) || ((a = t.body) === null || a === void 0 ? void 0 : a.toLowerCase().includes(e));
-      }));
-    }));
-    w.set(this, (e => {
-      if (e.id && e.title) {
-        return t("article", null, t("button", {
-          class: {
-            "card-small": true,
-            "card-small--actionable": true,
-            "card-news": true,
-            [c(this, g, "f")]: true,
-            visible: c(this, f, "f")
-          },
-          id: e.id,
-          key: e.id,
-          type: "button",
-          onClick: c(this, y, "f").call(this, e.id)
-        }, t("header", {
-          class: "card-news__header"
-        }, t("ch-image", {
-          src: z,
-          class: "icon-md"
-        }), t("h2", {
-          class: s.headingsClasses.cardSmall
-        }, n(e.title, this.filterValue))), e.body && t("p", {
-          class: "text-body-regular-s"
-        }, n(e.body, this.filterValue))));
-      }
-      return null;
-    }));
-    k.set(this, (() => {
-      var e;
-      return t("div", {
-        class: "news-container",
-        ref: e => d(this, h, e, "f")
-      }, (e = this.filteredNews) === null || e === void 0 ? void 0 : e.map(c(this, w, "f")));
-    }));
-    this.filteredNews = [];
-    this.loadingNews = true;
-    this.news = [];
-    this.newsLoadFailed = false;
-    this.getNewsCallback = undefined;
-    this.openNewsCallback = undefined;
-    this.filterValue = "";
-  }
-  newsChanged(e) {
-    c(this, x, "f").call(this, this.filterValue, e);
-    c(this, v, "f").call(this);
-  }
-  watchNews(e) {
-    c(this, x, "f").call(this, e, this.news);
-  }
-  async componentWillLoad() {
-    this._componentLocale = await i.getComponentStrings(this.el);
-  }
-  componentDidRender() {
-    c(this, m, "f").call(this);
-  }
-  componentDidLoad() {
-    c(this, u, "f").call(this);
-  }
-  render() {
-    return t(r, {
-      "aria-live": "polite",
-      "aria-busy": this.loadingNews ? "true" : "false",
-      class: {
-        empty: this.filteredNews.length === 0,
-        scrollable: true
-      }
-    }, t("ch-theme", {
-      model: _
-    }), this.loadingNews ? t("gx-ide-loader", {
-      abortTime: 8e3,
-      loaderTitle: this._componentLocale.loader.title,
-      description: this._componentLocale.loader.description,
-      show: true
-    }) : c(this, p, "f").call(this));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/recent-news" ];
-  }
-  get el() {
-    return a(this);
-  }
-  static get watchers() {
-    return {
-      news: [ "newsChanged" ],
-      filterValue: [ "watchNews" ]
-    };
-  }
-};
-
-g = new WeakMap, f = new WeakMap, b = new WeakMap, h = new WeakMap, v = new WeakMap, 
-m = new WeakMap, p = new WeakMap, u = new WeakMap, y = new WeakMap, x = new WeakMap, 
-w = new WeakMap, k = new WeakMap;
-
-j.style = l;
-
-export { j as gx_ide_recent_news };
-//# sourceMappingURL=p-20389960.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["recentNewsCss","NEWS_ICON","getIconPath","category","name","colorType","CSS_BUNDLES","GxIdeRecentNews","_GxIdeRecentNews_NEWS_ITEM_CLASS_SELECTOR","set","this","_GxIdeRecentNews_newsRendered","_GxIdeRecentNews_setTimeOutNewsDelay","_GxIdeRecentNews_newsContainerEl","_GxIdeRecentNews_displayNews","__classPrivateFieldGet","undefined","news","Array","from","querySelectorAll","forEach","setTimeout","classList","add","__classPrivateFieldSet","_GxIdeRecentNews_evaluateNewsDisplay","length","call","_GxIdeRecentNews_evaluateNewsRender","newsLoadFailed","h","stateIconSrc","stateTitle","_componentLocale","recentNews","newsNotFetched","title","class","onClick","_GxIdeRecentNews_getNews","tryAgainButtonLabel","href","onlineNewsURL","target","readThemOnline","noNewsToDisplay","_a","filteredNews","noNewsFiltered","_GxIdeRecentNews_renderNewsList","async","loadingNews","newsResult","getNewsCallback","_GxIdeRecentNews_openNewsHandler","newsId","openNewsCallback","_GxIdeRecentNews_refreshFilteredNews","filterValue","filter","singleNews","toLowerCase","includes","_b","body","_GxIdeRecentNews_renderNewsItem","id","visible","key","type","src","config","headingsClasses","cardSmall","hiChar","ref","el","map","newsChanged","watchNews","newFilterValue","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidLoad","render","Host","empty","scrollable","model","abortTime","loaderTitle","loader","description","show"],"sources":["src/components/start-page/recent-news.scss?tag=gx-ide-recent-news&encapsulation=shadow","src/components/start-page/recent-news.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n@include hiChar();\n\n:host(.empty) {\n  overflow: hidden !important; // WA to avoid scrollbar \"flickering\"\n}\n.news-container {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  grid-auto-rows: max-content;\n  // padding-inline-end: var(--mer-spacing--xs);\n}\n.news-item {\n  opacity: 0;\n  transition: 150ms opacity;\n\n  &.visible {\n    opacity: 1;\n  }\n}\n.card-news {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: var(--mer-spacing--xs);\n\n  &__header {\n    display: flex;\n    gap: var(--mer-spacing--sm);\n    align-items: center;\n  }\n}\n\ngx-ide-loader::part(loader-wrapper) {\n  border: var(--mer-border__width--sm) solid\n    var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n}\n\n.text-link {\n  color: var(--mer-accent__primary);\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n","import { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { hiChar } from \"../../common/helpers\";\nimport { NewsData, GetNewsCallback, OpenNewsCallback } from \"./start-page\";\n\nconst NEWS_ICON = getIconPath({\n  category: \"system\",\n  name: \"news\",\n  colorType: \"on-elevation\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\"\n];\n@Component({\n  tag: \"gx-ide-recent-news\",\n  styleUrl: \"recent-news.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/recent-news\"]\n})\nexport class GxIdeRecentNews {\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  #NEWS_ITEM_CLASS_SELECTOR = \"news-item\";\n  #newsRendered = false;\n  #setTimeOutNewsDelay = 75;\n\n  @Element() el: HTMLGxIdeRecentNewsElement;\n\n  #newsContainerEl: HTMLDivElement;\n\n  /**\n   * The list of news after the filter\n   */\n  @State() filteredNews: NewsData[] = [];\n\n  /**\n   * True if news are being requested\n   */\n  @State() loadingNews = true;\n\n  /**\n   * The list of news\n   */\n  @State() news: NewsData[] = [];\n  @Watch(\"news\")\n  newsChanged(news: NewsData[]) {\n    this.#refreshFilteredNews(this.filterValue, news);\n    this.#displayNews();\n  }\n\n  /**\n   * True if news couldn't be loaded\n   */\n  @State() newsLoadFailed = false;\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback!: GetNewsCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback!: OpenNewsCallback;\n\n  /**\n   * The news filter value inserted by the user on the news input filter\n   */\n  @Prop() readonly filterValue: string = \"\";\n  @Watch(\"filterValue\")\n  watchNews(newFilterValue: string) {\n    this.#refreshFilteredNews(newFilterValue, this.news);\n  }\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    this.#evaluateNewsDisplay();\n  }\n\n  componentDidLoad() {\n    this.#getNews();\n  }\n\n  #displayNews = () => {\n    if (this.#newsContainerEl !== undefined) {\n      const news = Array.from(\n        this.#newsContainerEl.querySelectorAll(\n          `.${this.#NEWS_ITEM_CLASS_SELECTOR}`\n        )\n      );\n      news.forEach(news => {\n        // display news with a cascade effect\n        setTimeout(() => {\n          news.classList.add(\"visible\");\n        }, this.#setTimeOutNewsDelay);\n        this.#setTimeOutNewsDelay += 45;\n      });\n    }\n  };\n\n  #evaluateNewsDisplay = () => {\n    if (\n      !this.#newsRendered &&\n      this.news.length > 0 &&\n      this.#newsContainerEl !== undefined\n    ) {\n      this.#displayNews();\n      this.#newsRendered = true;\n    }\n  };\n\n  #evaluateNewsRender = (): HTMLElement => {\n    if (this.newsLoadFailed) {\n      return (\n        <gx-ide-empty-state\n          stateIconSrc={NEWS_ICON}\n          stateTitle={this._componentLocale.recentNews.newsNotFetched.title}\n        >\n          <button\n            class=\"empty-state__button button-primary\"\n            onClick={this.#getNews}\n          >\n            {\n              this._componentLocale.recentNews.newsNotFetched\n                .tryAgainButtonLabel\n            }\n          </button>\n          <a\n            class=\"text-link text-body-regular-s\"\n            href={this._componentLocale.recentNews.newsNotFetched.onlineNewsURL}\n            target=\"_blank\"\n          >\n            {this._componentLocale.recentNews.newsNotFetched.readThemOnline}\n          </a>\n        </gx-ide-empty-state>\n      );\n    }\n    if (this.news.length === 0) {\n      return (\n        <gx-ide-empty-state\n          stateIconSrc={NEWS_ICON}\n          stateTitle={this._componentLocale.recentNews.noNewsToDisplay.title}\n        >\n          <a\n            class=\"empty-state__link text-body-regular-s\"\n            href={this._componentLocale.recentNews.onlineNewsURL}\n            target=\"_blank\"\n          >\n            {this._componentLocale.recentNews.readThemOnline}\n          </a>\n        </gx-ide-empty-state>\n      );\n    }\n    if (this.filteredNews?.length === 0) {\n      return (\n        <gx-ide-empty-state\n          class=\"news-empty-state\"\n          stateIconSrc={NEWS_ICON}\n          stateTitle={this._componentLocale.recentNews.noNewsFiltered.title}\n        ></gx-ide-empty-state>\n      );\n    }\n    return this.#renderNewsList();\n  };\n\n  #getNews = async () => {\n    this.loadingNews = true;\n    const newsResult = await this.getNewsCallback();\n    this.loadingNews = false;\n    if (newsResult && newsResult.length > 0) {\n      this.news = newsResult;\n      this.newsLoadFailed = false;\n    } else {\n      this.newsLoadFailed = true;\n    }\n  };\n\n  #openNewsHandler = (newsId: string) => async () => {\n    await this.openNewsCallback(newsId);\n  };\n\n  #refreshFilteredNews = (filterValue: string, news: NewsData[]) => {\n    this.filteredNews = news.filter(\n      singleNews =>\n        singleNews.title?.toLowerCase().includes(filterValue) ||\n        singleNews.body?.toLowerCase().includes(filterValue)\n    );\n  };\n\n  #renderNewsItem = (news: NewsData): HTMLGxgCardElement | null => {\n    if (news.id && news.title) {\n      return (\n        <article>\n          <button\n            class={{\n              \"card-small\": true,\n              \"card-small--actionable\": true,\n              \"card-news\": true,\n              [this.#NEWS_ITEM_CLASS_SELECTOR]: true,\n              \"visible\": this.#newsRendered\n            }}\n            id={news.id}\n            key={news.id}\n            type=\"button\"\n            onClick={this.#openNewsHandler(news.id)}\n          >\n            <header class=\"card-news__header\">\n              <ch-image src={NEWS_ICON} class=\"icon-md\"></ch-image>\n              <h2 class={config.headingsClasses.cardSmall}>\n                {hiChar(news.title, this.filterValue)}\n              </h2>\n            </header>\n            {news.body && (\n              <p class=\"text-body-regular-s\">\n                {hiChar(news.body, this.filterValue)}\n              </p>\n            )}\n          </button>\n        </article>\n      );\n    }\n    return null;\n  };\n\n  #renderNewsList = (): HTMLElement => (\n    <div\n      class=\"news-container\"\n      ref={el => (this.#newsContainerEl = el as HTMLDivElement)}\n    >\n      {this.filteredNews?.map(this.#renderNewsItem)}\n    </div>\n  );\n\n  render() {\n    return (\n      <Host\n        // Improve accessibility by announcing live changes\n        aria-live=\"polite\"\n        // Wait until all changes are made to prevents assistive\n        // technologies from announcing changes before updates are done\n        aria-busy={this.loadingNews ? \"true\" : \"false\"}\n        class={{ empty: this.filteredNews.length === 0, scrollable: true }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.loadingNews ? (\n          <gx-ide-loader\n            abortTime={8000}\n            loaderTitle={this._componentLocale.loader.title}\n            description={this._componentLocale.loader.description}\n            show={true}\n          ></gx-ide-loader>\n        ) : (\n          this.#evaluateNewsRender()\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-41ea711a.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formSubmitValidation","result","ref","_a","fieldErrors","forEach","element","key","message","hasError","reference","trim","validationStatus","validationMessage","formElementsErrorClassesDictionary","toggleErrorClass","elementTagName","tagName","toLowerCase","errorClass","classList","add","remove","validateControls","formSubmitResult","validatableControls","validatableControlsUpdated","Map","fieldResult","fieldKey","fieldHasError","controlMapRecord","get","set","Object","assign"],"sources":["src/common/form-validation.ts"],"sourcesContent":["import { FormSubmitResult, ConnectionResultData } from \"../common/types\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n\n// formSubmitValidation will be deprecated. use \"validateControls\" instead.\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n\n// TODO: Improve the way we mark components with error. We must not use error classes.\nconst formElementsErrorClassesDictionary = {\n  \"ch-checkbox\": \"checkbox-error\",\n  \"ch-combo-box-render\": \"combo-box-error\",\n  \"ch-edit\": \"form-input-error\"\n} as const;\n\nconst toggleErrorClass = (hasError: boolean, element: HTMLElement) => {\n  const elementTagName = element.tagName.toLowerCase();\n  const errorClass =\n    formElementsErrorClassesDictionary[\n      elementTagName as keyof typeof formElementsErrorClassesDictionary\n    ];\n  if (hasError) {\n    element.classList.add(errorClass);\n  } else {\n    element.classList.remove(errorClass);\n  }\n};\n\nexport const validateControls = (\n  formSubmitResult: FormSubmitResult,\n  validatableControls: Map<string, ControlValidation>\n): Map<string, ControlValidation> => {\n  const validatableControlsUpdated = new Map(validatableControls);\n  formSubmitResult.fieldErrors.forEach(fieldResult => {\n    const fieldKey = fieldResult.key;\n    const fieldHasError = fieldResult.hasError;\n    const controlMapRecord = validatableControlsUpdated.get(fieldKey);\n    if (controlMapRecord?.reference) {\n      // toggle class to add or remove error style\n      toggleErrorClass(fieldHasError, controlMapRecord.reference);\n      validatableControlsUpdated.set(fieldKey, {\n        ...controlMapRecord,\n        hasError: fieldHasError,\n        message: fieldResult.message\n      });\n    }\n  });\n  // return validatableControls updated.\n  return validatableControlsUpdated;\n};\n\nexport type ControlValidation = {\n  reference: HTMLElement;\n  hasError: boolean;\n  message: string;\n};\n"],"mappings":";MAIaA,uBAAuB,CAClCC,GACAC;;GAEAC,IAAAF,EAAOG,iBAAW,QAAAD,WAAA,aAAAA,EAAEE,SAAQC;IAC1B,MAAMC,IAAMD,EAAQC;IACpB,MAAMC,IAAUF,EAAQE;IACxB,MAAMC,IAAWH,EAAQG;IAEzB,MAAMC,IAA2BR,EAAI,GAAGK;IACxC,IAAIG,KAAaD,KAAYD,EAAQG,QAAQ;MAC3CD,EAAUE,mBAAmB;MAC7BF,EAAUG,oBAAoBL;WACzB,IAAIE,MAAcD,GAAU;MACjCC,EAAUE,mBAAmB;MAC7BF,EAAUG,oBAAoB;;;AAEhC;;sFAIJ;MAAMC,IAAqC;EACzC,eAAe;EACf,uBAAuB;EACvB,WAAW;;;AAGb,MAAMC,mBAAmB,CAACN,GAAmBH;EAC3C,MAAMU,IAAiBV,EAAQW,QAAQC;EACvC,MAAMC,IACJL,EACEE;EAEJ,IAAIP,GAAU;IACZH,EAAQc,UAAUC,IAAIF;SACjB;IACLb,EAAQc,UAAUE,OAAOH;;;;MAIhBI,mBAAmB,CAC9BC,GACAC;EAEA,MAAMC,IAA6B,IAAIC,IAAIF;EAC3CD,EAAiBpB,YAAYC,SAAQuB;IACnC,MAAMC,IAAWD,EAAYrB;IAC7B,MAAMuB,IAAgBF,EAAYnB;IAClC,MAAMsB,IAAmBL,EAA2BM,IAAIH;IACxD,IAAIE,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkBrB,WAAW;;MAE/BK,iBAAiBe,GAAeC,EAAiBrB;MACjDgB,EAA2BO,IAAIJ,GAAQK,OAAAC,OAAAD,OAAAC,OAAA,IAClCJ,IAAgB;QACnBtB,UAAUqB;QACVtB,SAASoB,EAAYpB;;;;;IAK3B,OAAOkB;AAA0B"}