@k2b/ui 0.37.0 → 0.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/layout/AppWorkspace.js +252 -238
- package/dist/browser/layout/AppWorkspace.js.map +1 -1
- package/dist/ssr/layout/AppWorkspace.js +58 -50
- package/dist/ssr/layout/AppWorkspace.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/layout/AppWorkspace.d.ts +6 -0
- package/package.json +1 -1
|
@@ -43,30 +43,31 @@ var _tmpl$ = ["<button type=\"button\" class=\"k2b-app-workspace__resize\" role=
|
|
|
43
43
|
_tmpl$32 = ["<span class=\"k2b-app-workspace__sidebar-item-context-meta\">", "</span>"],
|
|
44
44
|
_tmpl$33 = ["<span class=\"k2b-app-workspace__sidebar-item-context\"><span class=\"k2b-app-workspace__sidebar-item-context-label k2b-truncate-fade\">", "</span>", "</span>"],
|
|
45
45
|
_tmpl$34 = ["<span class=\"k2b-app-workspace__sidebar-item-description k2b-truncate-fade\">", "</span>"],
|
|
46
|
-
_tmpl$35 = ["<span class=\"k2b-app-workspace__sidebar-item-
|
|
47
|
-
_tmpl$36 = ["<span class=\"k2b-app-workspace__sidebar-item-
|
|
48
|
-
_tmpl$37 = ["<
|
|
49
|
-
_tmpl$38 = ["<
|
|
50
|
-
_tmpl$39 = ["<
|
|
51
|
-
_tmpl$40 = ["<
|
|
52
|
-
_tmpl$41 = ["<span class=\"", "\"", ">", "</span>"],
|
|
53
|
-
_tmpl$42 = ["<span class=\"
|
|
54
|
-
_tmpl$43 = ["<span class=\"k2b-app-
|
|
55
|
-
_tmpl$44 = ["<
|
|
56
|
-
_tmpl$45 = ["<div class=\"k2b-app-workspace__nav-tree-
|
|
57
|
-
_tmpl$46 = ["<div class=\""
|
|
58
|
-
_tmpl$47 = ["<div class=\"
|
|
59
|
-
_tmpl$48 = ["<
|
|
60
|
-
_tmpl$49 = ["<
|
|
61
|
-
_tmpl$50 = "<
|
|
62
|
-
_tmpl$51 =
|
|
63
|
-
_tmpl$52 = ["<div class=\"k2b-app-workspace__head-
|
|
64
|
-
_tmpl$53 = ["<
|
|
65
|
-
_tmpl$54 = ["<
|
|
66
|
-
_tmpl$55 = ["<div class=\"k2b-app-workspace__head
|
|
67
|
-
_tmpl$56 = ["<
|
|
68
|
-
_tmpl$57 = ["<
|
|
69
|
-
_tmpl$58 = ["<div class=\"", "\">", "</div>"]
|
|
46
|
+
_tmpl$35 = ["<span class=\"k2b-app-workspace__sidebar-item-note k2b-truncate-fade\"", ">", "</span>"],
|
|
47
|
+
_tmpl$36 = ["<span class=\"k2b-app-workspace__sidebar-item-copy\">", "<span class=\"k2b-app-workspace__sidebar-item-label\"", "><span class=\"k2b-app-workspace__sidebar-item-label-text k2b-truncate-fade-lines\">", "</span></span>", "", "</span>"],
|
|
48
|
+
_tmpl$37 = ["<span class=\"k2b-app-workspace__sidebar-item-meta\"", ">", "</span>"],
|
|
49
|
+
_tmpl$38 = ["<i", "></i>"],
|
|
50
|
+
_tmpl$39 = ["<a", " class=\"k2b-app-workspace__sidebar-item-action\"", ">", "</a>"],
|
|
51
|
+
_tmpl$40 = ["<button type=\"button\" class=\"k2b-app-workspace__sidebar-item-action\"", ">", "</button>"],
|
|
52
|
+
_tmpl$41 = ["<span class=\"k2b-app-workspace__sidebar-item-copy\"><span class=\"k2b-app-workspace__sidebar-item-label\"", "><span class=\"k2b-app-workspace__sidebar-item-label-text k2b-truncate-fade-lines\">", "</span></span><span class=\"k2b-app-workspace__sidebar-item-description k2b-truncate-fade\">", "</span></span>"],
|
|
53
|
+
_tmpl$42 = ["<span class=\"", "\"", ">", "</span>"],
|
|
54
|
+
_tmpl$43 = ["<span class=\"k2b-app-workspace__nav-tree-toggle\" data-k2b-nav-tree-toggle aria-hidden=\"true\"><i class=\"", "\"></i></span>"],
|
|
55
|
+
_tmpl$44 = ["<span class=\"k2b-app-workspace__sidebar-item-label\"", "><span class=\"k2b-app-workspace__sidebar-item-label-text k2b-truncate-fade-lines\">", "</span></span>"],
|
|
56
|
+
_tmpl$45 = ["<div class=\"k2b-app-workspace__nav-tree-group\" role=\"group\">", "</div>"],
|
|
57
|
+
_tmpl$46 = ["<div class=\"k2b-app-workspace__nav-tree-node\" role=\"treeitem\"", " style=\"", "\">", "", "</div>"],
|
|
58
|
+
_tmpl$47 = ["<div class=\"", "\" role=\"tree\"", ">", "</div>"],
|
|
59
|
+
_tmpl$48 = ["<div class=\"k2b-app-workspace__sidebar-icon-grid\"", ">", "</div>"],
|
|
60
|
+
_tmpl$49 = ["<i", " aria-hidden=\"true\"></i>"],
|
|
61
|
+
_tmpl$50 = ["<span class=\"k2b-app-workspace__head-primary-label\">", "</span>"],
|
|
62
|
+
_tmpl$51 = "<i class=\"ti ti-layout-sidebar\" aria-hidden=\"true\"></i>",
|
|
63
|
+
_tmpl$52 = ["<div class=\"k2b-app-workspace__head-views\">", "</div>"],
|
|
64
|
+
_tmpl$53 = ["<div class=\"k2b-app-workspace__head-filters\" role=\"group\"", ">", "", "</div>"],
|
|
65
|
+
_tmpl$54 = ["<span class=\"k2b-app-workspace__head-count\"><span>", "</span></span>"],
|
|
66
|
+
_tmpl$55 = ["<div class=\"k2b-app-workspace__head-actions\">", "", "</div>"],
|
|
67
|
+
_tmpl$56 = ["<div class=\"k2b-app-workspace__head\"", ">", "<div class=\"k2b-app-workspace__head-lead\">", "", "", "", "", "</div>", "</div>"],
|
|
68
|
+
_tmpl$57 = ["<h1 class=\"k2b-app-workspace__head-heading\" data-k2b-page-trail-title", ">", "</h1>"],
|
|
69
|
+
_tmpl$58 = ["<div class=\"", "\" data-k2b-app-workspace", " style=\"", "\">", "</div>"],
|
|
70
|
+
_tmpl$59 = ["<div class=\"", "\">", "</div>"];
|
|
70
71
|
import { Link } from "@k2b/ssr/nav";
|
|
71
72
|
import { children, createContext, createEffect, createMemo, createRoot, createSignal, createUniqueId, For, getOwner, mergeProps, on, onCleanup, onMount, Show, useContext } from "solid-js";
|
|
72
73
|
import { Dynamic, isServer } from "solid-js/web";
|
|
@@ -1240,9 +1241,9 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1240
1241
|
return _$ssr(_tmpl$31, _$ssrAttribute("class",
|
|
1241
1242
|
// An object row's own glyph sits in a soft chip of the app colour; custom content such as an avatar keeps
|
|
1242
1243
|
// its own look.
|
|
1243
|
-
props.variant === "object" && !iconContent() ? "k2b-app-workspace__sidebar-item-icon k2b-icon-tile" : "k2b-app-workspace__sidebar-item-icon", false), _$escape(iconContent() ?? _$ssr(_tmpl$
|
|
1244
|
+
props.variant === "object" && !iconContent() ? "k2b-app-workspace__sidebar-item-icon k2b-icon-tile" : "k2b-app-workspace__sidebar-item-icon", false), _$escape(iconContent() ?? _$ssr(_tmpl$38, _$ssrAttribute("class", _$escape(iconClass(icon()), true), false))));
|
|
1244
1245
|
}
|
|
1245
|
-
}), _$ssr(_tmpl$
|
|
1246
|
+
}), _$ssr(_tmpl$36, _$escape(_$createComponent(Show, {
|
|
1246
1247
|
get when() {
|
|
1247
1248
|
return props.context || props.contextMeta;
|
|
1248
1249
|
},
|
|
@@ -1263,12 +1264,19 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1263
1264
|
get children() {
|
|
1264
1265
|
return _$ssr(_tmpl$34, _$escape(props.description));
|
|
1265
1266
|
}
|
|
1267
|
+
})), _$escape(_$createComponent(Show, {
|
|
1268
|
+
get when() {
|
|
1269
|
+
return props.note;
|
|
1270
|
+
},
|
|
1271
|
+
get children() {
|
|
1272
|
+
return _$ssr(_tmpl$35, _$ssrAttribute("data-tone", _$escape(props.noteTone ?? "neutral", true), false), _$escape(props.note));
|
|
1273
|
+
}
|
|
1266
1274
|
}))), _$createComponent(Show, {
|
|
1267
1275
|
get when() {
|
|
1268
1276
|
return hasMeta();
|
|
1269
1277
|
},
|
|
1270
1278
|
get children() {
|
|
1271
|
-
return _$ssr(_tmpl$
|
|
1279
|
+
return _$ssr(_tmpl$37, _$ssrAttribute("id", props.preview?.trigger === "row" ? _$escape(metaId, true) : _$escape(undefined, true), false) + _$ssrAttribute("data-visibility", metaVisibility() === "hover" ? "hover" : _$escape(undefined, true), false), _$escape(meta()));
|
|
1272
1280
|
}
|
|
1273
1281
|
})];
|
|
1274
1282
|
const singleAction = () => {
|
|
@@ -1283,7 +1291,7 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1283
1291
|
actionSlot()?.onSelect?.(event);
|
|
1284
1292
|
props.onActionClick?.(event);
|
|
1285
1293
|
};
|
|
1286
|
-
const content = () => actionSlot()?.children ?? _$ssr(_tmpl$
|
|
1294
|
+
const content = () => actionSlot()?.children ?? _$ssr(_tmpl$38, _$ssrAttribute("class", _$escape(iconClass(actionSlot()?.icon ?? props.actionIcon, "ti-dots"), true), false));
|
|
1287
1295
|
return _$createComponent(Show, {
|
|
1288
1296
|
get when() {
|
|
1289
1297
|
return Boolean(actionSlot() || props.actionIcon);
|
|
@@ -1294,10 +1302,10 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1294
1302
|
return _$memo(() => !!actionSlot()?.href)() && !actionSlot()?.disabled;
|
|
1295
1303
|
},
|
|
1296
1304
|
get fallback() {
|
|
1297
|
-
return _$ssr(_tmpl$
|
|
1305
|
+
return _$ssr(_tmpl$40, _$ssrAttribute("disabled", actionSlot()?.disabled, true) + _$ssrAttribute("data-visibility", actionSlot()?.visibility === "hover" ? "hover" : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", _$escape(label(), true), false), _$escape(content()));
|
|
1298
1306
|
},
|
|
1299
1307
|
get children() {
|
|
1300
|
-
return _$ssr(_tmpl$
|
|
1308
|
+
return _$ssr(_tmpl$39, _$ssrAttribute("href", _$escape(actionSlot()?.href, true), false), _$ssrAttribute("data-visibility", actionSlot()?.visibility === "hover" ? "hover" : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", _$escape(label(), true), false), _$escape(content()));
|
|
1301
1309
|
}
|
|
1302
1310
|
});
|
|
1303
1311
|
}
|
|
@@ -1606,31 +1614,31 @@ const AppWorkspaceNavTree = props => {
|
|
|
1606
1614
|
get ["data-k2b-nav-tree-toggle"]() {
|
|
1607
1615
|
return usesIconDisclosure() ? "" : undefined;
|
|
1608
1616
|
}
|
|
1609
|
-
}, () => iconAccessibility(item.iconLabel)), _$ssr(_tmpl$
|
|
1617
|
+
}, () => iconAccessibility(item.iconLabel)), _$ssr(_tmpl$38, _$ssrAttribute("class", _$escape(iconClass(rowIcon()), true), false)), false);
|
|
1610
1618
|
}
|
|
1611
1619
|
}), _$createComponent(Show, {
|
|
1612
1620
|
get when() {
|
|
1613
1621
|
return item.description !== undefined;
|
|
1614
1622
|
},
|
|
1615
1623
|
get fallback() {
|
|
1616
|
-
return _$ssr(_tmpl$
|
|
1624
|
+
return _$ssr(_tmpl$44, _$ssrAttribute("data-label", typeof item.label === "string" ? _$escape(item.label, true) : _$escape(undefined, true), false), _$escape(item.label));
|
|
1617
1625
|
},
|
|
1618
1626
|
get children() {
|
|
1619
|
-
return _$ssr(_tmpl$
|
|
1627
|
+
return _$ssr(_tmpl$41, _$ssrAttribute("data-label", typeof item.label === "string" ? _$escape(item.label, true) : _$escape(undefined, true), false), _$escape(item.label), _$escape(item.description));
|
|
1620
1628
|
}
|
|
1621
1629
|
}), _$createComponent(Show, {
|
|
1622
1630
|
get when() {
|
|
1623
1631
|
return item.meta !== undefined;
|
|
1624
1632
|
},
|
|
1625
1633
|
get children() {
|
|
1626
|
-
return _$ssr(_tmpl$
|
|
1634
|
+
return _$ssr(_tmpl$42, `k2b-app-workspace__sidebar-item-meta ${hasChildren() ? "" : "k2b-app-workspace__nav-tree-leaf-meta"}`, _$ssrAttribute("data-visibility", item.metaVisibility === "hover" ? "hover" : _$escape(undefined, true), false), _$escape(item.meta));
|
|
1627
1635
|
}
|
|
1628
1636
|
}), _$createComponent(Show, {
|
|
1629
1637
|
get when() {
|
|
1630
1638
|
return _$memo(() => !!hasChildren())() && !usesIconDisclosure();
|
|
1631
1639
|
},
|
|
1632
1640
|
get children() {
|
|
1633
|
-
return _$ssr(_tmpl$
|
|
1641
|
+
return _$ssr(_tmpl$43, `ti ${isExpanded(item.id) ? "ti-chevron-down" : "ti-chevron-right"}`);
|
|
1634
1642
|
}
|
|
1635
1643
|
})];
|
|
1636
1644
|
const row = () => _$createComponent(AppWorkspaceSidebarRow, {
|
|
@@ -1741,12 +1749,12 @@ const AppWorkspaceNavTree = props => {
|
|
|
1741
1749
|
endDrag();
|
|
1742
1750
|
requestMove(target.move, false);
|
|
1743
1751
|
};
|
|
1744
|
-
return _$ssr(_tmpl$
|
|
1752
|
+
return _$ssr(_tmpl$46, _$ssrAttribute("aria-level", _$escape(depth, true) + 1, false) + _$ssrAttribute("aria-setsize", _$escape(siblings().length, true), false) + _$ssrAttribute("aria-posinset", _$escape(place(), true) + 1, false) + _$ssrAttribute("aria-selected", _$escape(selected(), true), false) + _$ssrAttribute("aria-expanded", hasChildren() ? _$escape(isExpanded(item.id), true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-disabled", item.disabled ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("tabindex", item.disabled ? -1 : tabStopId() === item.id ? 0 : -1, false) + _$ssrAttribute("draggable", movable() ? _$escape(true, true) : _$escape(undefined, true), false) + _$ssrAttribute("data-k2b-nav-tree-id", _$escape(item.id, true), false) + _$ssrAttribute("data-k2b-nav-tree-parent-id", _$escape(parentId, true), false) + _$ssrAttribute("data-k2b-nav-tree-dragging", dragged()?.id === item.id ? "" : _$escape(undefined, true), false) + _$ssrAttribute("data-k2b-nav-tree-drop", dropTarget()?.id === item.id ? _$escape(dropTarget().side, true) : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-nav-tree-depth:", _$escape(String(props.indented === false ? 0 : depth), true)), _$escape(row()), _$escape(_$createComponent(Show, {
|
|
1745
1753
|
get when() {
|
|
1746
1754
|
return _$memo(() => !!hasChildren())() && isExpanded(item.id);
|
|
1747
1755
|
},
|
|
1748
1756
|
get children() {
|
|
1749
|
-
return _$ssr(_tmpl$
|
|
1757
|
+
return _$ssr(_tmpl$45, _$escape(renderItems(nested, depth + 1, item.id)));
|
|
1750
1758
|
}
|
|
1751
1759
|
})));
|
|
1752
1760
|
}
|
|
@@ -1771,7 +1779,7 @@ const AppWorkspaceNavTree = props => {
|
|
|
1771
1779
|
doc?.removeEventListener("pointermove", forgetDrag, true);
|
|
1772
1780
|
});
|
|
1773
1781
|
});
|
|
1774
|
-
return _$ssr(_tmpl$
|
|
1782
|
+
return _$ssr(_tmpl$47, `k2b-app-workspace__nav-tree ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.ariaLabel, true), false), _$escape(renderItems(roots, 0)));
|
|
1775
1783
|
};
|
|
1776
1784
|
AppWorkspaceNavTree.Item = AppWorkspaceNavTreeItem;
|
|
1777
1785
|
const AppWorkspaceSidebarIconGrid = props => _$ssrElement("section", _$mergeProps({
|
|
@@ -1783,10 +1791,10 @@ const AppWorkspaceSidebarIconGrid = props => _$ssrElement("section", _$mergeProp
|
|
|
1783
1791
|
return props.title;
|
|
1784
1792
|
},
|
|
1785
1793
|
children: title => _$ssr(_tmpl$22, _$escape(title()))
|
|
1786
|
-
})), _$ssr(_tmpl$
|
|
1794
|
+
})), _$ssr(_tmpl$48, _$ssrAttribute("data-columns", _$escape(props.columns ?? 2, true), false), _$escape(props.children))], false);
|
|
1787
1795
|
const AppWorkspaceSidebarIconAction = props => {
|
|
1788
1796
|
let target;
|
|
1789
|
-
const content = _$ssr(_tmpl$
|
|
1797
|
+
const content = _$ssr(_tmpl$49, _$ssrAttribute("class", _$escape(iconClass(props.icon), true), false));
|
|
1790
1798
|
const attrs = () => ({
|
|
1791
1799
|
ref: element => target = element,
|
|
1792
1800
|
class: `k2b-app-workspace__sidebar-icon-action ${props.active ? "is-active" : ""}`,
|
|
@@ -1876,8 +1884,8 @@ function AppWorkspaceHead(props) {
|
|
|
1876
1884
|
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}}`;
|
|
1877
1885
|
};
|
|
1878
1886
|
const resetContent = () => filters().reset;
|
|
1879
|
-
const primaryContent = () => [_$ssr(_tmpl$
|
|
1880
|
-
return _$ssr(_tmpl$
|
|
1887
|
+
const primaryContent = () => [_$ssr(_tmpl$49, _$ssrAttribute("class", _$escape(props.head?.primary?.icon, true), false)), _$ssr(_tmpl$50, _$escape(props.head?.primary?.label))];
|
|
1888
|
+
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, {
|
|
1881
1889
|
get when() {
|
|
1882
1890
|
return mobilePane();
|
|
1883
1891
|
},
|
|
@@ -1893,7 +1901,7 @@ function AppWorkspaceHead(props) {
|
|
|
1893
1901
|
"aria-expanded": "false",
|
|
1894
1902
|
"data-app-workspace-sidebar-toggle": "",
|
|
1895
1903
|
get children() {
|
|
1896
|
-
return _$ssr(_tmpl$
|
|
1904
|
+
return _$ssr(_tmpl$51);
|
|
1897
1905
|
}
|
|
1898
1906
|
})), _$escape(_$createComponent(Show, {
|
|
1899
1907
|
get when() {
|
|
@@ -1905,20 +1913,20 @@ function AppWorkspaceHead(props) {
|
|
|
1905
1913
|
},
|
|
1906
1914
|
as: "p",
|
|
1907
1915
|
fallback: true
|
|
1908
|
-
}), _$ssr(_tmpl$
|
|
1916
|
+
}), _$ssr(_tmpl$57, _$ssrAttribute("data-k2b-server", isServer ? "" : _$escape(undefined, true), false), _$escape(current().title))]
|
|
1909
1917
|
})), _$escape(_$createComponent(Show, {
|
|
1910
1918
|
get when() {
|
|
1911
1919
|
return resolvedViews.toArray().some(Boolean);
|
|
1912
1920
|
},
|
|
1913
1921
|
get children() {
|
|
1914
|
-
return _$ssr(_tmpl$
|
|
1922
|
+
return _$ssr(_tmpl$52, _$escape(resolvedViews()));
|
|
1915
1923
|
}
|
|
1916
1924
|
})), _$escape(_$createComponent(Show, {
|
|
1917
1925
|
get when() {
|
|
1918
1926
|
return resolvedFilters.toArray().some(Boolean) || props.head?.filtered;
|
|
1919
1927
|
},
|
|
1920
1928
|
get children() {
|
|
1921
|
-
return _$ssr(_tmpl$
|
|
1929
|
+
return _$ssr(_tmpl$53, _$ssrAttribute("aria-label", _$escape(filters().filters, true), false), _$escape(resolvedFilters()), _$escape(_$createComponent(Show, {
|
|
1922
1930
|
get when() {
|
|
1923
1931
|
return props.head?.filtered;
|
|
1924
1932
|
},
|
|
@@ -1965,14 +1973,14 @@ function AppWorkspaceHead(props) {
|
|
|
1965
1973
|
return _$memo(() => !!props.head?.filtered)() && resolvedCount.toArray().some(value => value !== undefined && value !== null && value !== false);
|
|
1966
1974
|
},
|
|
1967
1975
|
get children() {
|
|
1968
|
-
return _$ssr(_tmpl$
|
|
1976
|
+
return _$ssr(_tmpl$54, _$escape(resolvedCount()));
|
|
1969
1977
|
}
|
|
1970
1978
|
})), _$escape(_$createComponent(Show, {
|
|
1971
1979
|
get when() {
|
|
1972
1980
|
return resolvedActions.toArray().some(Boolean) || props.head?.primary;
|
|
1973
1981
|
},
|
|
1974
1982
|
get children() {
|
|
1975
|
-
return _$ssr(_tmpl$
|
|
1983
|
+
return _$ssr(_tmpl$55, _$escape(resolvedActions()), _$escape(_$createComponent(Show, {
|
|
1976
1984
|
get when() {
|
|
1977
1985
|
return props.head?.primary;
|
|
1978
1986
|
},
|
|
@@ -2064,7 +2072,7 @@ const AppWorkspace = props => {
|
|
|
2064
2072
|
return _$createComponent(WorkspaceContext.Provider, {
|
|
2065
2073
|
value: workspace,
|
|
2066
2074
|
get children() {
|
|
2067
|
-
return _$ssr(_tmpl$
|
|
2075
|
+
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()));
|
|
2068
2076
|
}
|
|
2069
2077
|
});
|
|
2070
2078
|
}
|
|
@@ -2079,7 +2087,7 @@ AppWorkspace.LayoutStateProvider = props => _$createComponent(LayoutStateContext
|
|
|
2079
2087
|
}
|
|
2080
2088
|
});
|
|
2081
2089
|
AppWorkspace.Head = AppWorkspaceHeadSlot;
|
|
2082
|
-
AppWorkspace.Content = props => _$ssr(_tmpl$
|
|
2090
|
+
AppWorkspace.Content = props => _$ssr(_tmpl$59, `k2b-app-workspace__content ${_$escape(props.class ?? "", true)}`, _$escape(props.children));
|
|
2083
2091
|
AppWorkspace.Main = AppWorkspaceMain;
|
|
2084
2092
|
AppWorkspace.MainPane = AppWorkspaceMainPane;
|
|
2085
2093
|
AppWorkspace.Detail = AppWorkspaceDetail;
|