@uxland/primary-shell 7.45.10 → 7.45.11

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

package/dist/{component-Bry79kcE.js.map → component-DXEGE47c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-Bry79kcE.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-DXEGE47c.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-CnsLn8vW.js → index-DeP4Bkz8.js}

@@ -9842,7 +9842,7 @@ class ImportDataManagerImpl {
   async import(W, X) {
     this.currentImporterId = W, this.currentImportParams = X, this.selectedItems = {}, this.pluginTexts = {};
     try {
-      const { ImportDataManagerModal: te } = await import("./component-Bry79kcE.js"), { confirmed: re } = await this.interactionService.confirm(
+      const { ImportDataManagerModal: te } = await import("./component-DXEGE47c.js"), { confirmed: re } = await this.interactionService.confirm(
         void 0,
         { component: te },
         {
@@ -16319,7 +16319,7 @@ const measureElementWithMargins = (J) => {
 };
 class VirtualScroller {
   constructor(W) {
-    this._options = W;
+    this._lastVisibleState = { virtualItems: [], totalHeight: 0 }, this._savedScrollTop = 0, this._viewportWasHidden = !1, this._options = W;
   }
   setup(W, X) {
     return this._viewport = W, this._virtualizer = new Virtualizer({
@@ -16327,12 +16327,12 @@ class VirtualScroller {
       getScrollElement: () => this._viewport ?? null,
       estimateSize: (te) => this._options.estimateItemHeight(te),
       overscan: this._options.overscan ?? 5,
-      measureElement: (te) => (this._options.measureElement ?? measureElementWithMargins)(te),
+      measureElement: (te) => this._measureItem(te),
       observeElementRect,
       observeElementOffset,
       scrollToFn: elementScroll,
       onChange: () => {
-        X(this.getState());
+        this._trackViewportVisibility(), X(this.getState());
       }
     }), this._cleanup = this._virtualizer._didMount(), this._virtualizer._willUpdate(), X(this.getState()), () => {
       this._cleanup?.();
@@ -16362,11 +16362,38 @@ class VirtualScroller {
   getOffsetForIndex(W) {
     return this._virtualizer?.getOffsetForIndex(W, "start")?.[0] ?? 0;
   }
+  // While the view is hidden every rendered item's rect measures 0px (though
+  // its computed margins do not); the virtualizer's per-item ResizeObserver
+  // would push those collapsed sizes into its size cache and apply scroll
+  // "corrections", shifting every offset. Reuse the cached measurement (or the
+  // estimate) so sizes survive the hide/show cycle.
+  _measureItem(W) {
+    if (W.getBoundingClientRect().height === 0) {
+      const X = Number(W.getAttribute("data-index"));
+      return this._virtualizer?.measurementsCache[X]?.size ?? this._options.estimateItemHeight(X);
+    }
+    return (this._options.measureElement ?? measureElementWithMargins)(W);
+  }
+  // Deactivated region views are hidden with display:none: the viewport
+  // measures 0px, the virtualizer nulls its range (empty virtualItems) and the
+  // browser may drop the scroll position. Track the hidden viewport so
+  // `getState` keeps returning the last visible state, and restore the scroll
+  // offset on the first change after the viewport shows again.
+  _trackViewportVisibility() {
+    if (this._viewport) {
+      if (this._viewport.clientHeight === 0) {
+        this._viewportWasHidden = !0;
+        return;
+      }
+      this._viewportWasHidden && (this._viewportWasHidden = !1, this._viewport.scrollTop = this._savedScrollTop), this._savedScrollTop = this._viewport.scrollTop;
+    }
+  }
   getState() {
-    return {
-      virtualItems: this._virtualizer?.getVirtualItems() ?? [],
-      totalHeight: this._virtualizer?.getTotalSize() ?? 0
-    };
+    const W = !!(this._viewport && this._viewport.clientHeight > 0);
+    return this._virtualizer && W && (this._lastVisibleState = {
+      virtualItems: this._virtualizer.getVirtualItems(),
+      totalHeight: this._virtualizer.getTotalSize()
+    }), this._lastVisibleState;
   }
 }
 var __defProp$o = Object.defineProperty, __getOwnPropDesc$d = Object.getOwnPropertyDescriptor, __decorateClass$r = (J, W, X, te) => {
@@ -53717,4 +53744,4 @@ export {
   primariaApiFactory as y,
   PrimariaContentSwitcher as z
 };
-//# sourceMappingURL=index-CnsLn8vW.js.map
+//# sourceMappingURL=index-DeP4Bkz8.js.map