@genexus/genexus-ide-ui 1.1.56 → 1.1.57

package/dist/genexus-ide-ui/{p-80e49324.entry.js → p-46bb921b.entry.js}

@@ -1,6 +1,14 @@
-import { g as e, r as i, h as t, H as s, a } from "./p-97107ecc.js";
+import { g as e, r as i, h as t, H as s, a as r } from "./p-97107ecc.js";
 
-import { g as r } from "./p-401bfc97.js";
+import { g as a } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -12,18 +20,18 @@ var l = undefined && undefined.__classPrivateFieldGet || function(e, i, t, s) {
   return t === "m" ? s : t === "a" ? s.call(e) : s ? s.value : i.get(e);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(e, i, t, s, a) {
+var d = undefined && undefined.__classPrivateFieldSet || function(e, i, t, s, r) {
   if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof i === "function" ? e !== i || !a : !i.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? a.call(e, t) : a ? a.value = t : i.set(e, t), t;
+  if (s === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof i === "function" ? e !== i || !r : !i.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? r.call(e, t) : r ? r.value = t : i.set(e, t), t;
 };
 
 var c, p, h, f, m, g, _, u, v, y, w, b, k, x, z, M, W;
 
-const T = "active";
+const j = "active";
 
-const j = "ArrowLeft";
+const T = "ArrowLeft";
 
 const C = "ArrowRight";
 
@@ -40,7 +48,7 @@ const S = "slide__word--visible";
 // icons
 const A = e(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
 
-const B = r({
+const B = a({
   category: "system",
   name: "close",
   colorType: "on-elevation"
@@ -92,7 +100,7 @@ const I = class {
     }));
     y.set(this, (e => {
       this.userHasChangedSlide = true;
-      const i = e.key === j && !this.slideTransitioning && !this.lastSlideReached && this.activeSlideIndex !== 0;
+      const i = e.key === T && !this.slideTransitioning && !this.lastSlideReached && this.activeSlideIndex !== 0;
       const t = e.key === C && !this.slideTransitioning && !this.lastSlideReached;
       const s = e.key === E || e.key === C && !this.slideTransitioning && this.lastSlideReached;
       if (t) {
@@ -130,12 +138,12 @@ const I = class {
       }
       const t = this.slides[this.activeSlideIndex].description.join("");
       const s = t.split(" ").length;
-      const a = l(this, x, "f").call(this, s + i);
+      const r = l(this, x, "f").call(this, s + i);
       // Set a fresh timeout
-            if (a) {
+            if (r) {
         d(this, m, setTimeout((() => {
           l(this, w, "f").call(this);
-        }), a), "f");
+        }), r), "f");
       }
     }));
     x.set(this, ((e, i = this.wordsPerMinute) => {
@@ -146,8 +154,8 @@ const I = class {
     }));
     z.set(this, (() => {
       d(this, h, this.slides.map(((e, i) => {
-        var s, a;
-        const r = i === this.slides.length - 1;
+        var s, r;
+        const a = i === this.slides.length - 1;
         return t("section", {
           class: "slide__wrapper",
           ref: e => l(this, f, "f")[i] = e
@@ -172,13 +180,13 @@ const I = class {
           class: "slide__copy-title"
         }, e.title)), t("div", {
           class: "slide__copy-description"
-        }, (s = e.description) === null || s === void 0 ? void 0 : s.map((i => t("p", null, e.descriptionAsChunks ? l(this, M, "f").call(this, i) : i))), ((a = e.listItems) === null || a === void 0 ? void 0 : a.length) && t("ul", {
+        }, (s = e.description) === null || s === void 0 ? void 0 : s.map((i => t("p", null, e.descriptionAsChunks ? l(this, M, "f").call(this, i) : i))), ((r = e.listItems) === null || r === void 0 ? void 0 : r.length) && t("ul", {
           class: "slide__list"
         }, e.listItems.map((e => t("li", {
           class: "slide__list-item"
         }, t("strong", {
           class: "slide__list-item-title"
-        }, e.title), " ", e.description))))), r && t("button", {
+        }, e.title), " ", e.description))))), a && t("button", {
           class: "button-primary start-button",
           onClick: l(this, g, "f")
         }, l(this, c, "f").startButtonCaption))));
@@ -191,23 +199,23 @@ const I = class {
       this.slideTransitioning = true;
       // unset current active slide
             const i = l(this, f, "f")[this.activeSlideIndex];
-      i.classList.remove(T);
+      i.classList.remove(j);
       const t = l(this, f, "f")[e];
       const s = this.slides[e].descriptionAsChunks;
-      const a = l(this, p, "f").get(e);
-      let r;
+      const r = l(this, p, "f").get(e);
+      let a;
       let o;
       let n = 0;
       if (s) {
         o = t.querySelectorAll(P);
-        r = o.length;
-        n = r * R;
+        a = o.length;
+        n = a * R;
       }
       this.lastSlideReached = e === this.slides.length - 1;
       // set new slide as active after fade out
             setTimeout((() => {
-        t.classList.add(T);
-        if (s && !a) {
+        t.classList.add(j);
+        if (s && !r) {
           l(this, p, "f").set(e, true);
           l(this, u, "f").call(this, o);
           setTimeout((() => {
@@ -239,7 +247,7 @@ const I = class {
     l(this, z, "f").call(this);
   }
   componentDidLoad() {
-    l(this, f, "f")[this.activeSlideIndex].classList.add(T);
+    l(this, f, "f")[this.activeSlideIndex].classList.add(j);
     this.sliderVisible = true;
     l(this, _, "f").call(this);
   }
@@ -284,7 +292,7 @@ const I = class {
       class: {
         slide__dot: true,
         "slide__dot-inactive": this.slideTransitioning,
-        [T]: i === this.activeSlideIndex
+        [j]: i === this.activeSlideIndex
       },
       "data-index": i,
       onClick: !this.slideTransitioning && l(this, v, "f")
@@ -294,7 +302,7 @@ const I = class {
     return [ "gx-ide-assets/welcome-page" ];
   }
   get el() {
-    return a(this);
+    return r(this);
   }
 };
 
@@ -306,4 +314,4 @@ M = new WeakMap, W = new WeakMap;
 I.style = n;
 
 export { I as gx_ide_welcome_page };
-//# sourceMappingURL=p-80e49324.entry.js.map
+//# sourceMappingURL=p-46bb921b.entry.js.map

package/dist/genexus-ide-ui/{p-80e49324.entry.js.map → p-46bb921b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["welcomePageCss","ACTIVE_SLIDE_SELECTOR","ARROW_LEFT_KEY","ARROW_RIGHT_KEY","ESCAPE_KEY","SLIDE_FADE_DURATION","SLIDE_WORD_SELECTOR","SLIDE_WORD_SELECTOR_TIMEOUT","SLIDE_WORD_SELECTOR_VISIBLE","ICON_NEXT","getAssetPath","CLOSE_ICON","getIconPath","category","name","colorType","CSS_BUNDLES","GxIdeWelcomePage","_GxIdeWelcomePage_componentLocale","set","this","_GxIdeWelcomePage_slidesDescriptionAsChunksAlreadyDisplayed","Map","_GxIdeWelcomePage_slidesElements","_GxIdeWelcomePage_slidesElementsRef","_GxIdeWelcomePage_slideTimeOutId","_GxIdeWelcomePage_closeSlider","sliderVisible","setTimeout","el","remove","closeCallback","document","removeEventListener","__classPrivateFieldGet","_GxIdeWelcomePage_keyboardEventHandler","_GxIdeWelcomePage_initiateSlidesTransition","_GxIdeWelcomePage_slideTimeOut","call","addEventListener","_GxIdeWelcomePage_displayWords","wordsNodeList","forEach","word","index","classList","add","_GxIdeWelcomePage_dotClickedHandler","event","userHasChangedSlide","itemClicked","currentTarget","parseInt","getAttribute","_GxIdeWelcomePage_updateActiveSlide","goToPrevSlide","key","slideTransitioning","lastSlideReached","activeSlideIndex","goToNextSlide","closeSlider","_GxIdeWelcomePage_nextSlideHandler","_GxIdeWelcomePage_prevSlideHandler","newIndex","clearTimeout","autoChangeSlide","transitionType","itemsWordsCount","slides","listItems","itemsWords","map","item","title","description","length","mergedItemsWords","join","split","mergedDescription","words","timeBeforeNextSlide","_GxIdeWelcomePage_secondsToRead","__classPrivateFieldSet","wordsCount","wordsPerMinute","minutes","milliseconds","_GxIdeWelcomePage_renderSlides","slide","isLastSlide","h","class","ref","role","copyright","illustrationAriaLabel","src","illustration","url","alt","_a","paragraph","descriptionAsChunks","_GxIdeWelcomePage_splitWords","_b","onClick","startButtonCaption","newSlideIndex","activeSlide","nextSlideReference","displayDescriptionAsChunks","descriptionAsChunksDisplayedAlready","get","slideTimeOut","querySelectorAll","componentWillLoad","Locale","getComponentStrings","componentDidLoad","render","Host","model","main","style","slide__footer","_","slide__dot"],"sources":["src/components/welcome-page/welcome-page.scss?tag=gx-ide-welcome-page&encapsulation=shadow","src/components/welcome-page/welcome-page.tsx"],"sourcesContent":[":host {\n  --slide-header-block-padding: 34px;\n  --slide-footer-block: var(--mer-spacing--md) var(--mer-spacing--4xl);\n  --slide-footer-block-last-slide: var(--mer-spacing--md) 42px;\n  --slide-footer-navigation-hide-transition: var(--mer-timing--fast);\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: auto;\n  padding: var(--mer-spacing--lg);\n  box-sizing: border-box;\n  padding: var(--mer-spacing--xl);\n}\n\n.main {\n  display: grid;\n  place-self: center;\n  inline-size: 100%;\n  max-inline-size: 1100px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: 17px;\n  overflow: hidden;\n  border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);\n  inset-block-start: 0;\n  transition: opacity var(--slide-fade-duration);\n  opacity: 0;\n  pointer-events: none;\n\n  &--border-glow {\n    animation: borderColorCycle 2s infinite;\n  }\n  &--visible {\n    pointer-events: visible;\n    opacity: 1;\n  }\n}\n\n// - - - - - - - - - - - - -\n// Slide\n// - - - - - - - - - - - - -\n\n.slide {\n  display: grid;\n  block-size: 100%;\n  grid-template-areas:\n    \"header header\"\n    \"slide-wrapper slide-wrapper\"\n    \"footer footer\";\n  grid-template-rows: max-content 1fr max-content;\n\n  //  - - - - - Header\n\n  &__header {\n    padding-inline: 18px;\n    padding-block: 24px 27px;\n    display: flex;\n    flex-direction: row-reverse;\n    grid-area: header;\n  }\n\n  //  - - - - - Container\n\n  &__container {\n    display: contents;\n  }\n\n  &__wrapper {\n    display: grid;\n    column-gap: var(--mer-spacing--3xl);\n    grid-template-areas:\n      \"header header\"\n      \"illustration copy\"\n      \"footer footer\";\n    grid-template-rows: max-content 1fr max-content;\n    // grid-template-columns: 411px 1fr;\n    grid-template-columns: 1fr 1fr;\n    grid-area: slide-wrapper;\n    transition: var(--slide-fade-duration) opacity;\n    transition: opacity 200ms;\n    padding-inline: 48px;\n    opacity: 1;\n    z-index: 1;\n  }\n  &__wrapper:not(.active) {\n    opacity: 0;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  &__illustration {\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-area: illustration;\n    place-items: center;\n    inline-size: 100%;\n\n    &-img {\n      object-fit: contain;\n      block-size: 100%;\n      inline-size: 100%;\n    }\n  }\n\n  &__copy {\n    grid-area: copy;\n    place-self: center;\n    justify-self: flex-start;\n  }\n\n  &__copy-container {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    max-inline-size: 524px;\n  }\n\n  &__copy-header {\n    display: grid;\n    gap: var(--mer-spacing--md);\n  }\n\n  &__copy-title {\n    font-size: var(--mer-font__size--xl);\n    color: var(--mer-text__on-surface);\n    letter-spacing: 0.02em;\n    font-weight: var(--mer-font__weight--semi-bold);\n  }\n\n  &__copy-description {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    font-size: var(--mer-font__size--sm);\n    font-weight: var(--mer-font__weight--light);\n    line-height: var(--mer-line-height--spaced);\n  }\n\n  &__list {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    &-item {\n      &-title {\n        font-weight: var(--mer-font__weight--medium);\n      }\n    }\n  }\n\n  // words (if 'showTextInChunks' is true)\n  &__word {\n    transition: var(--mer-timing--regular) opacity;\n    opacity: 0;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n\n  //  - - - - - Footer\n\n  &__footer {\n    $hideDotsDuration: calc(var(--mer-timing--fast) + 200ms);\n    grid-area: footer;\n    display: grid;\n    padding-block: var(--slide-footer-block);\n    opacity: 1;\n\n    &-last-slide {\n      opacity: 0;\n      transition: $hideDotsDuration opacity;\n      pointer-events: none;\n      animation: footerPaddingBlockLastSlide var(--mer-timing--regular) ease-out\n        forwards $hideDotsDuration;\n    }\n  }\n\n  &__footer-wrapper {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: max-content;\n    gap: var(--mer-spacing--md);\n    align-items: center;\n    justify-content: center;\n    transition: var(--mer-timing--regular) opacity;\n    opacity: 1;\n\n    &-hidden {\n      opacity: 0;\n    }\n  }\n  &__dots {\n    display: grid;\n    gap: var(--mer-spacing--2xs);\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    grid-auto-flow: column;\n    grid-auto-columns: max-content;\n    justify-content: center;\n\n    &-inactive {\n      pointer-events: none;\n    }\n  }\n  &__dot {\n    display: grid;\n    padding: var(--mer-spacing--xs);\n    cursor: pointer;\n\n    &::before {\n      content: \"\";\n      place-self: center;\n      inline-size: var(--mer-spacing--sm);\n      block-size: var(--mer-spacing--sm);\n      border-radius: calc(var(--mer-spacing--sm) / 2);\n      background-color: var(--mer-color__neutral-gray--500);\n    }\n    &:hover::before {\n      background-color: var(--mer-icon__on-primary--hover);\n    }\n\n    &.active {\n      cursor: auto;\n      &::before {\n        background-color: var(--mer-accent__primary);\n        cursor: auto;\n      }\n    }\n\n    &-inactive {\n      pointer-events: none;\n    }\n  }\n}\n\n.close-icon {\n  transition: all var(--mer-timing--fast);\n  &:hover {\n    filter: brightness(1.5);\n  }\n}\n\n.start-button {\n  justify-self: start;\n  margin-block-start: 25px;\n}\n\n// - - - - - - - - - - - - - -\n// Animations\n// - - - - - - - - - - - - - -\n\n@keyframes ellipseFadeInOut {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 0.7;\n  }\n}\n@keyframes ellipseRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes polygonRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes borderColorCycle {\n  0% {\n    border-color: var(--mer-surface__elevation--01);\n  }\n  50% {\n    border-color: var(--mer-color__primary--400);\n  }\n  100% {\n    border-color: var(--mer-surface__elevation--01);\n  }\n}\n\n@keyframes footerPaddingBlockLastSlide {\n  0% {\n    padding-block: var(--slide-footer-block);\n  }\n  100% {\n    padding-block: var(--slide-footer-block-last-slide);\n  }\n}\n\n.fade-out {\n  animation: fadeOut 0.5s forwards 0.3s;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\n\nconst ACTIVE_SLIDE_SELECTOR = \"active\";\nconst ARROW_LEFT_KEY = \"ArrowLeft\";\nconst ARROW_RIGHT_KEY = \"ArrowRight\";\nconst ESCAPE_KEY = \"Escape\";\nconst SLIDE_FADE_DURATION = 300;\nconst SLIDE_WORD_SELECTOR = \".slide__word\";\nconst SLIDE_WORD_SELECTOR_TIMEOUT = 70;\nconst SLIDE_WORD_SELECTOR_VISIBLE = \"slide__word--visible\";\n\n// icons\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CLOSE_ICON = getIconPath({\n  category: \"system\",\n  name: \"close\",\n  colorType: \"on-elevation\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/icon\",\n  \"components/button\"\n];\n\n@Component({\n  tag: \"gx-ide-welcome-page\",\n  styleUrl: \"welcome-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/welcome-page\"]\n})\nexport class GxIdeWelcomePage {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #slidesDescriptionAsChunksAlreadyDisplayed: Map<number, boolean> = new Map();\n  #slidesElements: HTMLElement[] = [];\n  #slidesElementsRef: HTMLElement[] = [];\n  // #slidesDescriptionAsChunksAlreadyDisplayed is used to know if the description of a slide\n  // that is set to be displayed as chunks, has already been displayed. Used to not display\n  // as chunks after the first time.\n  #slideTimeOutId: NodeJS.Timeout;\n\n  @Element() el: HTMLGxIdeWelcomePageElement;\n\n  /**\n   * The current active slide index from 'slides' Prop. It does not considers the very first slide \"Copyright\".\n   */\n  @State() activeSlideIndex: number = 0;\n\n  /**\n   * When true the slider will be visible. Used to display and hide the slide with a smooth transition.\n   */\n  @State() displaySlider: boolean = false;\n\n  /**\n   * True if the very first slide is visible (The copyright slide)\n   */\n  @State() copyrightsVisible: boolean = true;\n\n  /**\n   * True if the user has reached the last slide. Used to hide/disable the navigation.\n   */\n  @State() lastSlideReached: boolean = false;\n\n  /**\n   * When true the slider will be visible. Used to display and hide the slider with a smooth transition.\n   */\n  @State() sliderVisible: boolean = false;\n\n  /**\n   * True if a slide is transitioning, false otherwise. Used to disable the navigation arrows while transitioning.\n   */\n  @State() slideTransitioning: boolean = false;\n\n  /**\n   * True if the user has changed slides by clicking on the navigation dots, or by using the keyboard arrows. This is used to know evaluate the slide transition setTimeOut. If the user has navigated, automatic slide transition should be turned off.\n   */\n  @State() userHasChangedSlide: boolean = false;\n\n  /**\n   * The transition type between the slides. \"static\" requires the user to navigate by clicking the navigation dots. \"auto\" will transition automatically after a calculated amount of time.\n   */\n  @Prop() readonly transitionType: TransitionType = \"auto\";\n\n  /**\n   * The estimated amount of words per minute that the user requires to read a slide. This value is used to return the time each slide is freezed before transitioning to the next one. Only evaluated when transitionType is set to \"auto\".\n   */\n  @Prop() readonly wordsPerMinute: number = 250;\n\n  /**\n   * Callback invoked when the user closes the slider by pressing the close button.\n   */\n  @Prop() readonly closeCallback!: CloseCallback;\n\n  /**\n   * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.\n   */\n  @Prop() readonly slides: SlideInfo[] = [];\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#renderSlides();\n  }\n\n  componentDidLoad() {\n    this.#slidesElementsRef[this.activeSlideIndex].classList.add(\n      ACTIVE_SLIDE_SELECTOR\n    );\n    this.sliderVisible = true;\n    this.#initiateSlidesTransition();\n  }\n\n  #closeSlider = () => {\n    this.sliderVisible = false;\n    setTimeout(() => {\n      // wait until the slide disappears, then remove.\n      this.el.remove();\n      this.closeCallback();\n      document.removeEventListener(\"keydown\", this.#keyboardEventHandler);\n    }, SLIDE_FADE_DURATION);\n  };\n\n  #initiateSlidesTransition = () => {\n    this.#slideTimeOut();\n    // listen to keydown events to navigate the slides with the arrows\n    document.addEventListener(\"keydown\", this.#keyboardEventHandler);\n  };\n\n  #displayWords = (wordsNodeList: NodeListOf<HTMLElement>) => {\n    wordsNodeList.forEach((word, index) => {\n      setTimeout(() => {\n        word.classList.add(SLIDE_WORD_SELECTOR_VISIBLE);\n      }, index * SLIDE_WORD_SELECTOR_TIMEOUT);\n    });\n  };\n\n  #dotClickedHandler = (event: MouseEvent) => {\n    this.userHasChangedSlide = true;\n    const itemClicked = event.currentTarget as HTMLElement;\n    const index = parseInt(itemClicked.getAttribute(\"data-index\"), 10);\n    this.#updateActiveSlide(index);\n  };\n\n  #keyboardEventHandler = (event: KeyboardEvent) => {\n    this.userHasChangedSlide = true;\n    const goToPrevSlide =\n      event.key === ARROW_LEFT_KEY &&\n      !this.slideTransitioning &&\n      !this.lastSlideReached &&\n      this.activeSlideIndex !== 0;\n\n    const goToNextSlide =\n      event.key === ARROW_RIGHT_KEY &&\n      !this.slideTransitioning &&\n      !this.lastSlideReached;\n\n    const closeSlider =\n      event.key === ESCAPE_KEY ||\n      (event.key === ARROW_RIGHT_KEY &&\n        !this.slideTransitioning &&\n        this.lastSlideReached);\n\n    if (goToNextSlide) {\n      this.#nextSlideHandler();\n    } else if (goToPrevSlide) {\n      this.#prevSlideHandler();\n    } else if (closeSlider) {\n      this.#closeSlider();\n    }\n  };\n\n  #nextSlideHandler = () => {\n    const newIndex = this.activeSlideIndex + 1;\n    this.#updateActiveSlide(newIndex);\n  };\n\n  #prevSlideHandler = () => {\n    const newIndex = this.activeSlideIndex - 1;\n    this.#updateActiveSlide(newIndex);\n  };\n\n  #slideTimeOut = () => {\n    // Clear any existing timeout\n    if (this.#slideTimeOutId) {\n      clearTimeout(this.#slideTimeOutId);\n    }\n\n    const autoChangeSlide =\n      this.transitionType === \"auto\" &&\n      !this.lastSlideReached &&\n      !this.userHasChangedSlide;\n\n    if (!autoChangeSlide) {\n      return;\n    }\n\n    let itemsWordsCount = 0;\n    if (this.slides[this.activeSlideIndex].listItems) {\n      const itemsWords = this.slides[this.activeSlideIndex].listItems.map(\n        item => {\n          return item.title + item.description;\n        }\n      );\n      if (itemsWords.length) {\n        const mergedItemsWords = itemsWords.join(\"\");\n        itemsWordsCount = mergedItemsWords.split(\" \").length;\n      }\n    }\n\n    const mergedDescription =\n      this.slides[this.activeSlideIndex].description.join(\"\");\n    const words = mergedDescription.split(\" \").length;\n    const timeBeforeNextSlide: number = this.#secondsToRead(\n      words + itemsWordsCount\n    );\n\n    // Set a fresh timeout\n    if (timeBeforeNextSlide) {\n      this.#slideTimeOutId = setTimeout(() => {\n        this.#nextSlideHandler();\n      }, timeBeforeNextSlide);\n    }\n  };\n\n  #secondsToRead = (\n    wordsCount: number,\n    wordsPerMinute = this.wordsPerMinute\n  ): number => {\n    const minutes = wordsCount / wordsPerMinute;\n    const milliseconds = minutes * 60000; // Convert minutes to milliseconds\n    return milliseconds;\n  };\n\n  #renderSlides = () => {\n    this.#slidesElements = this.slides.map((slide, index) => {\n      const isLastSlide = index === this.slides.length - 1;\n      return (\n        <section\n          class=\"slide__wrapper\"\n          ref={(el: HTMLElement) =>\n            (this.#slidesElementsRef[index] = el as HTMLElement)\n          }\n        >\n          <div\n            class=\"slide__illustration\"\n            role=\"img\"\n            aria-label={this.#componentLocale.copyright.illustrationAriaLabel}\n          >\n            <img\n              class=\"slide__illustration-img\"\n              src={slide.illustration.url}\n              alt={slide.illustration.alt}\n            />\n          </div>\n          <section class=\"slide__copy\">\n            <div class=\"slide__copy-container\">\n              <header class=\"slide__copy-header\">\n                <img src={ICON_NEXT} alt=\"GeneXus Next isologotype\" />\n                <h2 class=\"slide__copy-title\">{slide.title}</h2>\n              </header>\n              <div class=\"slide__copy-description\">\n                {slide.description?.map(paragraph => {\n                  return (\n                    <p>\n                      {slide.descriptionAsChunks\n                        ? this.#splitWords(paragraph)\n                        : paragraph}\n                    </p>\n                  );\n                })}\n                {slide.listItems?.length && (\n                  <ul class=\"slide__list\">\n                    {slide.listItems.map(item => {\n                      return (\n                        <li class=\"slide__list-item\">\n                          <strong class=\"slide__list-item-title\">\n                            {item.title}\n                          </strong>{\" \"}\n                          {item.description}\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n              </div>\n              {isLastSlide && (\n                <button\n                  class=\"button-primary start-button\"\n                  onClick={this.#closeSlider}\n                >\n                  {this.#componentLocale.startButtonCaption}\n                </button>\n              )}\n            </div>\n          </section>\n        </section>\n      );\n    });\n  };\n\n  #splitWords = (paragraph: string): HTMLSpanElement[] => {\n    return paragraph.split(\" \").map(word => {\n      // keep the space after {word} !\n      return <span class=\"slide__word\">{word} </span>;\n    });\n  };\n\n  #updateActiveSlide = (newSlideIndex: number) => {\n    this.slideTransitioning = true;\n\n    // unset current active slide\n    const activeSlide = this.#slidesElementsRef[this.activeSlideIndex];\n    activeSlide.classList.remove(ACTIVE_SLIDE_SELECTOR);\n\n    const nextSlideReference = this.#slidesElementsRef[newSlideIndex];\n    const displayDescriptionAsChunks =\n      this.slides[newSlideIndex].descriptionAsChunks;\n    const descriptionAsChunksDisplayedAlready =\n      this.#slidesDescriptionAsChunksAlreadyDisplayed.get(newSlideIndex);\n    let wordsCount;\n    let wordsNodeList: NodeListOf<HTMLElement>;\n    let slideTimeOut = 0;\n    if (displayDescriptionAsChunks) {\n      wordsNodeList = nextSlideReference.querySelectorAll(SLIDE_WORD_SELECTOR);\n      wordsCount = wordsNodeList.length;\n      slideTimeOut = wordsCount * SLIDE_WORD_SELECTOR_TIMEOUT;\n    }\n\n    this.lastSlideReached = newSlideIndex === this.slides.length - 1;\n\n    // set new slide as active after fade out\n    setTimeout(() => {\n      nextSlideReference.classList.add(ACTIVE_SLIDE_SELECTOR);\n\n      if (displayDescriptionAsChunks && !descriptionAsChunksDisplayedAlready) {\n        this.#slidesDescriptionAsChunksAlreadyDisplayed.set(\n          newSlideIndex,\n          true\n        );\n        this.#displayWords(wordsNodeList);\n        setTimeout(() => {\n          this.slideTransitioning = false;\n        }, slideTimeOut);\n      } else {\n        this.slideTransitioning = false;\n      }\n    }, SLIDE_FADE_DURATION);\n\n    // update active slide index\n    this.activeSlideIndex = newSlideIndex;\n    this.#slideTimeOut(); // this has to be after this.#updateActiveSlide.\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{\n            \"main\": true,\n            \"main--visible\": this.sliderVisible,\n            \"main--border-glow\": this.lastSlideReached\n          }}\n          style={{ \"--slide-fade-duration\": `${SLIDE_FADE_DURATION}ms` }}\n        >\n          <section class=\"slide\">\n            <header class=\"slide__header\">\n              <button\n                class=\"button-tertiary button-icon-only close-icon\"\n                aria-label=\"close presentation\"\n                onClick={this.#closeSlider}\n              >\n                <ch-image class=\"icon-md\" src={CLOSE_ICON}></ch-image>\n              </button>\n            </header>\n            <div class=\"slide__container\">{this.#slidesElements}</div>\n            <footer\n              // slide common footer\n              class={{\n                slide__footer: true\n              }}\n            >\n              <div\n                class={{\n                  \"slide__footer-wrapper\": true\n                }}\n              >\n                <ul class=\"slide__dots\" aria-label=\"Slide indicators\">\n                  {this.slides.map((_, index) => {\n                    return (\n                      <li\n                        class={{\n                          \"slide__dot\": true,\n                          \"slide__dot-inactive\": this.slideTransitioning,\n                          [ACTIVE_SLIDE_SELECTOR]:\n                            index === this.activeSlideIndex\n                        }}\n                        data-index={index}\n                        onClick={\n                          !this.slideTransitioning && this.#dotClickedHandler\n                        }\n                      ></li>\n                    );\n                  })}\n                </ul>\n              </div>\n            </footer>\n          </section>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type SlideInfo = {\n  illustration: {\n    url: string;\n    alt: string;\n  };\n  title: string;\n  description?: string[];\n  descriptionAsChunks?: boolean;\n  listItems?: Array<{\n    title: string;\n    description: string;\n  }>;\n};\n\nexport type CloseCallback = () => Promise<void>;\nexport type TransitionType = \"static\" | \"auto\";\n"],"mappings":"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"}
+{"version":3,"names":["welcomePageCss","ACTIVE_SLIDE_SELECTOR","ARROW_LEFT_KEY","ARROW_RIGHT_KEY","ESCAPE_KEY","SLIDE_FADE_DURATION","SLIDE_WORD_SELECTOR","SLIDE_WORD_SELECTOR_TIMEOUT","SLIDE_WORD_SELECTOR_VISIBLE","ICON_NEXT","getAssetPath","CLOSE_ICON","getIconPath","category","name","colorType","CSS_BUNDLES","GxIdeWelcomePage","_GxIdeWelcomePage_componentLocale","set","this","_GxIdeWelcomePage_slidesDescriptionAsChunksAlreadyDisplayed","Map","_GxIdeWelcomePage_slidesElements","_GxIdeWelcomePage_slidesElementsRef","_GxIdeWelcomePage_slideTimeOutId","_GxIdeWelcomePage_closeSlider","sliderVisible","setTimeout","el","remove","closeCallback","document","removeEventListener","__classPrivateFieldGet","_GxIdeWelcomePage_keyboardEventHandler","_GxIdeWelcomePage_initiateSlidesTransition","_GxIdeWelcomePage_slideTimeOut","call","addEventListener","_GxIdeWelcomePage_displayWords","wordsNodeList","forEach","word","index","classList","add","_GxIdeWelcomePage_dotClickedHandler","event","userHasChangedSlide","itemClicked","currentTarget","parseInt","getAttribute","_GxIdeWelcomePage_updateActiveSlide","goToPrevSlide","key","slideTransitioning","lastSlideReached","activeSlideIndex","goToNextSlide","closeSlider","_GxIdeWelcomePage_nextSlideHandler","_GxIdeWelcomePage_prevSlideHandler","newIndex","clearTimeout","autoChangeSlide","transitionType","itemsWordsCount","slides","listItems","itemsWords","map","item","title","description","length","mergedItemsWords","join","split","mergedDescription","words","timeBeforeNextSlide","_GxIdeWelcomePage_secondsToRead","__classPrivateFieldSet","wordsCount","wordsPerMinute","minutes","milliseconds","_GxIdeWelcomePage_renderSlides","slide","isLastSlide","h","class","ref","role","copyright","illustrationAriaLabel","src","illustration","url","alt","_a","paragraph","descriptionAsChunks","_GxIdeWelcomePage_splitWords","_b","onClick","startButtonCaption","newSlideIndex","activeSlide","nextSlideReference","displayDescriptionAsChunks","descriptionAsChunksDisplayedAlready","get","slideTimeOut","querySelectorAll","componentWillLoad","Locale","getComponentStrings","componentDidLoad","render","Host","model","main","style","slide__footer","_","slide__dot"],"sources":["src/components/welcome-page/welcome-page.scss?tag=gx-ide-welcome-page&encapsulation=shadow","src/components/welcome-page/welcome-page.tsx"],"sourcesContent":[":host {\n  --slide-header-block-padding: 34px;\n  --slide-footer-block: var(--mer-spacing--md) var(--mer-spacing--4xl);\n  --slide-footer-block-last-slide: var(--mer-spacing--md) 42px;\n  --slide-footer-navigation-hide-transition: var(--mer-timing--fast);\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: auto;\n  padding: var(--mer-spacing--lg);\n  box-sizing: border-box;\n  padding: var(--mer-spacing--xl);\n}\n\n.main {\n  display: grid;\n  place-self: center;\n  inline-size: 100%;\n  max-inline-size: 1100px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: 17px;\n  overflow: hidden;\n  border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);\n  inset-block-start: 0;\n  transition: opacity var(--slide-fade-duration);\n  opacity: 0;\n  pointer-events: none;\n\n  &--border-glow {\n    animation: borderColorCycle 2s infinite;\n  }\n  &--visible {\n    pointer-events: visible;\n    opacity: 1;\n  }\n}\n\n// - - - - - - - - - - - - -\n// Slide\n// - - - - - - - - - - - - -\n\n.slide {\n  display: grid;\n  block-size: 100%;\n  grid-template-areas:\n    \"header header\"\n    \"slide-wrapper slide-wrapper\"\n    \"footer footer\";\n  grid-template-rows: max-content 1fr max-content;\n\n  //  - - - - - Header\n\n  &__header {\n    padding-inline: 18px;\n    padding-block: 24px 27px;\n    display: flex;\n    flex-direction: row-reverse;\n    grid-area: header;\n  }\n\n  //  - - - - - Container\n\n  &__container {\n    display: contents;\n  }\n\n  &__wrapper {\n    display: grid;\n    column-gap: var(--mer-spacing--3xl);\n    grid-template-areas:\n      \"header header\"\n      \"illustration copy\"\n      \"footer footer\";\n    grid-template-rows: max-content 1fr max-content;\n    // grid-template-columns: 411px 1fr;\n    grid-template-columns: 1fr 1fr;\n    grid-area: slide-wrapper;\n    transition: var(--slide-fade-duration) opacity;\n    transition: opacity 200ms;\n    padding-inline: 48px;\n    opacity: 1;\n    z-index: 1;\n  }\n  &__wrapper:not(.active) {\n    opacity: 0;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  &__illustration {\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-area: illustration;\n    place-items: center;\n    inline-size: 100%;\n\n    &-img {\n      object-fit: contain;\n      block-size: 100%;\n      inline-size: 100%;\n    }\n  }\n\n  &__copy {\n    grid-area: copy;\n    place-self: center;\n    justify-self: flex-start;\n  }\n\n  &__copy-container {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    max-inline-size: 524px;\n  }\n\n  &__copy-header {\n    display: grid;\n    gap: var(--mer-spacing--md);\n  }\n\n  &__copy-title {\n    font-size: var(--mer-font__size--xl);\n    color: var(--mer-text__on-surface);\n    letter-spacing: 0.02em;\n    font-weight: var(--mer-font__weight--semi-bold);\n  }\n\n  &__copy-description {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    font-size: var(--mer-font__size--sm);\n    font-weight: var(--mer-font__weight--light);\n    line-height: var(--mer-line-height--spaced);\n  }\n\n  &__list {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    &-item {\n      &-title {\n        font-weight: var(--mer-font__weight--medium);\n      }\n    }\n  }\n\n  // words (if 'showTextInChunks' is true)\n  &__word {\n    transition: var(--mer-timing--regular) opacity;\n    opacity: 0;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n\n  //  - - - - - Footer\n\n  &__footer {\n    $hideDotsDuration: calc(var(--mer-timing--fast) + 200ms);\n    grid-area: footer;\n    display: grid;\n    padding-block: var(--slide-footer-block);\n    opacity: 1;\n\n    &-last-slide {\n      opacity: 0;\n      transition: $hideDotsDuration opacity;\n      pointer-events: none;\n      animation: footerPaddingBlockLastSlide var(--mer-timing--regular) ease-out\n        forwards $hideDotsDuration;\n    }\n  }\n\n  &__footer-wrapper {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: max-content;\n    gap: var(--mer-spacing--md);\n    align-items: center;\n    justify-content: center;\n    transition: var(--mer-timing--regular) opacity;\n    opacity: 1;\n\n    &-hidden {\n      opacity: 0;\n    }\n  }\n  &__dots {\n    display: grid;\n    gap: var(--mer-spacing--2xs);\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    grid-auto-flow: column;\n    grid-auto-columns: max-content;\n    justify-content: center;\n\n    &-inactive {\n      pointer-events: none;\n    }\n  }\n  &__dot {\n    display: grid;\n    padding: var(--mer-spacing--xs);\n    cursor: pointer;\n\n    &::before {\n      content: \"\";\n      place-self: center;\n      inline-size: var(--mer-spacing--sm);\n      block-size: var(--mer-spacing--sm);\n      border-radius: calc(var(--mer-spacing--sm) / 2);\n      background-color: var(--mer-color__neutral-gray--500);\n    }\n    &:hover::before {\n      background-color: var(--mer-icon__on-primary--hover);\n    }\n\n    &.active {\n      cursor: auto;\n      &::before {\n        background-color: var(--mer-accent__primary);\n        cursor: auto;\n      }\n    }\n\n    &-inactive {\n      pointer-events: none;\n    }\n  }\n}\n\n.close-icon {\n  transition: all var(--mer-timing--fast);\n  &:hover {\n    filter: brightness(1.5);\n  }\n}\n\n.start-button {\n  justify-self: start;\n  margin-block-start: 25px;\n}\n\n// - - - - - - - - - - - - - -\n// Animations\n// - - - - - - - - - - - - - -\n\n@keyframes ellipseFadeInOut {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 0.7;\n  }\n}\n@keyframes ellipseRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes polygonRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes borderColorCycle {\n  0% {\n    border-color: var(--mer-surface__elevation--01);\n  }\n  50% {\n    border-color: var(--mer-color__primary--400);\n  }\n  100% {\n    border-color: var(--mer-surface__elevation--01);\n  }\n}\n\n@keyframes footerPaddingBlockLastSlide {\n  0% {\n    padding-block: var(--slide-footer-block);\n  }\n  100% {\n    padding-block: var(--slide-footer-block-last-slide);\n  }\n}\n\n.fade-out {\n  animation: fadeOut 0.5s forwards 0.3s;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\n\nconst ACTIVE_SLIDE_SELECTOR = \"active\";\nconst ARROW_LEFT_KEY = \"ArrowLeft\";\nconst ARROW_RIGHT_KEY = \"ArrowRight\";\nconst ESCAPE_KEY = \"Escape\";\nconst SLIDE_FADE_DURATION = 300;\nconst SLIDE_WORD_SELECTOR = \".slide__word\";\nconst SLIDE_WORD_SELECTOR_TIMEOUT = 70;\nconst SLIDE_WORD_SELECTOR_VISIBLE = \"slide__word--visible\";\n\n// icons\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CLOSE_ICON = getIconPath({\n  category: \"system\",\n  name: \"close\",\n  colorType: \"on-elevation\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/icon\",\n  \"components/button\"\n];\n\n@Component({\n  tag: \"gx-ide-welcome-page\",\n  styleUrl: \"welcome-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/welcome-page\"]\n})\nexport class GxIdeWelcomePage {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #slidesDescriptionAsChunksAlreadyDisplayed: Map<number, boolean> = new Map();\n  #slidesElements: HTMLElement[] = [];\n  #slidesElementsRef: HTMLElement[] = [];\n  // #slidesDescriptionAsChunksAlreadyDisplayed is used to know if the description of a slide\n  // that is set to be displayed as chunks, has already been displayed. Used to not display\n  // as chunks after the first time.\n  #slideTimeOutId: NodeJS.Timeout;\n\n  @Element() el: HTMLGxIdeWelcomePageElement;\n\n  /**\n   * The current active slide index from 'slides' Prop. It does not considers the very first slide \"Copyright\".\n   */\n  @State() activeSlideIndex: number = 0;\n\n  /**\n   * When true the slider will be visible. Used to display and hide the slide with a smooth transition.\n   */\n  @State() displaySlider: boolean = false;\n\n  /**\n   * True if the very first slide is visible (The copyright slide)\n   */\n  @State() copyrightsVisible: boolean = true;\n\n  /**\n   * True if the user has reached the last slide. Used to hide/disable the navigation.\n   */\n  @State() lastSlideReached: boolean = false;\n\n  /**\n   * When true the slider will be visible. Used to display and hide the slider with a smooth transition.\n   */\n  @State() sliderVisible: boolean = false;\n\n  /**\n   * True if a slide is transitioning, false otherwise. Used to disable the navigation arrows while transitioning.\n   */\n  @State() slideTransitioning: boolean = false;\n\n  /**\n   * True if the user has changed slides by clicking on the navigation dots, or by using the keyboard arrows. This is used to know evaluate the slide transition setTimeOut. If the user has navigated, automatic slide transition should be turned off.\n   */\n  @State() userHasChangedSlide: boolean = false;\n\n  /**\n   * The transition type between the slides. \"static\" requires the user to navigate by clicking the navigation dots. \"auto\" will transition automatically after a calculated amount of time.\n   */\n  @Prop() readonly transitionType: TransitionType = \"auto\";\n\n  /**\n   * The estimated amount of words per minute that the user requires to read a slide. This value is used to return the time each slide is freezed before transitioning to the next one. Only evaluated when transitionType is set to \"auto\".\n   */\n  @Prop() readonly wordsPerMinute: number = 250;\n\n  /**\n   * Callback invoked when the user closes the slider by pressing the close button.\n   */\n  @Prop() readonly closeCallback!: CloseCallback;\n\n  /**\n   * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.\n   */\n  @Prop() readonly slides: SlideInfo[] = [];\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#renderSlides();\n  }\n\n  componentDidLoad() {\n    this.#slidesElementsRef[this.activeSlideIndex].classList.add(\n      ACTIVE_SLIDE_SELECTOR\n    );\n    this.sliderVisible = true;\n    this.#initiateSlidesTransition();\n  }\n\n  #closeSlider = () => {\n    this.sliderVisible = false;\n    setTimeout(() => {\n      // wait until the slide disappears, then remove.\n      this.el.remove();\n      this.closeCallback();\n      document.removeEventListener(\"keydown\", this.#keyboardEventHandler);\n    }, SLIDE_FADE_DURATION);\n  };\n\n  #initiateSlidesTransition = () => {\n    this.#slideTimeOut();\n    // listen to keydown events to navigate the slides with the arrows\n    document.addEventListener(\"keydown\", this.#keyboardEventHandler);\n  };\n\n  #displayWords = (wordsNodeList: NodeListOf<HTMLElement>) => {\n    wordsNodeList.forEach((word, index) => {\n      setTimeout(() => {\n        word.classList.add(SLIDE_WORD_SELECTOR_VISIBLE);\n      }, index * SLIDE_WORD_SELECTOR_TIMEOUT);\n    });\n  };\n\n  #dotClickedHandler = (event: MouseEvent) => {\n    this.userHasChangedSlide = true;\n    const itemClicked = event.currentTarget as HTMLElement;\n    const index = parseInt(itemClicked.getAttribute(\"data-index\"), 10);\n    this.#updateActiveSlide(index);\n  };\n\n  #keyboardEventHandler = (event: KeyboardEvent) => {\n    this.userHasChangedSlide = true;\n    const goToPrevSlide =\n      event.key === ARROW_LEFT_KEY &&\n      !this.slideTransitioning &&\n      !this.lastSlideReached &&\n      this.activeSlideIndex !== 0;\n\n    const goToNextSlide =\n      event.key === ARROW_RIGHT_KEY &&\n      !this.slideTransitioning &&\n      !this.lastSlideReached;\n\n    const closeSlider =\n      event.key === ESCAPE_KEY ||\n      (event.key === ARROW_RIGHT_KEY &&\n        !this.slideTransitioning &&\n        this.lastSlideReached);\n\n    if (goToNextSlide) {\n      this.#nextSlideHandler();\n    } else if (goToPrevSlide) {\n      this.#prevSlideHandler();\n    } else if (closeSlider) {\n      this.#closeSlider();\n    }\n  };\n\n  #nextSlideHandler = () => {\n    const newIndex = this.activeSlideIndex + 1;\n    this.#updateActiveSlide(newIndex);\n  };\n\n  #prevSlideHandler = () => {\n    const newIndex = this.activeSlideIndex - 1;\n    this.#updateActiveSlide(newIndex);\n  };\n\n  #slideTimeOut = () => {\n    // Clear any existing timeout\n    if (this.#slideTimeOutId) {\n      clearTimeout(this.#slideTimeOutId);\n    }\n\n    const autoChangeSlide =\n      this.transitionType === \"auto\" &&\n      !this.lastSlideReached &&\n      !this.userHasChangedSlide;\n\n    if (!autoChangeSlide) {\n      return;\n    }\n\n    let itemsWordsCount = 0;\n    if (this.slides[this.activeSlideIndex].listItems) {\n      const itemsWords = this.slides[this.activeSlideIndex].listItems.map(\n        item => {\n          return item.title + item.description;\n        }\n      );\n      if (itemsWords.length) {\n        const mergedItemsWords = itemsWords.join(\"\");\n        itemsWordsCount = mergedItemsWords.split(\" \").length;\n      }\n    }\n\n    const mergedDescription =\n      this.slides[this.activeSlideIndex].description.join(\"\");\n    const words = mergedDescription.split(\" \").length;\n    const timeBeforeNextSlide: number = this.#secondsToRead(\n      words + itemsWordsCount\n    );\n\n    // Set a fresh timeout\n    if (timeBeforeNextSlide) {\n      this.#slideTimeOutId = setTimeout(() => {\n        this.#nextSlideHandler();\n      }, timeBeforeNextSlide);\n    }\n  };\n\n  #secondsToRead = (\n    wordsCount: number,\n    wordsPerMinute = this.wordsPerMinute\n  ): number => {\n    const minutes = wordsCount / wordsPerMinute;\n    const milliseconds = minutes * 60000; // Convert minutes to milliseconds\n    return milliseconds;\n  };\n\n  #renderSlides = () => {\n    this.#slidesElements = this.slides.map((slide, index) => {\n      const isLastSlide = index === this.slides.length - 1;\n      return (\n        <section\n          class=\"slide__wrapper\"\n          ref={(el: HTMLElement) =>\n            (this.#slidesElementsRef[index] = el as HTMLElement)\n          }\n        >\n          <div\n            class=\"slide__illustration\"\n            role=\"img\"\n            aria-label={this.#componentLocale.copyright.illustrationAriaLabel}\n          >\n            <img\n              class=\"slide__illustration-img\"\n              src={slide.illustration.url}\n              alt={slide.illustration.alt}\n            />\n          </div>\n          <section class=\"slide__copy\">\n            <div class=\"slide__copy-container\">\n              <header class=\"slide__copy-header\">\n                <img src={ICON_NEXT} alt=\"GeneXus Next isologotype\" />\n                <h2 class=\"slide__copy-title\">{slide.title}</h2>\n              </header>\n              <div class=\"slide__copy-description\">\n                {slide.description?.map(paragraph => {\n                  return (\n                    <p>\n                      {slide.descriptionAsChunks\n                        ? this.#splitWords(paragraph)\n                        : paragraph}\n                    </p>\n                  );\n                })}\n                {slide.listItems?.length && (\n                  <ul class=\"slide__list\">\n                    {slide.listItems.map(item => {\n                      return (\n                        <li class=\"slide__list-item\">\n                          <strong class=\"slide__list-item-title\">\n                            {item.title}\n                          </strong>{\" \"}\n                          {item.description}\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n              </div>\n              {isLastSlide && (\n                <button\n                  class=\"button-primary start-button\"\n                  onClick={this.#closeSlider}\n                >\n                  {this.#componentLocale.startButtonCaption}\n                </button>\n              )}\n            </div>\n          </section>\n        </section>\n      );\n    });\n  };\n\n  #splitWords = (paragraph: string): HTMLSpanElement[] => {\n    return paragraph.split(\" \").map(word => {\n      // keep the space after {word} !\n      return <span class=\"slide__word\">{word} </span>;\n    });\n  };\n\n  #updateActiveSlide = (newSlideIndex: number) => {\n    this.slideTransitioning = true;\n\n    // unset current active slide\n    const activeSlide = this.#slidesElementsRef[this.activeSlideIndex];\n    activeSlide.classList.remove(ACTIVE_SLIDE_SELECTOR);\n\n    const nextSlideReference = this.#slidesElementsRef[newSlideIndex];\n    const displayDescriptionAsChunks =\n      this.slides[newSlideIndex].descriptionAsChunks;\n    const descriptionAsChunksDisplayedAlready =\n      this.#slidesDescriptionAsChunksAlreadyDisplayed.get(newSlideIndex);\n    let wordsCount;\n    let wordsNodeList: NodeListOf<HTMLElement>;\n    let slideTimeOut = 0;\n    if (displayDescriptionAsChunks) {\n      wordsNodeList = nextSlideReference.querySelectorAll(SLIDE_WORD_SELECTOR);\n      wordsCount = wordsNodeList.length;\n      slideTimeOut = wordsCount * SLIDE_WORD_SELECTOR_TIMEOUT;\n    }\n\n    this.lastSlideReached = newSlideIndex === this.slides.length - 1;\n\n    // set new slide as active after fade out\n    setTimeout(() => {\n      nextSlideReference.classList.add(ACTIVE_SLIDE_SELECTOR);\n\n      if (displayDescriptionAsChunks && !descriptionAsChunksDisplayedAlready) {\n        this.#slidesDescriptionAsChunksAlreadyDisplayed.set(\n          newSlideIndex,\n          true\n        );\n        this.#displayWords(wordsNodeList);\n        setTimeout(() => {\n          this.slideTransitioning = false;\n        }, slideTimeOut);\n      } else {\n        this.slideTransitioning = false;\n      }\n    }, SLIDE_FADE_DURATION);\n\n    // update active slide index\n    this.activeSlideIndex = newSlideIndex;\n    this.#slideTimeOut(); // this has to be after this.#updateActiveSlide.\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{\n            \"main\": true,\n            \"main--visible\": this.sliderVisible,\n            \"main--border-glow\": this.lastSlideReached\n          }}\n          style={{ \"--slide-fade-duration\": `${SLIDE_FADE_DURATION}ms` }}\n        >\n          <section class=\"slide\">\n            <header class=\"slide__header\">\n              <button\n                class=\"button-tertiary button-icon-only close-icon\"\n                aria-label=\"close presentation\"\n                onClick={this.#closeSlider}\n              >\n                <ch-image class=\"icon-md\" src={CLOSE_ICON}></ch-image>\n              </button>\n            </header>\n            <div class=\"slide__container\">{this.#slidesElements}</div>\n            <footer\n              // slide common footer\n              class={{\n                slide__footer: true\n              }}\n            >\n              <div\n                class={{\n                  \"slide__footer-wrapper\": true\n                }}\n              >\n                <ul class=\"slide__dots\" aria-label=\"Slide indicators\">\n                  {this.slides.map((_, index) => {\n                    return (\n                      <li\n                        class={{\n                          \"slide__dot\": true,\n                          \"slide__dot-inactive\": this.slideTransitioning,\n                          [ACTIVE_SLIDE_SELECTOR]:\n                            index === this.activeSlideIndex\n                        }}\n                        data-index={index}\n                        onClick={\n                          !this.slideTransitioning && this.#dotClickedHandler\n                        }\n                      ></li>\n                    );\n                  })}\n                </ul>\n              </div>\n            </footer>\n          </section>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type SlideInfo = {\n  illustration: {\n    url: string;\n    alt: string;\n  };\n  title: string;\n  description?: string[];\n  descriptionAsChunks?: boolean;\n  listItems?: Array<{\n    title: string;\n    description: string;\n  }>;\n};\n\nexport type CloseCallback = () => Promise<void>;\nexport type TransitionType = \"static\" | \"auto\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-11a60dbe.entry.js → p-506760d7.entry.js}

@@ -1,6 +1,14 @@
 import { r as t, g as e, h as i, H as s, a } from "./p-97107ecc.js";
 
-import { g as l } from "./p-401bfc97.js";
+import { g as l } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -522,4 +530,4 @@ L = new WeakMap, K = new WeakMap, V = new WeakMap, A = new WeakMap, B = new Weak
 O.style = d;
 
 export { O as gx_ide_object_selector };
-//# sourceMappingURL=p-11a60dbe.entry.js.map
+//# sourceMappingURL=p-506760d7.entry.js.map

package/dist/genexus-ide-ui/{p-11a60dbe.entry.js.map → p-506760d7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","mapCategoryToComboBoxItemModel","categoryModel","category","label","objectSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","colorType","USER_ICON","MODIFIED_ACCORDION_MODEL","expanded","TODAY","GxIdeObjectSelector","_GxIdeObjectSelector_componentLocale","set","this","_GxIdeObjectSelector_shortcutsSrc","getAssetPath","_GxIdeObjectSelector_afterModel","_GxIdeObjectSelector_patternInput","_GxIdeObjectSelector_typeComboBox","_GxIdeObjectSelector_categoryComboBox","_GxIdeObjectSelector_moduleEntitySelector","_GxIdeObjectSelector_afterTypeComboBox","_GxIdeObjectSelector_userInput","_GxIdeObjectSelector_modifiedDateInput","_GxIdeObjectSelector_objectsGrid","_GxIdeObjectSelector_shortcutsEl","_GxIdeObjectSelector_cancelCallbackHandler","cancelCallback","_GxIdeObjectSelector_chGridKeyDownHandler","e","key","__classPrivateFieldGet","_GxIdeObjectSelector_openSelectionCallbackHandler","call","_GxIdeObjectSelector_deselectAll","selectAllRows","_GxIdeObjectSelector_evaluateObjectsCount","type","locale","selectedObjectsIdsArray","length","objCount","selected","none","one","many","objects","matching","_GxIdeObjectSelector_getToday","now","Date","date","toISOString","split","time","slice","_GxIdeObjectSelector_handleAfterValueChange","event","modifiedAfterValue","detail","FILTER_AFTER","DATE_TIME","_GxIdeObjectSelector_refreshUIWithNewConfiguration","_GxIdeObjectSelector_handleObjectsSelectionChange","rowsId","_GxIdeObjectSelector_hostKeyPressHandler","stopPropagation","_GxIdeObjectSelector_newObjectCallbackHandler","newObjectCallback","openSelectionCallback","modifiedAfter","user","_b","_a","trim","filters","pattern","_c","module","_e","_d","modifiedBy","modifiedDate","_f","loading","loadCallback","then","_GxIdeObjectSelector_sortObjectsByName","_GxIdeObjectSelector_renderFilter","h","class","htmlFor","filter","accessibleName","debounce","config","inputDebounce","part","patternValue","mode","ref","el","__classPrivateFieldSet","onInput","disabled","types","defaultType","model","categories","defaultCategory","defaultModule","labelCaption","labelPosition","onValueChanged","defaultValue","selectEntityCallback","selectModuleCallback","slot","after","startImgSrc","dateTime","max","_GxIdeObjectSelector_renderFooter","onClick","undefined","footer","btnNew","btnCancel","multiSelection","_GxIdeObjectSelector_selectAll","btnSelectAll","btnConfirm","_GxIdeObjectSelector_renderObjects","rowSelectionMode","onKeyDown","onSelectionChanged","onDblClick","settingable","size","tabularGrid","colSize","maxContent","tableHead","description","commonDouble","importDate","obj","rowid","src","icon","formatDate","loader","loaderTitle","title","show","stateIconSrc","stateTitle","emptyState","_GxIdeObjectSelector_setAfterDefaultValue","NONE","_GxIdeObjectSelector_setAfterOptions","afterNone","IMPORT","LAST_BUILD","sort","a","b","nameA","toLowerCase","nameB","connectedCallback","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","Host","onKeyPress"],"sources":["src/components/object-selector/helpers.ts","src/components/object-selector/object-selector.scss?tag=gx-ide-object-selector&encapsulation=shadow","src/components/object-selector/object-selector.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType, GxOption } from \"../../common/types\";\n// - - - - - - - - - - - -\n// Data Mappings\n// - - - - - - - - - - - -\n\n// ch-combo-box-render\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name\n  }));\nexport const mapCategoryToComboBoxItemModel = (\n  categoryModel: GxOption[]\n): ComboBoxModel =>\n  categoryModel.map(category => ({\n    value: category.id,\n    caption: category.label\n  }));\n","@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n\n:host {\n  block-size: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n/* Filters */\n.filter-layout {\n  grid-template:\n    \"pattern type\"\n    \"category module\"\n    \"modified modified\";\n  grid-template-columns: 1fr 1fr;\n}\n.pattern {\n  grid-area: pattern;\n}\n.type {\n  grid-area: type;\n}\n.category {\n  grid-area: category;\n}\n.module {\n  grid-area: module;\n}\n.modified-accordion {\n  grid-area: modified;\n  display: flex;\n  flex-direction: column;\n}\n.field-group-modified {\n  grid-template-columns: 1fr 1fr 1fr;\n}\n.input-date-time {\n  // TODO: Mercury controls block-size should be defined by a variable,\n  // instead of the sum of the font-size + line-height + padding-block.\n  // once this is updated, the block-size defined bellow should not be\n  // required anymore.\n\n  block-size: calc(\n    var(--control__font-size--regular) * var(--control__line-height) +\n      var(--control__padding-block) * 2 + var(--control__border-width) * 2\n  );\n}\n\ngx-ide-container::part(content) {\n  // only apply display grid when the loader is being displayed, to stretch the container.\n  display: grid;\n}\n\n/*tabular grid*/\nch-tabular-grid {\n  overflow: auto;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-object-selector\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n\n// Objects Table\n.objects-count {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  border-block-start: var(--mer-border__width--sm) solid\n    var(--mer-color__elevation--04);\n}\n.objects-selected,\n.objects-matching {\n  padding-block-end: var(--mer-spacing--xs);\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\ninput::-webkit-datetime-edit-fields-wrapper {\n  // WA remove padding to force this input block-size to be the same as other\n  // mercury controls block size.\n  padding: none;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  AccordionModel,\n  ComboBoxModel,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { EntityData, GxOption, ObjectType } from \"../../common/types\";\nimport { formatDate } from \"../../common/helpers\";\nimport {\n  mapObjectTypeToComboBoxItemModel,\n  mapCategoryToComboBoxItemModel\n} from \"./helpers\";\nimport { FILTER_AFTER, FilterAfterValue } from \"../../common/constants\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"components/accordion\",\n  \"components/tabular-grid\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\n\nconst MODIFIED_ACCORDION_MODEL: AccordionModel = [\n  {\n    id: \"modified\",\n    caption: \"Modified\",\n    expanded: false\n  }\n];\n\nlet TODAY: string = null;\n\n@Component({\n  tag: \"gx-ide-object-selector\",\n  styleUrl: \"object-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/object-selector\"]\n})\nexport class GxIdeObjectSelector {\n  #componentLocale: any;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  #afterModel: ComboBoxModel = null;\n\n  @Element() el: HTMLGxIdeObjectSelectorElement;\n\n  /* References needed to collect data */\n  #patternInput!: HTMLChEditElement;\n  #typeComboBox!: HTMLChComboBoxRenderElement;\n  #categoryComboBox!: HTMLChComboBoxRenderElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #afterTypeComboBox!: HTMLChComboBoxRenderElement;\n  #userInput!: HTMLChEditElement;\n  #modifiedDateInput!: HTMLInputElement;\n  #objectsGrid!: HTMLChTabularGridElement;\n  #shortcutsEl: HTMLChShortcutsElement;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * True if loadCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = false;\n\n  /**\n   * The \"modified after\" value\n   */\n  @State() modifiedAfterValue: FilterAfterValue;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIdsArray: string[] = [];\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n\n  /**\n   * The default id value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The default value for the type filter\n   */\n  @Prop() readonly defaultType: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * True if multiple object selection is allowed. Default is 'True'\n   */\n  @Prop() readonly multiSelection: boolean = false;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Current value of the input pattern. It is also used to set the default value when initializing the component\n   */\n  @Prop() readonly patternValue: string;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: ObjectType[];\n\n  async connectedCallback() {\n    TODAY = this.#getToday();\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#setAfterOptions();\n    this.#setAfterDefaultValue();\n  }\n\n  componentDidLoad() {\n    this.#refreshUIWithNewConfiguration();\n    this.#patternInput.focus();\n  }\n\n  componentDidRender() {}\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#shortcutsEl.suspend = true;\n    } else {\n      this.#shortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#openSelectionCallbackHandler(e);\n    }\n  };\n\n  #deselectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows(false);\n  };\n\n  #evaluateObjectsCount = (type: \"selected\" | \"matching\"): string => {\n    const locale = this.#componentLocale;\n\n    if (type === \"selected\") {\n      if (this.selectedObjectsIdsArray.length === 0) {\n        return locale.objCount.selected.none;\n      }\n      if (this.selectedObjectsIdsArray.length === 1) {\n        return `1 ${locale.objCount.selected.one}`;\n      }\n      return `${this.selectedObjectsIdsArray.length} ${locale.objCount.selected.many}`;\n    }\n\n    // type === \"matching\"\n    if (this.objects.length === 0) {\n      return locale.objCount.matching.none;\n    }\n    if (this.objects.length === 1) {\n      return `1 ${locale.objCount.matching.one}`;\n    }\n    return `${this.objects.length} ${locale.objCount.matching.many}`;\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\n  #handleAfterValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.modifiedAfterValue = event.detail as FilterAfterValue;\n    if (\n      this.modifiedAfterValue !== FILTER_AFTER.DATE_TIME ||\n      (this.modifiedAfterValue === FILTER_AFTER.DATE_TIME &&\n        this.#modifiedDateInput.value)\n    ) {\n      // if \"modified\" is \"after date/time\" only refresh ui if date/time is valid.\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n\n  #handleObjectsSelectionChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIdsArray = event.detail.rowsId;\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #newObjectCallbackHandler = (): void => {\n    this.newObjectCallback();\n  };\n\n  #openSelectionCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.openSelectionCallback(this.selectedObjectsIdsArray);\n  };\n\n  #refreshUIWithNewConfiguration = (): void => {\n    /* 'modified' checkbox, should only be considered if 'date' || 'user' */\n    const modifiedAfter = this.#afterTypeComboBox.value;\n    const user = this.#userInput?.value?.trim();\n    const filters: ObjectFiltersData = {\n      pattern: this.#patternInput?.value,\n      type: this.#typeComboBox.value,\n      category: this.#categoryComboBox.value,\n      module: this.#moduleEntitySelector?.value?.id,\n      modifiedAfter: modifiedAfter ? modifiedAfter : null,\n      modifiedBy: user ? user : null,\n      modifiedDate:\n        modifiedAfter === FILTER_AFTER.DATE_TIME\n          ? new Date(this.#modifiedDateInput?.value)\n          : null\n    };\n    this.loading = true;\n    this.objects = [];\n    this.loadCallback(filters).then((objects: ObjectData[]) => {\n      if (objects) {\n        this.objects = this.#sortObjectsByName(objects);\n      }\n      this.selectedObjectsIdsArray = [];\n      this.#deselectAll();\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"control-header spacing-body-inline spacing-body-block-start\">\n        <form class=\"field-group filter-layout\">\n          <div class=\"field field-block pattern\">\n            <label\n              // pattern\n              class=\"label\"\n              htmlFor=\"pattern\"\n            >\n              {this.#componentLocale.filter.pattern}\n            </label>\n\n            <ch-edit\n              accessibleName={this.#componentLocale.filter.pattern}\n              debounce={config.inputDebounce}\n              class=\"input\"\n              part=\"filter-pattern\"\n              id=\"pattern\"\n              name=\"pattern\"\n              value={this.patternValue}\n              mode=\"text\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#patternInput = el as HTMLChEditElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-edit>\n          </div>\n\n          <div class=\"field field-block type\">\n            <label\n              // type\n              class=\"label\"\n              htmlFor=\"type\"\n            >\n              {this.#componentLocale.filter.type}\n            </label>\n            <ch-combo-box-render\n              accessibleName={this.#componentLocale.filter.type}\n              class=\"combo-box\"\n              disabled={!this.types}\n              value={this.defaultType}\n              part=\"filter-type\"\n              id=\"type\"\n              model={mapObjectTypeToComboBoxItemModel(this.types)}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#typeComboBox = el as HTMLChComboBoxRenderElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-combo-box-render>\n          </div>\n\n          <div class=\"field field-block category\">\n            <label\n              // category\n              class=\"label\"\n              htmlFor=\"category\"\n            >\n              {this.#componentLocale.filter.category}\n            </label>\n            <ch-combo-box-render\n              id=\"category\"\n              class=\"combo-box\"\n              accessibleName={this.#componentLocale.filter.category}\n              disabled={!this.categories}\n              model={mapCategoryToComboBoxItemModel(this.categories)}\n              value={this.defaultCategory}\n              part=\"filter-category\"\n              onInput={this.categories && this.#refreshUIWithNewConfiguration}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#categoryComboBox = el as HTMLChComboBoxRenderElement)\n              }\n            ></ch-combo-box-render>\n          </div>\n\n          <gx-ide-entity-selector\n            // module\n            class=\"module\"\n            id=\"module\"\n            value={this.defaultModule}\n            ref={(el: HTMLGxIdeEntitySelectorElement) =>\n              (this.#moduleEntitySelector =\n                el as HTMLGxIdeEntitySelectorElement)\n            }\n            labelCaption={this.#componentLocale.filter.module}\n            labelPosition=\"block-start\"\n            onValueChanged={this.#refreshUIWithNewConfiguration}\n            defaultValue={this.defaultModule}\n            selectEntityCallback={this.selectModuleCallback}\n          ></gx-ide-entity-selector>\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 class=\"field field-block after\">\n                  <label\n                    // after\n                    class=\"label\"\n                    htmlFor=\"after-type\"\n                  >\n                    {this.#componentLocale.filter.after}\n                  </label>\n                  <ch-combo-box-render\n                    class=\"combo-box\"\n                    value={this.modifiedAfterValue}\n                    part=\"filter-after-type\"\n                    id=\"after-type\"\n                    model={this.#afterModel}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#afterTypeComboBox =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    onInput={this.#handleAfterValueChange}\n                  ></ch-combo-box-render>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // user\n                    class=\"label\"\n                    htmlFor=\"user-name\"\n                  >\n                    {this.#componentLocale.filter.user}\n                  </label>\n                  <ch-edit\n                    class=\"input\"\n                    part=\"filter-user\"\n                    value={this.patternValue}\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#userInput = el as HTMLChEditElement)\n                    }\n                    id=\"user-name\"\n                    name=\"userName\"\n                    startImgSrc={USER_ICON}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></ch-edit>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // date\n                    class={{\n                      \"label\": true,\n                      \"label--disabled\":\n                        this.modifiedAfterValue !== \"afterDateTime\"\n                    }}\n                    htmlFor=\"modified-date\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                  </label>\n\n                  <input\n                    type=\"datetime-local\"\n                    class=\"input input-date-time\"\n                    id=\"modified-date\"\n                    name=\"modifiedDate\"\n                    part=\"filter-pattern\"\n                    value={this.patternValue}\n                    max={TODAY}\n                    ref={(el: HTMLInputElement) =>\n                      (this.#modifiedDateInput = el as HTMLInputElement)\n                    }\n                    disabled={this.modifiedAfterValue !== \"afterDateTime\"}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></input>\n                </div>\n              </div>\n            </div>\n          </ch-accordion-render>\n        </form>\n      </header>\n    );\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer control-footer-space-between\">\n        <div\n          class=\"control-footer control-footer-space-between objects-count spacing-body-inline\"\n          slot=\"footer-above\"\n        >\n          <p class=\"body-regular-s objects-selected\" part=\"objects-selected\">\n            {this.#evaluateObjectsCount(\"selected\")}\n          </p>\n          <p class=\"body-regular-s objects-matching\" part=\"objects-matching\">\n            {this.#evaluateObjectsCount(\"matching\")}\n          </p>\n        </div>\n\n        <div class=\"control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n          <button\n            // button new object\n            class=\"button-secondary\"\n            part=\"button button-new\"\n            onClick={!this.loading ? this.#newObjectCallbackHandler : undefined}\n            disabled={this.loading}\n          >\n            {this.#componentLocale.footer.btnNew}\n          </button>\n          <div class=\"end buttons-spacer\">\n            <button\n              // button cancel\n              class=\"button-secondary\"\n              part=\"button button-cancel\"\n              onClick={this.#cancelCallbackHandler}\n            >\n              {this.#componentLocale.footer.btnCancel}\n            </button>\n            {this.multiSelection ? (\n              <button\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button-select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n            ) : null}\n            <button\n              // button confirm\n              class=\"button-primary\"\n              part=\"button button-confirm\"\n              onClick={this.#openSelectionCallbackHandler}\n              disabled={this.loading}\n            >\n              {this.#componentLocale.footer.btnConfirm}\n            </button>\n          </div>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid-object-selector\": true,\n          \"empty-result\": this.objects.length === 0\n        }}\n        rowSelectionMode={this.multiSelection ? \"multiple\" : \"single\"}\n        ref={(el: HTMLChTabularGridElement) => (this.#objectsGrid = el)}\n        part=\"ch-grid-objects\"\n        onKeyDown={this.#chGridKeyDownHandler}\n        onSelectionChanged={this.#handleObjectsSelectionChange}\n        onDblClick={this.#openSelectionCallbackHandler}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.name}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.type}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.module}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.description}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.modifiedDate}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.importDate}\n            column-name-position=\"text\"\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        {this.objects.length ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ObjectData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                key={obj.id}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={obj.icon} class=\"icon-md\"></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.type}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.module}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.modifiedDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.importDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {this.loader && this.loading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows();\n  };\n\n  #setAfterDefaultValue = (): void => {\n    this.modifiedAfterValue = FILTER_AFTER.NONE;\n  };\n\n  #setAfterOptions = (): void => {\n    this.#afterModel = [\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  };\n\n  #sortObjectsByName = (objects: ObjectData[]): ObjectData[] => {\n    return objects.sort((a, b) => {\n      const nameA = a.name.toLowerCase(),\n        nameB = b.name.toLowerCase();\n      if (nameA < nameB) {\n        return -1;\n      }\n      if (nameA > nameB) {\n        return 1;\n      }\n      return 0;\n    });\n  };\n\n  render(): void {\n    return (\n      <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#shortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          {this.#renderFilter()}\n          {this.#renderObjects()}\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport type ObjectFiltersData = {\n  pattern?: string;\n  type: string;\n  category?: string;\n  module?: string;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n};\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  module: string;\n  modifiedDate?: Date;\n  importDate?: Date;\n};\n"],"mappings":"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"}
+{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","mapCategoryToComboBoxItemModel","categoryModel","category","label","objectSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","colorType","USER_ICON","MODIFIED_ACCORDION_MODEL","expanded","TODAY","GxIdeObjectSelector","_GxIdeObjectSelector_componentLocale","set","this","_GxIdeObjectSelector_shortcutsSrc","getAssetPath","_GxIdeObjectSelector_afterModel","_GxIdeObjectSelector_patternInput","_GxIdeObjectSelector_typeComboBox","_GxIdeObjectSelector_categoryComboBox","_GxIdeObjectSelector_moduleEntitySelector","_GxIdeObjectSelector_afterTypeComboBox","_GxIdeObjectSelector_userInput","_GxIdeObjectSelector_modifiedDateInput","_GxIdeObjectSelector_objectsGrid","_GxIdeObjectSelector_shortcutsEl","_GxIdeObjectSelector_cancelCallbackHandler","cancelCallback","_GxIdeObjectSelector_chGridKeyDownHandler","e","key","__classPrivateFieldGet","_GxIdeObjectSelector_openSelectionCallbackHandler","call","_GxIdeObjectSelector_deselectAll","selectAllRows","_GxIdeObjectSelector_evaluateObjectsCount","type","locale","selectedObjectsIdsArray","length","objCount","selected","none","one","many","objects","matching","_GxIdeObjectSelector_getToday","now","Date","date","toISOString","split","time","slice","_GxIdeObjectSelector_handleAfterValueChange","event","modifiedAfterValue","detail","FILTER_AFTER","DATE_TIME","_GxIdeObjectSelector_refreshUIWithNewConfiguration","_GxIdeObjectSelector_handleObjectsSelectionChange","rowsId","_GxIdeObjectSelector_hostKeyPressHandler","stopPropagation","_GxIdeObjectSelector_newObjectCallbackHandler","newObjectCallback","openSelectionCallback","modifiedAfter","user","_b","_a","trim","filters","pattern","_c","module","_e","_d","modifiedBy","modifiedDate","_f","loading","loadCallback","then","_GxIdeObjectSelector_sortObjectsByName","_GxIdeObjectSelector_renderFilter","h","class","htmlFor","filter","accessibleName","debounce","config","inputDebounce","part","patternValue","mode","ref","el","__classPrivateFieldSet","onInput","disabled","types","defaultType","model","categories","defaultCategory","defaultModule","labelCaption","labelPosition","onValueChanged","defaultValue","selectEntityCallback","selectModuleCallback","slot","after","startImgSrc","dateTime","max","_GxIdeObjectSelector_renderFooter","onClick","undefined","footer","btnNew","btnCancel","multiSelection","_GxIdeObjectSelector_selectAll","btnSelectAll","btnConfirm","_GxIdeObjectSelector_renderObjects","rowSelectionMode","onKeyDown","onSelectionChanged","onDblClick","settingable","size","tabularGrid","colSize","maxContent","tableHead","description","commonDouble","importDate","obj","rowid","src","icon","formatDate","loader","loaderTitle","title","show","stateIconSrc","stateTitle","emptyState","_GxIdeObjectSelector_setAfterDefaultValue","NONE","_GxIdeObjectSelector_setAfterOptions","afterNone","IMPORT","LAST_BUILD","sort","a","b","nameA","toLowerCase","nameB","connectedCallback","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","Host","onKeyPress"],"sources":["src/components/object-selector/helpers.ts","src/components/object-selector/object-selector.scss?tag=gx-ide-object-selector&encapsulation=shadow","src/components/object-selector/object-selector.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType, GxOption } from \"../../common/types\";\n// - - - - - - - - - - - -\n// Data Mappings\n// - - - - - - - - - - - -\n\n// ch-combo-box-render\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name\n  }));\nexport const mapCategoryToComboBoxItemModel = (\n  categoryModel: GxOption[]\n): ComboBoxModel =>\n  categoryModel.map(category => ({\n    value: category.id,\n    caption: category.label\n  }));\n","@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n\n:host {\n  block-size: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n/* Filters */\n.filter-layout {\n  grid-template:\n    \"pattern type\"\n    \"category module\"\n    \"modified modified\";\n  grid-template-columns: 1fr 1fr;\n}\n.pattern {\n  grid-area: pattern;\n}\n.type {\n  grid-area: type;\n}\n.category {\n  grid-area: category;\n}\n.module {\n  grid-area: module;\n}\n.modified-accordion {\n  grid-area: modified;\n  display: flex;\n  flex-direction: column;\n}\n.field-group-modified {\n  grid-template-columns: 1fr 1fr 1fr;\n}\n.input-date-time {\n  // TODO: Mercury controls block-size should be defined by a variable,\n  // instead of the sum of the font-size + line-height + padding-block.\n  // once this is updated, the block-size defined bellow should not be\n  // required anymore.\n\n  block-size: calc(\n    var(--control__font-size--regular) * var(--control__line-height) +\n      var(--control__padding-block) * 2 + var(--control__border-width) * 2\n  );\n}\n\ngx-ide-container::part(content) {\n  // only apply display grid when the loader is being displayed, to stretch the container.\n  display: grid;\n}\n\n/*tabular grid*/\nch-tabular-grid {\n  overflow: auto;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-object-selector\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n\n// Objects Table\n.objects-count {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  border-block-start: var(--mer-border__width--sm) solid\n    var(--mer-color__elevation--04);\n}\n.objects-selected,\n.objects-matching {\n  padding-block-end: var(--mer-spacing--xs);\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\ninput::-webkit-datetime-edit-fields-wrapper {\n  // WA remove padding to force this input block-size to be the same as other\n  // mercury controls block size.\n  padding: none;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  AccordionModel,\n  ComboBoxModel,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { EntityData, GxOption, ObjectType } from \"../../common/types\";\nimport { formatDate } from \"../../common/helpers\";\nimport {\n  mapObjectTypeToComboBoxItemModel,\n  mapCategoryToComboBoxItemModel\n} from \"./helpers\";\nimport { FILTER_AFTER, FilterAfterValue } from \"../../common/constants\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"components/accordion\",\n  \"components/tabular-grid\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\n\nconst MODIFIED_ACCORDION_MODEL: AccordionModel = [\n  {\n    id: \"modified\",\n    caption: \"Modified\",\n    expanded: false\n  }\n];\n\nlet TODAY: string = null;\n\n@Component({\n  tag: \"gx-ide-object-selector\",\n  styleUrl: \"object-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/object-selector\"]\n})\nexport class GxIdeObjectSelector {\n  #componentLocale: any;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  #afterModel: ComboBoxModel = null;\n\n  @Element() el: HTMLGxIdeObjectSelectorElement;\n\n  /* References needed to collect data */\n  #patternInput!: HTMLChEditElement;\n  #typeComboBox!: HTMLChComboBoxRenderElement;\n  #categoryComboBox!: HTMLChComboBoxRenderElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #afterTypeComboBox!: HTMLChComboBoxRenderElement;\n  #userInput!: HTMLChEditElement;\n  #modifiedDateInput!: HTMLInputElement;\n  #objectsGrid!: HTMLChTabularGridElement;\n  #shortcutsEl: HTMLChShortcutsElement;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * True if loadCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = false;\n\n  /**\n   * The \"modified after\" value\n   */\n  @State() modifiedAfterValue: FilterAfterValue;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIdsArray: string[] = [];\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n\n  /**\n   * The default id value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The default value for the type filter\n   */\n  @Prop() readonly defaultType: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * True if multiple object selection is allowed. Default is 'True'\n   */\n  @Prop() readonly multiSelection: boolean = false;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Current value of the input pattern. It is also used to set the default value when initializing the component\n   */\n  @Prop() readonly patternValue: string;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: ObjectType[];\n\n  async connectedCallback() {\n    TODAY = this.#getToday();\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#setAfterOptions();\n    this.#setAfterDefaultValue();\n  }\n\n  componentDidLoad() {\n    this.#refreshUIWithNewConfiguration();\n    this.#patternInput.focus();\n  }\n\n  componentDidRender() {}\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#shortcutsEl.suspend = true;\n    } else {\n      this.#shortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#openSelectionCallbackHandler(e);\n    }\n  };\n\n  #deselectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows(false);\n  };\n\n  #evaluateObjectsCount = (type: \"selected\" | \"matching\"): string => {\n    const locale = this.#componentLocale;\n\n    if (type === \"selected\") {\n      if (this.selectedObjectsIdsArray.length === 0) {\n        return locale.objCount.selected.none;\n      }\n      if (this.selectedObjectsIdsArray.length === 1) {\n        return `1 ${locale.objCount.selected.one}`;\n      }\n      return `${this.selectedObjectsIdsArray.length} ${locale.objCount.selected.many}`;\n    }\n\n    // type === \"matching\"\n    if (this.objects.length === 0) {\n      return locale.objCount.matching.none;\n    }\n    if (this.objects.length === 1) {\n      return `1 ${locale.objCount.matching.one}`;\n    }\n    return `${this.objects.length} ${locale.objCount.matching.many}`;\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\n  #handleAfterValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.modifiedAfterValue = event.detail as FilterAfterValue;\n    if (\n      this.modifiedAfterValue !== FILTER_AFTER.DATE_TIME ||\n      (this.modifiedAfterValue === FILTER_AFTER.DATE_TIME &&\n        this.#modifiedDateInput.value)\n    ) {\n      // if \"modified\" is \"after date/time\" only refresh ui if date/time is valid.\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n\n  #handleObjectsSelectionChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIdsArray = event.detail.rowsId;\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #newObjectCallbackHandler = (): void => {\n    this.newObjectCallback();\n  };\n\n  #openSelectionCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.openSelectionCallback(this.selectedObjectsIdsArray);\n  };\n\n  #refreshUIWithNewConfiguration = (): void => {\n    /* 'modified' checkbox, should only be considered if 'date' || 'user' */\n    const modifiedAfter = this.#afterTypeComboBox.value;\n    const user = this.#userInput?.value?.trim();\n    const filters: ObjectFiltersData = {\n      pattern: this.#patternInput?.value,\n      type: this.#typeComboBox.value,\n      category: this.#categoryComboBox.value,\n      module: this.#moduleEntitySelector?.value?.id,\n      modifiedAfter: modifiedAfter ? modifiedAfter : null,\n      modifiedBy: user ? user : null,\n      modifiedDate:\n        modifiedAfter === FILTER_AFTER.DATE_TIME\n          ? new Date(this.#modifiedDateInput?.value)\n          : null\n    };\n    this.loading = true;\n    this.objects = [];\n    this.loadCallback(filters).then((objects: ObjectData[]) => {\n      if (objects) {\n        this.objects = this.#sortObjectsByName(objects);\n      }\n      this.selectedObjectsIdsArray = [];\n      this.#deselectAll();\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"control-header spacing-body-inline spacing-body-block-start\">\n        <form class=\"field-group filter-layout\">\n          <div class=\"field field-block pattern\">\n            <label\n              // pattern\n              class=\"label\"\n              htmlFor=\"pattern\"\n            >\n              {this.#componentLocale.filter.pattern}\n            </label>\n\n            <ch-edit\n              accessibleName={this.#componentLocale.filter.pattern}\n              debounce={config.inputDebounce}\n              class=\"input\"\n              part=\"filter-pattern\"\n              id=\"pattern\"\n              name=\"pattern\"\n              value={this.patternValue}\n              mode=\"text\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#patternInput = el as HTMLChEditElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-edit>\n          </div>\n\n          <div class=\"field field-block type\">\n            <label\n              // type\n              class=\"label\"\n              htmlFor=\"type\"\n            >\n              {this.#componentLocale.filter.type}\n            </label>\n            <ch-combo-box-render\n              accessibleName={this.#componentLocale.filter.type}\n              class=\"combo-box\"\n              disabled={!this.types}\n              value={this.defaultType}\n              part=\"filter-type\"\n              id=\"type\"\n              model={mapObjectTypeToComboBoxItemModel(this.types)}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#typeComboBox = el as HTMLChComboBoxRenderElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-combo-box-render>\n          </div>\n\n          <div class=\"field field-block category\">\n            <label\n              // category\n              class=\"label\"\n              htmlFor=\"category\"\n            >\n              {this.#componentLocale.filter.category}\n            </label>\n            <ch-combo-box-render\n              id=\"category\"\n              class=\"combo-box\"\n              accessibleName={this.#componentLocale.filter.category}\n              disabled={!this.categories}\n              model={mapCategoryToComboBoxItemModel(this.categories)}\n              value={this.defaultCategory}\n              part=\"filter-category\"\n              onInput={this.categories && this.#refreshUIWithNewConfiguration}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#categoryComboBox = el as HTMLChComboBoxRenderElement)\n              }\n            ></ch-combo-box-render>\n          </div>\n\n          <gx-ide-entity-selector\n            // module\n            class=\"module\"\n            id=\"module\"\n            value={this.defaultModule}\n            ref={(el: HTMLGxIdeEntitySelectorElement) =>\n              (this.#moduleEntitySelector =\n                el as HTMLGxIdeEntitySelectorElement)\n            }\n            labelCaption={this.#componentLocale.filter.module}\n            labelPosition=\"block-start\"\n            onValueChanged={this.#refreshUIWithNewConfiguration}\n            defaultValue={this.defaultModule}\n            selectEntityCallback={this.selectModuleCallback}\n          ></gx-ide-entity-selector>\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 class=\"field field-block after\">\n                  <label\n                    // after\n                    class=\"label\"\n                    htmlFor=\"after-type\"\n                  >\n                    {this.#componentLocale.filter.after}\n                  </label>\n                  <ch-combo-box-render\n                    class=\"combo-box\"\n                    value={this.modifiedAfterValue}\n                    part=\"filter-after-type\"\n                    id=\"after-type\"\n                    model={this.#afterModel}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#afterTypeComboBox =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    onInput={this.#handleAfterValueChange}\n                  ></ch-combo-box-render>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // user\n                    class=\"label\"\n                    htmlFor=\"user-name\"\n                  >\n                    {this.#componentLocale.filter.user}\n                  </label>\n                  <ch-edit\n                    class=\"input\"\n                    part=\"filter-user\"\n                    value={this.patternValue}\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#userInput = el as HTMLChEditElement)\n                    }\n                    id=\"user-name\"\n                    name=\"userName\"\n                    startImgSrc={USER_ICON}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></ch-edit>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // date\n                    class={{\n                      \"label\": true,\n                      \"label--disabled\":\n                        this.modifiedAfterValue !== \"afterDateTime\"\n                    }}\n                    htmlFor=\"modified-date\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                  </label>\n\n                  <input\n                    type=\"datetime-local\"\n                    class=\"input input-date-time\"\n                    id=\"modified-date\"\n                    name=\"modifiedDate\"\n                    part=\"filter-pattern\"\n                    value={this.patternValue}\n                    max={TODAY}\n                    ref={(el: HTMLInputElement) =>\n                      (this.#modifiedDateInput = el as HTMLInputElement)\n                    }\n                    disabled={this.modifiedAfterValue !== \"afterDateTime\"}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></input>\n                </div>\n              </div>\n            </div>\n          </ch-accordion-render>\n        </form>\n      </header>\n    );\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer control-footer-space-between\">\n        <div\n          class=\"control-footer control-footer-space-between objects-count spacing-body-inline\"\n          slot=\"footer-above\"\n        >\n          <p class=\"body-regular-s objects-selected\" part=\"objects-selected\">\n            {this.#evaluateObjectsCount(\"selected\")}\n          </p>\n          <p class=\"body-regular-s objects-matching\" part=\"objects-matching\">\n            {this.#evaluateObjectsCount(\"matching\")}\n          </p>\n        </div>\n\n        <div class=\"control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n          <button\n            // button new object\n            class=\"button-secondary\"\n            part=\"button button-new\"\n            onClick={!this.loading ? this.#newObjectCallbackHandler : undefined}\n            disabled={this.loading}\n          >\n            {this.#componentLocale.footer.btnNew}\n          </button>\n          <div class=\"end buttons-spacer\">\n            <button\n              // button cancel\n              class=\"button-secondary\"\n              part=\"button button-cancel\"\n              onClick={this.#cancelCallbackHandler}\n            >\n              {this.#componentLocale.footer.btnCancel}\n            </button>\n            {this.multiSelection ? (\n              <button\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button-select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n            ) : null}\n            <button\n              // button confirm\n              class=\"button-primary\"\n              part=\"button button-confirm\"\n              onClick={this.#openSelectionCallbackHandler}\n              disabled={this.loading}\n            >\n              {this.#componentLocale.footer.btnConfirm}\n            </button>\n          </div>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid-object-selector\": true,\n          \"empty-result\": this.objects.length === 0\n        }}\n        rowSelectionMode={this.multiSelection ? \"multiple\" : \"single\"}\n        ref={(el: HTMLChTabularGridElement) => (this.#objectsGrid = el)}\n        part=\"ch-grid-objects\"\n        onKeyDown={this.#chGridKeyDownHandler}\n        onSelectionChanged={this.#handleObjectsSelectionChange}\n        onDblClick={this.#openSelectionCallbackHandler}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.name}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.type}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.module}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.description}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.modifiedDate}\n            column-name-position=\"text\"\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            column-name={this.#componentLocale.tableHead.importDate}\n            column-name-position=\"text\"\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        {this.objects.length ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ObjectData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                key={obj.id}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={obj.icon} class=\"icon-md\"></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.type}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.module}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.modifiedDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.importDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {this.loader && this.loading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows();\n  };\n\n  #setAfterDefaultValue = (): void => {\n    this.modifiedAfterValue = FILTER_AFTER.NONE;\n  };\n\n  #setAfterOptions = (): void => {\n    this.#afterModel = [\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  };\n\n  #sortObjectsByName = (objects: ObjectData[]): ObjectData[] => {\n    return objects.sort((a, b) => {\n      const nameA = a.name.toLowerCase(),\n        nameB = b.name.toLowerCase();\n      if (nameA < nameB) {\n        return -1;\n      }\n      if (nameA > nameB) {\n        return 1;\n      }\n      return 0;\n    });\n  };\n\n  render(): void {\n    return (\n      <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#shortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          {this.#renderFilter()}\n          {this.#renderObjects()}\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport type ObjectFiltersData = {\n  pattern?: string;\n  type: string;\n  category?: string;\n  module?: string;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n};\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  module: string;\n  modifiedDate?: Date;\n  importDate?: Date;\n};\n"],"mappings":"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"}