@genexus/genexus-ide-ui 1.1.5 → 1.1.6

package/dist/genexus-ide-ui/{p-5e05f830.entry.js → p-8cb937b7.entry.js}

@@ -2,23 +2,25 @@ import { r as e, g as t, h as r, H as a, a as o } from "./p-25a9f1d7.js";
 
 import { g as i } from "./p-ede7bd20.js";
 
-import { L as s } from "./p-857866f8.js";
+import { L as s } from "./p-311eedf3.js";
 
 /**
  * @description This function converts SelectorCategoryData[] SuggestData
- */ const convertToTreeItem = e => ({
-  caption: e.name,
-  id: e.id,
-  items: (e.items ?? []).map(convertToTreeItem),
-  lazy: e.hasChildren && (e.items == null || e.items.length === 0),
-  leaf: e.hasChildren === false,
-  startImgSrc: e.icon
-})
+ */ const convertToTreeItem = e => {
+  var t;
+  return {
+    caption: e.name,
+    id: e.id,
+    items: ((t = e.items) !== null && t !== void 0 ? t : []).map(convertToTreeItem),
+    lazy: e.hasChildren && (e.items == null || e.items.length === 0),
+    leaf: e.hasChildren === false,
+    startImgSrc: e.icon
+  };
+};
+
 /**
  * @description This function converts ReferenceData[] data to TreeItemData[]
- */;
-
-const convertReferenceDataToTreeViewData = e => {
+ */ const convertReferenceDataToTreeViewData = e => {
   const t = [];
   if (!e) {
     return t;
@@ -59,7 +61,7 @@ var c = undefined && undefined.__classPrivateFieldSet || function(e, t, r, a, o)
   return a === "a" ? o.call(e, r) : o ? o.value = r : t.set(e, r), r;
 };
 
-var d, g, f, b, h, m, v, p, u, y, x, w, k, _;
+var d, g, f, b, h, v, m, p, u, y, x, w, k, _;
 
 const z = [ "resets/box-sizing", "components/button", "components/pills", "components/combo-box", "components/icon", "components/checkbox", "components/tree-view", "utils/spacing", "utils/layout", "utils/form", "utils/typography" ];
 
@@ -102,12 +104,12 @@ const C = class {
     }));
     /**
          * Hides or shows the bar (the bottom section of the header).
-         */    m.set(this, (() => {
+         */    v.set(this, (() => {
       this.barHidden = !this.barHidden;
     }));
     /**
          * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.
-         */    v.set(this, (async (e, t = false) => {
+         */    m.set(this, (async (e, t = false) => {
       if (this.loadReferencesCallback) {
         this.loadReferencesCallback(e, t).then((e => {
           if (t) {
@@ -119,8 +121,9 @@ const C = class {
       }
     }));
     p.set(this, (() => {
+      var e;
       // Returns an empty Promise
-      this.openObjectCallback(this.selectedObject?.id);
+            this.openObjectCallback((e = this.selectedObject) === null || e === void 0 ? void 0 : e.id);
     }));
     /**
          * Fired when user clicks the ch-suggest button (...)
@@ -172,7 +175,7 @@ const C = class {
         this.selectorSourceCallback(t).then((e => {
           // update map
           l(this, d, "f").clear();
-          e?.forEach((e => {
+          e === null || e === void 0 ? void 0 : e.forEach((e => {
             e.items.forEach((e => {
               l(this, d, "f").set(e.description, {
                 id: e.id,
@@ -199,10 +202,10 @@ const C = class {
     this.selectedObject = undefined;
   }
   selectedObjectChanged(e) {
-    if (e?.id) {
+    if (e === null || e === void 0 ? void 0 : e.id) {
       /* update "is referenced by*/
-      l(this, v, "f").call(this, e.id, false);
-      /* update "has references to*/      l(this, v, "f").call(this, e.id, true);
+      l(this, m, "f").call(this, e.id, false);
+      /* update "has references to*/      l(this, m, "f").call(this, e.id, true);
     }
   }
   componentDidLoad() {
@@ -213,6 +216,7 @@ const C = class {
     l(this, h, "f").call(this);
   }
   render() {
+    var e, t, o, i, s, n, d, h, m;
     return r(a, {
       class: "widget"
     }, r("ch-theme", {
@@ -228,7 +232,7 @@ const C = class {
       class: "button-tertiary button-icon-only",
       "aria-label": l(this, f, "f").header.toggleBar,
       part: "toggle-bar-button",
-      onClick: l(this, m, "f")
+      onClick: l(this, v, "f")
     }, r("ch-image", {
       class: "icon-md",
       src: M,
@@ -247,7 +251,7 @@ const C = class {
       suggest: true,
       onInput: l(this, _, "f"),
       onChange: l(this, k, "f"),
-      value: this.selectedObject?.name,
+      value: (e = this.selectedObject) === null || e === void 0 ? void 0 : e.name,
       part: "object-selector-suggest",
       suggestOptions: W,
       ref: e => c(this, b, e, "f")
@@ -281,7 +285,7 @@ const C = class {
       onClick: l(this, p, "f"),
       part: "open-object-text-link",
       "aria-label": l(this, f, "f").main.selectedObjectLink
-    }, `${this.selectedObject?.name} : ${this.selectedObject?.description}`)))))), r("div", {
+    }, `${(t = this.selectedObject) === null || t === void 0 ? void 0 : t.name} : ${(o = this.selectedObject) === null || o === void 0 ? void 0 : o.description}`)))))), r("div", {
       class: "main"
     }, r("section", {
       class: "section__referenced-by"
@@ -292,7 +296,7 @@ const C = class {
       class: "main__referenced-by spacing-body-block-start spacing-body-block-end"
     }, r("ch-tree-view-render", {
       class: {
-        "gxi-hidden": !this.referencedByTreeData?.length,
+        "gxi-hidden": !((i = this.referencedByTreeData) === null || i === void 0 ? void 0 : i.length),
         "tree-view": true
       },
       part: "referenced-by-tree",
@@ -304,8 +308,8 @@ const C = class {
       dropDisabled: true,
       onItemOpenReference: l(this, x, "f"),
       showLines: "last"
-    }), !this.referencedByTreeData?.length && r("gx-ide-empty-state", {
-      stateTitle: this.referencedByTreeData?.length === 0 ? l(this, f, "f").main.isReferencedByEmpty : l(this, f, "f").main.isReferencedByError
+    }), !((s = this.referencedByTreeData) === null || s === void 0 ? void 0 : s.length) && r("gx-ide-empty-state", {
+      stateTitle: ((n = this.referencedByTreeData) === null || n === void 0 ? void 0 : n.length) === 0 ? l(this, f, "f").main.isReferencedByEmpty : l(this, f, "f").main.isReferencedByError
     }))), r("section", {
       class: "section__references-to"
     }, r("h2", {
@@ -315,7 +319,7 @@ const C = class {
       class: "main__references-to spacing-body-block-start spacing-body-block-end"
     }, r("ch-tree-view-render", {
       class: {
-        "gxi-hidden": !this.referencesToTreeData?.length,
+        "gxi-hidden": !((d = this.referencesToTreeData) === null || d === void 0 ? void 0 : d.length),
         "tree-view": true
       },
       part: "referenced-to-tree",
@@ -327,8 +331,8 @@ const C = class {
       dropDisabled: true,
       onItemOpenReference: l(this, x, "f"),
       showLines: "last"
-    }), !this.referencesToTreeData?.length && r("gx-ide-empty-state", {
-      stateTitle: this.referencesToTreeData?.length === 0 ? l(this, f, "f").main.hasReferencesEmpty : l(this, f, "f").main.hasReferencesToError
+    }), !((h = this.referencesToTreeData) === null || h === void 0 ? void 0 : h.length) && r("gx-ide-empty-state", {
+      stateTitle: ((m = this.referencesToTreeData) === null || m === void 0 ? void 0 : m.length) === 0 ? l(this, f, "f").main.hasReferencesEmpty : l(this, f, "f").main.hasReferencesToError
     }))))), r("ch-shortcuts", {
       src: l(this, g, "f")
     }));
@@ -347,10 +351,10 @@ const C = class {
 };
 
 d = new WeakMap, g = new WeakMap, f = new WeakMap, b = new WeakMap, h = new WeakMap, 
-m = new WeakMap, v = new WeakMap, p = new WeakMap, u = new WeakMap, y = new WeakMap, 
+v = new WeakMap, m = new WeakMap, p = new WeakMap, u = new WeakMap, y = new WeakMap, 
 x = new WeakMap, w = new WeakMap, k = new WeakMap, _ = new WeakMap;
 
 C.style = n;
 
 export { C as gx_ide_references };
-//# sourceMappingURL=p-5e05f830.entry.js.map
+//# sourceMappingURL=p-8cb937b7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["convertToTreeItem","item","caption","name","id","items","_a","map","lazy","hasChildren","length","leaf","startImgSrc","icon","convertReferenceDataToTreeViewData","referenceData","treeData","forEach","push","mapSelectorCategoryDataToComboBoxModel","categoryData","category","mappedGroup","value","expandable","expanded","description","referencesCss","CSS_BUNDLES","GEMINI_TOOLS_SHOW_MORE_HORIZONTAL","getIconPath","colorType","NAVIGATION_ARROW_DOWN_SKY_BLUE","SUGGEST_OPTIONS","alreadyProcessed","autoExpand","hideMatchesAndShowNonMatches","highlightMatchedItems","matchCase","regularExpression","strict","renderActiveItemIconOnExpand","GxIdeReferences","_GxIdeReferences_objectDataMap","set","this","Map","_GxIdeReferences_shortcutsSrc","getAssetPath","_GxIdeReferences__componentLocale","_GxIdeReferences_selectObjectSuggestEl","_GxIdeReferences_evaluateInitialReferenceData","selectedObject","selectedObjectChanged","_GxIdeReferences_hideBarButtonClickedHandler","barHidden","_GxIdeReferences_loadReferencesHandler","async","to","loadReferencesCallback","then","result","referencesToTreeData","referencedByTreeData","_GxIdeReferences_openObjectCallbackHandler","openObjectCallback","_GxIdeReferences_openSelectorDialogCallbackHandler","objectDataResult","openSelectorDialogCallback","_GxIdeReferences_referenceSelectedHandler","event","selectReferenceCallback","selectedItems","detail","_GxIdeReferences_referencesItemOpenReferenceCallback","itemOpened","itemId","_GxIdeReferences_referencesLazyLoadCallbackHandler","ref","treeItemId","referencesLazyChildren","treeLazyChildren","Promise","resolve","_GxIdeReferences_selectObjectChangedHandler","newSelectedValue","objectData","__classPrivateFieldGet","get","_GxIdeReferences_selectObjectInputHandler","typedValue","selectorSourceCallback","selectorCategoryDataArray","clear","selectorCategoryData","typeName","objectsSuggestions","newSelectedObject","call","componentDidLoad","focus","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","h","Host","class","model","type","header","toggleBar","part","onClick","src","containerRef","htmlFor","selectObject","accessibleName","suggest","onInput","onChange","suggestOptions","openSelectorButton","header__bottom","main","selectedObjectLink","_b","_c","isReferencedBy","_d","referencedByTreeAccessible","lazyLoadTreeItemsCallback","onSelectedItemsChange","dragDisabled","dropDisabled","onItemOpenReference","showLines","_e","stateTitle","_f","isReferencedByEmpty","isReferencedByError","hasReferencesTo","_g","referencesToTreeAccessible","_h","_j","hasReferencesEmpty","hasReferencesToError"],"sources":["src/components/references/helpers.ts","src/components/references/references.scss?tag=gx-ide-references&encapsulation=shadow","src/components/references/references.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* References Types*/\nimport { ObjectData, SelectorCategoryData } from \"./references\";\nimport { ReferenceData } from \"./references\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\n/**\n * @description This function converts SelectorCategoryData[] SuggestData\n */\n\nconst convertToTreeItem = (item: ReferenceData): TreeViewItemModel => ({\n  caption: item.name,\n  id: item.id,\n  items: (item.items ?? []).map(convertToTreeItem),\n  lazy: item.hasChildren && (item.items == null || item.items.length === 0),\n  leaf: item.hasChildren === false,\n  startImgSrc: item.icon\n});\n\n/**\n * @description This function converts ReferenceData[] data to TreeItemData[]\n */\nexport const convertReferenceDataToTreeViewData = (\n  referenceData: ReferenceData[] | undefined\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!referenceData) {\n    return treeData;\n  }\n\n  referenceData.forEach(item => {\n    treeData.push(convertToTreeItem(item));\n  });\n  return treeData;\n};\n\nexport const mapObjectDataToComboBoxItemModel = (\n  options: ObjectData[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.name,\n      startImgSrc: option.icon ?? \"\"\n    };\n  });\n};\n\nexport const mapSelectorCategoryDataToComboBoxModel = (\n  categoryData: SelectorCategoryData[]\n): ComboBoxModel => {\n  return categoryData.map((category: SelectorCategoryData) => {\n    const mappedGroup: ComboBoxItemModel = {\n      value: category.name,\n      caption: category.name,\n      expandable: true,\n      expanded: true,\n      items: category.items.map((item: ObjectData) => ({\n        value: item.id,\n        caption: item.description,\n        startImgSrc: item.icon\n      }))\n    };\n\n    return mappedGroup;\n  });\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr;\n}\n.section {\n  display: contents;\n}\n\n.header {\n  /*Top*/\n  &__top {\n    grid-template-columns: max-content 1fr max-content;\n  }\n  /*Bottom*/\n  &__bottom {\n    display: grid;\n    grid-template-rows: 1fr;\n    transition: var(--mer-timing--fast) grid-template-rows;\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n\n    .outer-wrapper {\n      overflow: hidden;\n    }\n\n    .inner-wrapper {\n      padding-top: var(--content-block-spacing);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n\n      &__left {\n        display: flex;\n        align-items: center;\n        gap: var(--gx-ide-grid-row-gap);\n      }\n    }\n  }\n}\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.section__referenced-by,\n.section__references-to {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__referenced-by,\n.control-header__references-to {\n  padding-block-start: var(--mer-spacing--md);\n}\n.main__referenced-by,\n.main__references-to {\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n.main__referenced-by {\n  border-inline-end: var(--section-common-border);\n}\n\n.text-align-center {\n  text-align: center;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport {\n  convertReferenceDataToTreeViewData,\n  mapSelectorCategoryDataToComboBoxModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/pills\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/checkbox\",\n  \"components/tree-view\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_SHOW_MORE_HORIZONTAL = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst NAVIGATION_ARROW_DOWN_SKY_BLUE = getIconPath({\n  category: \"navigation\",\n  name: \"arrow-down-skyblue\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-references\",\n  styleUrl: \"references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/references\"]\n})\nexport class GxIdeReferences {\n  #objectDataMap: objectDataMap = new Map();\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeReferencesElement;\n  #selectObjectSuggestEl!: HTMLChComboBoxRenderElement;\n\n  /**\n   * Displays or hides the header-bottom section\n   */\n  @State() barHidden = false;\n\n  /**\n   * Objects suggestions that will appear on the suggest\n   */\n  @State() objectsSuggestions: ComboBoxModel;\n\n  @State() referencedByTreeData: TreeViewItemModel[];\n\n  @State() referencesToTreeData: TreeViewItemModel[];\n\n  /**\n   * Callback invoked when a node is expanded in any references panels\n   */\n  @Prop() readonly loadReferencesCallback?: LoadReferencesCallback;\n\n  /**\n   * Callback invoked when user wants to open an object\n   */\n  @Prop() readonly openObjectCallback?: OpenObjectCallback;\n\n  /**\n   * Callback invoked when user wants to show object selection dialog\n   */\n  @Prop() readonly openSelectorDialogCallback?: OpenSelectorDialogCallback;\n\n  /**\n   * Callback invoked when any item from the references panels is selected\n   */\n  @Prop() readonly selectReferenceCallback?: SelectReferenceCallback;\n\n  /**\n   * Callback invoked when user writes on object selector input\n   */\n  @Prop() readonly selectorSourceCallback?: SelectorSourceCallback;\n\n  /**\n   * Currently selected object\n   */\n  @Prop({ mutable: true }) selectedObject?: ObjectData;\n\n  @Watch(\"selectedObject\")\n  selectedObjectChanged(newSelectedObject: ObjectData) {\n    if (newSelectedObject?.id) {\n      /* update \"is referenced by*/\n      this.#loadReferencesHandler(newSelectedObject.id, false);\n      /* update \"has references to*/\n      this.#loadReferencesHandler(newSelectedObject.id, true);\n    }\n  }\n\n  componentDidLoad() {\n    this.#selectObjectSuggestEl.focus();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateInitialReferenceData();\n  }\n\n  /**\n   * Evaluates whether to call loadReferencesCallback based on the presence of a selected object.\n   */\n  #evaluateInitialReferenceData = () => {\n    if (this.selectedObject) {\n      this.selectedObjectChanged(this.selectedObject);\n    }\n  };\n\n  /**\n   * Hides or shows the bar (the bottom section of the header).\n   */\n  #hideBarButtonClickedHandler = () => {\n    this.barHidden = !this.barHidden;\n  };\n\n  /**\n   * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.\n   */\n  #loadReferencesHandler = async (id: string, to = false) => {\n    if (this.loadReferencesCallback) {\n      this.loadReferencesCallback(id, to).then(result => {\n        if (to) {\n          this.referencesToTreeData =\n            convertReferenceDataToTreeViewData(result);\n        } else {\n          this.referencedByTreeData =\n            convertReferenceDataToTreeViewData(result);\n        }\n      });\n    }\n  };\n\n  #openObjectCallbackHandler = () => {\n    // Returns an empty Promise\n    this.openObjectCallback(this.selectedObject?.id);\n  };\n\n  /**\n   * Fired when user clicks the ch-suggest button (...)\n   */\n  #openSelectorDialogCallbackHandler = async () => {\n    const objectDataResult = await this.openSelectorDialogCallback();\n    if (objectDataResult) {\n      this.selectedObject = objectDataResult;\n    }\n  };\n\n  #referenceSelectedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    if (this.selectReferenceCallback) {\n      const selectedItems: string[] = event.detail.map(item => item.item.id);\n      this.selectReferenceCallback(selectedItems[0]);\n      // returns void\n    }\n  };\n\n  #referencesItemOpenReferenceCallback = (\n    itemOpened: CustomEvent<{ id: string; leaf: boolean; metadata: string }>\n  ) => {\n    const itemId = itemOpened.detail.id;\n    if (this.openObjectCallback) {\n      this.openObjectCallback(itemId);\n      // returns void\n    }\n  };\n\n  #referencesLazyLoadCallbackHandler =\n    (ref: \"references-to\" | \"referenced-by\") =>\n    async (treeItemId: string): Promise<TreeViewItemModel[]> => {\n      if (this.loadReferencesCallback) {\n        const to = ref === \"references-to\";\n        const referencesLazyChildren = await this.loadReferencesCallback(\n          treeItemId,\n          to\n        );\n        const treeLazyChildren = convertReferenceDataToTreeViewData(\n          referencesLazyChildren\n        );\n        return new Promise(resolve => {\n          resolve(treeLazyChildren);\n        });\n      }\n      return new Promise(resolve => {\n        resolve([]);\n      });\n    };\n\n  #selectObjectChangedHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    const newSelectedValue = event.detail as string;\n\n    const objectData = this.#objectDataMap.get(newSelectedValue);\n    if (objectData) {\n      this.selectedObject = objectData;\n    }\n  };\n\n  #selectObjectInputHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    // WA to know if the event was from searching on the input or an item selection.\n    // const partValue = (e.target as HTMLElement).getAttribute(\"part\");\n    const typedValue = event.detail as string;\n    if (this.selectorSourceCallback) {\n      this.selectorSourceCallback(typedValue).then(\n        selectorCategoryDataArray => {\n          // update map\n          this.#objectDataMap.clear();\n          selectorCategoryDataArray?.forEach(selectorCategoryData => {\n            selectorCategoryData.items.forEach(objectData => {\n              this.#objectDataMap.set(objectData.description, {\n                id: objectData.id,\n                typeName: objectData.typeName,\n                icon: objectData.icon,\n                name: objectData.name,\n                description: objectData.description\n              });\n            });\n          });\n\n          this.objectsSuggestions = mapSelectorCategoryDataToComboBoxModel(\n            selectorCategoryDataArray\n          );\n        }\n      );\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start\">\n            <div class=\"header__top field-group\">\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.toggleBar}\n                part=\"toggle-bar-button\"\n                onClick={this.#hideBarButtonClickedHandler}\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={NAVIGATION_ARROW_DOWN_SKY_BLUE}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n\n              <div class=\"field field-inline\">\n                <label\n                  // select object\n                  class=\"label\"\n                  part=\"select-object-label\"\n                  htmlFor=\"object-selector-suggest\"\n                >\n                  {this.#_componentLocale.header.selectObject}\n                </label>\n                <ch-combo-box-render\n                  accessibleName={this.#_componentLocale.header.selectObject}\n                  class=\"combo-box\"\n                  model={this.objectsSuggestions}\n                  suggest\n                  onInput={this.#selectObjectInputHandler}\n                  onChange={this.#selectObjectChangedHandler}\n                  value={this.selectedObject?.name}\n                  part=\"object-selector-suggest\"\n                  suggestOptions={SUGGEST_OPTIONS}\n                  ref={el =>\n                    (this.#selectObjectSuggestEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                ></ch-combo-box-render>\n              </div>\n\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.openSelectorButton}\n                onClick={this.#openSelectorDialogCallbackHandler}\n                part=\"open-selector-dialog-button\"\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={GEMINI_TOOLS_SHOW_MORE_HORIZONTAL}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n            </div>\n\n            <div\n              class={{\n                \"header__bottom\": true,\n                \"header__bottom--hidden\": this.barHidden\n              }}\n            >\n              <div class=\"outer-wrapper\">\n                <div class=\"inner-wrapper\">\n                  <div class=\"inner-wrapper__left\">\n                    <ch-image\n                      class=\"icon-md\"\n                      src={this.selectedObject.icon}\n                      containerRef={this.el}\n                    ></ch-image>\n                    <a\n                      class=\"text-link\"\n                      onClick={this.#openObjectCallbackHandler}\n                      part=\"open-object-text-link\"\n                      aria-label={\n                        this.#_componentLocale.main.selectedObjectLink\n                      }\n                    >\n                      {`${this.selectedObject?.name} : ${this.selectedObject?.description}`}\n                    </a>\n                  </div>\n                  {/* <div class=\"inner-wrapper__right\">\n                    TODO: Add this feature \"Group References by Type\".\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"references-by-type\"\n                      part=\"references-type-checkbox\"\n                      checkedValue=\"referencesByType\"\n                      caption=\"Group references by type\"\n                    ></ch-checkbox>\n                  </div> */}\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            <section class=\"section__referenced-by\">\n              <h2 class=\"control-header control-header-with-border control-header__referenced-by heading-5 text-align-center spacing-body-inline\">\n                {this.#_componentLocale.main.isReferencedBy}\n              </h2>\n\n              <div\n                // is referenced by\n                class=\"main__referenced-by spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencedByTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-by-tree\"\n                  model={this.referencedByTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencedByTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"referenced-by\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencedByTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencedByTreeData?.length === 0\n                        ? this.#_componentLocale.main.isReferencedByEmpty\n                        : this.#_componentLocale.main.isReferencedByError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n\n            <section class=\"section__references-to\">\n              <h2 class=\"control-header control-header-with-border control-header__references-to heading-5 text-align-center spacing-body-inline\">\n                {this.#_componentLocale.main.hasReferencesTo}\n              </h2>\n\n              <div\n                // has references to\n                class=\"main__references-to spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencesToTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-to-tree\"\n                  model={this.referencesToTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencesToTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"references-to\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencesToTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencesToTreeData?.length === 0\n                        ? this.#_componentLocale.main.hasReferencesEmpty\n                        : this.#_componentLocale.main.hasReferencesToError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n          </div>\n        </section>\n\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type LoadReferencesCallback = (\n  id: string,\n  to: boolean\n) => Promise<ReferenceData[]>;\n\nexport type ObjectData = {\n  id: string;\n  typeName: string;\n  icon: string;\n  name: string;\n  description?: string;\n};\n\nexport type OpenObjectCallback = (id: string) => Promise<void>;\n\nexport type OpenSelectorDialogCallback = () => Promise<ObjectData | undefined>;\n\nexport type ReferenceData = ObjectData & {\n  hasChildren: boolean;\n  items?: ReferenceData[];\n};\n\nexport type SelectReferenceCallback = (id: string) => Promise<void>;\n\nexport type SelectorCategoryData = {\n  name: string;\n  items: ObjectData[];\n};\n\nexport type SelectorSourceCallback = (\n  prefix: string\n) => Promise<SelectorCategoryData[]>;\n\nexport type objectDataMap = Map<string, ObjectData>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-9ddea83b.js

@@ -0,0 +1,146 @@
+import { h as e } from "./p-25a9f1d7.js";
+
+const n = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ];
+
+const daysFromToday = e => {
+  const n = new Date;
+  // To calculate the time difference of two dates
+    const t = n.getTime() - e.getTime();
+  // To calculate the no. of days between two dates
+    const s = t / (1e3 * 3600 * 24);
+  return Math.floor(s);
+};
+
+// - - - - - - - - - - - -
+// Date Functions
+// - - - - - - - - - - - -
+const isToday = e => {
+  const n = new Date;
+  if (n.toDateString() === e.toDateString()) {
+    return true;
+  }
+  return false;
+};
+
+const isYesterday = e => {
+  const n = new Date;
+  n.setDate(n.getDate() - 1);
+  if (n.toDateString() === e.toDateString()) {
+    return true;
+  }
+  return false;
+};
+
+const formatDate = (e, t = "date-time") => {
+  var s;
+  let o;
+  // validate date
+  // undefined or null
+    if (e === undefined || e === null) {
+    return "";
+  }
+  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
+    const r = e.getTime() === e.getTime();
+  if (!r) {
+    return "Invalid date";
+  }
+  let a = "en-US";
+  const c = (s = document.getElementsByTagName("html")[0].getAttribute("lang")) === null || s === void 0 ? void 0 : s.valueOf();
+  if (c === "es") {
+    a = "es-ES";
+  }
+  o = e.toLocaleDateString(a);
+  const i = e.getFullYear();
+  const u = String(e.getMonth() + 1).padStart(2, "0");
+  const l = String(e.getDate()).padStart(2, "0");
+  const d = String(e.getHours()).padStart(2, "0");
+  const $ = String(e.getMinutes()).padStart(2, "0");
+  const f = `${d}:${$}`;
+  if (t === "date-time") {
+    o += ` / ${e.toLocaleTimeString()}`;
+  } else if (t === "date-time-short") {
+    // No seconds
+    if (a === "es-ES") {
+      o = `${i}-${u}-${l} ${f}`;
+    } else {
+      o = `${u}/${l}/${i} ${f}`;
+    }
+  } else {
+    const t = daysFromToday(e);
+    const s = new Date;
+    const r = s.getFullYear();
+    if (isToday(e)) {
+      return `Today ${f}`;
+    } else if (isYesterday(e)) {
+      return `Yesterday ${f}`;
+    } else if (t <= 7) {
+      // If one week or less, just show the day of the week, and the time
+      const t = n[e.getDay()];
+      return `${t} ${f}`;
+    } else if (r === i) {
+      // If current year, show day number and month name. Example: November 17th
+      if (a === "es-ES") {
+        o = `${l} de ${e.toLocaleString("es-ES", {
+          month: "long"
+        })} ${f}`;
+      } else {
+        o = `${e.toLocaleString("en-US", {
+          month: "long"
+        })} ${l} ${f}`;
+      }
+    } else {
+      // Display date as usual
+      o = formatDate(e, "date-time-short");
+    }
+  }
+  return o;
+};
+
+const escapeRegExp = e => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+
+/**
+ * @description this function highlights the character(s) that match(es) the filter value.
+ * hiChar comes from (hi)light (Char)acters
+ * @param text the string to find the filter value on
+ * @param filterValue the filter value
+ * @returns a span element
+ */ const hiChar = function(n, t) {
+  if (n && t) {
+    const s = escapeRegExp(t);
+    const o = new RegExp(s, "gi");
+    return e("span", {
+      innerHTML: n.replace(o, '<span class="hiChar">$&</span>')
+    });
+  } else {
+    return n;
+  }
+};
+
+const closeOnOutsideClickHandler = (e, n) => {
+  if (!e.composedPath().includes(n)) {
+    return true;
+  }
+};
+
+const mapOptionsToComboBoxItemModel = e => e.map((e => ({
+  value: e.id,
+  caption: e.label
+})));
+
+const renderChCheckboxItems = (n, t, s) => n === null || n === void 0 ? void 0 : n.map((n => {
+  const o = s === null || s === void 0 ? void 0 : s.find((e => n.value === e || n.id === e));
+  return e("ch-checkbox", {
+    name: n.name,
+    class: "checkbox",
+    checkedValue: n.value || n.id,
+    caption: n.label,
+    disabled: n.disabled,
+    value: o,
+    onInput: t,
+    startImgSrc: n.iconName,
+    key: n.value || n.id
+  });
+}));
+
+export { closeOnOutsideClickHandler as c, formatDate as f, hiChar as h, mapOptionsToComboBoxItemModel as m, renderChCheckboxItems as r };
+//# sourceMappingURL=p-9ddea83b.js.map

package/dist/genexus-ide-ui/p-9ddea83b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["daysOfWeek","daysFromToday","date","today","Date","timeDifference","getTime","daysDifference","Math","floor","isToday","toDateString","isYesterday","yesterday","setDate","getDate","formatDate","type","formattedDate","undefined","dateIsValid","locale","lang","_a","document","getElementsByTagName","getAttribute","valueOf","toLocaleDateString","year","getFullYear","month","String","getMonth","padStart","day","hours","getHours","minutes","getMinutes","time","toLocaleTimeString","daysPassedFromToday","currentYear","getDay","toLocaleString","escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","h","innerHTML","closeOnOutsideClickHandler","eventInfo","ref","composedPath","includes","mapOptionsToComboBoxItemModel","options","map","option","value","id","caption","label","renderChCheckboxItems","frontEndCheckboxInputHandler","checkedIds","find","name","class","checkedValue","disabled","onInput","startImgSrc","iconName","key"],"sources":["src/common/helpers.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\nexport type ChCheckboxArray = HTMLChCheckboxElement[] | null;\n\nimport { GxOption } from \"./types\";\n\nconst daysOfWeek = [\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\"\n];\n\n/**\n * @param element an HTMLElement\n * @returns an alphabetically ordered array of all the parts and exportparts the element contains.\n */\nexport const getElementSelectorParts = (element: HTMLElement) => {\n  const queries: string[] = [];\n  const elementParts = element.shadowRoot?.querySelectorAll(`[part]`);\n  const elementExportParts =\n    element.shadowRoot?.querySelectorAll(`[exportparts]`);\n\n  elementParts?.forEach(el => {\n    queries.push(\n      `${element.tagName.toLowerCase()}::part(${el.getAttribute(\"part\")})`\n    );\n  });\n  elementExportParts?.forEach(el => {\n    queries.push(\n      ...[\n        ...el.getAttribute(\"exportparts\").matchAll(/(?:[\\w-]+:)?([\\w-]+)/g)\n      ].map(item => `${element.tagName.toLowerCase()}::part(${item[1]})`)\n    );\n  });\n\n  return queries.sort();\n};\n\n/**\n * @param selector a part selector\n * @returns A reference to the element the part belongs to.\n */\nexport const querySelectorPart = (selector: string) => {\n  const querySelectorDeep = (\n    element: HTMLElement,\n    parts: string\n  ): HTMLElement => {\n    const shadow = element.shadowRoot;\n    const partList = parts.split(\" \");\n\n    const partElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[part~=\"${partName}\"]`).join(\"\")\n    );\n    if (partElement) {\n      return partElement;\n    }\n\n    const exportPartElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[exportparts*=\"${partName}\"]`).join(\"\")\n    );\n    if (exportPartElement) {\n      const exportPartList: string[] = [];\n      const exportparts = exportPartElement.getAttribute(\"exportparts\");\n\n      partList.forEach(partItem => {\n        const exportPartName = exportparts.match(\n          `(?:([\\\\w-]+):)?(${partItem})`\n        )[1];\n        if (exportPartName) {\n          exportPartList.push(exportPartName);\n        }\n      });\n\n      if (partList.length === exportPartList.length) {\n        return querySelectorDeep(exportPartElement, exportPartList.join(\" \"));\n      }\n    }\n\n    return null;\n  };\n\n  const selectorItems = selector.match(\"(.*)::part\\\\(([^)]+)\\\\)\");\n  const entity = selectorItems[1];\n  const partName = selectorItems[2];\n\n  return querySelectorDeep(document.querySelector(entity), partName);\n};\n\nconst daysFromToday = (date: Date): number => {\n  const today = new Date();\n  // To calculate the time difference of two dates\n  const timeDifference = today.getTime() - date.getTime();\n  // To calculate the no. of days between two dates\n  const daysDifference = timeDifference / (1000 * 3600 * 24);\n  return Math.floor(daysDifference);\n};\n\n// - - - - - - - - - - - -\n// Date Functions\n// - - - - - - - - - - - -\n\nconst isToday = (date: Date): boolean => {\n  const today = new Date();\n  if (today.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nconst isYesterday = (date: Date): boolean => {\n  const yesterday = new Date();\n  yesterday.setDate(yesterday.getDate() - 1);\n  if (yesterday.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nexport const formatDate = (\n  date: Date,\n  type: FormatDateType = \"date-time\"\n): string => {\n  let formattedDate;\n  // validate date\n  // undefined or null\n  if (date === undefined || date === null) {\n    return \"\";\n  }\n  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself\n  const dateIsValid = date.getTime() === date.getTime();\n  if (!dateIsValid) {\n    return \"Invalid date\";\n  }\n  let locale = \"en-US\";\n  const lang = document\n    .getElementsByTagName(\"html\")[0]\n    .getAttribute(\"lang\")\n    ?.valueOf();\n  if (lang === \"es\") {\n    locale = \"es-ES\";\n  }\n  formattedDate = date.toLocaleDateString(locale);\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  const time = `${hours}:${minutes}`;\n  if (type === \"date-time\") {\n    formattedDate += ` / ${date.toLocaleTimeString()}`;\n  } else if (type === \"date-time-short\") {\n    // No seconds\n    if (locale === \"es-ES\") {\n      formattedDate = `${year}-${month}-${day} ${time}`;\n    } else {\n      formattedDate = `${month}/${day}/${year} ${time}`;\n    }\n  } else if (\"pretty\") {\n    const daysPassedFromToday = daysFromToday(date);\n    const today = new Date();\n    const currentYear = today.getFullYear();\n    if (isToday(date)) {\n      return `Today ${time}`;\n    } else if (isYesterday(date)) {\n      return `Yesterday ${time}`;\n    } else if (daysPassedFromToday <= 7) {\n      // If one week or less, just show the day of the week, and the time\n      const day = daysOfWeek[date.getDay()];\n      return `${day} ${time}`;\n    } else if (currentYear === year) {\n      // If current year, show day number and month name. Example: November 17th\n      if (locale === \"es-ES\") {\n        formattedDate = `${day} de ${date.toLocaleString(\"es-ES\", {\n          month: \"long\"\n        })} ${time}`;\n      } else {\n        formattedDate = `${date.toLocaleString(\"en-US\", {\n          month: \"long\"\n        })} ${day} ${time}`;\n      }\n    } else {\n      // Display date as usual\n      formattedDate = formatDate(date, \"date-time-short\");\n    }\n  }\n  return formattedDate;\n};\n\nexport type FormatDateType =\n  | \"date\"\n  | \"date-time\"\n  | \"date-time-short\"\n  | \"pretty\";\n\n// - - - - - - - - - - - -\n// /End of Date Functions\n// - - - - - - - - - - - -\n\n/* Count the total tree nodes (by default it does not count the first level nodes)*/\nexport const countTreeItems = (\n  treeModel: TreeViewItemModel[],\n  children = false\n): number => {\n  let totalNodes = 0;\n  treeModel.forEach(node => {\n    children && totalNodes++;\n    if (node.items) {\n      totalNodes += countTreeItems(node.items, true);\n    }\n  });\n  return totalNodes;\n};\n\n/**\n * @description it evaluates the initial selected combo item\n * @param options an array of GxOption\n * @returns the initial combo value, which in this case is the id\n */\nexport const setInitialComboValue = (options: GxOption[]): string => {\n  const selected = options.find(option => option.selected);\n  if (selected) {\n    return selected.value || selected.id;\n  } else {\n    return options[0].value || options[0].id;\n  }\n};\n\nexport const escapeRegExp = (str: string) => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\n/**\n * @description this function highlights the character(s) that match(es) the filter value.\n * hiChar comes from (hi)light (Char)acters\n * @param text the string to find the filter value on\n * @param filterValue the filter value\n * @returns a span element\n */\nexport const hiChar = function (text: string, filterValue: string) {\n  if (text && filterValue) {\n    const escapedFilterValue = escapeRegExp(filterValue);\n    const re = new RegExp(escapedFilterValue, \"gi\");\n    return (\n      <span\n        innerHTML={text.replace(re, '<span class=\"hiChar\">$&</span>')}\n      ></span>\n    );\n  } else {\n    return text;\n  }\n};\n\nexport const closeOnOutsideClickHandler = (\n  eventInfo: PointerEvent,\n  ref: HTMLElement\n): true | void => {\n  if (!eventInfo.composedPath().includes(ref)) {\n    return true;\n  }\n};\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel =>\n  options.map(option => ({\n    value: option.id,\n    caption: option.label\n    // startImgSrc: option.iconName\n  }));\n\nexport const renderChCheckboxItems = (\n  options: GxOption[] | undefined,\n  frontEndCheckboxInputHandler: (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => void,\n  checkedIds: string[]\n): HTMLChCheckboxElement[] => {\n  return options?.map(option => {\n    const value = checkedIds?.find(\n      id => option.value === id || option.id === id\n    );\n    return (\n      <ch-checkbox\n        name={option.name}\n        class=\"checkbox\"\n        checkedValue={option.value || option.id}\n        caption={option.label}\n        disabled={option.disabled}\n        value={value}\n        onInput={frontEndCheckboxInputHandler}\n        startImgSrc={option.iconName}\n        key={option.value || option.id}\n      ></ch-checkbox>\n    );\n  });\n};\n"],"mappings":";;AAWA,MAAMA,IAAa,EACjB,UACA,UACA,WACA,aACA,YACA,UACA;;AA+EF,MAAMC,gBAAiBC;EACrB,MAAMC,IAAQ,IAAIC;;IAElB,MAAMC,IAAiBF,EAAMG,YAAYJ,EAAKI;;IAE9C,MAAMC,IAAiBF,KAAkB,MAAO,OAAO;EACvD,OAAOG,KAAKC,MAAMF;AAAe;;;;0BAOnC;MAAMG,UAAWR;EACf,MAAMC,IAAQ,IAAIC;EAClB,IAAID,EAAMQ,mBAAmBT,EAAKS,gBAAgB;IAChD,OAAO;;EAET,OAAO;AAAK;;AAGd,MAAMC,cAAeV;EACnB,MAAMW,IAAY,IAAIT;EACtBS,EAAUC,QAAQD,EAAUE,YAAY;EACxC,IAAIF,EAAUF,mBAAmBT,EAAKS,gBAAgB;IACpD,OAAO;;EAET,OAAO;AAAK;;MAGDK,aAAa,CACxBd,GACAe,IAAuB;;EAEvB,IAAIC;;;IAGJ,IAAIhB,MAASiB,aAAajB,MAAS,MAAM;IACvC,OAAO;;;IAGT,MAAMkB,IAAclB,EAAKI,cAAcJ,EAAKI;EAC5C,KAAKc,GAAa;IAChB,OAAO;;EAET,IAAIC,IAAS;EACb,MAAMC,KAAOC,IAAAC,SACVC,qBAAqB,QAAQ,GAC7BC,aAAa,aAAO,QAAAH,WAAA,aAAAA,EACnBI;EACJ,IAAIL,MAAS,MAAM;IACjBD,IAAS;;EAEXH,IAAgBhB,EAAK0B,mBAAmBP;EACxC,MAAMQ,IAAO3B,EAAK4B;EAClB,MAAMC,IAAQC,OAAO9B,EAAK+B,aAAa,GAAGC,SAAS,GAAG;EACtD,MAAMC,IAAMH,OAAO9B,EAAKa,WAAWmB,SAAS,GAAG;EAC/C,MAAME,IAAQJ,OAAO9B,EAAKmC,YAAYH,SAAS,GAAG;EAClD,MAAMI,IAAUN,OAAO9B,EAAKqC,cAAcL,SAAS,GAAG;EACtD,MAAMM,IAAO,GAAGJ,KAASE;EACzB,IAAIrB,MAAS,aAAa;IACxBC,KAAiB,MAAMhB,EAAKuC;SACvB,IAAIxB,MAAS,mBAAmB;;IAErC,IAAII,MAAW,SAAS;MACtBH,IAAgB,GAAGW,KAAQE,KAASI,KAAOK;WACtC;MACLtB,IAAgB,GAAGa,KAASI,KAAON,KAAQW;;SAE1B;IACnB,MAAME,IAAsBzC,cAAcC;IAC1C,MAAMC,IAAQ,IAAIC;IAClB,MAAMuC,IAAcxC,EAAM2B;IAC1B,IAAIpB,QAAQR,IAAO;MACjB,OAAO,SAASsC;WACX,IAAI5B,YAAYV,IAAO;MAC5B,OAAO,aAAasC;WACf,IAAIE,KAAuB,GAAG;;MAEnC,MAAMP,IAAMnC,EAAWE,EAAK0C;MAC5B,OAAO,GAAGT,KAAOK;WACZ,IAAIG,MAAgBd,GAAM;;MAE/B,IAAIR,MAAW,SAAS;QACtBH,IAAgB,GAAGiB,QAAUjC,EAAK2C,eAAe,SAAS;UACxDd,OAAO;cACHS;aACD;QACLtB,IAAgB,GAAGhB,EAAK2C,eAAe,SAAS;UAC9Cd,OAAO;cACHI,KAAOK;;WAEV;;MAELtB,IAAgBF,WAAWd,GAAM;;;EAGrC,OAAOgB;AAAa;;AA0Cf,MAAM4B,eAAgBC,KACpBA,EAAIC,QAAQ,uBAAuB;;;;;;;;UAU/BC,SAAS,SAAUC,GAAcC;EAC5C,IAAID,KAAQC,GAAa;IACvB,MAAMC,IAAqBN,aAAaK;IACxC,MAAME,IAAK,IAAIC,OAAOF,GAAoB;IAC1C,OACEG,EAAA;MACEC,WAAWN,EAAKF,QAAQK,GAAI;;SAG3B;IACL,OAAOH;;AAEX;;MAEaO,6BAA6B,CACxCC,GACAC;EAEA,KAAKD,EAAUE,eAAeC,SAASF,IAAM;IAC3C,OAAO;;;;MAIEG,gCACXC,KAEAA,EAAQC,KAAIC,MAAM;EAChBC,OAAOD,EAAOE;EACdC,SAASH,EAAOI;;;MAIPC,wBAAwB,CACnCP,GACAQ,GAGAC,MAEOT,MAAO,QAAPA,WAAO,aAAPA,EAASC,KAAIC;EAClB,MAAMC,IAAQM,MAAU,QAAVA,WAAU,aAAVA,EAAYC,MACxBN,KAAMF,EAAOC,UAAUC,KAAMF,EAAOE,OAAOA;EAE7C,OACEZ,EAAA;IACEmB,MAAMT,EAAOS;IACbC,OAAM;IACNC,cAAcX,EAAOC,SAASD,EAAOE;IACrCC,SAASH,EAAOI;IAChBQ,UAAUZ,EAAOY;IACjBX,OAAOA;IACPY,SAASP;IACTQ,aAAad,EAAOe;IACpBC,KAAKhB,EAAOC,SAASD,EAAOE;;AACf"}