@k2b/ui 0.40.0 → 0.42.0

package/dist/ssr/layout/AppWorkspace.js

@@ -58,16 +58,17 @@ var _tmpl$ = ["<button type=\"button\" class=\"k2b-app-workspace__resize\" role=
   _tmpl$47 = ["<div class=\"", "\" role=\"tree\"", ">", "</div>"],
   _tmpl$48 = ["<div class=\"k2b-app-workspace__sidebar-icon-grid\"", ">", "</div>"],
   _tmpl$49 = ["<i", " aria-hidden=\"true\"></i>"],
-  _tmpl$50 = ["<span class=\"k2b-app-workspace__head-primary-label\">", "</span>"],
-  _tmpl$51 = "<i class=\"ti ti-layout-sidebar\" aria-hidden=\"true\"></i>",
-  _tmpl$52 = ["<div class=\"k2b-app-workspace__head-views\">", "</div>"],
-  _tmpl$53 = ["<div class=\"k2b-app-workspace__head-filters\" role=\"group\"", ">", "", "</div>"],
-  _tmpl$54 = ["<span class=\"k2b-app-workspace__head-count\"><span>", "</span></span>"],
-  _tmpl$55 = ["<div class=\"k2b-app-workspace__head-actions\">", "", "</div>"],
-  _tmpl$56 = ["<div class=\"k2b-app-workspace__head\"", ">", "<div class=\"k2b-app-workspace__head-lead\">", "", "", "", "", "</div>", "</div>"],
-  _tmpl$57 = ["<h1 class=\"k2b-app-workspace__head-heading\" data-k2b-page-trail-title", ">", "</h1>"],
-  _tmpl$58 = ["<div class=\"", "\" data-k2b-app-workspace", " style=\"", "\">", "</div>"],
-  _tmpl$59 = ["<div class=\"", "\">", "</div>"];
+  _tmpl$50 = "<i class=\"ti ti-chevron-down k2b-app-workspace__head-primary-chevron\" aria-hidden=\"true\"></i>",
+  _tmpl$51 = ["<span class=\"k2b-app-workspace__head-primary-label\">", "", "</span>"],
+  _tmpl$52 = "<i class=\"ti ti-layout-sidebar\" aria-hidden=\"true\"></i>",
+  _tmpl$53 = ["<div class=\"k2b-app-workspace__head-views\">", "</div>"],
+  _tmpl$54 = ["<div class=\"k2b-app-workspace__head-filters\" role=\"group\"", ">", "", "</div>"],
+  _tmpl$55 = ["<span class=\"k2b-app-workspace__head-count\"><span>", "</span></span>"],
+  _tmpl$56 = ["<div class=\"k2b-app-workspace__head-actions\">", "", "</div>"],
+  _tmpl$57 = ["<div class=\"k2b-app-workspace__head\"", ">", "<div class=\"k2b-app-workspace__head-lead\">", "", "", "", "", "</div>", "</div>"],
+  _tmpl$58 = ["<h1 class=\"k2b-app-workspace__head-heading\" data-k2b-page-trail-title", ">", "</h1>"],
+  _tmpl$59 = ["<div class=\"", "\" data-k2b-app-workspace", " style=\"", "\">", "</div>"],
+  _tmpl$60 = ["<div class=\"", "\">", "</div>"];
 import { Link } from "@k2b/ssr/nav";
 import { children, createContext, createEffect, createMemo, createRoot, createSignal, createUniqueId, For, getOwner, mergeProps, on, onCleanup, onMount, Show, useContext } from "solid-js";
 import { Dynamic, isServer } from "solid-js/web";
@@ -1896,8 +1897,15 @@ function AppWorkspaceHead(props) {
     return `@media not all and (min-width:48rem){${host} > .k2b-app-workspace__head,${host} > .k2b-app-workspace__content > .k2b-app-workspace__detail-toggle,${host} > .k2b-app-workspace__content > :is(solid-island, solid-client) > .k2b-app-workspace__detail-toggle{display:none}}`;
   };
   const resetContent = () => filters().reset;
-  const primaryContent = () => [_$ssr(_tmpl$49, _$ssrAttribute("class", _$escape(props.head?.primary?.icon, true), false)), _$ssr(_tmpl$50, _$escape(props.head?.primary?.label))];
-  return _$ssr(_tmpl$56, _$ssrAttribute("data-trail", trail()?.ancestors.length ? "up" : trail() ? "title" : _$escape(undefined, true), false) + _$ssrAttribute("data-row", props.head ? "" : _$escape(undefined, true), false) + _$ssrAttribute("data-workspace-head-pane", _$escape(mobilePane(), true), false), _$escape(_$createComponent(Show, {
+  const primaryContent = () => [_$ssr(_tmpl$49, _$ssrAttribute("class", _$escape(props.head?.primary?.icon, true), false)), _$ssr(_tmpl$51, _$escape(props.head?.primary?.label), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.head?.primary?.popup;
+    },
+    get children() {
+      return _$ssr(_tmpl$50);
+    }
+  })))];
+  return _$ssr(_tmpl$57, _$ssrAttribute("data-trail", trail()?.ancestors.length ? "up" : trail() ? "title" : _$escape(undefined, true), false) + _$ssrAttribute("data-row", props.head ? "" : _$escape(undefined, true), false) + _$ssrAttribute("data-workspace-head-pane", _$escape(mobilePane(), true), false), _$escape(_$createComponent(Show, {
     get when() {
       return mobilePane();
     },
@@ -1913,7 +1921,7 @@ function AppWorkspaceHead(props) {
     "aria-expanded": "false",
     "data-app-workspace-sidebar-toggle": "",
     get children() {
-      return _$ssr(_tmpl$51);
+      return _$ssr(_tmpl$52);
     }
   })), _$escape(_$createComponent(Show, {
     get when() {
@@ -1925,20 +1933,20 @@ function AppWorkspaceHead(props) {
       },
       as: "p",
       fallback: true
-    }), _$ssr(_tmpl$57, _$ssrAttribute("data-k2b-server", isServer ? "" : _$escape(undefined, true), false), _$escape(current().title))]
+    }), _$ssr(_tmpl$58, _$ssrAttribute("data-k2b-server", isServer ? "" : _$escape(undefined, true), false), _$escape(current().title))]
   })), _$escape(_$createComponent(Show, {
     get when() {
       return resolvedViews.toArray().some(Boolean);
     },
     get children() {
-      return _$ssr(_tmpl$52, _$escape(resolvedViews()));
+      return _$ssr(_tmpl$53, _$escape(resolvedViews()));
     }
   })), _$escape(_$createComponent(Show, {
     get when() {
       return resolvedFilters.toArray().some(Boolean) || props.head?.filtered;
     },
     get children() {
-      return _$ssr(_tmpl$53, _$ssrAttribute("aria-label", _$escape(filters().filters, true), false), _$escape(resolvedFilters()), _$escape(_$createComponent(Show, {
+      return _$ssr(_tmpl$54, _$ssrAttribute("aria-label", _$escape(filters().filters, true), false), _$escape(resolvedFilters()), _$escape(_$createComponent(Show, {
         get when() {
           return props.head?.filtered;
         },
@@ -1985,14 +1993,14 @@ function AppWorkspaceHead(props) {
       return _$memo(() => !!props.head?.filtered)() && resolvedCount.toArray().some(value => value !== undefined && value !== null && value !== false);
     },
     get children() {
-      return _$ssr(_tmpl$54, _$escape(resolvedCount()));
+      return _$ssr(_tmpl$55, _$escape(resolvedCount()));
     }
   })), _$escape(_$createComponent(Show, {
     get when() {
       return resolvedActions.toArray().some(Boolean) || props.head?.primary;
     },
     get children() {
-      return _$ssr(_tmpl$55, _$escape(resolvedActions()), _$escape(_$createComponent(Show, {
+      return _$ssr(_tmpl$56, _$escape(resolvedActions()), _$escape(_$createComponent(Show, {
         get when() {
           return props.head?.primary;
         },
@@ -2006,6 +2014,12 @@ function AppWorkspaceHead(props) {
               size: "sm",
               "class": "k2b-app-workspace__head-primary",
               "data-workspace-primary": "",
+              get ["aria-haspopup"]() {
+                return primary().popup;
+              },
+              get ["aria-expanded"]() {
+                return primary().popup ? "false" : undefined;
+              },
               get onClick() {
                 return primary().onClick;
               },
@@ -2019,6 +2033,12 @@ function AppWorkspaceHead(props) {
             size: "sm",
             "class": "k2b-app-workspace__head-primary",
             "data-workspace-primary": "",
+            get ["aria-haspopup"]() {
+              return primary().popup;
+            },
+            get ["aria-expanded"]() {
+              return primary().popup ? "false" : undefined;
+            },
             get href() {
               return href();
             },
@@ -2086,7 +2106,7 @@ const AppWorkspace = props => {
       return _$createComponent(WorkspaceContext.Provider, {
         value: workspace,
         get children() {
-          return _$ssr(_tmpl$58, `k2b-app-workspace ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-mobile-surface", _$escape(props.mobileSurface, true), false) + _$ssrAttribute("data-flat", props.flat ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-sidebar-collapsed", initialLayoutState()?.sidebarCollapsed === undefined ? _$escape(undefined, true) : _$escape(String(initialLayoutState()?.sidebarCollapsed), true), false) + _$ssrAttribute("data-workspace-resizable", props.resizable === false ? "false" : "true", false), _$ssrStyle(appWorkspaceLayoutStyle(initialLayoutState())), _$escape(contents()));
+          return _$ssr(_tmpl$59, `k2b-app-workspace ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-mobile-surface", _$escape(props.mobileSurface, true), false) + _$ssrAttribute("data-flat", props.flat ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-sidebar-collapsed", initialLayoutState()?.sidebarCollapsed === undefined ? _$escape(undefined, true) : _$escape(String(initialLayoutState()?.sidebarCollapsed), true), false) + _$ssrAttribute("data-workspace-resizable", props.resizable === false ? "false" : "true", false), _$ssrStyle(appWorkspaceLayoutStyle(initialLayoutState())), _$escape(contents()));
         }
       });
     }
@@ -2101,7 +2121,7 @@ AppWorkspace.LayoutStateProvider = props => _$createComponent(LayoutStateContext
   }
 });
 AppWorkspace.Head = AppWorkspaceHeadSlot;
-AppWorkspace.Content = props => _$ssr(_tmpl$59, `k2b-app-workspace__content ${_$escape(props.class ?? "", true)}`, _$escape(props.children));
+AppWorkspace.Content = props => _$ssr(_tmpl$60, `k2b-app-workspace__content ${_$escape(props.class ?? "", true)}`, _$escape(props.children));
 AppWorkspace.Main = AppWorkspaceMain;
 AppWorkspace.MainPane = AppWorkspaceMainPane;
 AppWorkspace.Detail = AppWorkspaceDetail;