@iris-ui-kit/vue 0.2.20 → 0.2.22

package/dist/admin.cjs

@@ -33,7 +33,8 @@ var IrisSidebarLayout = vue.defineComponent({
       () => props.collapsed,
       (value) => {
         if (value !== void 0) internalCollapsed.value = value;
-      }
+      },
+      { immediate: true }
     );
     const setCollapsed = (value) => {
       if (!isControlled.value) internalCollapsed.value = value;
@@ -192,7 +193,7 @@ vue.defineComponent({
   },
   setup(props, { slots }) {
     const current = vue.ref(props.store.store.getState());
-    const unsubscribe = props.store.store.subscribe((next) => {
+    let unsubscribe = props.store.store.subscribe((next) => {
       current.value = next;
     });
     let applied = null;
@@ -214,6 +215,24 @@ vue.defineComponent({
     vue.watch(current, () => {
       if (applied) applyCurrent();
     });
+    vue.watch(
+      () => props.store,
+      (nextStore) => {
+        unsubscribe();
+        unsubscribe = nextStore.store.subscribe((next) => {
+          current.value = next;
+        });
+        current.value = nextStore.store.getState();
+        if (applied) applyCurrent();
+      }
+    );
+    vue.watch(
+      () => props.target,
+      () => {
+        if (applied) applyCurrent();
+        if (dirApplied) applyDir();
+      }
+    );
     vue.watch(
       () => props.dir,
       () => {
@@ -1115,14 +1134,21 @@ function useTabsNav(nav) {
     cacheKey: nav.cacheKey
   };
 }
-function useMachine(machine) {
+function useMachine(machine, options = {}) {
   const state = vue.ref(machine.store.getState());
   const unsubscribe = machine.store.subscribe((next) => {
     state.value = next;
   });
-  vue.onBeforeUnmount(() => {
-    unsubscribe();
-  });
+  vue.onScopeDispose(
+    () => {
+      unsubscribe();
+      if (options.stopOnUnmount !== false) machine.stop();
+    },
+    // failSilently: outside any effect scope there is nothing to dispose —
+    // registering is a no-op and must not emit the "no active effect scope"
+    // dev warning. Within a component/effectScope this arg changes nothing.
+    true
+  );
   return { state, send: machine.send };
 }
 
@@ -1964,6 +1990,10 @@ var IrisAdminTabs = vue.defineComponent({
           onClick: (e) => {
             e.stopPropagation();
             close(tab.key);
+            const root = e.currentTarget.closest(
+              '[role="tablist"]'
+            );
+            void vue.nextTick(() => focusTab(root, props.nav.getState().activeKey));
           }
         },
         [vue.h(IrisIcon, { name: "x", size: 12 })]