@k2b/ui 0.35.0 → 0.37.0

package/dist/browser/layout/AppWorkspace.js

@@ -1432,13 +1432,16 @@ const AppWorkspaceSidebarItemStatus = props => {
     }));
     _$effect(_p$ => {
       var _v$59 = waiting() !== null ? undefined : count() ? "count" : dot() ? "dot" : undefined,
-        _v$60 = waiting() === null ? undefined : waiting() ? "count" : "zero";
+        _v$60 = waiting() === null ? undefined : waiting() ? "count" : "zero",
+        _v$61 = props.muted ? "true" : undefined;
       _v$59 !== _p$.e && _$setAttribute(_el$55, "data-unread", _p$.e = _v$59);
       _v$60 !== _p$.t && _$setAttribute(_el$55, "data-waiting", _p$.t = _v$60);
+      _v$61 !== _p$.a && _$setAttribute(_el$55, "data-muted", _p$.a = _v$61);
       return _p$;
     }, {
       e: undefined,
-      t: undefined
+      t: undefined,
+      a: undefined
     });
     return _el$55;
   })();
@@ -1742,10 +1745,10 @@ function AppWorkspaceSidebarItem(props) {
       }
     }), _el$85, _co$13);
     _$effect(_p$ => {
-      var _v$61 = oneLine() ? "1" : undefined,
-        _v$62 = !oneLine() && typeof label() === "string" ? label() : undefined;
-      _v$61 !== _p$.e && _$setAttribute(_el$79, "data-lines", _p$.e = _v$61);
-      _v$62 !== _p$.t && _$setAttribute(_el$79, "data-label", _p$.t = _v$62);
+      var _v$62 = oneLine() ? "1" : undefined,
+        _v$63 = !oneLine() && typeof label() === "string" ? label() : undefined;
+      _v$62 !== _p$.e && _$setAttribute(_el$79, "data-lines", _p$.e = _v$62);
+      _v$63 !== _p$.t && _$setAttribute(_el$79, "data-label", _p$.t = _v$63);
       return _p$;
     }, {
       e: undefined,
@@ -1760,10 +1763,10 @@ function AppWorkspaceSidebarItem(props) {
       var _el$86 = _$getNextElement(_tmpl$41);
       _$insert(_el$86, meta);
       _$effect(_p$ => {
-        var _v$63 = props.preview?.trigger === "row" ? metaId : undefined,
-          _v$64 = metaVisibility() === "hover" ? "hover" : undefined;
-        _v$63 !== _p$.e && _$setAttribute(_el$86, "id", _p$.e = _v$63);
-        _v$64 !== _p$.t && _$setAttribute(_el$86, "data-visibility", _p$.t = _v$64);
+        var _v$64 = props.preview?.trigger === "row" ? metaId : undefined,
+          _v$65 = metaVisibility() === "hover" ? "hover" : undefined;
+        _v$64 !== _p$.e && _$setAttribute(_el$86, "id", _p$.e = _v$64);
+        _v$65 !== _p$.t && _$setAttribute(_el$86, "data-visibility", _p$.t = _v$65);
         return _p$;
       }, {
         e: undefined,
@@ -1804,12 +1807,12 @@ function AppWorkspaceSidebarItem(props) {
               _el$90.$$click = select;
               _$insert(_el$90, content);
               _$effect(_p$ => {
-                var _v$68 = actionSlot()?.disabled,
-                  _v$69 = actionSlot()?.visibility === "hover" ? "hover" : undefined,
-                  _v$70 = label();
-                _v$68 !== _p$.e && _$setProperty(_el$90, "disabled", _p$.e = _v$68);
-                _v$69 !== _p$.t && _$setAttribute(_el$90, "data-visibility", _p$.t = _v$69);
-                _v$70 !== _p$.a && _$setAttribute(_el$90, "aria-label", _p$.a = _v$70);
+                var _v$69 = actionSlot()?.disabled,
+                  _v$70 = actionSlot()?.visibility === "hover" ? "hover" : undefined,
+                  _v$71 = label();
+                _v$69 !== _p$.e && _$setProperty(_el$90, "disabled", _p$.e = _v$69);
+                _v$70 !== _p$.t && _$setAttribute(_el$90, "data-visibility", _p$.t = _v$70);
+                _v$71 !== _p$.a && _$setAttribute(_el$90, "aria-label", _p$.a = _v$71);
                 return _p$;
               }, {
                 e: undefined,
@@ -1825,12 +1828,12 @@ function AppWorkspaceSidebarItem(props) {
             _el$89.$$click = select;
             _$insert(_el$89, content);
             _$effect(_p$ => {
-              var _v$65 = actionSlot()?.href,
-                _v$66 = actionSlot()?.visibility === "hover" ? "hover" : undefined,
-                _v$67 = label();
-              _v$65 !== _p$.e && _$setAttribute(_el$89, "href", _p$.e = _v$65);
-              _v$66 !== _p$.t && _$setAttribute(_el$89, "data-visibility", _p$.t = _v$66);
-              _v$67 !== _p$.a && _$setAttribute(_el$89, "aria-label", _p$.a = _v$67);
+              var _v$66 = actionSlot()?.href,
+                _v$67 = actionSlot()?.visibility === "hover" ? "hover" : undefined,
+                _v$68 = label();
+              _v$66 !== _p$.e && _$setAttribute(_el$89, "href", _p$.e = _v$66);
+              _v$67 !== _p$.t && _$setAttribute(_el$89, "data-visibility", _p$.t = _v$67);
+              _v$68 !== _p$.a && _$setAttribute(_el$89, "aria-label", _p$.a = _v$68);
               return _p$;
             }, {
               e: undefined,
@@ -2184,10 +2187,10 @@ const AppWorkspaceNavTree = props => {
           var _el$97 = _$getNextElement(_tmpl$47);
           _$insert(_el$97, () => item.meta);
           _$effect(_p$ => {
-            var _v$71 = `k2b-app-workspace__sidebar-item-meta ${hasChildren() ? "" : "k2b-app-workspace__nav-tree-leaf-meta"}`,
-              _v$72 = item.metaVisibility === "hover" ? "hover" : undefined;
-            _v$71 !== _p$.e && _$className(_el$97, _p$.e = _v$71);
-            _v$72 !== _p$.t && _$setAttribute(_el$97, "data-visibility", _p$.t = _v$72);
+            var _v$72 = `k2b-app-workspace__sidebar-item-meta ${hasChildren() ? "" : "k2b-app-workspace__nav-tree-leaf-meta"}`,
+              _v$73 = item.metaVisibility === "hover" ? "hover" : undefined;
+            _v$72 !== _p$.e && _$className(_el$97, _p$.e = _v$72);
+            _v$73 !== _p$.t && _$setAttribute(_el$97, "data-visibility", _p$.t = _v$73);
             return _p$;
           }, {
             e: undefined,
@@ -2343,28 +2346,28 @@ const AppWorkspaceNavTree = props => {
           }
         }), _el$107, _co$15);
         _$effect(_p$ => {
-          var _v$73 = siblings().length,
-            _v$74 = place() + 1,
-            _v$75 = selected(),
-            _v$76 = hasChildren() ? isExpanded(item.id) : undefined,
-            _v$77 = item.disabled ? "true" : undefined,
-            _v$78 = item.disabled ? -1 : tabStopId() === item.id ? 0 : -1,
-            _v$79 = movable() ? true : undefined,
-            _v$80 = item.id,
-            _v$81 = dragged()?.id === item.id ? "" : undefined,
-            _v$82 = dropTarget()?.id === item.id ? dropTarget().side : undefined,
-            _v$83 = String(props.indented === false ? 0 : depth);
-          _v$73 !== _p$.e && _$setAttribute(_el$102, "aria-setsize", _p$.e = _v$73);
-          _v$74 !== _p$.t && _$setAttribute(_el$102, "aria-posinset", _p$.t = _v$74);
-          _v$75 !== _p$.a && _$setAttribute(_el$102, "aria-selected", _p$.a = _v$75);
-          _v$76 !== _p$.o && _$setAttribute(_el$102, "aria-expanded", _p$.o = _v$76);
-          _v$77 !== _p$.i && _$setAttribute(_el$102, "aria-disabled", _p$.i = _v$77);
-          _v$78 !== _p$.n && _$setAttribute(_el$102, "tabindex", _p$.n = _v$78);
-          _v$79 !== _p$.s && _$setAttribute(_el$102, "draggable", _p$.s = _v$79);
-          _v$80 !== _p$.h && _$setAttribute(_el$102, "data-k2b-nav-tree-id", _p$.h = _v$80);
-          _v$81 !== _p$.r && _$setAttribute(_el$102, "data-k2b-nav-tree-dragging", _p$.r = _v$81);
-          _v$82 !== _p$.d && _$setAttribute(_el$102, "data-k2b-nav-tree-drop", _p$.d = _v$82);
-          _v$83 !== _p$.l && _$setStyleProperty(_el$102, "--k2b-nav-tree-depth", _p$.l = _v$83);
+          var _v$74 = siblings().length,
+            _v$75 = place() + 1,
+            _v$76 = selected(),
+            _v$77 = hasChildren() ? isExpanded(item.id) : undefined,
+            _v$78 = item.disabled ? "true" : undefined,
+            _v$79 = item.disabled ? -1 : tabStopId() === item.id ? 0 : -1,
+            _v$80 = movable() ? true : undefined,
+            _v$81 = item.id,
+            _v$82 = dragged()?.id === item.id ? "" : undefined,
+            _v$83 = dropTarget()?.id === item.id ? dropTarget().side : undefined,
+            _v$84 = String(props.indented === false ? 0 : depth);
+          _v$74 !== _p$.e && _$setAttribute(_el$102, "aria-setsize", _p$.e = _v$74);
+          _v$75 !== _p$.t && _$setAttribute(_el$102, "aria-posinset", _p$.t = _v$75);
+          _v$76 !== _p$.a && _$setAttribute(_el$102, "aria-selected", _p$.a = _v$76);
+          _v$77 !== _p$.o && _$setAttribute(_el$102, "aria-expanded", _p$.o = _v$77);
+          _v$78 !== _p$.i && _$setAttribute(_el$102, "aria-disabled", _p$.i = _v$78);
+          _v$79 !== _p$.n && _$setAttribute(_el$102, "tabindex", _p$.n = _v$79);
+          _v$80 !== _p$.s && _$setAttribute(_el$102, "draggable", _p$.s = _v$80);
+          _v$81 !== _p$.h && _$setAttribute(_el$102, "data-k2b-nav-tree-id", _p$.h = _v$81);
+          _v$82 !== _p$.r && _$setAttribute(_el$102, "data-k2b-nav-tree-dragging", _p$.r = _v$82);
+          _v$83 !== _p$.d && _$setAttribute(_el$102, "data-k2b-nav-tree-drop", _p$.d = _v$83);
+          _v$84 !== _p$.l && _$setStyleProperty(_el$102, "--k2b-nav-tree-depth", _p$.l = _v$84);
           return _p$;
         }, {
           e: undefined,
@@ -2418,10 +2421,10 @@ const AppWorkspaceNavTree = props => {
     typeof _ref$7 === "function" ? _$use(_ref$7, _el$108) : root = _el$108;
     _$insert(_el$108, () => renderItems(roots, 0));
     _$effect(_p$ => {
-      var _v$84 = `k2b-app-workspace__nav-tree ${props.class ?? ""}`,
-        _v$85 = props.ariaLabel;
-      _v$84 !== _p$.e && _$className(_el$108, _p$.e = _v$84);
-      _v$85 !== _p$.t && _$setAttribute(_el$108, "aria-label", _p$.t = _v$85);
+      var _v$85 = `k2b-app-workspace__nav-tree ${props.class ?? ""}`,
+        _v$86 = props.ariaLabel;
+      _v$85 !== _p$.e && _$className(_el$108, _p$.e = _v$85);
+      _v$86 !== _p$.t && _$setAttribute(_el$108, "aria-label", _p$.t = _v$86);
       return _p$;
     }, {
       e: undefined,
@@ -2767,12 +2770,12 @@ function AppWorkspaceHead(props) {
       }
     }), _el$148, _co$27);
     _$effect(_p$ => {
-      var _v$86 = trail()?.ancestors.length ? "up" : trail() ? "title" : undefined,
-        _v$87 = props.head ? "" : undefined,
-        _v$88 = mobilePane();
-      _v$86 !== _p$.e && _$setAttribute(_el$119, "data-trail", _p$.e = _v$86);
-      _v$87 !== _p$.t && _$setAttribute(_el$119, "data-row", _p$.t = _v$87);
-      _v$88 !== _p$.a && _$setAttribute(_el$119, "data-workspace-head-pane", _p$.a = _v$88);
+      var _v$87 = trail()?.ancestors.length ? "up" : trail() ? "title" : undefined,
+        _v$88 = props.head ? "" : undefined,
+        _v$89 = mobilePane();
+      _v$87 !== _p$.e && _$setAttribute(_el$119, "data-trail", _p$.e = _v$87);
+      _v$88 !== _p$.t && _$setAttribute(_el$119, "data-row", _p$.t = _v$88);
+      _v$89 !== _p$.a && _$setAttribute(_el$119, "data-workspace-head-pane", _p$.a = _v$89);
       return _p$;
     }, {
       e: undefined,
@@ -2837,18 +2840,18 @@ const AppWorkspace = props => {
           typeof _ref$8 === "function" ? _$use(_ref$8, _el$151) : root = _el$151;
           _$insert(_el$151, contents);
           _$effect(_p$ => {
-            var _v$89 = `k2b-app-workspace ${props.class ?? ""}`,
-              _v$90 = props.mobileSurface,
-              _v$91 = props.flat ? "true" : undefined,
-              _v$92 = initialLayoutState()?.sidebarCollapsed === undefined ? undefined : String(initialLayoutState()?.sidebarCollapsed),
-              _v$93 = props.resizable === false ? "false" : "true",
-              _v$94 = appWorkspaceLayoutStyle(initialLayoutState());
-            _v$89 !== _p$.e && _$className(_el$151, _p$.e = _v$89);
-            _v$90 !== _p$.t && _$setAttribute(_el$151, "data-mobile-surface", _p$.t = _v$90);
-            _v$91 !== _p$.a && _$setAttribute(_el$151, "data-flat", _p$.a = _v$91);
-            _v$92 !== _p$.o && _$setAttribute(_el$151, "data-sidebar-collapsed", _p$.o = _v$92);
-            _v$93 !== _p$.i && _$setAttribute(_el$151, "data-workspace-resizable", _p$.i = _v$93);
-            _p$.n = _$style(_el$151, _v$94, _p$.n);
+            var _v$90 = `k2b-app-workspace ${props.class ?? ""}`,
+              _v$91 = props.mobileSurface,
+              _v$92 = props.flat ? "true" : undefined,
+              _v$93 = initialLayoutState()?.sidebarCollapsed === undefined ? undefined : String(initialLayoutState()?.sidebarCollapsed),
+              _v$94 = props.resizable === false ? "false" : "true",
+              _v$95 = appWorkspaceLayoutStyle(initialLayoutState());
+            _v$90 !== _p$.e && _$className(_el$151, _p$.e = _v$90);
+            _v$91 !== _p$.t && _$setAttribute(_el$151, "data-mobile-surface", _p$.t = _v$91);
+            _v$92 !== _p$.a && _$setAttribute(_el$151, "data-flat", _p$.a = _v$92);
+            _v$93 !== _p$.o && _$setAttribute(_el$151, "data-sidebar-collapsed", _p$.o = _v$93);
+            _v$94 !== _p$.i && _$setAttribute(_el$151, "data-workspace-resizable", _p$.i = _v$94);
+            _p$.n = _$style(_el$151, _v$95, _p$.n);
             return _p$;
           }, {
             e: undefined,