@k2b/ui 0.48.0 → 0.49.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/actions/CopyButton.js +26 -18
- package/dist/browser/actions/CopyButton.js.map +1 -1
- package/dist/browser/feedback/prompt-confirm.js +7 -4
- package/dist/browser/feedback/prompt-confirm.js.map +1 -1
- package/dist/browser/feedback/prompts.js +3 -3
- package/dist/browser/feedback/prompts.js.map +1 -1
- package/dist/browser/inputs/NumberInput.js +17 -5
- package/dist/browser/inputs/NumberInput.js.map +1 -1
- package/dist/browser/layout/AppWorkspace.js +574 -522
- package/dist/browser/layout/AppWorkspace.js.map +1 -1
- package/dist/browser/layout/MobileShell.js +26 -0
- package/dist/browser/layout/MobileShell.js.map +1 -1
- package/dist/browser/layout/index.js +1 -0
- package/dist/browser/layout/index.js.map +1 -1
- package/dist/browser/layout/sheet-handle.js +155 -0
- package/dist/browser/layout/sheet-handle.js.map +1 -0
- package/dist/browser/surfaces/NoticeCard.js +48 -29
- package/dist/browser/surfaces/NoticeCard.js.map +1 -1
- package/dist/ssr/actions/CopyButton.js +13 -8
- package/dist/ssr/actions/CopyButton.js.map +1 -1
- package/dist/ssr/feedback/prompt-confirm.js +7 -4
- package/dist/ssr/feedback/prompt-confirm.js.map +1 -1
- package/dist/ssr/feedback/prompts.js +3 -3
- package/dist/ssr/feedback/prompts.js.map +1 -1
- package/dist/ssr/inputs/NumberInput.js +17 -5
- package/dist/ssr/inputs/NumberInput.js.map +1 -1
- package/dist/ssr/layout/AppWorkspace.js +152 -114
- package/dist/ssr/layout/AppWorkspace.js.map +1 -1
- package/dist/ssr/layout/MobileShell.js +26 -0
- package/dist/ssr/layout/MobileShell.js.map +1 -1
- package/dist/ssr/layout/index.js +1 -0
- package/dist/ssr/layout/index.js.map +1 -1
- package/dist/ssr/layout/sheet-handle.js +155 -0
- package/dist/ssr/layout/sheet-handle.js.map +1 -0
- package/dist/ssr/surfaces/NoticeCard.js +25 -10
- package/dist/ssr/surfaces/NoticeCard.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/feedback/prompt-confirm.d.ts +3 -1
- package/dist/types/feedback/prompts.d.ts +2 -2
- package/dist/types/inputs/NumberInput.d.ts +1 -1
- package/dist/types/layout/AppWorkspace.d.ts +16 -1
- package/dist/types/layout/MobileShell.d.ts +5 -0
- package/dist/types/layout/index.d.ts +2 -1
- package/dist/types/layout/sheet-handle.d.ts +21 -0
- package/dist/types/surfaces/NoticeCard.d.ts +5 -2
- package/package.json +1 -1
|
@@ -5,10 +5,10 @@ import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
|
|
|
5
5
|
import { className as _$className } from "solid-js/web";
|
|
6
6
|
import { setProperty as _$setProperty } from "solid-js/web";
|
|
7
7
|
import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
|
|
8
|
-
import { use as _$use } from "solid-js/web";
|
|
9
8
|
import { spread as _$spread } from "solid-js/web";
|
|
10
9
|
import { mergeProps as _$mergeProps } from "solid-js/web";
|
|
11
10
|
import { memo as _$memo } from "solid-js/web";
|
|
11
|
+
import { use as _$use } from "solid-js/web";
|
|
12
12
|
import { getNextMarker as _$getNextMarker } from "solid-js/web";
|
|
13
13
|
import { createComponent as _$createComponent } from "solid-js/web";
|
|
14
14
|
import { insert as _$insert } from "solid-js/web";
|
|
@@ -18,68 +18,71 @@ import { effect as _$effect } from "solid-js/web";
|
|
|
18
18
|
import { getNextElement as _$getNextElement } from "solid-js/web";
|
|
19
19
|
var _tmpl$ = /*#__PURE__*/_$template(`<button type=button class=k2b-app-workspace__resize role=separator><span aria-hidden=true>`),
|
|
20
20
|
_tmpl$2 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__level-lead>`),
|
|
21
|
-
_tmpl$3 = /*#__PURE__*/_$template(`<
|
|
22
|
-
_tmpl$4 = /*#__PURE__*/_$template(`<
|
|
23
|
-
_tmpl$5 = /*#__PURE__*/_$template(`<
|
|
24
|
-
_tmpl$6 = /*#__PURE__*/_$template(`<div
|
|
25
|
-
_tmpl$7 = /*#__PURE__*/_$template(`<
|
|
26
|
-
_tmpl$8 = /*#__PURE__*/_$template(`<div
|
|
27
|
-
_tmpl$9 = /*#__PURE__*/_$template(`<
|
|
28
|
-
_tmpl$0 = /*#__PURE__*/_$template(`<div class=k2b-app-
|
|
29
|
-
_tmpl$1 = /*#__PURE__*/_$template(`<
|
|
30
|
-
_tmpl$10 = /*#__PURE__*/_$template(`<
|
|
31
|
-
_tmpl$11 = /*#__PURE__*/_$template(`<
|
|
32
|
-
_tmpl$12 = /*#__PURE__*/_$template(`<
|
|
33
|
-
_tmpl$13 = /*#__PURE__*/_$template(`<
|
|
34
|
-
_tmpl$14 = /*#__PURE__*/_$template(`<
|
|
35
|
-
_tmpl$15 = /*#__PURE__*/_$template(`<
|
|
36
|
-
_tmpl$16 = /*#__PURE__*/_$template(`<
|
|
37
|
-
_tmpl$17 = /*#__PURE__*/_$template(`<
|
|
38
|
-
_tmpl$18 = /*#__PURE__*/_$template(`<
|
|
39
|
-
_tmpl$19 = /*#__PURE__*/_$template(`<
|
|
40
|
-
_tmpl$20 = /*#__PURE__*/_$template(`<
|
|
41
|
-
_tmpl$21 = /*#__PURE__*/_$template(`<
|
|
42
|
-
_tmpl$22 = /*#__PURE__*/_$template(`<
|
|
43
|
-
_tmpl$23 = /*#__PURE__*/_$template(`<
|
|
44
|
-
_tmpl$24 = /*#__PURE__*/_$template(`<
|
|
45
|
-
_tmpl$25 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__sidebar-
|
|
46
|
-
_tmpl$26 = /*#__PURE__*/_$template(`<
|
|
47
|
-
_tmpl$27 = /*#__PURE__*/_$template(`<
|
|
48
|
-
_tmpl$28 = /*#__PURE__*/_$template(`<
|
|
49
|
-
_tmpl$29 = /*#__PURE__*/_$template(`<
|
|
50
|
-
_tmpl$30 = /*#__PURE__*/_$template(`<
|
|
51
|
-
_tmpl$31 = /*#__PURE__*/_$template(`<span
|
|
52
|
-
_tmpl$32 = /*#__PURE__*/_$template(`<span class=
|
|
53
|
-
_tmpl$33 = /*#__PURE__*/_$template(`<span class="k2b-app-workspace__sidebar-item-
|
|
54
|
-
_tmpl$34 = /*#__PURE__*/_$template(`<span class=
|
|
55
|
-
_tmpl$35 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__sidebar-item-
|
|
56
|
-
_tmpl$36 = /*#__PURE__*/_$template(`<
|
|
57
|
-
_tmpl$37 = /*#__PURE__*/_$template(`<
|
|
58
|
-
_tmpl$38 = /*#__PURE__*/_$template(`<
|
|
59
|
-
_tmpl$39 = /*#__PURE__*/_$template(`<
|
|
60
|
-
_tmpl$40 = /*#__PURE__*/_$template(`<
|
|
61
|
-
_tmpl$41 = /*#__PURE__*/_$template(`<span>`),
|
|
62
|
-
_tmpl$42 = /*#__PURE__*/_$template(`<span class=k2b-app-
|
|
63
|
-
_tmpl$43 = /*#__PURE__*/_$template(`<span
|
|
64
|
-
_tmpl$44 = /*#__PURE__*/_$template(`<
|
|
65
|
-
_tmpl$45 = /*#__PURE__*/_$template(`<
|
|
66
|
-
_tmpl$46 = /*#__PURE__*/_$template(`<div role=
|
|
67
|
-
_tmpl$47 = /*#__PURE__*/_$template(`<
|
|
68
|
-
_tmpl$48 = /*#__PURE__*/_$template(`<
|
|
69
|
-
_tmpl$49 = /*#__PURE__*/_$template(`<
|
|
70
|
-
_tmpl$50 = /*#__PURE__*/_$template(`<i class="ti ti-
|
|
71
|
-
_tmpl$51 = /*#__PURE__*/_$template(`<
|
|
72
|
-
_tmpl$52 = /*#__PURE__*/_$template(`<
|
|
73
|
-
_tmpl$53 = /*#__PURE__*/_$template(`<
|
|
74
|
-
_tmpl$54 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-
|
|
75
|
-
_tmpl$55 = /*#__PURE__*/_$template(`<
|
|
76
|
-
_tmpl$56 = /*#__PURE__*/_$template(`<
|
|
77
|
-
_tmpl$57 = /*#__PURE__*/_$template(`<div
|
|
21
|
+
_tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-truncate-fade>`),
|
|
22
|
+
_tmpl$4 = /*#__PURE__*/_$template(`<p class=k2b-truncate-fade>`),
|
|
23
|
+
_tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__level-actions>`),
|
|
24
|
+
_tmpl$6 = /*#__PURE__*/_$template(`<header class=k2b-app-workspace__level-head><!$><!/><div class=k2b-app-workspace__level-title><h2 tabindex=-1></h2><!$><!/><!$><!/></div><!$><!/>`),
|
|
25
|
+
_tmpl$7 = /*#__PURE__*/_$template(`<button type=button class=k2b-app-workspace__level-switch aria-haspopup=menu><!$><!/><i class="ti ti-chevron-down k2b-app-workspace__level-switch-chevron"aria-hidden=true>`),
|
|
26
|
+
_tmpl$8 = /*#__PURE__*/_$template(`<div>`),
|
|
27
|
+
_tmpl$9 = /*#__PURE__*/_$template(`<style>`),
|
|
28
|
+
_tmpl$0 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__main-primary data-workspace-main-region=main>`),
|
|
29
|
+
_tmpl$1 = /*#__PURE__*/_$template(`<section>`),
|
|
30
|
+
_tmpl$10 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__level-body>`),
|
|
31
|
+
_tmpl$11 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-left"aria-hidden=true>`),
|
|
32
|
+
_tmpl$12 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
|
|
33
|
+
_tmpl$13 = /*#__PURE__*/_$template(`<aside><button type=button class=k2b-app-workspace__detail-grabber aria-pressed=false><span aria-hidden=true></span></button><!$><!/>`),
|
|
34
|
+
_tmpl$14 = /*#__PURE__*/_$template(`<aside>`),
|
|
35
|
+
_tmpl$15 = /*#__PURE__*/_$template(`<nav class=k2b-app-workspace__sidebar-sheet>`),
|
|
36
|
+
_tmpl$16 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__sidebar-desktop>`),
|
|
37
|
+
_tmpl$17 = /*#__PURE__*/_$template(`<button type=button class=k2b-app-workspace__sidebar-all aria-haspopup=dialog><span></span><i class="ti ti-chevron-down"aria-hidden=true>`),
|
|
38
|
+
_tmpl$18 = /*#__PURE__*/_$template(`<script>`),
|
|
39
|
+
_tmpl$19 = /*#__PURE__*/_$template(`<footer>`),
|
|
40
|
+
_tmpl$20 = /*#__PURE__*/_$template(`<span aria-hidden=true><i>`),
|
|
41
|
+
_tmpl$21 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__sidebar-section-count>`),
|
|
42
|
+
_tmpl$22 = /*#__PURE__*/_$template(`<button type=button class=k2b-app-workspace__sidebar-section-toggle><!$><!/><i aria-hidden=true>`),
|
|
43
|
+
_tmpl$23 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__sidebar-section-actions>`),
|
|
44
|
+
_tmpl$24 = /*#__PURE__*/_$template(`<header class=k2b-app-workspace__sidebar-section-header><!$><!/><!$><!/>`),
|
|
45
|
+
_tmpl$25 = /*#__PURE__*/_$template(`<section><!$><!/><div class=k2b-app-workspace__sidebar-section-content>`),
|
|
46
|
+
_tmpl$26 = /*#__PURE__*/_$template(`<h2>`),
|
|
47
|
+
_tmpl$27 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__sidebar-item-actions>`),
|
|
48
|
+
_tmpl$28 = /*#__PURE__*/_$template(`<button type=button>`),
|
|
49
|
+
_tmpl$29 = /*#__PURE__*/_$template(`<a>`),
|
|
50
|
+
_tmpl$30 = /*#__PURE__*/_$template(`<div><!$><!/><!$><!/>`),
|
|
51
|
+
_tmpl$31 = /*#__PURE__*/_$template(`<span aria-hidden=true>`),
|
|
52
|
+
_tmpl$32 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__sidebar-item-context-meta>`),
|
|
53
|
+
_tmpl$33 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__sidebar-item-context><span class="k2b-app-workspace__sidebar-item-context-label k2b-truncate-fade"></span><!$><!/>`),
|
|
54
|
+
_tmpl$34 = /*#__PURE__*/_$template(`<span class="k2b-app-workspace__sidebar-item-description k2b-truncate-fade">`),
|
|
55
|
+
_tmpl$35 = /*#__PURE__*/_$template(`<span class="k2b-app-workspace__sidebar-item-note k2b-truncate-fade">`),
|
|
56
|
+
_tmpl$36 = /*#__PURE__*/_$template(`<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><!$><!/><!$><!/>`),
|
|
57
|
+
_tmpl$37 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__sidebar-item-meta>`),
|
|
58
|
+
_tmpl$38 = /*#__PURE__*/_$template(`<i>`),
|
|
59
|
+
_tmpl$39 = /*#__PURE__*/_$template(`<a class=k2b-app-workspace__sidebar-item-action>`),
|
|
60
|
+
_tmpl$40 = /*#__PURE__*/_$template(`<button type=button class=k2b-app-workspace__sidebar-item-action>`),
|
|
61
|
+
_tmpl$41 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__sidebar-item-icon><i>`),
|
|
62
|
+
_tmpl$42 = /*#__PURE__*/_$template(`<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">`),
|
|
63
|
+
_tmpl$43 = /*#__PURE__*/_$template(`<span>`),
|
|
64
|
+
_tmpl$44 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__nav-tree-toggle data-k2b-nav-tree-toggle aria-hidden=true><i>`),
|
|
65
|
+
_tmpl$45 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__sidebar-item-label><span class="k2b-app-workspace__sidebar-item-label-text k2b-truncate-fade-lines">`),
|
|
66
|
+
_tmpl$46 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__nav-tree-group role=group>`),
|
|
67
|
+
_tmpl$47 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__nav-tree-node role=treeitem><!$><!/><!$><!/>`),
|
|
68
|
+
_tmpl$48 = /*#__PURE__*/_$template(`<div role=tree>`),
|
|
69
|
+
_tmpl$49 = /*#__PURE__*/_$template(`<section><!$><!/><div class=k2b-app-workspace__sidebar-icon-grid>`),
|
|
70
|
+
_tmpl$50 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-down k2b-app-workspace__head-primary-chevron"aria-hidden=true>`),
|
|
71
|
+
_tmpl$51 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__head-primary-label><!$><!/><!$><!/>`),
|
|
72
|
+
_tmpl$52 = /*#__PURE__*/_$template(`<i class="ti ti-layout-sidebar"aria-hidden=true>`),
|
|
73
|
+
_tmpl$53 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-views>`),
|
|
74
|
+
_tmpl$54 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-filters role=group><!$><!/><!$><!/>`),
|
|
75
|
+
_tmpl$55 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__head-count><span>`),
|
|
76
|
+
_tmpl$56 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-actions><!$><!/><!$><!/>`),
|
|
77
|
+
_tmpl$57 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head><!$><!/><div class=k2b-app-workspace__head-lead><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`),
|
|
78
|
+
_tmpl$58 = /*#__PURE__*/_$template(`<h1 class=k2b-app-workspace__head-heading data-k2b-page-trail-title>`),
|
|
79
|
+
_tmpl$59 = /*#__PURE__*/_$template(`<div data-k2b-app-workspace>`);
|
|
78
80
|
import { AppWorkspaceSidebarItemStatus } from "./AppWorkspaceSidebarItemStatus";
|
|
79
81
|
import { Link } from "@k2b/ssr/nav";
|
|
80
82
|
import { children, createContext, createEffect, createMemo, createRoot, createSignal, createUniqueId, For, getOwner, mergeProps, on, onCleanup, onMount, Show, useContext } from "solid-js";
|
|
81
83
|
import { Dynamic, isServer } from "solid-js/web";
|
|
82
84
|
import { Button, ButtonLink, IconButton, IconButtonLink } from "../actions/Button";
|
|
85
|
+
import { Dropdown } from "../actions/Dropdown";
|
|
83
86
|
import { useFilterMessages } from "../actions/filter-messages";
|
|
84
87
|
import { dialogCore } from "../feedback/dialog-core";
|
|
85
88
|
import { Tooltip } from "../feedback/Tooltip";
|
|
@@ -205,6 +208,8 @@ function ResizeHandle(props) {
|
|
|
205
208
|
})();
|
|
206
209
|
}
|
|
207
210
|
|
|
211
|
+
/** The places a level title switches between; `label` names the menu, such as "Switch Space". */
|
|
212
|
+
|
|
208
213
|
/** One requested place for an item among its unchanged siblings. */
|
|
209
214
|
|
|
210
215
|
const modeAttrs = mode => mode && mode !== "always" ? {
|
|
@@ -240,52 +245,95 @@ function LevelHead(props) {
|
|
|
240
245
|
const description = children(() => props.description);
|
|
241
246
|
const actions = children(() => props.actions);
|
|
242
247
|
const lead = children(() => props.lead);
|
|
248
|
+
let switchButton;
|
|
249
|
+
const title = () => [_$createComponent(Show, {
|
|
250
|
+
get when() {
|
|
251
|
+
return lead();
|
|
252
|
+
},
|
|
253
|
+
get children() {
|
|
254
|
+
var _el$2 = _$getNextElement(_tmpl$2);
|
|
255
|
+
_$insert(_el$2, lead);
|
|
256
|
+
return _el$2;
|
|
257
|
+
}
|
|
258
|
+
}), (() => {
|
|
259
|
+
var _el$3 = _$getNextElement(_tmpl$3);
|
|
260
|
+
_$insert(_el$3, () => props.label);
|
|
261
|
+
return _el$3;
|
|
262
|
+
})()];
|
|
243
263
|
return (() => {
|
|
244
|
-
var _el$
|
|
245
|
-
_el$11 = _el$
|
|
264
|
+
var _el$4 = _$getNextElement(_tmpl$6),
|
|
265
|
+
_el$11 = _el$4.firstChild,
|
|
246
266
|
[_el$12, _co$3] = _$getNextMarker(_el$11.nextSibling),
|
|
247
|
-
_el$
|
|
248
|
-
_el$
|
|
249
|
-
_el$
|
|
250
|
-
[_el$
|
|
251
|
-
_el$
|
|
252
|
-
_el$0 = _el$4.nextSibling,
|
|
267
|
+
_el$5 = _el$12.nextSibling,
|
|
268
|
+
_el$6 = _el$5.firstChild,
|
|
269
|
+
_el$8 = _el$6.nextSibling,
|
|
270
|
+
[_el$9, _co$] = _$getNextMarker(_el$8.nextSibling),
|
|
271
|
+
_el$0 = _el$9.nextSibling,
|
|
253
272
|
[_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling),
|
|
254
|
-
_el$13 = _el$
|
|
273
|
+
_el$13 = _el$5.nextSibling,
|
|
255
274
|
[_el$14, _co$4] = _$getNextMarker(_el$13.nextSibling);
|
|
256
|
-
_$insert(_el$
|
|
257
|
-
_$insert(_el$
|
|
275
|
+
_$insert(_el$4, () => props.children, _el$12, _co$3);
|
|
276
|
+
_$insert(_el$6, _$createComponent(Show, {
|
|
258
277
|
get when() {
|
|
259
|
-
return
|
|
278
|
+
return props.switcher;
|
|
260
279
|
},
|
|
261
|
-
get
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
280
|
+
get fallback() {
|
|
281
|
+
return title();
|
|
282
|
+
},
|
|
283
|
+
children: switcher => (() => {
|
|
284
|
+
var _el$15 = _$getNextElement(_tmpl$7),
|
|
285
|
+
_el$17 = _el$15.firstChild,
|
|
286
|
+
[_el$18, _co$5] = _$getNextMarker(_el$17.nextSibling),
|
|
287
|
+
_el$16 = _el$18.nextSibling;
|
|
288
|
+
var _ref$ = switchButton;
|
|
289
|
+
typeof _ref$ === "function" ? _$use(_ref$, _el$15) : switchButton = _el$15;
|
|
290
|
+
_$insert(_el$15, title, _el$18, _co$5);
|
|
291
|
+
_$effect(() => _$setAttribute(_el$15, "aria-label", `${props.label}, ${switcher().label}`));
|
|
292
|
+
return _el$15;
|
|
293
|
+
})()
|
|
294
|
+
}));
|
|
295
|
+
_$insert(_el$5, _$createComponent(Show, {
|
|
296
|
+
get when() {
|
|
297
|
+
return props.switcher;
|
|
298
|
+
},
|
|
299
|
+
children: switcher => _$createComponent(Dropdown, {
|
|
300
|
+
get items() {
|
|
301
|
+
return switcher().items;
|
|
302
|
+
},
|
|
303
|
+
get label() {
|
|
304
|
+
return switcher().label;
|
|
305
|
+
},
|
|
306
|
+
get search() {
|
|
307
|
+
return switcher().search;
|
|
308
|
+
},
|
|
309
|
+
phone: "sheet",
|
|
310
|
+
variant: "touch",
|
|
311
|
+
position: "bottom-left",
|
|
312
|
+
attach: () => switchButton
|
|
313
|
+
})
|
|
314
|
+
}), _el$9, _co$);
|
|
315
|
+
_$insert(_el$5, _$createComponent(Show, {
|
|
269
316
|
get when() {
|
|
270
317
|
return description();
|
|
271
318
|
},
|
|
272
319
|
get children() {
|
|
273
|
-
var _el$
|
|
274
|
-
_$insert(_el$
|
|
275
|
-
return _el$
|
|
320
|
+
var _el$7 = _$getNextElement(_tmpl$4);
|
|
321
|
+
_$insert(_el$7, description);
|
|
322
|
+
return _el$7;
|
|
276
323
|
}
|
|
277
324
|
}), _el$1, _co$2);
|
|
278
|
-
_$insert(_el$
|
|
325
|
+
_$insert(_el$4, _$createComponent(Show, {
|
|
279
326
|
get when() {
|
|
280
327
|
return actions();
|
|
281
328
|
},
|
|
282
329
|
get children() {
|
|
283
|
-
var _el$10 = _$getNextElement(_tmpl$
|
|
330
|
+
var _el$10 = _$getNextElement(_tmpl$5);
|
|
284
331
|
_$insert(_el$10, actions);
|
|
285
332
|
return _el$10;
|
|
286
333
|
}
|
|
287
334
|
}), _el$14, _co$4);
|
|
288
|
-
|
|
335
|
+
_$effect(() => _$setAttribute(_el$6, "data-switcher", props.switcher ? "" : undefined));
|
|
336
|
+
return _el$4;
|
|
289
337
|
})();
|
|
290
338
|
}
|
|
291
339
|
function AppWorkspaceMain(props) {
|
|
@@ -404,15 +452,15 @@ function AppWorkspaceMain(props) {
|
|
|
404
452
|
return minWidth();
|
|
405
453
|
},
|
|
406
454
|
children: value => (() => {
|
|
407
|
-
var _el$
|
|
408
|
-
_$effect(() => _$setProperty(_el$
|
|
409
|
-
return _el$
|
|
455
|
+
var _el$20 = _$getNextElement(_tmpl$9);
|
|
456
|
+
_$effect(() => _$setProperty(_el$20, "innerHTML", minWidthRule(value())));
|
|
457
|
+
return _el$20;
|
|
410
458
|
})()
|
|
411
459
|
}), (() => {
|
|
412
|
-
var _el$
|
|
413
|
-
var _ref$ = mainElement;
|
|
414
|
-
typeof _ref$ === "function" ? _$use(_ref
|
|
415
|
-
_$spread(_el$
|
|
460
|
+
var _el$19 = _$getNextElement(_tmpl$8);
|
|
461
|
+
var _ref$2 = mainElement;
|
|
462
|
+
typeof _ref$2 === "function" ? _$use(_ref$2, _el$19) : mainElement = _el$19;
|
|
463
|
+
_$spread(_el$19, _$mergeProps({
|
|
416
464
|
get ["class"]() {
|
|
417
465
|
return `k2b-app-workspace__main ${hasPanes() ? "has-panes" : ""} ${props.class ?? ""}`;
|
|
418
466
|
},
|
|
@@ -441,7 +489,7 @@ function AppWorkspaceMain(props) {
|
|
|
441
489
|
return props["aria-busy"];
|
|
442
490
|
}
|
|
443
491
|
}, () => scrollAttrs(props.scrollPreserveKey)), false, true);
|
|
444
|
-
_$insert(_el$
|
|
492
|
+
_$insert(_el$19, _$createComponent(Show, {
|
|
445
493
|
get when() {
|
|
446
494
|
return hasPanes();
|
|
447
495
|
},
|
|
@@ -460,10 +508,10 @@ function AppWorkspaceMain(props) {
|
|
|
460
508
|
};
|
|
461
509
|
if (region.type === "primary") {
|
|
462
510
|
return (() => {
|
|
463
|
-
var _el$
|
|
464
|
-
_$insert(_el$
|
|
465
|
-
_$effect(() => _$setAttribute(_el$
|
|
466
|
-
return _el$
|
|
511
|
+
var _el$21 = _$getNextElement(_tmpl$0);
|
|
512
|
+
_$insert(_el$21, () => region.children);
|
|
513
|
+
_$effect(() => _$setAttribute(_el$21, "data-workspace-mobile-active", activeMobilePane() === "main" ? "true" : "false"));
|
|
514
|
+
return _el$21;
|
|
467
515
|
})();
|
|
468
516
|
}
|
|
469
517
|
const pane = region.slot;
|
|
@@ -521,9 +569,9 @@ function AppWorkspaceMain(props) {
|
|
|
521
569
|
return handle();
|
|
522
570
|
}
|
|
523
571
|
}), (() => {
|
|
524
|
-
var _el$
|
|
525
|
-
_$setAttribute(_el$
|
|
526
|
-
_$insert(_el$
|
|
572
|
+
var _el$22 = _$getNextElement(_tmpl$1);
|
|
573
|
+
_$setAttribute(_el$22, "data-workspace-panel-id", panelId);
|
|
574
|
+
_$insert(_el$22, (() => {
|
|
527
575
|
var _c$ = _$memo(() => !!levelsMode());
|
|
528
576
|
return () => _c$() ? [_$createComponent(LevelHead, {
|
|
529
577
|
get label() {
|
|
@@ -538,6 +586,9 @@ function AppWorkspaceMain(props) {
|
|
|
538
586
|
get lead() {
|
|
539
587
|
return pane.props.lead;
|
|
540
588
|
},
|
|
589
|
+
get switcher() {
|
|
590
|
+
return pane.props.switcher;
|
|
591
|
+
},
|
|
541
592
|
get children() {
|
|
542
593
|
return _$createComponent(Show, {
|
|
543
594
|
get when() {
|
|
@@ -566,7 +617,7 @@ function AppWorkspaceMain(props) {
|
|
|
566
617
|
return props.onLevelNavigate ? navigateBack : undefined;
|
|
567
618
|
},
|
|
568
619
|
get children() {
|
|
569
|
-
return _$getNextElement(_tmpl$
|
|
620
|
+
return _$getNextElement(_tmpl$11);
|
|
570
621
|
}
|
|
571
622
|
});
|
|
572
623
|
}
|
|
@@ -583,25 +634,25 @@ function AppWorkspaceMain(props) {
|
|
|
583
634
|
});
|
|
584
635
|
},
|
|
585
636
|
get children() {
|
|
586
|
-
return _$getNextElement(_tmpl$
|
|
637
|
+
return _$getNextElement(_tmpl$11);
|
|
587
638
|
}
|
|
588
639
|
})
|
|
589
640
|
});
|
|
590
641
|
}
|
|
591
642
|
}), (() => {
|
|
592
|
-
var _el$
|
|
593
|
-
_$insert(_el$
|
|
643
|
+
var _el$23 = _$getNextElement(_tmpl$10);
|
|
644
|
+
_$insert(_el$23, () => pane.props.children);
|
|
594
645
|
_$effect(_p$ => {
|
|
595
646
|
var _v$29 = pane.props.scroll === false ? "false" : undefined,
|
|
596
647
|
_v$30 = pane.props.scroll !== false && pane.props.scrollFade !== false ? "both" : undefined;
|
|
597
|
-
_v$29 !== _p$.e && _$setAttribute(_el$
|
|
598
|
-
_v$30 !== _p$.t && _$setAttribute(_el$
|
|
648
|
+
_v$29 !== _p$.e && _$setAttribute(_el$23, "data-scroll", _p$.e = _v$29);
|
|
649
|
+
_v$30 !== _p$.t && _$setAttribute(_el$23, "data-scroll-fade-mode", _p$.t = _v$30);
|
|
599
650
|
return _p$;
|
|
600
651
|
}, {
|
|
601
652
|
e: undefined,
|
|
602
653
|
t: undefined
|
|
603
654
|
});
|
|
604
|
-
return _el$
|
|
655
|
+
return _el$23;
|
|
605
656
|
})()] : pane.props.children;
|
|
606
657
|
})());
|
|
607
658
|
_$effect(_p$ => {
|
|
@@ -631,21 +682,21 @@ function AppWorkspaceMain(props) {
|
|
|
631
682
|
"--k2b-workspace-level-min": `${levelLastMin(pane.props.minSize)}px`
|
|
632
683
|
} : {})
|
|
633
684
|
});
|
|
634
|
-
_v$14 !== _p$.e && _$setAttribute(_el$
|
|
635
|
-
_v$15 !== _p$.t && _$className(_el$
|
|
636
|
-
_v$16 !== _p$.a && _$setAttribute(_el$
|
|
637
|
-
_v$17 !== _p$.o && _$setAttribute(_el$
|
|
638
|
-
_v$18 !== _p$.i && _$setAttribute(_el$
|
|
639
|
-
_v$19 !== _p$.n && _$setAttribute(_el$
|
|
640
|
-
_v$20 !== _p$.s && _$setAttribute(_el$
|
|
641
|
-
_v$21 !== _p$.h && _$setAttribute(_el$
|
|
642
|
-
_v$22 !== _p$.r && _$setAttribute(_el$
|
|
643
|
-
_v$23 !== _p$.d && _$setAttribute(_el$
|
|
644
|
-
_v$24 !== _p$.l && _$setAttribute(_el$
|
|
645
|
-
_v$25 !== _p$.u && _$setAttribute(_el$
|
|
646
|
-
_v$26 !== _p$.c && _$setAttribute(_el$
|
|
647
|
-
_v$27 !== _p$.w && _$setAttribute(_el$
|
|
648
|
-
_p$.m = _$style(_el$
|
|
685
|
+
_v$14 !== _p$.e && _$setAttribute(_el$22, "id", _p$.e = _v$14);
|
|
686
|
+
_v$15 !== _p$.t && _$className(_el$22, _p$.t = _v$15);
|
|
687
|
+
_v$16 !== _p$.a && _$setAttribute(_el$22, "aria-label", _p$.a = _v$16);
|
|
688
|
+
_v$17 !== _p$.o && _$setAttribute(_el$22, "data-workspace-level", _p$.o = _v$17);
|
|
689
|
+
_v$18 !== _p$.i && _$setAttribute(_el$22, "data-workspace-level-shown", _p$.i = _v$18);
|
|
690
|
+
_v$19 !== _p$.n && _$setAttribute(_el$22, "data-workspace-level-first", _p$.n = _v$19);
|
|
691
|
+
_v$20 !== _p$.s && _$setAttribute(_el$22, "data-workspace-level-last", _p$.s = _v$20);
|
|
692
|
+
_v$21 !== _p$.h && _$setAttribute(_el$22, "data-workspace-main-region", _p$.h = _v$21);
|
|
693
|
+
_v$22 !== _p$.r && _$setAttribute(_el$22, "data-workspace-heading", _p$.r = _v$22);
|
|
694
|
+
_v$23 !== _p$.d && _$setAttribute(_el$22, "data-workspace-mobile-active", _p$.d = _v$23);
|
|
695
|
+
_v$24 !== _p$.l && _$setAttribute(_el$22, "data-workspace-resizable", _p$.l = _v$24);
|
|
696
|
+
_v$25 !== _p$.u && _$setAttribute(_el$22, "data-surface", _p$.u = _v$25);
|
|
697
|
+
_v$26 !== _p$.c && _$setAttribute(_el$22, "data-scroll", _p$.c = _v$26);
|
|
698
|
+
_v$27 !== _p$.w && _$setAttribute(_el$22, "data-scroll-fade-mode", _p$.w = _v$27);
|
|
699
|
+
_p$.m = _$style(_el$22, _v$28, _p$.m);
|
|
649
700
|
return _p$;
|
|
650
701
|
}, {
|
|
651
702
|
e: undefined,
|
|
@@ -664,7 +715,7 @@ function AppWorkspaceMain(props) {
|
|
|
664
715
|
w: undefined,
|
|
665
716
|
m: undefined
|
|
666
717
|
});
|
|
667
|
-
return _el$
|
|
718
|
+
return _el$22;
|
|
668
719
|
})(), _$createComponent(Show, {
|
|
669
720
|
get when() {
|
|
670
721
|
return _$memo(() => !!resizable())() && before();
|
|
@@ -680,7 +731,7 @@ function AppWorkspaceMain(props) {
|
|
|
680
731
|
}
|
|
681
732
|
}));
|
|
682
733
|
_$runHydrationEvents();
|
|
683
|
-
return _el$
|
|
734
|
+
return _el$19;
|
|
684
735
|
})()];
|
|
685
736
|
}
|
|
686
737
|
|
|
@@ -740,9 +791,9 @@ function AppWorkspaceDetail(props) {
|
|
|
740
791
|
});
|
|
741
792
|
});
|
|
742
793
|
return [(() => {
|
|
743
|
-
var _el$
|
|
744
|
-
_$effect(() => _$setProperty(_el$
|
|
745
|
-
return _el$
|
|
794
|
+
var _el$26 = _$getNextElement(_tmpl$9);
|
|
795
|
+
_$effect(() => _$setProperty(_el$26, "innerHTML", workspaceRule()));
|
|
796
|
+
return _el$26;
|
|
746
797
|
})(), _$createComponent(Show, {
|
|
747
798
|
get when() {
|
|
748
799
|
return props.toggle !== false;
|
|
@@ -765,9 +816,9 @@ function AppWorkspaceDetail(props) {
|
|
|
765
816
|
"class": "k2b-app-workspace__detail-toggle k2b-details-toggle",
|
|
766
817
|
get children() {
|
|
767
818
|
return [(() => {
|
|
768
|
-
var _el$
|
|
769
|
-
_$className(_el$
|
|
770
|
-
return _el$
|
|
819
|
+
var _el$27 = _$getNextElement(_tmpl$12);
|
|
820
|
+
_$className(_el$27, DETAILS_ICON);
|
|
821
|
+
return _el$27;
|
|
771
822
|
})(), _$memo(() => workspaceMessages().details)];
|
|
772
823
|
}
|
|
773
824
|
});
|
|
@@ -802,13 +853,13 @@ function AppWorkspaceDetail(props) {
|
|
|
802
853
|
});
|
|
803
854
|
}
|
|
804
855
|
}), (() => {
|
|
805
|
-
var _el$
|
|
806
|
-
_el$
|
|
807
|
-
_el$
|
|
808
|
-
[_el$
|
|
809
|
-
var _ref$
|
|
810
|
-
typeof _ref$
|
|
811
|
-
_$insert(_el$
|
|
856
|
+
var _el$28 = _$getNextElement(_tmpl$13),
|
|
857
|
+
_el$29 = _el$28.firstChild,
|
|
858
|
+
_el$30 = _el$29.nextSibling,
|
|
859
|
+
[_el$31, _co$6] = _$getNextMarker(_el$30.nextSibling);
|
|
860
|
+
var _ref$3 = aside;
|
|
861
|
+
typeof _ref$3 === "function" ? _$use(_ref$3, _el$28) : aside = _el$28;
|
|
862
|
+
_$insert(_el$28, () => props.children, _el$31, _co$6);
|
|
812
863
|
_$effect(_p$ => {
|
|
813
864
|
var _v$31 = domId(),
|
|
814
865
|
_v$32 = `k2b-app-workspace__detail ${props.class ?? ""}`,
|
|
@@ -826,19 +877,19 @@ function AppWorkspaceDetail(props) {
|
|
|
826
877
|
"view-transition-name": props.viewTransitionName
|
|
827
878
|
},
|
|
828
879
|
_v$43 = workspaceMessages().detailFullHeight;
|
|
829
|
-
_v$31 !== _p$.e && _$setAttribute(_el$
|
|
830
|
-
_v$32 !== _p$.t && _$className(_el$
|
|
831
|
-
_v$33 !== _p$.a && _$setAttribute(_el$
|
|
832
|
-
_v$34 !== _p$.o && _$setAttribute(_el$
|
|
833
|
-
_v$35 !== _p$.i && _$setAttribute(_el$
|
|
834
|
-
_v$36 !== _p$.n && _$setAttribute(_el$
|
|
835
|
-
_v$37 !== _p$.s && _$setAttribute(_el$
|
|
836
|
-
_v$38 !== _p$.h && _$setAttribute(_el$
|
|
837
|
-
_v$39 !== _p$.r && _$setAttribute(_el$
|
|
838
|
-
_v$40 !== _p$.d && _$setAttribute(_el$
|
|
839
|
-
_v$41 !== _p$.l && _$setProperty(_el$
|
|
840
|
-
_p$.u = _$style(_el$
|
|
841
|
-
_v$43 !== _p$.c && _$setAttribute(_el$
|
|
880
|
+
_v$31 !== _p$.e && _$setAttribute(_el$28, "id", _p$.e = _v$31);
|
|
881
|
+
_v$32 !== _p$.t && _$className(_el$28, _p$.t = _v$32);
|
|
882
|
+
_v$33 !== _p$.a && _$setAttribute(_el$28, "data-width", _p$.a = _v$33);
|
|
883
|
+
_v$34 !== _p$.o && _$setAttribute(_el$28, "data-workspace-detail-phone", _p$.o = _v$34);
|
|
884
|
+
_v$35 !== _p$.i && _$setAttribute(_el$28, "data-workspace-detail-choice", _p$.i = _v$35);
|
|
885
|
+
_v$36 !== _p$.n && _$setAttribute(_el$28, "data-workspace-panel-id", _p$.n = _v$36);
|
|
886
|
+
_v$37 !== _p$.s && _$setAttribute(_el$28, "data-workspace-resizable", _p$.s = _v$37);
|
|
887
|
+
_v$38 !== _p$.h && _$setAttribute(_el$28, "data-workspace-detail-reopen", _p$.h = _v$38);
|
|
888
|
+
_v$39 !== _p$.r && _$setAttribute(_el$28, "data-workspace-detail-closable", _p$.r = _v$39);
|
|
889
|
+
_v$40 !== _p$.d && _$setAttribute(_el$28, "data-workspace-detail-steppable", _p$.d = _v$40);
|
|
890
|
+
_v$41 !== _p$.l && _$setProperty(_el$28, "hidden", _p$.l = _v$41);
|
|
891
|
+
_p$.u = _$style(_el$28, _v$42, _p$.u);
|
|
892
|
+
_v$43 !== _p$.c && _$setAttribute(_el$29, "aria-label", _p$.c = _v$43);
|
|
842
893
|
return _p$;
|
|
843
894
|
}, {
|
|
844
895
|
e: undefined,
|
|
@@ -855,7 +906,7 @@ function AppWorkspaceDetail(props) {
|
|
|
855
906
|
u: undefined,
|
|
856
907
|
c: undefined
|
|
857
908
|
});
|
|
858
|
-
return _el$
|
|
909
|
+
return _el$28;
|
|
859
910
|
})()];
|
|
860
911
|
}
|
|
861
912
|
function AppWorkspaceBottomDrawer(props) {
|
|
@@ -905,8 +956,8 @@ function AppWorkspaceBottomDrawer(props) {
|
|
|
905
956
|
});
|
|
906
957
|
}
|
|
907
958
|
}), (() => {
|
|
908
|
-
var _el$
|
|
909
|
-
_$insert(_el$
|
|
959
|
+
var _el$32 = _$getNextElement(_tmpl$14);
|
|
960
|
+
_$insert(_el$32, () => props.children);
|
|
910
961
|
_$effect(_p$ => {
|
|
911
962
|
var _v$44 = domId(),
|
|
912
963
|
_v$45 = `k2b-app-workspace__drawer ${props.class ?? ""}`,
|
|
@@ -916,14 +967,14 @@ function AppWorkspaceBottomDrawer(props) {
|
|
|
916
967
|
_v$49 = !props.open,
|
|
917
968
|
_v$50 = `var(${variable()}, ${defaultHeight()}px)`,
|
|
918
969
|
_v$51 = props.viewTransitionName;
|
|
919
|
-
_v$44 !== _p$.e && _$setAttribute(_el$
|
|
920
|
-
_v$45 !== _p$.t && _$className(_el$
|
|
921
|
-
_v$46 !== _p$.a && _$setAttribute(_el$
|
|
922
|
-
_v$47 !== _p$.o && _$setAttribute(_el$
|
|
923
|
-
_v$48 !== _p$.i && _$setAttribute(_el$
|
|
924
|
-
_v$49 !== _p$.n && _$setProperty(_el$
|
|
925
|
-
_v$50 !== _p$.s && _$setStyleProperty(_el$
|
|
926
|
-
_v$51 !== _p$.h && _$setStyleProperty(_el$
|
|
970
|
+
_v$44 !== _p$.e && _$setAttribute(_el$32, "id", _p$.e = _v$44);
|
|
971
|
+
_v$45 !== _p$.t && _$className(_el$32, _p$.t = _v$45);
|
|
972
|
+
_v$46 !== _p$.a && _$setAttribute(_el$32, "data-height", _p$.a = _v$46);
|
|
973
|
+
_v$47 !== _p$.o && _$setAttribute(_el$32, "data-workspace-panel-id", _p$.o = _v$47);
|
|
974
|
+
_v$48 !== _p$.i && _$setAttribute(_el$32, "data-workspace-resizable", _p$.i = _v$48);
|
|
975
|
+
_v$49 !== _p$.n && _$setProperty(_el$32, "hidden", _p$.n = _v$49);
|
|
976
|
+
_v$50 !== _p$.s && _$setStyleProperty(_el$32, "--k2b-workspace-panel-size", _p$.s = _v$50);
|
|
977
|
+
_v$51 !== _p$.h && _$setStyleProperty(_el$32, "view-transition-name", _p$.h = _v$51);
|
|
927
978
|
return _p$;
|
|
928
979
|
}, {
|
|
929
980
|
e: undefined,
|
|
@@ -935,7 +986,7 @@ function AppWorkspaceBottomDrawer(props) {
|
|
|
935
986
|
s: undefined,
|
|
936
987
|
h: undefined
|
|
937
988
|
});
|
|
938
|
-
return _el$
|
|
989
|
+
return _el$32;
|
|
939
990
|
})()];
|
|
940
991
|
}
|
|
941
992
|
function AppWorkspaceSidebar(props) {
|
|
@@ -1027,20 +1078,20 @@ function AppWorkspaceSidebar(props) {
|
|
|
1027
1078
|
return null;
|
|
1028
1079
|
}
|
|
1029
1080
|
return (() => {
|
|
1030
|
-
var _el$
|
|
1031
|
-
_$addEventListener(_el$
|
|
1032
|
-
_$insert(_el$
|
|
1081
|
+
var _el$33 = _$getNextElement(_tmpl$15);
|
|
1082
|
+
_$addEventListener(_el$33, "click", event => choose(event, () => close()));
|
|
1083
|
+
_$insert(_el$33, resolved);
|
|
1033
1084
|
_$effect(_p$ => {
|
|
1034
1085
|
var _v$52 = props.label,
|
|
1035
1086
|
_v$53 = accent;
|
|
1036
|
-
_v$52 !== _p$.e && _$setAttribute(_el$
|
|
1037
|
-
_p$.t = _$style(_el$
|
|
1087
|
+
_v$52 !== _p$.e && _$setAttribute(_el$33, "aria-label", _p$.e = _v$52);
|
|
1088
|
+
_p$.t = _$style(_el$33, _v$53, _p$.t);
|
|
1038
1089
|
return _p$;
|
|
1039
1090
|
}, {
|
|
1040
1091
|
e: undefined,
|
|
1041
1092
|
t: undefined
|
|
1042
1093
|
});
|
|
1043
|
-
return _el$
|
|
1094
|
+
return _el$33;
|
|
1044
1095
|
})();
|
|
1045
1096
|
}
|
|
1046
1097
|
});
|
|
@@ -1079,8 +1130,8 @@ function AppWorkspaceSidebar(props) {
|
|
|
1079
1130
|
return stacked() ? "nav" : "aside";
|
|
1080
1131
|
},
|
|
1081
1132
|
ref(r$) {
|
|
1082
|
-
var _ref$
|
|
1083
|
-
typeof _ref$
|
|
1133
|
+
var _ref$4 = aside;
|
|
1134
|
+
typeof _ref$4 === "function" ? _ref$4(r$) : aside = r$;
|
|
1084
1135
|
},
|
|
1085
1136
|
get id() {
|
|
1086
1137
|
return domId();
|
|
@@ -1113,49 +1164,49 @@ function AppWorkspaceSidebar(props) {
|
|
|
1113
1164
|
},
|
|
1114
1165
|
get children() {
|
|
1115
1166
|
return [(() => {
|
|
1116
|
-
var _el$
|
|
1117
|
-
var _ref$
|
|
1118
|
-
typeof _ref$
|
|
1119
|
-
_$insert(_el$
|
|
1167
|
+
var _el$34 = _$getNextElement(_tmpl$16);
|
|
1168
|
+
var _ref$5 = row;
|
|
1169
|
+
typeof _ref$5 === "function" ? _$use(_ref$5, _el$34) : row = _el$34;
|
|
1170
|
+
_$insert(_el$34, () => desktop()?.children);
|
|
1120
1171
|
_$effect(_p$ => {
|
|
1121
1172
|
var _v$54 = stacked() ? "both" : undefined,
|
|
1122
1173
|
_v$55 = stacked() ? "horizontal" : undefined;
|
|
1123
|
-
_v$54 !== _p$.e && _$setAttribute(_el$
|
|
1124
|
-
_v$55 !== _p$.t && _$setAttribute(_el$
|
|
1174
|
+
_v$54 !== _p$.e && _$setAttribute(_el$34, "data-scroll-fade-mode", _p$.e = _v$54);
|
|
1175
|
+
_v$55 !== _p$.t && _$setAttribute(_el$34, "data-scroll-fade-axis", _p$.t = _v$55);
|
|
1125
1176
|
return _p$;
|
|
1126
1177
|
}, {
|
|
1127
1178
|
e: undefined,
|
|
1128
1179
|
t: undefined
|
|
1129
1180
|
});
|
|
1130
|
-
return _el$
|
|
1181
|
+
return _el$34;
|
|
1131
1182
|
})(), _$createComponent(Show, {
|
|
1132
1183
|
get when() {
|
|
1133
1184
|
return stacked();
|
|
1134
1185
|
},
|
|
1135
1186
|
get children() {
|
|
1136
1187
|
return [(() => {
|
|
1137
|
-
var _el$
|
|
1138
|
-
_el$
|
|
1139
|
-
_el$
|
|
1140
|
-
_$insert(_el$
|
|
1188
|
+
var _el$35 = _$getNextElement(_tmpl$17),
|
|
1189
|
+
_el$36 = _el$35.firstChild;
|
|
1190
|
+
_el$35.$$click = event => openAll(event.currentTarget);
|
|
1191
|
+
_$insert(_el$36, () => workspaceMessages().sidebarAll);
|
|
1141
1192
|
_$effect(_p$ => {
|
|
1142
1193
|
var _v$56 = sheetOpen(),
|
|
1143
1194
|
_v$57 = props.label ? workspaceMessages().sidebarAllLabel({
|
|
1144
1195
|
label: props.label
|
|
1145
1196
|
}) : undefined;
|
|
1146
|
-
_v$56 !== _p$.e && _$setAttribute(_el$
|
|
1147
|
-
_v$57 !== _p$.t && _$setAttribute(_el$
|
|
1197
|
+
_v$56 !== _p$.e && _$setAttribute(_el$35, "aria-expanded", _p$.e = _v$56);
|
|
1198
|
+
_v$57 !== _p$.t && _$setAttribute(_el$35, "aria-label", _p$.t = _v$57);
|
|
1148
1199
|
return _p$;
|
|
1149
1200
|
}, {
|
|
1150
1201
|
e: undefined,
|
|
1151
1202
|
t: undefined
|
|
1152
1203
|
});
|
|
1153
1204
|
_$runHydrationEvents();
|
|
1154
|
-
return _el$
|
|
1205
|
+
return _el$35;
|
|
1155
1206
|
})(), (() => {
|
|
1156
|
-
var _el$
|
|
1157
|
-
_$setProperty(_el$
|
|
1158
|
-
return _el$
|
|
1207
|
+
var _el$37 = _$getNextElement(_tmpl$18);
|
|
1208
|
+
_$setProperty(_el$37, "innerHTML", CHIP_ROW_SCRIPT);
|
|
1209
|
+
return _el$37;
|
|
1159
1210
|
})()];
|
|
1160
1211
|
}
|
|
1161
1212
|
})];
|
|
@@ -1230,10 +1281,10 @@ const AppWorkspaceSidebarBody = props => {
|
|
|
1230
1281
|
onMount(() => onCleanup(rememberSidebarScroll(body, scrollFadeEdges)));
|
|
1231
1282
|
createScrollFade(() => body, () => props.scrollFade !== false);
|
|
1232
1283
|
return [(() => {
|
|
1233
|
-
var _el$
|
|
1234
|
-
var _ref$
|
|
1235
|
-
typeof _ref$
|
|
1236
|
-
_$spread(_el$
|
|
1284
|
+
var _el$38 = _$getNextElement(_tmpl$8);
|
|
1285
|
+
var _ref$6 = body;
|
|
1286
|
+
typeof _ref$6 === "function" ? _$use(_ref$6, _el$38) : body = _el$38;
|
|
1287
|
+
_$spread(_el$38, _$mergeProps({
|
|
1237
1288
|
get ["class"]() {
|
|
1238
1289
|
return `k2b-app-workspace__sidebar-body ${props.class ?? ""}`;
|
|
1239
1290
|
},
|
|
@@ -1241,25 +1292,25 @@ const AppWorkspaceSidebarBody = props => {
|
|
|
1241
1292
|
return props.scrollFade !== false ? "both" : undefined;
|
|
1242
1293
|
}
|
|
1243
1294
|
}, () => scrollAttrs(props.scrollPreserveKey), () => modeAttrs(props.sidebarMode)), false, true);
|
|
1244
|
-
_$insert(_el$
|
|
1295
|
+
_$insert(_el$38, () => props.children);
|
|
1245
1296
|
_$runHydrationEvents();
|
|
1246
|
-
return _el$
|
|
1297
|
+
return _el$38;
|
|
1247
1298
|
})(), (() => {
|
|
1248
|
-
var _el$
|
|
1249
|
-
_$setProperty(_el$
|
|
1250
|
-
return _el$
|
|
1299
|
+
var _el$39 = _$getNextElement(_tmpl$18);
|
|
1300
|
+
_$setProperty(_el$39, "innerHTML", SIDEBAR_SCROLL_MEMORY_SCRIPT);
|
|
1301
|
+
return _el$39;
|
|
1251
1302
|
})()];
|
|
1252
1303
|
};
|
|
1253
1304
|
const AppWorkspaceSidebarFooter = props => (() => {
|
|
1254
|
-
var _el$
|
|
1255
|
-
_$spread(_el$
|
|
1305
|
+
var _el$40 = _$getNextElement(_tmpl$19);
|
|
1306
|
+
_$spread(_el$40, _$mergeProps({
|
|
1256
1307
|
get ["class"]() {
|
|
1257
1308
|
return `k2b-app-workspace__sidebar-footer ${props.class ?? ""}`;
|
|
1258
1309
|
}
|
|
1259
1310
|
}, () => modeAttrs(props.sidebarMode)), false, true);
|
|
1260
|
-
_$insert(_el$
|
|
1311
|
+
_$insert(_el$40, () => props.children);
|
|
1261
1312
|
_$runHydrationEvents();
|
|
1262
|
-
return _el$
|
|
1313
|
+
return _el$40;
|
|
1263
1314
|
})();
|
|
1264
1315
|
const AppWorkspaceSidebarSection = props => {
|
|
1265
1316
|
const [expanded, setExpanded] = createSignal(props.defaultOpen ?? true);
|
|
@@ -1270,27 +1321,27 @@ const AppWorkspaceSidebarSection = props => {
|
|
|
1270
1321
|
return props.icon;
|
|
1271
1322
|
},
|
|
1272
1323
|
get children() {
|
|
1273
|
-
var _el$
|
|
1274
|
-
_el$
|
|
1275
|
-
_$effect(() => _$className(_el$
|
|
1276
|
-
return _el$
|
|
1324
|
+
var _el$41 = _$getNextElement(_tmpl$20),
|
|
1325
|
+
_el$42 = _el$41.firstChild;
|
|
1326
|
+
_$effect(() => _$className(_el$42, iconClass(props.icon)));
|
|
1327
|
+
return _el$41;
|
|
1277
1328
|
}
|
|
1278
1329
|
}), _$memo(() => props.title), _$createComponent(Show, {
|
|
1279
1330
|
get when() {
|
|
1280
1331
|
return props.count !== undefined;
|
|
1281
1332
|
},
|
|
1282
1333
|
get children() {
|
|
1283
|
-
var _el$
|
|
1284
|
-
_$insert(_el$
|
|
1285
|
-
return _el$
|
|
1334
|
+
var _el$43 = _$getNextElement(_tmpl$21);
|
|
1335
|
+
_$insert(_el$43, () => props.count);
|
|
1336
|
+
return _el$43;
|
|
1286
1337
|
}
|
|
1287
1338
|
})];
|
|
1288
1339
|
return (() => {
|
|
1289
|
-
var _el$
|
|
1290
|
-
_el$
|
|
1291
|
-
[_el$
|
|
1292
|
-
_el$
|
|
1293
|
-
_$spread(_el$
|
|
1340
|
+
var _el$44 = _$getNextElement(_tmpl$25),
|
|
1341
|
+
_el$56 = _el$44.firstChild,
|
|
1342
|
+
[_el$57, _co$0] = _$getNextMarker(_el$56.nextSibling),
|
|
1343
|
+
_el$55 = _el$57.nextSibling;
|
|
1344
|
+
_$spread(_el$44, _$mergeProps({
|
|
1294
1345
|
get ["class"]() {
|
|
1295
1346
|
return `k2b-app-workspace__sidebar-section ${props.class ?? ""}`;
|
|
1296
1347
|
},
|
|
@@ -1298,17 +1349,17 @@ const AppWorkspaceSidebarSection = props => {
|
|
|
1298
1349
|
return props.collapsible ? "true" : undefined;
|
|
1299
1350
|
}
|
|
1300
1351
|
}, () => modeAttrs(props.sidebarMode)), false, true);
|
|
1301
|
-
_$insert(_el$
|
|
1352
|
+
_$insert(_el$44, _$createComponent(Show, {
|
|
1302
1353
|
get when() {
|
|
1303
1354
|
return props.title || props.actions;
|
|
1304
1355
|
},
|
|
1305
1356
|
get children() {
|
|
1306
|
-
var _el$
|
|
1307
|
-
_el$
|
|
1308
|
-
[_el$
|
|
1309
|
-
_el$
|
|
1310
|
-
[_el$
|
|
1311
|
-
_$insert(_el$
|
|
1357
|
+
var _el$45 = _$getNextElement(_tmpl$24),
|
|
1358
|
+
_el$51 = _el$45.firstChild,
|
|
1359
|
+
[_el$52, _co$8] = _$getNextMarker(_el$51.nextSibling),
|
|
1360
|
+
_el$53 = _el$52.nextSibling,
|
|
1361
|
+
[_el$54, _co$9] = _$getNextMarker(_el$53.nextSibling);
|
|
1362
|
+
_$insert(_el$45, _$createComponent(Show, {
|
|
1312
1363
|
get when() {
|
|
1313
1364
|
return props.collapsible;
|
|
1314
1365
|
},
|
|
@@ -1318,56 +1369,56 @@ const AppWorkspaceSidebarSection = props => {
|
|
|
1318
1369
|
return props.title;
|
|
1319
1370
|
},
|
|
1320
1371
|
get children() {
|
|
1321
|
-
var _el$
|
|
1322
|
-
_$insert(_el$
|
|
1323
|
-
return _el$
|
|
1372
|
+
var _el$58 = _$getNextElement(_tmpl$26);
|
|
1373
|
+
_$insert(_el$58, title);
|
|
1374
|
+
return _el$58;
|
|
1324
1375
|
}
|
|
1325
1376
|
});
|
|
1326
1377
|
},
|
|
1327
1378
|
get children() {
|
|
1328
|
-
var _el$
|
|
1329
|
-
_el$
|
|
1330
|
-
[_el$
|
|
1331
|
-
_el$
|
|
1332
|
-
_el$
|
|
1379
|
+
var _el$46 = _$getNextElement(_tmpl$22),
|
|
1380
|
+
_el$48 = _el$46.firstChild,
|
|
1381
|
+
[_el$49, _co$7] = _$getNextMarker(_el$48.nextSibling),
|
|
1382
|
+
_el$47 = _el$49.nextSibling;
|
|
1383
|
+
_el$46.$$click = () => {
|
|
1333
1384
|
const next = !open();
|
|
1334
1385
|
setExpanded(next);
|
|
1335
1386
|
props.onOpenChange?.(next);
|
|
1336
1387
|
};
|
|
1337
|
-
_$setAttribute(_el$
|
|
1338
|
-
_$insert(_el$
|
|
1388
|
+
_$setAttribute(_el$46, "aria-controls", id);
|
|
1389
|
+
_$insert(_el$46, title, _el$49, _co$7);
|
|
1339
1390
|
_$effect(_p$ => {
|
|
1340
1391
|
var _v$58 = open(),
|
|
1341
1392
|
_v$59 = open() ? "ti ti-chevron-down" : "ti ti-chevron-right";
|
|
1342
|
-
_v$58 !== _p$.e && _$setAttribute(_el$
|
|
1343
|
-
_v$59 !== _p$.t && _$className(_el$
|
|
1393
|
+
_v$58 !== _p$.e && _$setAttribute(_el$46, "aria-expanded", _p$.e = _v$58);
|
|
1394
|
+
_v$59 !== _p$.t && _$className(_el$47, _p$.t = _v$59);
|
|
1344
1395
|
return _p$;
|
|
1345
1396
|
}, {
|
|
1346
1397
|
e: undefined,
|
|
1347
1398
|
t: undefined
|
|
1348
1399
|
});
|
|
1349
1400
|
_$runHydrationEvents();
|
|
1350
|
-
return _el$
|
|
1401
|
+
return _el$46;
|
|
1351
1402
|
}
|
|
1352
|
-
}), _el$
|
|
1353
|
-
_$insert(_el$
|
|
1403
|
+
}), _el$52, _co$8);
|
|
1404
|
+
_$insert(_el$45, _$createComponent(Show, {
|
|
1354
1405
|
get when() {
|
|
1355
1406
|
return props.actions;
|
|
1356
1407
|
},
|
|
1357
1408
|
get children() {
|
|
1358
|
-
var _el$
|
|
1359
|
-
_$insert(_el$
|
|
1360
|
-
return _el$
|
|
1409
|
+
var _el$50 = _$getNextElement(_tmpl$23);
|
|
1410
|
+
_$insert(_el$50, () => props.actions);
|
|
1411
|
+
return _el$50;
|
|
1361
1412
|
}
|
|
1362
|
-
}), _el$
|
|
1363
|
-
return _el$
|
|
1413
|
+
}), _el$54, _co$9);
|
|
1414
|
+
return _el$45;
|
|
1364
1415
|
}
|
|
1365
|
-
}), _el$
|
|
1366
|
-
_$setAttribute(_el$
|
|
1367
|
-
_$insert(_el$
|
|
1368
|
-
_$effect(() => _$setProperty(_el$
|
|
1416
|
+
}), _el$57, _co$0);
|
|
1417
|
+
_$setAttribute(_el$55, "id", id);
|
|
1418
|
+
_$insert(_el$55, () => props.children);
|
|
1419
|
+
_$effect(() => _$setProperty(_el$55, "hidden", !open()));
|
|
1369
1420
|
_$runHydrationEvents();
|
|
1370
|
-
return _el$
|
|
1421
|
+
return _el$44;
|
|
1371
1422
|
})();
|
|
1372
1423
|
};
|
|
1373
1424
|
const AppWorkspaceSidebarItemIcon = props => mergeProps({
|
|
@@ -1383,10 +1434,10 @@ const AppWorkspaceSidebarItemAction = props => mergeProps({
|
|
|
1383
1434
|
kind: SIDEBAR_ITEM_ACTION
|
|
1384
1435
|
}, props);
|
|
1385
1436
|
const AppWorkspaceSidebarItemActions = props => (() => {
|
|
1386
|
-
var _el$
|
|
1387
|
-
_$insert(_el$
|
|
1388
|
-
_$effect(() => _$setAttribute(_el$
|
|
1389
|
-
return _el$
|
|
1437
|
+
var _el$59 = _$getNextElement(_tmpl$27);
|
|
1438
|
+
_$insert(_el$59, () => props.children);
|
|
1439
|
+
_$effect(() => _$setAttribute(_el$59, "data-visibility", props.visibility === "hover" ? "hover" : undefined));
|
|
1440
|
+
return _el$59;
|
|
1390
1441
|
})();
|
|
1391
1442
|
/**
|
|
1392
1443
|
* Hover actions overlay a row's end, so the label and count under them fade
|
|
@@ -1476,8 +1527,8 @@ function AppWorkspaceSidebarRow(props) {
|
|
|
1476
1527
|
},
|
|
1477
1528
|
get fallback() {
|
|
1478
1529
|
return (() => {
|
|
1479
|
-
var _el$
|
|
1480
|
-
_$spread(_el$
|
|
1530
|
+
var _el$60 = _$getNextElement(_tmpl$28);
|
|
1531
|
+
_$spread(_el$60, _$mergeProps(attrs, {
|
|
1481
1532
|
get tabIndex() {
|
|
1482
1533
|
return props.tabIndex;
|
|
1483
1534
|
},
|
|
@@ -1488,9 +1539,9 @@ function AppWorkspaceSidebarRow(props) {
|
|
|
1488
1539
|
return props.onClick;
|
|
1489
1540
|
}
|
|
1490
1541
|
}), false, true);
|
|
1491
|
-
_$insert(_el$
|
|
1542
|
+
_$insert(_el$60, () => props.children);
|
|
1492
1543
|
_$runHydrationEvents();
|
|
1493
|
-
return _el$
|
|
1544
|
+
return _el$60;
|
|
1494
1545
|
})();
|
|
1495
1546
|
},
|
|
1496
1547
|
get children() {
|
|
@@ -1500,8 +1551,8 @@ function AppWorkspaceSidebarRow(props) {
|
|
|
1500
1551
|
},
|
|
1501
1552
|
get fallback() {
|
|
1502
1553
|
return (() => {
|
|
1503
|
-
var _el$
|
|
1504
|
-
_$spread(_el$
|
|
1554
|
+
var _el$61 = _$getNextElement(_tmpl$29);
|
|
1555
|
+
_$spread(_el$61, _$mergeProps({
|
|
1505
1556
|
get href() {
|
|
1506
1557
|
return props.href;
|
|
1507
1558
|
}
|
|
@@ -1516,9 +1567,9 @@ function AppWorkspaceSidebarRow(props) {
|
|
|
1516
1567
|
return props.onClick;
|
|
1517
1568
|
}
|
|
1518
1569
|
}), false, true);
|
|
1519
|
-
_$insert(_el$
|
|
1570
|
+
_$insert(_el$61, () => props.children);
|
|
1520
1571
|
_$runHydrationEvents();
|
|
1521
|
-
return _el$
|
|
1572
|
+
return _el$61;
|
|
1522
1573
|
})();
|
|
1523
1574
|
},
|
|
1524
1575
|
get children() {
|
|
@@ -1564,23 +1615,23 @@ function AppWorkspaceSidebarRow(props) {
|
|
|
1564
1615
|
});
|
|
1565
1616
|
},
|
|
1566
1617
|
get children() {
|
|
1567
|
-
var _el$
|
|
1568
|
-
_el$
|
|
1569
|
-
[_el$
|
|
1570
|
-
_el$
|
|
1571
|
-
[_el$
|
|
1572
|
-
_$use(row => onMount(() => observeSidebarRowCover(row)), _el$
|
|
1573
|
-
_$spread(_el$
|
|
1618
|
+
var _el$62 = _$getNextElement(_tmpl$30),
|
|
1619
|
+
_el$63 = _el$62.firstChild,
|
|
1620
|
+
[_el$64, _co$1] = _$getNextMarker(_el$63.nextSibling),
|
|
1621
|
+
_el$65 = _el$64.nextSibling,
|
|
1622
|
+
[_el$66, _co$10] = _$getNextMarker(_el$65.nextSibling);
|
|
1623
|
+
_$use(row => onMount(() => observeSidebarRowCover(row)), _el$62);
|
|
1624
|
+
_$spread(_el$62, _$mergeProps(common, {
|
|
1574
1625
|
get ["data-disabled"]() {
|
|
1575
1626
|
return props.disabled ? "true" : undefined;
|
|
1576
1627
|
}
|
|
1577
1628
|
}), false, true);
|
|
1578
|
-
_$insert(_el$
|
|
1629
|
+
_$insert(_el$62, _$createComponent(Control, {
|
|
1579
1630
|
grouped: true
|
|
1580
|
-
}), _el$
|
|
1581
|
-
_$insert(_el$
|
|
1631
|
+
}), _el$64, _co$1);
|
|
1632
|
+
_$insert(_el$62, () => props.actions, _el$66, _co$10);
|
|
1582
1633
|
_$runHydrationEvents();
|
|
1583
|
-
return _el$
|
|
1634
|
+
return _el$62;
|
|
1584
1635
|
}
|
|
1585
1636
|
}), _$createComponent(Show, {
|
|
1586
1637
|
get when() {
|
|
@@ -1632,102 +1683,102 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1632
1683
|
return iconContent() || icon();
|
|
1633
1684
|
},
|
|
1634
1685
|
get children() {
|
|
1635
|
-
var _el$
|
|
1636
|
-
_$insert(_el$
|
|
1637
|
-
var _el$
|
|
1638
|
-
_$effect(() => _$className(_el$
|
|
1639
|
-
return _el$
|
|
1686
|
+
var _el$67 = _$getNextElement(_tmpl$31);
|
|
1687
|
+
_$insert(_el$67, () => iconContent() ?? (() => {
|
|
1688
|
+
var _el$85 = _$getNextElement(_tmpl$38);
|
|
1689
|
+
_$effect(() => _$className(_el$85, iconClass(icon())));
|
|
1690
|
+
return _el$85;
|
|
1640
1691
|
})());
|
|
1641
|
-
_$effect(() => _$className(_el$
|
|
1692
|
+
_$effect(() => _$className(_el$67,
|
|
1642
1693
|
// An object row's own glyph sits in a soft chip of the app colour; custom content such as an avatar keeps
|
|
1643
1694
|
// its own look.
|
|
1644
1695
|
props.variant === "object" && !iconContent() ? "k2b-app-workspace__sidebar-item-icon k2b-icon-tile" : "k2b-app-workspace__sidebar-item-icon"));
|
|
1645
|
-
return _el$
|
|
1696
|
+
return _el$67;
|
|
1646
1697
|
}
|
|
1647
1698
|
}), (() => {
|
|
1648
|
-
var _el$
|
|
1649
|
-
_el$
|
|
1650
|
-
[_el$
|
|
1651
|
-
_el$
|
|
1652
|
-
_el$
|
|
1653
|
-
_el$
|
|
1654
|
-
[_el$
|
|
1655
|
-
_el$
|
|
1656
|
-
[_el$
|
|
1657
|
-
_$insert(_el$
|
|
1699
|
+
var _el$68 = _$getNextElement(_tmpl$36),
|
|
1700
|
+
_el$78 = _el$68.firstChild,
|
|
1701
|
+
[_el$79, _co$12] = _$getNextMarker(_el$78.nextSibling),
|
|
1702
|
+
_el$74 = _el$79.nextSibling,
|
|
1703
|
+
_el$75 = _el$74.firstChild,
|
|
1704
|
+
_el$80 = _el$74.nextSibling,
|
|
1705
|
+
[_el$81, _co$13] = _$getNextMarker(_el$80.nextSibling),
|
|
1706
|
+
_el$82 = _el$81.nextSibling,
|
|
1707
|
+
[_el$83, _co$14] = _$getNextMarker(_el$82.nextSibling);
|
|
1708
|
+
_$insert(_el$68, _$createComponent(Show, {
|
|
1658
1709
|
get when() {
|
|
1659
1710
|
return props.context || props.contextMeta;
|
|
1660
1711
|
},
|
|
1661
1712
|
get children() {
|
|
1662
|
-
var _el$
|
|
1663
|
-
_el$
|
|
1664
|
-
_el$
|
|
1665
|
-
[_el$
|
|
1666
|
-
_$insert(_el$
|
|
1667
|
-
_$insert(_el$
|
|
1713
|
+
var _el$69 = _$getNextElement(_tmpl$33),
|
|
1714
|
+
_el$70 = _el$69.firstChild,
|
|
1715
|
+
_el$72 = _el$70.nextSibling,
|
|
1716
|
+
[_el$73, _co$11] = _$getNextMarker(_el$72.nextSibling);
|
|
1717
|
+
_$insert(_el$70, () => props.context);
|
|
1718
|
+
_$insert(_el$69, _$createComponent(Show, {
|
|
1668
1719
|
get when() {
|
|
1669
1720
|
return props.contextMeta;
|
|
1670
1721
|
},
|
|
1671
1722
|
get children() {
|
|
1672
|
-
var _el$
|
|
1673
|
-
_$insert(_el$
|
|
1674
|
-
return _el$
|
|
1723
|
+
var _el$71 = _$getNextElement(_tmpl$32);
|
|
1724
|
+
_$insert(_el$71, () => props.contextMeta);
|
|
1725
|
+
return _el$71;
|
|
1675
1726
|
}
|
|
1676
|
-
}), _el$
|
|
1677
|
-
return _el$
|
|
1727
|
+
}), _el$73, _co$11);
|
|
1728
|
+
return _el$69;
|
|
1678
1729
|
}
|
|
1679
|
-
}), _el$
|
|
1680
|
-
_$insert(_el$
|
|
1681
|
-
_$insert(_el$
|
|
1730
|
+
}), _el$79, _co$12);
|
|
1731
|
+
_$insert(_el$75, () => label());
|
|
1732
|
+
_$insert(_el$68, _$createComponent(Show, {
|
|
1682
1733
|
get when() {
|
|
1683
1734
|
return props.description;
|
|
1684
1735
|
},
|
|
1685
1736
|
get children() {
|
|
1686
|
-
var _el$
|
|
1687
|
-
_$insert(_el$
|
|
1688
|
-
return _el$
|
|
1737
|
+
var _el$76 = _$getNextElement(_tmpl$34);
|
|
1738
|
+
_$insert(_el$76, () => props.description);
|
|
1739
|
+
return _el$76;
|
|
1689
1740
|
}
|
|
1690
|
-
}), _el$
|
|
1691
|
-
_$insert(_el$
|
|
1741
|
+
}), _el$81, _co$13);
|
|
1742
|
+
_$insert(_el$68, _$createComponent(Show, {
|
|
1692
1743
|
get when() {
|
|
1693
1744
|
return props.note;
|
|
1694
1745
|
},
|
|
1695
1746
|
get children() {
|
|
1696
|
-
var _el$
|
|
1697
|
-
_$insert(_el$
|
|
1698
|
-
_$effect(() => _$setAttribute(_el$
|
|
1699
|
-
return _el$
|
|
1747
|
+
var _el$77 = _$getNextElement(_tmpl$35);
|
|
1748
|
+
_$insert(_el$77, () => props.note);
|
|
1749
|
+
_$effect(() => _$setAttribute(_el$77, "data-tone", props.noteTone ?? "neutral"));
|
|
1750
|
+
return _el$77;
|
|
1700
1751
|
}
|
|
1701
|
-
}), _el$
|
|
1752
|
+
}), _el$83, _co$14);
|
|
1702
1753
|
_$effect(_p$ => {
|
|
1703
1754
|
var _v$60 = oneLine() ? "1" : undefined,
|
|
1704
1755
|
_v$61 = !oneLine() && typeof label() === "string" ? label() : undefined;
|
|
1705
|
-
_v$60 !== _p$.e && _$setAttribute(_el$
|
|
1706
|
-
_v$61 !== _p$.t && _$setAttribute(_el$
|
|
1756
|
+
_v$60 !== _p$.e && _$setAttribute(_el$74, "data-lines", _p$.e = _v$60);
|
|
1757
|
+
_v$61 !== _p$.t && _$setAttribute(_el$74, "data-label", _p$.t = _v$61);
|
|
1707
1758
|
return _p$;
|
|
1708
1759
|
}, {
|
|
1709
1760
|
e: undefined,
|
|
1710
1761
|
t: undefined
|
|
1711
1762
|
});
|
|
1712
|
-
return _el$
|
|
1763
|
+
return _el$68;
|
|
1713
1764
|
})(), _$createComponent(Show, {
|
|
1714
1765
|
get when() {
|
|
1715
1766
|
return hasMeta();
|
|
1716
1767
|
},
|
|
1717
1768
|
get children() {
|
|
1718
|
-
var _el$
|
|
1719
|
-
_$insert(_el$
|
|
1769
|
+
var _el$84 = _$getNextElement(_tmpl$37);
|
|
1770
|
+
_$insert(_el$84, meta);
|
|
1720
1771
|
_$effect(_p$ => {
|
|
1721
1772
|
var _v$62 = props.preview?.trigger === "row" ? metaId : undefined,
|
|
1722
1773
|
_v$63 = metaVisibility() === "hover" ? "hover" : undefined;
|
|
1723
|
-
_v$62 !== _p$.e && _$setAttribute(_el$
|
|
1724
|
-
_v$63 !== _p$.t && _$setAttribute(_el$
|
|
1774
|
+
_v$62 !== _p$.e && _$setAttribute(_el$84, "id", _p$.e = _v$62);
|
|
1775
|
+
_v$63 !== _p$.t && _$setAttribute(_el$84, "data-visibility", _p$.t = _v$63);
|
|
1725
1776
|
return _p$;
|
|
1726
1777
|
}, {
|
|
1727
1778
|
e: undefined,
|
|
1728
1779
|
t: undefined
|
|
1729
1780
|
});
|
|
1730
|
-
return _el$
|
|
1781
|
+
return _el$84;
|
|
1731
1782
|
}
|
|
1732
1783
|
})];
|
|
1733
1784
|
const singleAction = () => {
|
|
@@ -1743,9 +1794,9 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1743
1794
|
props.onActionClick?.(event);
|
|
1744
1795
|
};
|
|
1745
1796
|
const content = () => actionSlot()?.children ?? (() => {
|
|
1746
|
-
var _el$
|
|
1747
|
-
_$effect(() => _$className(_el$
|
|
1748
|
-
return _el$
|
|
1797
|
+
var _el$86 = _$getNextElement(_tmpl$38);
|
|
1798
|
+
_$effect(() => _$className(_el$86, iconClass(actionSlot()?.icon ?? props.actionIcon, "ti-dots")));
|
|
1799
|
+
return _el$86;
|
|
1749
1800
|
})();
|
|
1750
1801
|
return _$createComponent(Show, {
|
|
1751
1802
|
get when() {
|
|
@@ -1758,16 +1809,16 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1758
1809
|
},
|
|
1759
1810
|
get fallback() {
|
|
1760
1811
|
return (() => {
|
|
1761
|
-
var _el$
|
|
1762
|
-
_el$
|
|
1763
|
-
_$insert(_el$
|
|
1812
|
+
var _el$88 = _$getNextElement(_tmpl$40);
|
|
1813
|
+
_el$88.$$click = select;
|
|
1814
|
+
_$insert(_el$88, content);
|
|
1764
1815
|
_$effect(_p$ => {
|
|
1765
1816
|
var _v$67 = actionSlot()?.disabled,
|
|
1766
1817
|
_v$68 = actionSlot()?.visibility === "hover" ? "hover" : undefined,
|
|
1767
1818
|
_v$69 = label();
|
|
1768
|
-
_v$67 !== _p$.e && _$setProperty(_el$
|
|
1769
|
-
_v$68 !== _p$.t && _$setAttribute(_el$
|
|
1770
|
-
_v$69 !== _p$.a && _$setAttribute(_el$
|
|
1819
|
+
_v$67 !== _p$.e && _$setProperty(_el$88, "disabled", _p$.e = _v$67);
|
|
1820
|
+
_v$68 !== _p$.t && _$setAttribute(_el$88, "data-visibility", _p$.t = _v$68);
|
|
1821
|
+
_v$69 !== _p$.a && _$setAttribute(_el$88, "aria-label", _p$.a = _v$69);
|
|
1771
1822
|
return _p$;
|
|
1772
1823
|
}, {
|
|
1773
1824
|
e: undefined,
|
|
@@ -1775,20 +1826,20 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1775
1826
|
a: undefined
|
|
1776
1827
|
});
|
|
1777
1828
|
_$runHydrationEvents();
|
|
1778
|
-
return _el$
|
|
1829
|
+
return _el$88;
|
|
1779
1830
|
})();
|
|
1780
1831
|
},
|
|
1781
1832
|
get children() {
|
|
1782
|
-
var _el$
|
|
1783
|
-
_el$
|
|
1784
|
-
_$insert(_el$
|
|
1833
|
+
var _el$87 = _$getNextElement(_tmpl$39);
|
|
1834
|
+
_el$87.$$click = select;
|
|
1835
|
+
_$insert(_el$87, content);
|
|
1785
1836
|
_$effect(_p$ => {
|
|
1786
1837
|
var _v$64 = actionSlot()?.href,
|
|
1787
1838
|
_v$65 = actionSlot()?.visibility === "hover" ? "hover" : undefined,
|
|
1788
1839
|
_v$66 = label();
|
|
1789
|
-
_v$64 !== _p$.e && _$setAttribute(_el$
|
|
1790
|
-
_v$65 !== _p$.t && _$setAttribute(_el$
|
|
1791
|
-
_v$66 !== _p$.a && _$setAttribute(_el$
|
|
1840
|
+
_v$64 !== _p$.e && _$setAttribute(_el$87, "href", _p$.e = _v$64);
|
|
1841
|
+
_v$65 !== _p$.t && _$setAttribute(_el$87, "data-visibility", _p$.t = _v$65);
|
|
1842
|
+
_v$66 !== _p$.a && _$setAttribute(_el$87, "aria-label", _p$.a = _v$66);
|
|
1792
1843
|
return _p$;
|
|
1793
1844
|
}, {
|
|
1794
1845
|
e: undefined,
|
|
@@ -1796,7 +1847,7 @@ function AppWorkspaceSidebarItem(props) {
|
|
|
1796
1847
|
a: undefined
|
|
1797
1848
|
});
|
|
1798
1849
|
_$runHydrationEvents();
|
|
1799
|
-
return _el$
|
|
1850
|
+
return _el$87;
|
|
1800
1851
|
}
|
|
1801
1852
|
});
|
|
1802
1853
|
}
|
|
@@ -2100,16 +2151,16 @@ const AppWorkspaceNavTree = props => {
|
|
|
2100
2151
|
return rowIcon();
|
|
2101
2152
|
},
|
|
2102
2153
|
get children() {
|
|
2103
|
-
var _el$
|
|
2104
|
-
_el$
|
|
2105
|
-
_$spread(_el$
|
|
2154
|
+
var _el$89 = _$getNextElement(_tmpl$41),
|
|
2155
|
+
_el$90 = _el$89.firstChild;
|
|
2156
|
+
_$spread(_el$89, _$mergeProps({
|
|
2106
2157
|
get ["data-k2b-nav-tree-toggle"]() {
|
|
2107
2158
|
return usesIconDisclosure() ? "" : undefined;
|
|
2108
2159
|
}
|
|
2109
2160
|
}, () => iconAccessibility(item.iconLabel)), false, true);
|
|
2110
|
-
_$effect(() => _$className(_el$
|
|
2161
|
+
_$effect(() => _$className(_el$90, iconClass(rowIcon())));
|
|
2111
2162
|
_$runHydrationEvents();
|
|
2112
|
-
return _el$
|
|
2163
|
+
return _el$89;
|
|
2113
2164
|
}
|
|
2114
2165
|
}), _$createComponent(Show, {
|
|
2115
2166
|
get when() {
|
|
@@ -2117,51 +2168,51 @@ const AppWorkspaceNavTree = props => {
|
|
|
2117
2168
|
},
|
|
2118
2169
|
get fallback() {
|
|
2119
2170
|
return (() => {
|
|
2120
|
-
var _el$
|
|
2121
|
-
_el$
|
|
2122
|
-
_$insert(_el$
|
|
2123
|
-
_$effect(() => _$setAttribute(_el$
|
|
2124
|
-
return _el$
|
|
2171
|
+
var _el$98 = _$getNextElement(_tmpl$45),
|
|
2172
|
+
_el$99 = _el$98.firstChild;
|
|
2173
|
+
_$insert(_el$99, () => item.label);
|
|
2174
|
+
_$effect(() => _$setAttribute(_el$98, "data-label", typeof item.label === "string" ? item.label : undefined));
|
|
2175
|
+
return _el$98;
|
|
2125
2176
|
})();
|
|
2126
2177
|
},
|
|
2127
2178
|
get children() {
|
|
2128
|
-
var _el$
|
|
2129
|
-
_el$
|
|
2130
|
-
_el$
|
|
2131
|
-
_el$
|
|
2132
|
-
_$insert(_el$
|
|
2133
|
-
_$insert(_el$
|
|
2134
|
-
_$effect(() => _$setAttribute(_el$
|
|
2135
|
-
return _el$
|
|
2179
|
+
var _el$91 = _$getNextElement(_tmpl$42),
|
|
2180
|
+
_el$92 = _el$91.firstChild,
|
|
2181
|
+
_el$93 = _el$92.firstChild,
|
|
2182
|
+
_el$94 = _el$92.nextSibling;
|
|
2183
|
+
_$insert(_el$93, () => item.label);
|
|
2184
|
+
_$insert(_el$94, () => item.description);
|
|
2185
|
+
_$effect(() => _$setAttribute(_el$92, "data-label", typeof item.label === "string" ? item.label : undefined));
|
|
2186
|
+
return _el$91;
|
|
2136
2187
|
}
|
|
2137
2188
|
}), _$createComponent(Show, {
|
|
2138
2189
|
get when() {
|
|
2139
2190
|
return item.meta !== undefined;
|
|
2140
2191
|
},
|
|
2141
2192
|
get children() {
|
|
2142
|
-
var _el$
|
|
2143
|
-
_$insert(_el$
|
|
2193
|
+
var _el$95 = _$getNextElement(_tmpl$43);
|
|
2194
|
+
_$insert(_el$95, () => item.meta);
|
|
2144
2195
|
_$effect(_p$ => {
|
|
2145
2196
|
var _v$70 = `k2b-app-workspace__sidebar-item-meta ${hasChildren() ? "" : "k2b-app-workspace__nav-tree-leaf-meta"}`,
|
|
2146
2197
|
_v$71 = item.metaVisibility === "hover" ? "hover" : undefined;
|
|
2147
|
-
_v$70 !== _p$.e && _$className(_el$
|
|
2148
|
-
_v$71 !== _p$.t && _$setAttribute(_el$
|
|
2198
|
+
_v$70 !== _p$.e && _$className(_el$95, _p$.e = _v$70);
|
|
2199
|
+
_v$71 !== _p$.t && _$setAttribute(_el$95, "data-visibility", _p$.t = _v$71);
|
|
2149
2200
|
return _p$;
|
|
2150
2201
|
}, {
|
|
2151
2202
|
e: undefined,
|
|
2152
2203
|
t: undefined
|
|
2153
2204
|
});
|
|
2154
|
-
return _el$
|
|
2205
|
+
return _el$95;
|
|
2155
2206
|
}
|
|
2156
2207
|
}), _$createComponent(Show, {
|
|
2157
2208
|
get when() {
|
|
2158
2209
|
return _$memo(() => !!hasChildren())() && !usesIconDisclosure();
|
|
2159
2210
|
},
|
|
2160
2211
|
get children() {
|
|
2161
|
-
var _el$
|
|
2162
|
-
_el$
|
|
2163
|
-
_$effect(() => _$className(_el$
|
|
2164
|
-
return _el$
|
|
2212
|
+
var _el$96 = _$getNextElement(_tmpl$44),
|
|
2213
|
+
_el$97 = _el$96.firstChild;
|
|
2214
|
+
_$effect(() => _$className(_el$97, `ti ${isExpanded(item.id) ? "ti-chevron-down" : "ti-chevron-right"}`));
|
|
2215
|
+
return _el$96;
|
|
2165
2216
|
}
|
|
2166
2217
|
})];
|
|
2167
2218
|
const row = () => _$createComponent(AppWorkspaceSidebarRow, {
|
|
@@ -2273,33 +2324,33 @@ const AppWorkspaceNavTree = props => {
|
|
|
2273
2324
|
requestMove(target.move, false);
|
|
2274
2325
|
};
|
|
2275
2326
|
return (() => {
|
|
2276
|
-
var _el$
|
|
2277
|
-
_el$
|
|
2278
|
-
[_el$
|
|
2279
|
-
_el$
|
|
2280
|
-
[_el$
|
|
2281
|
-
_el$
|
|
2282
|
-
_$addEventListener(_el$
|
|
2283
|
-
_el$
|
|
2284
|
-
_$addEventListener(_el$
|
|
2285
|
-
_el$
|
|
2286
|
-
_el$
|
|
2287
|
-
_el$
|
|
2288
|
-
var _ref$
|
|
2289
|
-
typeof _ref$
|
|
2290
|
-
_$setAttribute(_el$
|
|
2291
|
-
_$setAttribute(_el$
|
|
2292
|
-
_$insert(_el$
|
|
2293
|
-
_$insert(_el$
|
|
2327
|
+
var _el$100 = _$getNextElement(_tmpl$47),
|
|
2328
|
+
_el$102 = _el$100.firstChild,
|
|
2329
|
+
[_el$103, _co$15] = _$getNextMarker(_el$102.nextSibling),
|
|
2330
|
+
_el$104 = _el$103.nextSibling,
|
|
2331
|
+
[_el$105, _co$16] = _$getNextMarker(_el$104.nextSibling);
|
|
2332
|
+
_el$100.addEventListener("drop", onDrop);
|
|
2333
|
+
_$addEventListener(_el$100, "dragleave", item.onDragLeave);
|
|
2334
|
+
_el$100.addEventListener("dragover", onDragOver);
|
|
2335
|
+
_$addEventListener(_el$100, "dragenter", item.onDragEnter);
|
|
2336
|
+
_el$100.addEventListener("dragstart", onDragStart);
|
|
2337
|
+
_el$100.$$keydown = onKeyDown;
|
|
2338
|
+
_el$100.addEventListener("focus", () => setFocusedId(item.id));
|
|
2339
|
+
var _ref$7 = treeItem;
|
|
2340
|
+
typeof _ref$7 === "function" ? _$use(_ref$7, _el$100) : treeItem = _el$100;
|
|
2341
|
+
_$setAttribute(_el$100, "aria-level", depth + 1);
|
|
2342
|
+
_$setAttribute(_el$100, "data-k2b-nav-tree-parent-id", parentId);
|
|
2343
|
+
_$insert(_el$100, row, _el$103, _co$15);
|
|
2344
|
+
_$insert(_el$100, _$createComponent(Show, {
|
|
2294
2345
|
get when() {
|
|
2295
2346
|
return _$memo(() => !!hasChildren())() && isExpanded(item.id);
|
|
2296
2347
|
},
|
|
2297
2348
|
get children() {
|
|
2298
|
-
var _el$
|
|
2299
|
-
_$insert(_el$
|
|
2300
|
-
return _el$
|
|
2349
|
+
var _el$101 = _$getNextElement(_tmpl$46);
|
|
2350
|
+
_$insert(_el$101, () => renderItems(nested, depth + 1, item.id));
|
|
2351
|
+
return _el$101;
|
|
2301
2352
|
}
|
|
2302
|
-
}), _el$
|
|
2353
|
+
}), _el$105, _co$16);
|
|
2303
2354
|
_$effect(_p$ => {
|
|
2304
2355
|
var _v$72 = siblings().length,
|
|
2305
2356
|
_v$73 = place() + 1,
|
|
@@ -2312,17 +2363,17 @@ const AppWorkspaceNavTree = props => {
|
|
|
2312
2363
|
_v$80 = dragged()?.id === item.id ? "" : undefined,
|
|
2313
2364
|
_v$81 = dropTarget()?.id === item.id ? dropTarget().side : undefined,
|
|
2314
2365
|
_v$82 = String(props.indented === false ? 0 : depth);
|
|
2315
|
-
_v$72 !== _p$.e && _$setAttribute(_el$
|
|
2316
|
-
_v$73 !== _p$.t && _$setAttribute(_el$
|
|
2317
|
-
_v$74 !== _p$.a && _$setAttribute(_el$
|
|
2318
|
-
_v$75 !== _p$.o && _$setAttribute(_el$
|
|
2319
|
-
_v$76 !== _p$.i && _$setAttribute(_el$
|
|
2320
|
-
_v$77 !== _p$.n && _$setAttribute(_el$
|
|
2321
|
-
_v$78 !== _p$.s && _$setAttribute(_el$
|
|
2322
|
-
_v$79 !== _p$.h && _$setAttribute(_el$
|
|
2323
|
-
_v$80 !== _p$.r && _$setAttribute(_el$
|
|
2324
|
-
_v$81 !== _p$.d && _$setAttribute(_el$
|
|
2325
|
-
_v$82 !== _p$.l && _$setStyleProperty(_el$
|
|
2366
|
+
_v$72 !== _p$.e && _$setAttribute(_el$100, "aria-setsize", _p$.e = _v$72);
|
|
2367
|
+
_v$73 !== _p$.t && _$setAttribute(_el$100, "aria-posinset", _p$.t = _v$73);
|
|
2368
|
+
_v$74 !== _p$.a && _$setAttribute(_el$100, "aria-selected", _p$.a = _v$74);
|
|
2369
|
+
_v$75 !== _p$.o && _$setAttribute(_el$100, "aria-expanded", _p$.o = _v$75);
|
|
2370
|
+
_v$76 !== _p$.i && _$setAttribute(_el$100, "aria-disabled", _p$.i = _v$76);
|
|
2371
|
+
_v$77 !== _p$.n && _$setAttribute(_el$100, "tabindex", _p$.n = _v$77);
|
|
2372
|
+
_v$78 !== _p$.s && _$setAttribute(_el$100, "draggable", _p$.s = _v$78);
|
|
2373
|
+
_v$79 !== _p$.h && _$setAttribute(_el$100, "data-k2b-nav-tree-id", _p$.h = _v$79);
|
|
2374
|
+
_v$80 !== _p$.r && _$setAttribute(_el$100, "data-k2b-nav-tree-dragging", _p$.r = _v$80);
|
|
2375
|
+
_v$81 !== _p$.d && _$setAttribute(_el$100, "data-k2b-nav-tree-drop", _p$.d = _v$81);
|
|
2376
|
+
_v$82 !== _p$.l && _$setStyleProperty(_el$100, "--k2b-nav-tree-depth", _p$.l = _v$82);
|
|
2326
2377
|
return _p$;
|
|
2327
2378
|
}, {
|
|
2328
2379
|
e: undefined,
|
|
@@ -2338,7 +2389,7 @@ const AppWorkspaceNavTree = props => {
|
|
|
2338
2389
|
l: undefined
|
|
2339
2390
|
});
|
|
2340
2391
|
_$runHydrationEvents();
|
|
2341
|
-
return _el$
|
|
2392
|
+
return _el$100;
|
|
2342
2393
|
})();
|
|
2343
2394
|
}
|
|
2344
2395
|
});
|
|
@@ -2363,63 +2414,63 @@ const AppWorkspaceNavTree = props => {
|
|
|
2363
2414
|
});
|
|
2364
2415
|
});
|
|
2365
2416
|
return (() => {
|
|
2366
|
-
var _el$
|
|
2367
|
-
_el$
|
|
2368
|
-
_el$
|
|
2417
|
+
var _el$106 = _$getNextElement(_tmpl$48);
|
|
2418
|
+
_el$106.addEventListener("dragend", endDrag);
|
|
2419
|
+
_el$106.addEventListener("dragleave", event => {
|
|
2369
2420
|
if (!root?.contains(event.relatedTarget)) setDropTarget(null);
|
|
2370
2421
|
});
|
|
2371
|
-
_el$
|
|
2422
|
+
_el$106.addEventListener("dragover", event => {
|
|
2372
2423
|
// Runs after the rows: a position no row claimed shows no gap.
|
|
2373
2424
|
if (claimedDragOver !== event) setDropTarget(null);
|
|
2374
2425
|
});
|
|
2375
|
-
var _ref$
|
|
2376
|
-
typeof _ref$
|
|
2377
|
-
_$insert(_el$
|
|
2426
|
+
var _ref$8 = root;
|
|
2427
|
+
typeof _ref$8 === "function" ? _$use(_ref$8, _el$106) : root = _el$106;
|
|
2428
|
+
_$insert(_el$106, () => renderItems(roots, 0));
|
|
2378
2429
|
_$effect(_p$ => {
|
|
2379
2430
|
var _v$83 = `k2b-app-workspace__nav-tree ${props.class ?? ""}`,
|
|
2380
2431
|
_v$84 = props.ariaLabel;
|
|
2381
|
-
_v$83 !== _p$.e && _$className(_el$
|
|
2382
|
-
_v$84 !== _p$.t && _$setAttribute(_el$
|
|
2432
|
+
_v$83 !== _p$.e && _$className(_el$106, _p$.e = _v$83);
|
|
2433
|
+
_v$84 !== _p$.t && _$setAttribute(_el$106, "aria-label", _p$.t = _v$84);
|
|
2383
2434
|
return _p$;
|
|
2384
2435
|
}, {
|
|
2385
2436
|
e: undefined,
|
|
2386
2437
|
t: undefined
|
|
2387
2438
|
});
|
|
2388
|
-
return _el$
|
|
2439
|
+
return _el$106;
|
|
2389
2440
|
})();
|
|
2390
2441
|
};
|
|
2391
2442
|
AppWorkspaceNavTree.Item = AppWorkspaceNavTreeItem;
|
|
2392
2443
|
const AppWorkspaceSidebarIconGrid = props => (() => {
|
|
2393
|
-
var _el$
|
|
2394
|
-
_el$
|
|
2395
|
-
[_el$
|
|
2396
|
-
_el$
|
|
2397
|
-
_$spread(_el$
|
|
2444
|
+
var _el$107 = _$getNextElement(_tmpl$49),
|
|
2445
|
+
_el$109 = _el$107.firstChild,
|
|
2446
|
+
[_el$110, _co$17] = _$getNextMarker(_el$109.nextSibling),
|
|
2447
|
+
_el$108 = _el$110.nextSibling;
|
|
2448
|
+
_$spread(_el$107, _$mergeProps({
|
|
2398
2449
|
get ["class"]() {
|
|
2399
2450
|
return `k2b-app-workspace__sidebar-icon-grid-wrap ${props.class ?? ""}`;
|
|
2400
2451
|
}
|
|
2401
2452
|
}, () => modeAttrs(props.sidebarMode)), false, true);
|
|
2402
|
-
_$insert(_el$
|
|
2453
|
+
_$insert(_el$107, _$createComponent(Show, {
|
|
2403
2454
|
get when() {
|
|
2404
2455
|
return props.title;
|
|
2405
2456
|
},
|
|
2406
2457
|
children: title => (() => {
|
|
2407
|
-
var _el$
|
|
2408
|
-
_$insert(_el$
|
|
2409
|
-
return _el$
|
|
2458
|
+
var _el$111 = _$getNextElement(_tmpl$26);
|
|
2459
|
+
_$insert(_el$111, title);
|
|
2460
|
+
return _el$111;
|
|
2410
2461
|
})()
|
|
2411
|
-
}), _el$
|
|
2412
|
-
_$insert(_el$
|
|
2413
|
-
_$effect(() => _$setAttribute(_el$
|
|
2462
|
+
}), _el$110, _co$17);
|
|
2463
|
+
_$insert(_el$108, () => props.children);
|
|
2464
|
+
_$effect(() => _$setAttribute(_el$108, "data-columns", props.columns ?? 2));
|
|
2414
2465
|
_$runHydrationEvents();
|
|
2415
|
-
return _el$
|
|
2466
|
+
return _el$107;
|
|
2416
2467
|
})();
|
|
2417
2468
|
const AppWorkspaceSidebarIconAction = props => {
|
|
2418
2469
|
let target;
|
|
2419
2470
|
const content = (() => {
|
|
2420
|
-
var _el$
|
|
2421
|
-
_$effect(() => _$className(_el$
|
|
2422
|
-
return _el$
|
|
2471
|
+
var _el$112 = _$getNextElement(_tmpl$12);
|
|
2472
|
+
_$effect(() => _$className(_el$112, iconClass(props.icon)));
|
|
2473
|
+
return _el$112;
|
|
2423
2474
|
})();
|
|
2424
2475
|
const attrs = () => ({
|
|
2425
2476
|
ref: element => target = element,
|
|
@@ -2444,8 +2495,8 @@ const AppWorkspaceSidebarIconAction = props => {
|
|
|
2444
2495
|
delay: 0
|
|
2445
2496
|
});
|
|
2446
2497
|
if (!props.href || props.disabled) return [(() => {
|
|
2447
|
-
var _el$
|
|
2448
|
-
_$spread(_el$
|
|
2498
|
+
var _el$113 = _$getNextElement(_tmpl$28);
|
|
2499
|
+
_$spread(_el$113, _$mergeProps(attrs, {
|
|
2449
2500
|
get disabled() {
|
|
2450
2501
|
return props.disabled;
|
|
2451
2502
|
},
|
|
@@ -2453,13 +2504,13 @@ const AppWorkspaceSidebarIconAction = props => {
|
|
|
2453
2504
|
return props.onClick;
|
|
2454
2505
|
}
|
|
2455
2506
|
}), false, true);
|
|
2456
|
-
_$insert(_el$
|
|
2507
|
+
_$insert(_el$113, content);
|
|
2457
2508
|
_$runHydrationEvents();
|
|
2458
|
-
return _el$
|
|
2509
|
+
return _el$113;
|
|
2459
2510
|
})(), hint];
|
|
2460
2511
|
if (props.navigation !== "enhanced" || !props.onNavigate) return [(() => {
|
|
2461
|
-
var _el$
|
|
2462
|
-
_$spread(_el$
|
|
2512
|
+
var _el$114 = _$getNextElement(_tmpl$29);
|
|
2513
|
+
_$spread(_el$114, _$mergeProps({
|
|
2463
2514
|
get href() {
|
|
2464
2515
|
return props.href;
|
|
2465
2516
|
}
|
|
@@ -2468,9 +2519,9 @@ const AppWorkspaceSidebarIconAction = props => {
|
|
|
2468
2519
|
return props.onClick;
|
|
2469
2520
|
}
|
|
2470
2521
|
}), false, true);
|
|
2471
|
-
_$insert(_el$
|
|
2522
|
+
_$insert(_el$114, content);
|
|
2472
2523
|
_$runHydrationEvents();
|
|
2473
|
-
return _el$
|
|
2524
|
+
return _el$114;
|
|
2474
2525
|
})(), hint];
|
|
2475
2526
|
return [_$createComponent(Link, _$mergeProps({
|
|
2476
2527
|
get href() {
|
|
@@ -2498,7 +2549,8 @@ const AppWorkspaceSidebarIconAction = props => {
|
|
|
2498
2549
|
* host's page title with the way up (see `PageTitle`); the page's own
|
|
2499
2550
|
* `PageTitle` takes its place. The visible title is no heading, because many
|
|
2500
2551
|
* pages render their own `h1`. From 64 rem a sidebar that marks the current
|
|
2501
|
-
* page
|
|
2552
|
+
* page, or the item a deeper page belongs to, names it already and links the
|
|
2553
|
+
* way up: the title and the way up hide, and only on a page
|
|
2502
2554
|
* without its own `h1` its heading stays for assistive technology. With an
|
|
2503
2555
|
* `AppWorkspace.Head` slot the row is always there and also carries the
|
|
2504
2556
|
* views, the filters, the result count, and the actions; only its title
|
|
@@ -2528,54 +2580,54 @@ function AppWorkspaceHead(props) {
|
|
|
2528
2580
|
};
|
|
2529
2581
|
const resetContent = () => filters().reset;
|
|
2530
2582
|
const primaryContent = () => [(() => {
|
|
2531
|
-
var _el$
|
|
2532
|
-
_$effect(() => _$className(_el$
|
|
2533
|
-
return _el$
|
|
2583
|
+
var _el$115 = _$getNextElement(_tmpl$12);
|
|
2584
|
+
_$effect(() => _$className(_el$115, props.head?.primary?.icon));
|
|
2585
|
+
return _el$115;
|
|
2534
2586
|
})(), (() => {
|
|
2535
|
-
var _el$
|
|
2536
|
-
_el$
|
|
2537
|
-
[_el$
|
|
2538
|
-
_el$
|
|
2539
|
-
[_el$
|
|
2540
|
-
_$insert(_el$
|
|
2541
|
-
_$insert(_el$
|
|
2587
|
+
var _el$116 = _$getNextElement(_tmpl$51),
|
|
2588
|
+
_el$118 = _el$116.firstChild,
|
|
2589
|
+
[_el$119, _co$18] = _$getNextMarker(_el$118.nextSibling),
|
|
2590
|
+
_el$120 = _el$119.nextSibling,
|
|
2591
|
+
[_el$121, _co$19] = _$getNextMarker(_el$120.nextSibling);
|
|
2592
|
+
_$insert(_el$116, () => props.head?.primary?.label, _el$119, _co$18);
|
|
2593
|
+
_$insert(_el$116, _$createComponent(Show, {
|
|
2542
2594
|
get when() {
|
|
2543
2595
|
return props.head?.primary?.popup;
|
|
2544
2596
|
},
|
|
2545
2597
|
get children() {
|
|
2546
|
-
return _$getNextElement(_tmpl$
|
|
2598
|
+
return _$getNextElement(_tmpl$50);
|
|
2547
2599
|
}
|
|
2548
|
-
}), _el$
|
|
2549
|
-
return _el$
|
|
2600
|
+
}), _el$121, _co$19);
|
|
2601
|
+
return _el$116;
|
|
2550
2602
|
})()];
|
|
2551
2603
|
return (() => {
|
|
2552
|
-
var _el$
|
|
2553
|
-
_el$
|
|
2554
|
-
[_el$
|
|
2555
|
-
_el$
|
|
2556
|
-
_el$
|
|
2557
|
-
[_el$
|
|
2558
|
-
_el$131 = _el$130.nextSibling,
|
|
2559
|
-
[_el$132, _co$22] = _$getNextMarker(_el$131.nextSibling),
|
|
2560
|
-
_el$133 = _el$132.nextSibling,
|
|
2561
|
-
[_el$134, _co$23] = _$getNextMarker(_el$133.nextSibling),
|
|
2604
|
+
var _el$122 = _$getNextElement(_tmpl$57),
|
|
2605
|
+
_el$148 = _el$122.firstChild,
|
|
2606
|
+
[_el$149, _co$29] = _$getNextMarker(_el$148.nextSibling),
|
|
2607
|
+
_el$123 = _el$149.nextSibling,
|
|
2608
|
+
_el$133 = _el$123.firstChild,
|
|
2609
|
+
[_el$134, _co$22] = _$getNextMarker(_el$133.nextSibling),
|
|
2562
2610
|
_el$135 = _el$134.nextSibling,
|
|
2563
|
-
[_el$136, _co$
|
|
2611
|
+
[_el$136, _co$23] = _$getNextMarker(_el$135.nextSibling),
|
|
2564
2612
|
_el$137 = _el$136.nextSibling,
|
|
2565
|
-
[_el$138, _co$
|
|
2566
|
-
_el$
|
|
2567
|
-
[_el$
|
|
2568
|
-
|
|
2613
|
+
[_el$138, _co$24] = _$getNextMarker(_el$137.nextSibling),
|
|
2614
|
+
_el$139 = _el$138.nextSibling,
|
|
2615
|
+
[_el$140, _co$25] = _$getNextMarker(_el$139.nextSibling),
|
|
2616
|
+
_el$141 = _el$140.nextSibling,
|
|
2617
|
+
[_el$142, _co$26] = _$getNextMarker(_el$141.nextSibling),
|
|
2618
|
+
_el$150 = _el$123.nextSibling,
|
|
2619
|
+
[_el$151, _co$30] = _$getNextMarker(_el$150.nextSibling);
|
|
2620
|
+
_$insert(_el$122, _$createComponent(Show, {
|
|
2569
2621
|
get when() {
|
|
2570
2622
|
return mobilePane();
|
|
2571
2623
|
},
|
|
2572
2624
|
children: pane => (() => {
|
|
2573
|
-
var _el$
|
|
2574
|
-
_$effect(() => _$setProperty(_el$
|
|
2575
|
-
return _el$
|
|
2625
|
+
var _el$152 = _$getNextElement(_tmpl$9);
|
|
2626
|
+
_$effect(() => _$setProperty(_el$152, "innerHTML", mobilePaneRule(pane())));
|
|
2627
|
+
return _el$152;
|
|
2576
2628
|
})()
|
|
2577
|
-
}), _el$
|
|
2578
|
-
_$insert(_el$
|
|
2629
|
+
}), _el$149, _co$29);
|
|
2630
|
+
_$insert(_el$123, _$createComponent(IconButton, {
|
|
2579
2631
|
"class": "k2b-app-workspace__head-toggle",
|
|
2580
2632
|
get label() {
|
|
2581
2633
|
return messages().showNavigation;
|
|
@@ -2586,10 +2638,10 @@ function AppWorkspaceHead(props) {
|
|
|
2586
2638
|
"aria-expanded": "false",
|
|
2587
2639
|
"data-app-workspace-sidebar-toggle": "",
|
|
2588
2640
|
get children() {
|
|
2589
|
-
return _$getNextElement(_tmpl$
|
|
2641
|
+
return _$getNextElement(_tmpl$52);
|
|
2590
2642
|
}
|
|
2591
|
-
}), _el$
|
|
2592
|
-
_$insert(_el$
|
|
2643
|
+
}), _el$134, _co$22);
|
|
2644
|
+
_$insert(_el$123, _$createComponent(Show, {
|
|
2593
2645
|
get when() {
|
|
2594
2646
|
return trail();
|
|
2595
2647
|
},
|
|
@@ -2600,34 +2652,34 @@ function AppWorkspaceHead(props) {
|
|
|
2600
2652
|
as: "p",
|
|
2601
2653
|
fallback: true
|
|
2602
2654
|
}), (() => {
|
|
2603
|
-
var _el$
|
|
2604
|
-
_$setAttribute(_el$
|
|
2605
|
-
_$insert(_el$
|
|
2606
|
-
return _el$
|
|
2655
|
+
var _el$153 = _$getNextElement(_tmpl$58);
|
|
2656
|
+
_$setAttribute(_el$153, "data-k2b-server", isServer ? "" : undefined);
|
|
2657
|
+
_$insert(_el$153, () => current().title);
|
|
2658
|
+
return _el$153;
|
|
2607
2659
|
})()]
|
|
2608
|
-
}), _el$
|
|
2609
|
-
_$insert(_el$
|
|
2660
|
+
}), _el$136, _co$23);
|
|
2661
|
+
_$insert(_el$123, _$createComponent(Show, {
|
|
2610
2662
|
get when() {
|
|
2611
2663
|
return resolvedViews.toArray().some(Boolean);
|
|
2612
2664
|
},
|
|
2613
2665
|
get children() {
|
|
2614
|
-
var _el$
|
|
2615
|
-
_$insert(_el$
|
|
2616
|
-
return _el$
|
|
2666
|
+
var _el$125 = _$getNextElement(_tmpl$53);
|
|
2667
|
+
_$insert(_el$125, resolvedViews);
|
|
2668
|
+
return _el$125;
|
|
2617
2669
|
}
|
|
2618
|
-
}), _el$
|
|
2619
|
-
_$insert(_el$
|
|
2670
|
+
}), _el$138, _co$24);
|
|
2671
|
+
_$insert(_el$123, _$createComponent(Show, {
|
|
2620
2672
|
get when() {
|
|
2621
2673
|
return resolvedFilters.toArray().some(Boolean) || props.head?.filtered;
|
|
2622
2674
|
},
|
|
2623
2675
|
get children() {
|
|
2624
|
-
var _el$
|
|
2625
|
-
_el$
|
|
2626
|
-
[_el$
|
|
2627
|
-
_el$
|
|
2628
|
-
[_el$
|
|
2629
|
-
_$insert(_el$
|
|
2630
|
-
_$insert(_el$
|
|
2676
|
+
var _el$126 = _$getNextElement(_tmpl$54),
|
|
2677
|
+
_el$127 = _el$126.firstChild,
|
|
2678
|
+
[_el$128, _co$20] = _$getNextMarker(_el$127.nextSibling),
|
|
2679
|
+
_el$129 = _el$128.nextSibling,
|
|
2680
|
+
[_el$130, _co$21] = _$getNextMarker(_el$129.nextSibling);
|
|
2681
|
+
_$insert(_el$126, resolvedFilters, _el$128, _co$20);
|
|
2682
|
+
_$insert(_el$126, _$createComponent(Show, {
|
|
2631
2683
|
get when() {
|
|
2632
2684
|
return props.head?.filtered;
|
|
2633
2685
|
},
|
|
@@ -2667,34 +2719,34 @@ function AppWorkspaceHead(props) {
|
|
|
2667
2719
|
})
|
|
2668
2720
|
});
|
|
2669
2721
|
}
|
|
2670
|
-
}), _el$
|
|
2671
|
-
_$effect(() => _$setAttribute(_el$
|
|
2672
|
-
return _el$
|
|
2722
|
+
}), _el$130, _co$21);
|
|
2723
|
+
_$effect(() => _$setAttribute(_el$126, "aria-label", filters().filters));
|
|
2724
|
+
return _el$126;
|
|
2673
2725
|
}
|
|
2674
|
-
}), _el$
|
|
2675
|
-
_$insert(_el$
|
|
2726
|
+
}), _el$140, _co$25);
|
|
2727
|
+
_$insert(_el$123, _$createComponent(Show, {
|
|
2676
2728
|
get when() {
|
|
2677
2729
|
return _$memo(() => !!props.head?.filtered)() && resolvedCount.toArray().some(value => value !== undefined && value !== null && value !== false);
|
|
2678
2730
|
},
|
|
2679
2731
|
get children() {
|
|
2680
|
-
var _el$
|
|
2681
|
-
_el$
|
|
2682
|
-
_$insert(_el$
|
|
2683
|
-
return _el$
|
|
2732
|
+
var _el$131 = _$getNextElement(_tmpl$55),
|
|
2733
|
+
_el$132 = _el$131.firstChild;
|
|
2734
|
+
_$insert(_el$132, resolvedCount);
|
|
2735
|
+
return _el$131;
|
|
2684
2736
|
}
|
|
2685
|
-
}), _el$
|
|
2686
|
-
_$insert(_el$
|
|
2737
|
+
}), _el$142, _co$26);
|
|
2738
|
+
_$insert(_el$122, _$createComponent(Show, {
|
|
2687
2739
|
get when() {
|
|
2688
2740
|
return resolvedActions.toArray().some(Boolean) || props.head?.primary;
|
|
2689
2741
|
},
|
|
2690
2742
|
get children() {
|
|
2691
|
-
var _el$
|
|
2692
|
-
_el$
|
|
2693
|
-
[_el$
|
|
2694
|
-
_el$
|
|
2695
|
-
[_el$
|
|
2696
|
-
_$insert(_el$
|
|
2697
|
-
_$insert(_el$
|
|
2743
|
+
var _el$143 = _$getNextElement(_tmpl$56),
|
|
2744
|
+
_el$144 = _el$143.firstChild,
|
|
2745
|
+
[_el$145, _co$27] = _$getNextMarker(_el$144.nextSibling),
|
|
2746
|
+
_el$146 = _el$145.nextSibling,
|
|
2747
|
+
[_el$147, _co$28] = _$getNextMarker(_el$146.nextSibling);
|
|
2748
|
+
_$insert(_el$143, resolvedActions, _el$145, _co$27);
|
|
2749
|
+
_$insert(_el$143, _$createComponent(Show, {
|
|
2698
2750
|
get when() {
|
|
2699
2751
|
return props.head?.primary;
|
|
2700
2752
|
},
|
|
@@ -2744,24 +2796,24 @@ function AppWorkspaceHead(props) {
|
|
|
2744
2796
|
}
|
|
2745
2797
|
})
|
|
2746
2798
|
})
|
|
2747
|
-
}), _el$
|
|
2748
|
-
return _el$
|
|
2799
|
+
}), _el$147, _co$28);
|
|
2800
|
+
return _el$143;
|
|
2749
2801
|
}
|
|
2750
|
-
}), _el$
|
|
2802
|
+
}), _el$151, _co$30);
|
|
2751
2803
|
_$effect(_p$ => {
|
|
2752
2804
|
var _v$85 = trail()?.ancestors.length ? "up" : trail() ? "title" : undefined,
|
|
2753
2805
|
_v$86 = props.head ? "" : undefined,
|
|
2754
2806
|
_v$87 = mobilePane();
|
|
2755
|
-
_v$85 !== _p$.e && _$setAttribute(_el$
|
|
2756
|
-
_v$86 !== _p$.t && _$setAttribute(_el$
|
|
2757
|
-
_v$87 !== _p$.a && _$setAttribute(_el$
|
|
2807
|
+
_v$85 !== _p$.e && _$setAttribute(_el$122, "data-trail", _p$.e = _v$85);
|
|
2808
|
+
_v$86 !== _p$.t && _$setAttribute(_el$122, "data-row", _p$.t = _v$86);
|
|
2809
|
+
_v$87 !== _p$.a && _$setAttribute(_el$122, "data-workspace-head-pane", _p$.a = _v$87);
|
|
2758
2810
|
return _p$;
|
|
2759
2811
|
}, {
|
|
2760
2812
|
e: undefined,
|
|
2761
2813
|
t: undefined,
|
|
2762
2814
|
a: undefined
|
|
2763
2815
|
});
|
|
2764
|
-
return _el$
|
|
2816
|
+
return _el$122;
|
|
2765
2817
|
})();
|
|
2766
2818
|
}
|
|
2767
2819
|
const AppWorkspace = props => {
|
|
@@ -2816,10 +2868,10 @@ const AppWorkspace = props => {
|
|
|
2816
2868
|
return _$createComponent(WorkspaceContext.Provider, {
|
|
2817
2869
|
value: workspace,
|
|
2818
2870
|
get children() {
|
|
2819
|
-
var _el$
|
|
2820
|
-
var _ref$
|
|
2821
|
-
typeof _ref$
|
|
2822
|
-
_$insert(_el$
|
|
2871
|
+
var _el$154 = _$getNextElement(_tmpl$59);
|
|
2872
|
+
var _ref$9 = root;
|
|
2873
|
+
typeof _ref$9 === "function" ? _$use(_ref$9, _el$154) : root = _el$154;
|
|
2874
|
+
_$insert(_el$154, contents);
|
|
2823
2875
|
_$effect(_p$ => {
|
|
2824
2876
|
var _v$88 = `k2b-app-workspace ${props.class ?? ""}`,
|
|
2825
2877
|
_v$89 = props.mobileSurface,
|
|
@@ -2827,12 +2879,12 @@ const AppWorkspace = props => {
|
|
|
2827
2879
|
_v$91 = initialLayoutState()?.sidebarCollapsed === undefined ? undefined : String(initialLayoutState()?.sidebarCollapsed),
|
|
2828
2880
|
_v$92 = props.resizable === false ? "false" : "true",
|
|
2829
2881
|
_v$93 = appWorkspaceLayoutStyle(initialLayoutState());
|
|
2830
|
-
_v$88 !== _p$.e && _$className(_el$
|
|
2831
|
-
_v$89 !== _p$.t && _$setAttribute(_el$
|
|
2832
|
-
_v$90 !== _p$.a && _$setAttribute(_el$
|
|
2833
|
-
_v$91 !== _p$.o && _$setAttribute(_el$
|
|
2834
|
-
_v$92 !== _p$.i && _$setAttribute(_el$
|
|
2835
|
-
_p$.n = _$style(_el$
|
|
2882
|
+
_v$88 !== _p$.e && _$className(_el$154, _p$.e = _v$88);
|
|
2883
|
+
_v$89 !== _p$.t && _$setAttribute(_el$154, "data-mobile-surface", _p$.t = _v$89);
|
|
2884
|
+
_v$90 !== _p$.a && _$setAttribute(_el$154, "data-flat", _p$.a = _v$90);
|
|
2885
|
+
_v$91 !== _p$.o && _$setAttribute(_el$154, "data-sidebar-collapsed", _p$.o = _v$91);
|
|
2886
|
+
_v$92 !== _p$.i && _$setAttribute(_el$154, "data-workspace-resizable", _p$.i = _v$92);
|
|
2887
|
+
_p$.n = _$style(_el$154, _v$93, _p$.n);
|
|
2836
2888
|
return _p$;
|
|
2837
2889
|
}, {
|
|
2838
2890
|
e: undefined,
|
|
@@ -2842,7 +2894,7 @@ const AppWorkspace = props => {
|
|
|
2842
2894
|
i: undefined,
|
|
2843
2895
|
n: undefined
|
|
2844
2896
|
});
|
|
2845
|
-
return _el$
|
|
2897
|
+
return _el$154;
|
|
2846
2898
|
}
|
|
2847
2899
|
});
|
|
2848
2900
|
}
|
|
@@ -2858,10 +2910,10 @@ AppWorkspace.LayoutStateProvider = props => _$createComponent(LayoutStateContext
|
|
|
2858
2910
|
});
|
|
2859
2911
|
AppWorkspace.Head = AppWorkspaceHeadSlot;
|
|
2860
2912
|
AppWorkspace.Content = props => (() => {
|
|
2861
|
-
var _el$
|
|
2862
|
-
_$insert(_el$
|
|
2863
|
-
_$effect(() => _$className(_el$
|
|
2864
|
-
return _el$
|
|
2913
|
+
var _el$155 = _$getNextElement(_tmpl$8);
|
|
2914
|
+
_$insert(_el$155, () => props.children);
|
|
2915
|
+
_$effect(() => _$className(_el$155, `k2b-app-workspace__content ${props.class ?? ""}`));
|
|
2916
|
+
return _el$155;
|
|
2865
2917
|
})();
|
|
2866
2918
|
AppWorkspace.Main = AppWorkspaceMain;
|
|
2867
2919
|
AppWorkspace.MainPane = AppWorkspaceMainPane;
|