@micro-lc/preview 0.7.0 → 0.7.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -66869,6 +66869,15 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
66869
66869
  });
66870
66870
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "components-explorer-lib-container", children: [
66871
66871
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "components-explorer-lib-filters", children: [
66872
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
66873
+ Input$1.Search,
66874
+ {
66875
+ allowClear: true,
66876
+ onChange: (event) => setSearchValue(event.target.value),
66877
+ placeholder: getTranslation("components.components-explorer.drawer.search.ph"),
66878
+ value: searchValue
66879
+ }
66880
+ ),
66872
66881
  /* @__PURE__ */ jsxRuntimeExports.jsx(
66873
66882
  Select,
66874
66883
  {
@@ -66880,15 +66889,6 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
66880
66889
  value: libraryFilter,
66881
66890
  children: libFilterOptions
66882
66891
  }
66883
- ),
66884
- /* @__PURE__ */ jsxRuntimeExports.jsx(
66885
- Input$1.Search,
66886
- {
66887
- allowClear: true,
66888
- onChange: (event) => setSearchValue(event.target.value),
66889
- placeholder: getTranslation("components.components-explorer.drawer.search.ph"),
66890
- value: searchValue
66891
- }
66892
66892
  )
66893
66893
  ] }),
66894
66894
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { overflowY: "auto" }, children: libs.length > 0 ? libs : /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -68379,13 +68379,16 @@ function appendOverlay(self2, mode$) {
68379
68379
  document2.body.appendChild(overlay);
68380
68380
  return { cleanup: () => subscription.unsubscribe(), overlay };
68381
68381
  }
68382
- const appendRenderRoot = (document2) => {
68382
+ const appendRenderRoot = (document2, visible$) => {
68383
68383
  const renderRoot = document2.createElement("div");
68384
68384
  renderRoot.style.display = "flex";
68385
68385
  renderRoot.style.flexDirection = "column";
68386
68386
  renderRoot.style.height = "inherit";
68387
+ const subscription = visible$.subscribe((next) => {
68388
+ renderRoot.style.display = next ? "none" : "flex";
68389
+ });
68387
68390
  document2.body.appendChild(renderRoot);
68388
- return renderRoot;
68391
+ return { cleanup: () => subscription.unsubscribe(), renderRoot };
68389
68392
  };
68390
68393
  function createLifecycle(frame, postChannel) {
68391
68394
  const composerFrame = frame;
@@ -68514,7 +68517,7 @@ const createComposerApplication = (self2, postChannel, channels) => {
68514
68517
  const { cleanup: overlayDisplaySubscriptionCleanup } = appendOverlay(self2, channels.mode.asObservable());
68515
68518
  const reactRootCleanup = appendReactRoot(self2, postChannel, channels.infos.asObservable(), channels.componentsExplorerVisible.asObservable());
68516
68519
  const focusCleanup = focus(self2.document, channels.focus.asObservable(), channels.mode.asObservable());
68517
- const renderRoot = appendRenderRoot(self2.document);
68520
+ const { cleanup: renderRootCleanup, renderRoot } = appendRenderRoot(self2.document, channels.componentsExplorerVisible.asObservable());
68518
68521
  const frame = createLifecycle(self2, postChannel);
68519
68522
  const { sandbox: sandboxedWindow, unpatch } = wrap(frame, channels.notification);
68520
68523
  const updateSubscriptionsCleanup = run(sandboxedWindow, renderRoot, postChannel, channels);
@@ -68525,6 +68528,7 @@ const createComposerApplication = (self2, postChannel, channels) => {
68525
68528
  focusCleanup();
68526
68529
  overlayDisplaySubscriptionCleanup();
68527
68530
  reactRootCleanup();
68531
+ renderRootCleanup();
68528
68532
  },
68529
68533
  sandboxedWindow
68530
68534
  };
@@ -16,7 +16,7 @@
16
16
  }
17
17
  </style>
18
18
  <script src="https://unpkg.com/zone.js"></script>
19
- <script type="module" crossorigin src="./assets/index--zmXJhVL.js"></script>
19
+ <script type="module" crossorigin src="./assets/index-rbglf7s6.js"></script>
20
20
  <link rel="stylesheet" crossorigin href="./assets/index-NQ4PJ7wv.css">
21
21
  </head>
22
22
  <body></body>
@@ -16,7 +16,7 @@
16
16
  }
17
17
  </style>
18
18
  <script src="https://unpkg.com/zone.js"></script>
19
- <script type="module" crossorigin src="./assets/index-R8L7d4ZR.js"></script>
19
+ <script type="module" crossorigin src="./assets/index-5hug6TwQ.js"></script>
20
20
  <link rel="stylesheet" crossorigin href="./assets/index-AYPpxqPP.css">
21
21
  </head>
22
22
  <body></body>