@uxland/primary-shell 7.44.2 → 7.44.3

package/dist/{component-BrxpPQzM.js → component-VhfkTmHG.js}

@@ -1,4 +1,4 @@
-import { s, t as d, k as l, h as p, r as m, i as g, a as h } from "./index-BUnSpNVB.js";
+import { s, t as d, k as l, h as p, r as m, i as g, a as h } from "./index-D-GssSmM.js";
 const v = ".container{background-color:#fff;display:flex;flex-direction:column;min-width:500px;width:95vw;height:95vh;border-radius:var(--dss-radius-sm);overflow:hidden}.content{display:grid;flex:1;min-height:0;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.content>primaria-region{width:100%;height:100%;min-height:0}.content primaria-region>div{width:100%;height:100%;border:1px solid var(--color-neutral-200);border-radius:8px;padding:16px;box-sizing:border-box}.content>primaria-region[name=import-data-region]>div{overflow-y:auto}.content>primaria-region[name=import-data-activity-history-region]>div{display:flex;flex-direction:column;gap:16px;overflow:hidden}.content>primaria-region[name=import-data-activity-history-region]>div>*{flex-shrink:0}.content>primaria-region[name=import-data-activity-history-region]>div>*:last-child{flex:1;min-height:0}.footer{display:flex;flex-direction:row;align-items:center;background:#fff;justify-content:end;gap:12px;height:56px;border-top:1px solid var(--color-neutral-100);padding:var(--dss-spacing-sm)}", f = (i) => l`
     <div class="container">
       <div class="content">
@@ -49,4 +49,4 @@ t = x([
 export {
   t as ImportDataManagerModal
 };
-//# sourceMappingURL=component-BrxpPQzM.js.map
+//# sourceMappingURL=component-VhfkTmHG.js.map

package/dist/{component-BrxpPQzM.js.map → component-VhfkTmHG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BrxpPQzM.js","sources":["../src/api/import-data-manager/component/template.ts","../src/api/import-data-manager/component/component.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { translate } from \"../../../locales\";\nimport { shellApi } from \"../../api\";\nimport { ImportDataManagerModal } from \"./component\";\n\nexport const template = (props: ImportDataManagerModal) => {\n  return html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <primaria-region name=\"${shellApi.regionManager.regions.shell.importDataActivityHistory}\"></primaria-region>\n        <primaria-region name=\"${shellApi.regionManager.regions.shell.importData}\"></primaria-region>\n      </div>\n      <div class=\"footer\">\n        <dss-button\n          label=\"${translate(\"importDataManager.actions.cancel\")}\"\n          @click=\"${() => {\n            props.cancel();\n          }}\"\n          size=\"md\"\n          variant=\"secondary\"\n        ></dss-button>\n        <dss-button\n          label=\"${translate(\"importDataManager.actions.import\")}\"\n          @click=\"${() => {\n            props._accept();\n          }}\"\n          size=\"md\"\n          variant=\"primary\"\n        ></dss-button>\n      </div>\n    </div>\n  `;\n};\n","import { LitElement, css, html, unsafeCSS } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ConfirmationContentProps } from \"../../interaction-service\";\nimport styles from \"./styles.css?inline\";\nimport { template } from \"./template\";\n\n@customElement(\"import-data-manager-modal\")\nexport class ImportDataManagerModal extends LitElement implements ConfirmationContentProps<undefined, undefined> {\n  data: undefined;\n  setResult: (result: undefined) => void;\n  setIsValid: (isValid: boolean) => void;\n  confirm: () => void;\n  cancel: () => void;\n\n  render() {\n    return html`${template(this)}`;\n  }\n\n  static styles = css`\n    ${unsafeCSS(styles)}\n  `;\n\n  _accept = () => {\n    this.confirm();\n  };\n}\n"],"names":["template","props","html","shellApi","translate","ImportDataManagerModal","LitElement","css","unsafeCSS","styles","__decorateClass","customElement"],"mappings":";kiCAKaA,IAAW,CAACC,MAChBC;AAAAA;AAAAA;AAAAA,iCAGwBC,EAAS,cAAc,QAAQ,MAAM,yBAAyB;AAAA,iCAC9DA,EAAS,cAAc,QAAQ,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA,mBAI7DC,EAAU,kCAAkC,CAAC;AAAA,oBAC5C,MAAM;AACd,EAAAH,EAAM,OAAA;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKQG,EAAU,kCAAkC,CAAC;AAAA,oBAC5C,MAAM;AACd,EAAAH,EAAM,QAAA;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;AClBJ,IAAMI,IAAN,cAAqCC,EAAqE;AAAA,EAA1G,cAAA;AAAA,UAAA,GAAA,SAAA,GAeL,KAAA,UAAU,MAAM;AACd,WAAK,QAAA;AAAA,IACP;AAAA,EAAA;AAAA,EAVA,SAAS;AACP,WAAOJ,IAAOF,EAAS,IAAI,CAAC;AAAA,EAC9B;AASF;AAlBaK,EAWJ,SAASE;AAAAA,MACZC,EAAUC,CAAM,CAAC;AAAA;AAZVJ,IAANK,EAAA;AAAA,EADNC,EAAc,2BAA2B;AAAA,GAC7BN,CAAA;"}
+{"version":3,"file":"component-VhfkTmHG.js","sources":["../src/api/import-data-manager/component/template.ts","../src/api/import-data-manager/component/component.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { translate } from \"../../../locales\";\nimport { shellApi } from \"../../api\";\nimport { ImportDataManagerModal } from \"./component\";\n\nexport const template = (props: ImportDataManagerModal) => {\n  return html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <primaria-region name=\"${shellApi.regionManager.regions.shell.importDataActivityHistory}\"></primaria-region>\n        <primaria-region name=\"${shellApi.regionManager.regions.shell.importData}\"></primaria-region>\n      </div>\n      <div class=\"footer\">\n        <dss-button\n          label=\"${translate(\"importDataManager.actions.cancel\")}\"\n          @click=\"${() => {\n            props.cancel();\n          }}\"\n          size=\"md\"\n          variant=\"secondary\"\n        ></dss-button>\n        <dss-button\n          label=\"${translate(\"importDataManager.actions.import\")}\"\n          @click=\"${() => {\n            props._accept();\n          }}\"\n          size=\"md\"\n          variant=\"primary\"\n        ></dss-button>\n      </div>\n    </div>\n  `;\n};\n","import { LitElement, css, html, unsafeCSS } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ConfirmationContentProps } from \"../../interaction-service\";\nimport styles from \"./styles.css?inline\";\nimport { template } from \"./template\";\n\n@customElement(\"import-data-manager-modal\")\nexport class ImportDataManagerModal extends LitElement implements ConfirmationContentProps<undefined, undefined> {\n  data: undefined;\n  setResult: (result: undefined) => void;\n  setIsValid: (isValid: boolean) => void;\n  confirm: () => void;\n  cancel: () => void;\n\n  render() {\n    return html`${template(this)}`;\n  }\n\n  static styles = css`\n    ${unsafeCSS(styles)}\n  `;\n\n  _accept = () => {\n    this.confirm();\n  };\n}\n"],"names":["template","props","html","shellApi","translate","ImportDataManagerModal","LitElement","css","unsafeCSS","styles","__decorateClass","customElement"],"mappings":";kiCAKaA,IAAW,CAACC,MAChBC;AAAAA;AAAAA;AAAAA,iCAGwBC,EAAS,cAAc,QAAQ,MAAM,yBAAyB;AAAA,iCAC9DA,EAAS,cAAc,QAAQ,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA,mBAI7DC,EAAU,kCAAkC,CAAC;AAAA,oBAC5C,MAAM;AACd,EAAAH,EAAM,OAAA;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKQG,EAAU,kCAAkC,CAAC;AAAA,oBAC5C,MAAM;AACd,EAAAH,EAAM,QAAA;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;AClBJ,IAAMI,IAAN,cAAqCC,EAAqE;AAAA,EAA1G,cAAA;AAAA,UAAA,GAAA,SAAA,GAeL,KAAA,UAAU,MAAM;AACd,WAAK,QAAA;AAAA,IACP;AAAA,EAAA;AAAA,EAVA,SAAS;AACP,WAAOJ,IAAOF,EAAS,IAAI,CAAC;AAAA,EAC9B;AASF;AAlBaK,EAWJ,SAASE;AAAAA,MACZC,EAAUC,CAAM,CAAC;AAAA;AAZVJ,IAANK,EAAA;AAAA,EADNC,EAAc,2BAA2B;AAAA,GAC7BN,CAAA;"}

