@uxland/primary-shell 7.41.5 → 7.41.6

package/dist/{component-oKefFHGe.js → component-KfK2npE5.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-HxUANPyC.js";
+import { s, t as d, k as l, h as p, r as m, i as g, a as h } from "./index-0V-xXwce.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-oKefFHGe.js.map
+//# sourceMappingURL=component-KfK2npE5.js.map

package/dist/{component-oKefFHGe.js.map → component-KfK2npE5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-oKefFHGe.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-KfK2npE5.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-HxUANPyC.js → index-0V-xXwce.js}

@@ -9751,7 +9751,7 @@ class ImportDataManagerImpl {
   async import(W, J) {
     this.currentImporterId = W, this.currentImportParams = J, this.selectedItems = {}, this.pluginTexts = {};
     try {
-      const { ImportDataManagerModal: te } = await import("./component-oKefFHGe.js"), { confirmed: re } = await this.interactionService.confirm(
+      const { ImportDataManagerModal: te } = await import("./component-KfK2npE5.js"), { confirmed: re } = await this.interactionService.confirm(
         void 0,
         { component: te },
         {
@@ -16762,29 +16762,22 @@ const bootstrapActivityHistoryItem = (X) => {
     }))
   );
 }, INITIAL_SCROLLER_STATE = {
-  viewportHeight: 0,
-  scrollTop: 0,
-  totalHeight: 0,
-  visibleRange: { start: 0, end: 0 },
-  containerOffset: 0,
-  visibleItems: []
+  virtualItems: [],
+  totalHeight: 0
 };
 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,
-    content: J,
-    items: te,
-    onStateChange: re,
-    estimatedItemHeight: oe = 200,
-    bufferSize: ne = 50
+    items: J,
+    onStateChange: te,
+    estimatedItemHeight: re = 200
   }) {
-    return !W || !J ? this._scroller?.getState() ?? INITIAL_SCROLLER_STATE : (this._scroller && W !== this._lastViewport && this.teardown(), this._scroller ? this._scroller.updateItems(te, re) : (this._scroller = new VirtualScroller({
-      items: te,
-      estimatedItemHeight: oe,
-      bufferSize: ne
-    }), this._cleanup = this._scroller.setup(W, J, re)), this._lastViewport = W, this._scroller.getState());
+    return W ? (this._scroller && W !== this._lastViewport && this.teardown(), this._scroller ? this._scroller.updateItems(J, te) : (this._scroller = new VirtualScroller({
+      items: J,
+      estimatedItemHeight: re
+    }), this._cleanup = this._scroller.setup(W, te)), this._lastViewport = W, this._scroller.getState()) : this._scroller?.getState() ?? INITIAL_SCROLLER_STATE;
   }
   teardown() {
     this._cleanup?.(), this._cleanup = void 0, this._scroller = void 0, this._lastViewport = void 0;
@@ -16873,7 +16866,7 @@ const isToday = (X) => {
 `, listTemplate = (X) => X.filteredGroups?.length ? ke$1`
     <div class="virtual-container">
       <div class="virtual-viewport">
-        <div class="virtual-content">
+        <div class="virtual-content" style="height: ${X._totalHeight}px;">
           <div class="virtual-items" style="transform: translateY(${X._containerOffset}px)">
             ${Qt(
   X._visibleItems,
@@ -17033,11 +17026,39 @@ let ActivityHistoryImporter = class extends h$q {
   diagnosticsOptions() {
     return this.availableDiagnostics.map((X) => ({ label: X.description, value: X.code }));
   }
+  /**
+   * Maps virtual scroller indices to actual filtered groups for rendering.
+   *
+   * The virtual scroller tells us which item positions are visible (e.g., items 5-7).
+   * This getter translates those position numbers into the actual group objects
+   * from filteredGroups that need to be displayed.
+   * @example
+   * virtualItems = [{ index: 0 }, { index: 1 }, { index: 2 }, { index: 3 }]  // 4 items visible at positions 0, 1, 2, 3
+   * returns [filteredGroups[0], [filteredGroups[1], [filteredGroups[2], [filteredGroups[3], ...] // the actual groups to render
+   *
+   * @returns The activity history groups currently visible in the viewport
+   */
   get _visibleItems() {
-    return this._virtualScrollerState.visibleItems;
+    return this._virtualScrollerState.virtualItems.map((X) => this.filteredGroups?.[X.index]).filter(Boolean);
   }
+  /**
+   * Calculates the vertical offset (in pixels) to position the visible items.
+   *
+   * When scrolling, visible items are positioned using CSS `transform: translateY()`.
+   * This getter returns how many pixels to shift the container down so the visible
+   * items appear in the correct scroll position.
+   *
+   * @example
+   * First visible item is at pixel 5000 → returns 5000
+   * CSS applies: transform: translateY(5000px)
+   *
+   * @returns Vertical offset in pixels for the items container
+   */
   get _containerOffset() {
-    return this._virtualScrollerState.containerOffset;
+    return this._virtualScrollerState.virtualItems[0]?.start ?? 0;
+  }
+  get _totalHeight() {
+    return this._virtualScrollerState.totalHeight;
   }
   // ── Private helpers ─────────────────────────────────────────────────────
   _clearSearchTimeout() {
@@ -17067,7 +17088,6 @@ let ActivityHistoryImporter = class extends h$q {
   _syncVirtualScroller() {
     this._virtualScrollerState = this._scrollerController.sync({
       viewport: this._viewport,
-      content: this._content,
       items: this.filteredGroups,
       onStateChange: (X) => {
         this._virtualScrollerState = X, this.requestUpdate();
@@ -17142,9 +17162,6 @@ __decorateClass$k([
 __decorateClass$k([
   e$Q(".virtual-viewport")
 ], ActivityHistoryImporter.prototype, "_viewport", 2);
-__decorateClass$k([
-  e$Q(".virtual-content")
-], ActivityHistoryImporter.prototype, "_content", 2);
 __decorateClass$k([
   r$I()
 ], ActivityHistoryImporter.prototype, "_virtualScrollerState", 2);
@@ -53085,4 +53102,4 @@ export {
   l as y,
   PrimariaInteractionService as z
 };
-//# sourceMappingURL=index-HxUANPyC.js.map
+//# sourceMappingURL=index-0V-xXwce.js.map