package/dist/{index-BUnSpNVB.js → index-D-GssSmM.js}

@@ -9841,7 +9841,7 @@ class ImportDataManagerImpl {
   async import(W, X) {
     this.currentImporterId = W, this.currentImportParams = X, this.selectedItems = {}, this.pluginTexts = {};
     try {
-      const { ImportDataManagerModal: te } = await import("./component-BrxpPQzM.js"), { confirmed: re } = await this.interactionService.confirm(
+      const { ImportDataManagerModal: te } = await import("./component-VhfkTmHG.js"), { confirmed: re } = await this.interactionService.confirm(
         void 0,
         { component: te },
         {
@@ -12199,23 +12199,19 @@ const groupActivityHistoryItems = (J) => {
     const ne = re.items[0], de = oe.items[0];
     return !ne || !de ? 0 : getDateObject(de.date).getTime() - getDateObject(ne.date).getTime();
   }), groupByValidDiagnostics(te), te;
+}, getMostRecentDate = (J) => J.reduce((W, X) => {
+  const te = new Date(X.date);
+  return te > W ? te : W;
+}, /* @__PURE__ */ new Date(0)), getSubGroupMostRecentDate = (J) => getMostRecentDate(J.items), getGroupMostRecentDate = (J) => {
+  const W = J.items.length > 0 ? [getMostRecentDate(J.items)] : [], X = J.subGroups.map(getSubGroupMostRecentDate), te = [...W, ...X];
+  return te.length > 0 ? new Date(Math.max(...te.map((re) => re.getTime()))) : /* @__PURE__ */ new Date(0);
 }, sortGroupsByMostRecentDate = (J) => {
-  const W = (oe) => oe.reduce((ne, de) => {
-    const ce = new Date(de.date);
-    return ce > ne ? ce : ne;
-  }, /* @__PURE__ */ new Date(0)), X = (oe) => oe.sort((ne, de) => new Date(de.date).getTime() - new Date(ne.date).getTime()), te = (oe) => W(oe.items), re = (oe) => {
-    const ne = oe.items.length > 0 ? [W(oe.items)] : [], de = oe.subGroups.map(te), ce = [...ne, ...de];
-    return ce.length > 0 ? new Date(Math.max(...ce.map((ue) => ue.getTime()))) : /* @__PURE__ */ new Date(0);
-  };
-  return J.forEach((oe) => {
-    oe.items = X(oe.items), oe.subGroups.forEach((ne) => {
-      ne.items = X(ne.items);
-    }), oe.subGroups.sort(
-      (ne, de) => te(de).getTime() - te(ne).getTime()
-    );
-  }), J.sort(
-    (oe, ne) => re(ne).getTime() - re(oe).getTime()
-  );
+  const W = (X) => X.sort((te, re) => new Date(re.date).getTime() - new Date(te.date).getTime());
+  return J.forEach((X) => {
+    X.items = W(X.items), X.subGroups.forEach((te) => {
+      te.items = W(te.items);
+    }), X.subGroups.sort((te, re) => getSubGroupMostRecentDate(re).getTime() - getSubGroupMostRecentDate(te).getTime());
+  }), J.sort((X, te) => getGroupMostRecentDate(te).getTime() - getGroupMostRecentDate(X).getTime());
 }, activityHistorySearchStringSelector = (J) => J.activityHistoryFilters.searchString, activityHistoryCollectionsSelector = (J) => J.activityHistoryCollections.collections, historyDataImporterRulesByCollectionIdSelector = createSelector(
   activityHistoryCollectionsSelector,
   (J) => {
@@ -12654,27 +12650,6 @@ const bootstrapSetUpFilter = (J) => {
 }, teardownFilters = () => {
   teardownSetCommonFilter(), teardownAddCustomFilter(), teardownSetCustomFilterGroup(), teardownSetCustomFilterValue(), teardownSetCustomFilterAllValues(), teardownSetDiagnosticFilter(), teardownDeleteDiagnosticFilterValue(), teardownAddUpFilter(), teardownSetUpFilter(), teardownResetFilters();
 };
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class le extends i$P {
-  constructor(W) {
-    if (super(W), this.it = D$4, W.type !== t$u.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(W) {
-    if (W === D$4 || W == null) return this._t = void 0, this.it = W;
-    if (W === R$5) return W;
-    if (typeof W != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (W === this.it) return this._t;
-    this.it = W;
-    const X = [W];
-    return X.raw = X, this._t = { _$litType$: this.constructor.resultType, strings: X, values: [] };
-  }
-}
-le.directiveName = "unsafeHTML", le.resultType = 1;
-const ae = e$O(le), styles$l = ":host{min-height:1px;display:flex;flex-direction:column;flex:1 1 0%}.virtual-container{height:100%;position:relative}.virtual-viewport{height:100%;overflow:auto;padding-inline:16px}.virtual-content{position:relative;width:100%}.virtual-items{position:relative}.container{min-height:1px;height:100%}.visit:first-child{margin-top:var(--dss-spacing-md)}.visit{width:calc(100% - var(--dss-spacing-md) - var(--dss-spacing-md));display:flex;flex-direction:column;gap:var(--dss-spacing-sm);background-color:#fff;border-radius:var(--dss-radius-sm);padding:var(--dss-spacing-sm);margin-bottom:var(--dss-spacing-md)}.visit .visit__header{display:flex;flex-direction:row;align-items:center;gap:16px}.visit .visit__header .title{flex:1;font-size:14px;line-height:24px;display:flex;flex-direction:row;gap:12px;color:var(--color-neutral-800)}.visit .visit__header .title-date{font-weight:700}.visit .visit__header .title-description{font-weight:600;display:flex;flex-direction:row;gap:4px}.visit .visit__header .highlight{background-color:#ff0;font-weight:700}.visit .visit__items{display:flex;flex-direction:column;gap:var(--dss-spacing-sm)}.visit .visit__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .visit__items .item[has-divider]:last-of-type{border:none}.visit .diagnostics{display:flex;flex-direction:column;gap:var(--dss-spacing-sm);border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics:last-of-type{border:none}.visit .diagnostics .diagnostics__header{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.visit .diagnostics .diagnostics__items{display:flex;flex-direction:column}.visit .diagnostics .diagnostics__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics .diagnostics__items .item[has-divider]:last-of-type{border:none}.feedback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}";
 function toDate(J) {
   const W = Object.prototype.toString.call(J);
   return J instanceof Date || typeof J == "object" && W === "[object Date]" ? new J.constructor(+J) : typeof J == "number" || W === "[object Number]" || typeof J == "string" || W === "[object String]" ? new Date(J) : /* @__PURE__ */ new Date(NaN);
@@ -15450,6 +15425,27 @@ function parse(J, W, X, te) {
 function cleanEscapedString(J) {
   return J.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class le extends i$P {
+  constructor(W) {
+    if (super(W), this.it = D$4, W.type !== t$u.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(W) {
+    if (W === D$4 || W == null) return this._t = void 0, this.it = W;
+    if (W === R$5) return W;
+    if (typeof W != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (W === this.it) return this._t;
+    this.it = W;
+    const X = [W];
+    return X.raw = X, this._t = { _$litType$: this.constructor.resultType, strings: X, values: [] };
+  }
+}
+le.directiveName = "unsafeHTML", le.resultType = 1;
+const ae = e$O(le), styles$l = ":host{min-height:1px;display:flex;flex-direction:column;flex:1 1 0%}.virtual-container{height:100%;position:relative}.virtual-viewport{height:100%;overflow:auto;padding-inline:16px}.virtual-content{position:relative;width:100%}.virtual-items{position:relative}.container{min-height:1px;height:100%}.visit:first-child{margin-top:var(--dss-spacing-md)}.visit{width:calc(100% - var(--dss-spacing-md) - var(--dss-spacing-md));display:flex;flex-direction:column;gap:var(--dss-spacing-sm);background-color:#fff;border-radius:var(--dss-radius-sm);padding:var(--dss-spacing-sm);margin-bottom:var(--dss-spacing-md)}.visit .visit__header{display:flex;flex-direction:row;align-items:center;gap:16px}.visit .visit__header .title{flex:1;font-size:14px;line-height:24px;display:flex;flex-direction:row;gap:12px;color:var(--color-neutral-800)}.visit .visit__header .title-date{font-weight:700}.visit .visit__header .title-description{font-weight:600;display:flex;flex-direction:row;gap:4px}.visit .visit__header .highlight{background-color:#ff0;font-weight:700}.visit .visit__items{display:flex;flex-direction:column;gap:var(--dss-spacing-sm)}.visit .visit__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .visit__items .item[has-divider]:last-of-type{border:none}.visit .diagnostics{display:flex;flex-direction:column;gap:var(--dss-spacing-sm);border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics:last-of-type{border:none}.visit .diagnostics .diagnostics__header{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.visit .diagnostics .diagnostics__items{display:flex;flex-direction:column}.visit .diagnostics .diagnostics__items .item[has-divider]{border-bottom:var(--dss-border-width-sm) solid var(--color-neutral-200)}.visit .diagnostics .diagnostics__items .item[has-divider]:last-of-type{border:none}.feedback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}";
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -16341,8 +16337,17 @@ class VirtualScroller {
   measureElement(W) {
     this._virtualizer?.measureElement(W);
   }
-  scrollToIndex(W, X = "smooth") {
-    this._virtualizer?.scrollToIndex(W, { behavior: X });
+  scrollToIndex(W, X = "smooth", te = "auto") {
+    this._virtualizer?.scrollToIndex(W, { behavior: X, align: te });
+  }
+  /**
+   * Estimated `start` offset (px) of an item, using real measurements where
+   * available and the size estimate for not-yet-rendered items. Used to jump
+   * the viewport near a target before a precise DOM-based alignment, instead of
+   * `scrollToIndex` (whose reconcile re-scrolls every frame and froze the UI).
+   */
+  getOffsetForIndex(W) {
+    return this._virtualizer?.getOffsetForIndex(W, "start")?.[0] ?? 0;
   }
   getState() {
     return {
@@ -16350,13 +16355,6 @@ class VirtualScroller {
       totalHeight: this._virtualizer?.getTotalSize() ?? 0
     };
   }
-  findClosestIndex(W, X, te) {
-    let re = -1, oe = Number.POSITIVE_INFINITY;
-    return this._options.items.forEach((ne, de) => {
-      const ce = Math.abs(te(W(ne), X));
-      ce < oe && (oe = ce, re = de);
-    }), re;
-  }
 }
 var __defProp$o = Object.defineProperty, __getOwnPropDesc$d = Object.getOwnPropertyDescriptor, __decorateClass$r = (J, W, X, te) => {
   for (var re = te > 1 ? void 0 : te ? __getOwnPropDesc$d(W, X) : W, oe = J.length - 1, ne; oe >= 0; oe--)
@@ -16414,18 +16412,40 @@ let ActivityHistoryTimeline = class extends h$p {
   highlighted(J) {
     return J ? ae(this.highlightMatch(J, this.searchString)) : null;
   }
-  // Public API for scrolling to date (maintains original functionality)
+  // Public API: scroll the timeline to a given date ("Anar a data").
+  //
+  // The list is sorted newest -> oldest by `getGroupMostRecentDate` (the same key
+  // is used here so the mapping date->index is monotonic). We compare at *day*
+  // granularity because `selectedDate` is midnight while group dates carry a time
+  // of day. We land on the first (topmost) group whose day is on or before the
+  // requested day — i.e. the requested day if it has entries, otherwise the
+  // closest earlier day (newer entries above, older below). Using an absolute
+  // nearest-timestamp search here is what produced the "jumps to another year"
+  // and "lands on the day before" bugs.
   _scrollIntoDate(J) {
-    if (!this._virtualScroller) return;
-    const W = this._virtualScroller.findClosestIndex(
-      (X) => {
-        const te = X.items?.[0]?.date || X.subGroups?.[0]?.items?.[0]?.date;
-        return te ? new Date(te).getTime() : 0;
-      },
-      J,
-      (X, te) => X - te
-    );
-    W !== -1 && this._virtualScroller.scrollToIndex(W);
+    if (!this._virtualScroller || !this._viewport) return;
+    const W = this.historyGroups ?? [];
+    if (!W.length) return;
+    const X = startOfDay(J).getTime(), te = (oe) => startOfDay(getGroupMostRecentDate(oe)).getTime();
+    let re = W.findIndex((oe) => te(oe) <= X);
+    re === -1 && (re = W.length - 1), this._viewport.scrollTop = this._virtualScroller.getOffsetForIndex(re), this._alignGroupTop(re, 0);
+  }
+  // Align the top of group `index`'s rendered element with the top of the
+  // viewport, using its real on-screen position (not the size estimate, which
+  // is off for very tall visits). Bounded to a few frames so it converges
+  // without ever turning into a scroll loop.
+  _alignGroupTop(J, W) {
+    W >= 4 || !this._viewport || requestAnimationFrame(() => {
+      const X = this._viewport;
+      if (!X) return;
+      const te = this.renderRoot?.querySelector(`.visit[data-index="${J}"]`);
+      if (!te) {
+        this._alignGroupTop(J, W + 1);
+        return;
+      }
+      const re = Math.round(te.getBoundingClientRect().top - X.getBoundingClientRect().top);
+      Math.abs(re) <= 1 || (X.scrollTop += re, this._alignGroupTop(J, W + 1));
+    });
   }
   // === VIRTUAL SCROLLER LOGIC ===
   _setupVirtualScroller() {
@@ -16433,14 +16453,11 @@ let ActivityHistoryTimeline = class extends h$p {
       items: this.historyGroups || [],
       estimatedItemHeight: 200,
       overscan: 8
-    }), this._cleanupVirtualScroller = this._virtualScroller.setup(
-      this._viewport,
-      (J) => {
-        this._virtualScrollerState = J, this.requestUpdate(), this.api?.broker && this.searchString && this.api.broker.publish(this.api.broker.events.activityHistory.searched, {
-          searchQuery: this.searchString
-        });
-      }
-    ), this._virtualScrollerState = this._virtualScroller.getState());
+    }), this._cleanupVirtualScroller = this._virtualScroller.setup(this._viewport, (J) => {
+      this._virtualScrollerState = J, this.requestUpdate(), this.api?.broker && this.searchString && this.api.broker.publish(this.api.broker.events.activityHistory.searched, {
+        searchQuery: this.searchString
+      });
+    }), this._virtualScrollerState = this._virtualScroller.getState());
   }
   _updateVirtualScroller() {
     !this._virtualScroller || !this.historyGroups?.length || (this._virtualScroller.updateItems(this.historyGroups, (J) => {
@@ -16952,12 +16969,7 @@ const bootstrapActivityHistoryItem = (J) => {
 class ScrollerController {
   /** Setup or update the scroller with the current items. No-op until the
    * viewport and content elements exist. Detects viewport swaps and re-setups. */
-  sync({
-    viewport: W,
-    items: X,
-    onStateChange: te,
-    estimatedItemHeight: re = 200
-  }) {
+  sync({ viewport: W, items: X, onStateChange: te, estimatedItemHeight: re = 200 }) {
     return W ? (this._scroller && W !== this._lastViewport && this.teardown(), this._scroller ? this._scroller.updateItems(X, te) : (this._scroller = new VirtualScroller({
       items: X,
       estimatedItemHeight: re
@@ -16974,9 +16986,6 @@ class ScrollerController {
   measureElement(W) {
     this._scroller?.measureElement(W);
   }
-  findClosestIndex(W, X, te) {
-    return this._scroller?.findClosestIndex(W, X, te) ?? -1;
-  }
 }
 const isToday = (J) => {
   const W = new Date(J), X = /* @__PURE__ */ new Date();
@@ -53537,4 +53546,4 @@ export {
   primariaApiFactory as y,
   PrimariaContentSwitcher as z
 };
-//# sourceMappingURL=index-BUnSpNVB.js.map
+//# sourceMappingURL=index-D-GssSmM.js.map