@vobs/layout 1.2.1 → 1.2.2

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.
Files changed (45) hide show
  1. package/dist/breadcrumb.cjs +62 -577
  2. package/dist/breadcrumb.cjs.map +1 -1
  3. package/dist/breadcrumb.js +42 -562
  4. package/dist/breadcrumb.js.map +1 -1
  5. package/dist/context.cjs +30 -163
  6. package/dist/context.cjs.map +1 -1
  7. package/dist/context.js +8 -160
  8. package/dist/context.js.map +1 -1
  9. package/dist/header.cjs +69 -583
  10. package/dist/header.cjs.map +1 -1
  11. package/dist/header.js +40 -562
  12. package/dist/header.js.map +1 -1
  13. package/dist/index.cjs +281 -1018
  14. package/dist/index.cjs.map +1 -1
  15. package/dist/index.js +282 -981
  16. package/dist/index.js.map +1 -1
  17. package/dist/layout.cjs +201 -937
  18. package/dist/layout.cjs.map +1 -1
  19. package/dist/layout.js +196 -910
  20. package/dist/layout.js.map +1 -1
  21. package/dist/menu.cjs +81 -645
  22. package/dist/menu.cjs.map +1 -1
  23. package/dist/menu.js +55 -624
  24. package/dist/menu.js.map +1 -1
  25. package/dist/sidebar.cjs +105 -759
  26. package/dist/sidebar.cjs.map +1 -1
  27. package/dist/sidebar.js +82 -733
  28. package/dist/sidebar.js.map +1 -1
  29. package/dist/tabs.cjs +70 -634
  30. package/dist/tabs.cjs.map +1 -1
  31. package/dist/tabs.js +48 -617
  32. package/dist/tabs.js.map +1 -1
  33. package/dist/types.cjs +18 -2
  34. package/dist/types.cjs.map +1 -1
  35. package/dist/types.js +0 -2
  36. package/dist/types.js.map +1 -1
  37. package/dist/utils.cjs +61 -532
  38. package/dist/utils.cjs.map +1 -1
  39. package/dist/utils.js +23 -508
  40. package/dist/utils.js.map +1 -1
  41. package/dist/viewport.cjs +34 -261
  42. package/dist/viewport.cjs.map +1 -1
  43. package/dist/viewport.js +7 -256
  44. package/dist/viewport.js.map +1 -1
  45. package/package.json +3 -3
@@ -1,551 +1,35 @@
1
- 'use strict';
2
-
1
+ var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
2
+ "use strict";
3
3
  var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
7
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
5
-
6
- // packages/reactivity/src/debug.ts
7
- var activeDebugHooks = null;
8
- function hasDebugHooks() {
9
- return activeDebugHooks !== null;
10
- }
11
- __name(hasDebugHooks, "hasDebugHooks");
12
- function invokeDebug(name, ...args) {
13
- return;
14
- }
15
- __name(invokeDebug, "invokeDebug");
16
-
17
- // packages/reactivity/src/owner.ts
18
- var currentOwner = null;
19
- var nextOwnerId = 1;
20
- var ownerNames = /* @__PURE__ */ new WeakMap();
21
- function createOwner() {
22
- const parent = currentOwner;
23
- let disposed = parent?.disposed ?? false;
24
- const children = [];
25
- const cleanups = [];
26
- const errorHandlers = /* @__PURE__ */ new Set();
27
- const owner = {
28
- id: `owner-${nextOwnerId++}`,
29
- parent,
30
- children,
31
- depth: (parent?.depth ?? -1) + 1,
32
- get disposed() {
33
- return disposed;
34
- },
35
- run(fn) {
36
- if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
37
- const previous = currentOwner;
38
- currentOwner = owner;
39
- try {
40
- return fn();
41
- } finally {
42
- currentOwner = previous;
43
- }
44
- },
45
- addCleanup(cleanup) {
46
- if (disposed) {
47
- cleanup();
48
- return;
49
- }
50
- cleanups.push(cleanup);
51
- },
52
- onDispose(cleanup) {
53
- owner.addCleanup(cleanup);
54
- },
55
- onError(handler) {
56
- errorHandlers.add(handler);
57
- const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
58
- owner.addCleanup(remove);
59
- return remove;
60
- },
61
- handleError(error) {
62
- for (const handler of [...errorHandlers].reverse()) {
63
- try {
64
- handler(error);
65
- return true;
66
- } catch (handlerError) {
67
- return parent?.handleError(handlerError) ?? false;
68
- }
69
- }
70
- return parent?.handleError(error) ?? false;
71
- },
72
- dispose() {
73
- if (disposed) return;
74
- disposed = true;
75
- for (const child of [...children]) child.dispose();
76
- children.length = 0;
77
- let firstError;
78
- for (let index = cleanups.length - 1; index >= 0; index--) {
79
- try {
80
- cleanups[index]();
81
- } catch (error) {
82
- firstError ?? (firstError = error);
83
- }
84
- }
85
- cleanups.length = 0;
86
- if (parent) {
87
- const index = parent.children.indexOf(owner);
88
- if (index >= 0) parent.children.splice(index, 1);
89
- }
90
- if (firstError) throw firstError;
91
- }
92
- };
93
- if (parent && !parent.disposed) parent.children.push(owner);
94
- return owner;
95
- }
96
- __name(createOwner, "createOwner");
97
- function setOwnerDebugName(owner, name) {
98
- ownerNames.set(owner, name);
99
- }
100
- __name(setOwnerDebugName, "setOwnerDebugName");
101
- function getCurrentOwner() {
102
- return currentOwner;
103
- }
104
- __name(getCurrentOwner, "getCurrentOwner");
105
-
106
- // packages/reactivity/src/signal.ts
107
- var currentSubscriber = null;
108
- function getCurrentSubscriber() {
109
- return currentSubscriber;
110
- }
111
- __name(getCurrentSubscriber, "getCurrentSubscriber");
112
- function setCurrentSubscriber(subscriber) {
113
- currentSubscriber = subscriber;
114
- }
115
- __name(setCurrentSubscriber, "setCurrentSubscriber");
116
-
117
- // packages/reactivity/src/scheduler.ts
118
- var _Scheduler = class _Scheduler {
119
- constructor() {
120
- this.dirtyEffects = /* @__PURE__ */ new Set();
121
- this.lowPriorityEffects = /* @__PURE__ */ new Set();
122
- // flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
123
- this.normalBuffer = [];
124
- this.lowBuffer = [];
125
- this.flushing = false;
126
- this.scheduled = false;
127
- this.batchDepth = 0;
128
- }
129
- schedule(effect2) {
130
- if (effect2.disposed) return;
131
- this.dirtyEffects.add(effect2);
132
- this.lowPriorityEffects.delete(effect2);
133
- this.ensureScheduled();
134
- }
135
- /** Queue an effect behind normal updates while preserving deterministic order. */
136
- scheduleLow(effect2) {
137
- if (effect2.disposed) return;
138
- if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
139
- this.ensureScheduled();
140
- }
141
- ensureScheduled() {
142
- if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
143
- this.scheduled = true;
144
- queueMicrotask(() => {
145
- this.scheduled = false;
146
- this.flush();
147
- });
148
- }
149
- }
150
- remove(effect2) {
151
- this.dirtyEffects.delete(effect2);
152
- this.lowPriorityEffects.delete(effect2);
153
- }
154
- batch(fn) {
155
- this.batchDepth++;
156
- try {
157
- return fn();
158
- } finally {
159
- this.batchDepth--;
160
- if (this.batchDepth === 0) this.flush();
161
- }
162
- }
163
- flush() {
164
- if (this.flushing || this.batchDepth > 0) return;
165
- this.flushing = true;
166
- let rounds = 0;
167
- let firstError;
168
- let hasError = false;
169
- try {
170
- while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
171
- if (++rounds > 100) {
172
- this.dirtyEffects.clear();
173
- this.lowPriorityEffects.clear();
174
- throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
175
- }
176
- this.collectRunnable(this.dirtyEffects, this.normalBuffer);
177
- this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
178
- sortEffects(this.normalBuffer);
179
- sortEffects(this.lowBuffer);
180
- for (const effect2 of this.normalBuffer) {
181
- try {
182
- effect2.run();
183
- } catch (error) {
184
- if (!hasError) {
185
- firstError = error;
186
- hasError = true;
187
- }
188
- }
189
- }
190
- for (const effect2 of this.lowBuffer) {
191
- try {
192
- effect2.run();
193
- } catch (error) {
194
- if (!hasError) {
195
- firstError = error;
196
- hasError = true;
197
- }
198
- }
199
- }
200
- this.normalBuffer.length = 0;
201
- this.lowBuffer.length = 0;
202
- }
203
- } finally {
204
- this.normalBuffer.length = 0;
205
- this.lowBuffer.length = 0;
206
- this.flushing = false;
207
- }
208
- if (hasError) throw firstError;
209
- }
210
- /** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
211
- collectRunnable(source, target) {
212
- for (const effect2 of source) {
213
- if (!effect2.disposed) target.push(effect2);
214
- }
215
- source.clear();
216
- }
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
217
11
  };
218
- __name(_Scheduler, "Scheduler");
219
- var Scheduler = _Scheduler;
220
- function sortEffects(effects) {
221
- if (effects.length > 1) {
222
- effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
223
17
  }
224
- }
225
- __name(sortEffects, "sortEffects");
226
- var scheduler = new Scheduler();
227
-
228
- // packages/reactivity/src/effect.ts
229
- var nextEffectOrder = 1;
230
- function cleanupDependencies(subscriber) {
231
- for (const dependency of subscriber.dependencies) {
232
- dependency.unsubscribe(subscriber);
233
- }
234
- subscriber.dependencies.clear();
235
- }
236
- __name(cleanupDependencies, "cleanupDependencies");
237
- function effect(callback) {
238
- const owner = getCurrentOwner();
239
- let cleanup;
240
- let dirty = true;
241
- let disposed = false;
242
- const eff = {
243
- order: nextEffectOrder++,
244
- depth: owner?.depth ?? 0,
245
- dependencies: /* @__PURE__ */ new Set(),
246
- get disposed() {
247
- return disposed;
248
- },
249
- notify() {
250
- if (disposed || dirty) return;
251
- dirty = true;
252
- scheduler.schedule(eff);
253
- },
254
- run() {
255
- if (disposed || !dirty) return;
256
- dirty = false;
257
- const previousCleanup = cleanup;
258
- cleanup = void 0;
259
- let cleanupError;
260
- if (previousCleanup) {
261
- try {
262
- previousCleanup();
263
- } catch (error) {
264
- const handled2 = owner?.handleError(error) ?? false;
265
- if (!handled2) cleanupError = error;
266
- }
267
- }
268
- cleanupDependencies(eff);
269
- const previous = getCurrentSubscriber();
270
- setCurrentSubscriber(eff);
271
- let thrown;
272
- let handled = false;
273
- try {
274
- const result = owner ? owner.run(callback) : callback();
275
- cleanup = typeof result === "function" ? result : void 0;
276
- } catch (error) {
277
- thrown = error;
278
- handled = owner?.handleError(error) ?? false;
279
- if (!handled) throw error;
280
- } finally {
281
- setCurrentSubscriber(previous);
282
- }
283
- if (cleanupError && !thrown) throw cleanupError;
284
- },
285
- scheduleLow() {
286
- if (disposed || dirty) return;
287
- dirty = true;
288
- scheduler.scheduleLow(eff);
289
- },
290
- dispose() {
291
- if (disposed) return;
292
- disposed = true;
293
- dirty = false;
294
- scheduler.remove(eff);
295
- const previousCleanup = cleanup;
296
- cleanup = void 0;
297
- let cleanupError;
298
- if (previousCleanup) {
299
- try {
300
- previousCleanup();
301
- } catch (error) {
302
- const handled = owner?.handleError(error) ?? false;
303
- if (!handled) cleanupError = error;
304
- }
305
- }
306
- cleanupDependencies(eff);
307
- if (cleanupError) throw cleanupError;
308
- }
309
- };
310
- owner?.addCleanup(eff.dispose);
311
- eff.run();
312
- return eff;
313
- }
314
- __name(effect, "effect");
315
-
316
- // packages/runtime/src/debug.ts
317
- var activeRuntimeDebugHooks = null;
318
- function getRuntimeDebugHooks() {
319
- return activeRuntimeDebugHooks;
320
- }
321
- __name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
322
- function invokeRuntimeDebug(name, ...args) {
323
- return;
324
- }
325
- __name(invokeRuntimeDebug, "invokeRuntimeDebug");
326
- function readDebugValue(read) {
327
- try {
328
- return read();
329
- } catch {
330
- return "[Uninspectable]";
331
- }
332
- }
333
- __name(readDebugValue, "readDebugValue");
334
- function describeDebugNode(node) {
335
- if (!node || typeof node !== "object") return "node";
336
- const value = node;
337
- const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
338
- const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
339
- const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
340
- return `${name}${id}${className}`;
341
- }
342
- __name(describeDebugNode, "describeDebugNode");
343
-
344
- // packages/runtime/src/hmr.ts
345
- var globalTarget = globalThis;
346
- var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
347
- globalTarget.__VOBS_HMR__ = hmrGlobal;
348
- function markHmrInstanceMounted(node, parent) {
349
- const instance = hmrInstances.get(node);
350
- if (instance) instance.parent = parent;
351
- }
352
- __name(markHmrInstanceMounted, "markHmrInstanceMounted");
353
- var hmrInstances = /* @__PURE__ */ new WeakMap();
354
- var nodeOwners = /* @__PURE__ */ new WeakMap();
355
- var eventBindings = /* @__PURE__ */ new WeakMap();
356
- function getRenderer() {
357
- {
358
- throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
359
- }
360
- }
361
- __name(getRenderer, "getRenderer");
362
- function createText(content) {
363
- return getRenderer().createText(content);
364
- }
365
- __name(createText, "createText");
366
- function createElement(tag) {
367
- return getRenderer().createElement(tag);
368
- }
369
- __name(createElement, "createElement");
370
- function createComment(content) {
371
- return getRenderer().createComment(content);
372
- }
373
- __name(createComment, "createComment");
374
- function insertBefore(parent, child, anchor) {
375
- if (isVobsFragment(child)) {
376
- child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
377
- return;
378
- }
379
- getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
380
- markHmrInstanceMounted(child, parent);
381
- }
382
- __name(insertBefore, "insertBefore");
383
- function removeChild(parent, child) {
384
- disposeNodeOwner(child);
385
- if (isVobsFragment(child)) {
386
- child.unmount(parent);
387
- return;
388
- }
389
- getRenderer().removeChild(parent, child);
390
- }
391
- __name(removeChild, "removeChild");
392
- function setProperty(node, key, value) {
393
- getRenderer().setProperty(node, key, value);
394
- }
395
- __name(setProperty, "setProperty");
396
- function setAttribute(node, key, value) {
397
- getRenderer().setAttribute(node, key, value);
398
- }
399
- __name(setAttribute, "setAttribute");
400
- function addEventListener(node, event, handler) {
401
- const renderer = getRenderer();
402
- const owner = getCurrentOwner();
403
- let bindings = eventBindings.get(node);
404
- if (!bindings) {
405
- bindings = /* @__PURE__ */ new Map();
406
- eventBindings.set(node, bindings);
407
- }
408
- const previous = bindings.get(event);
409
- if (previous && previous.original === handler && previous.owner === owner) return;
410
- if (previous) renderer.removeEventListener(node, event, previous.handler);
411
- const listener = owner ? (reason) => {
412
- try {
413
- owner.run(() => handler(reason));
414
- } catch (error) {
415
- const handled = owner.handleError(error);
416
- invokeRuntimeDebug("error", {
417
- error,
418
- owner,
419
- phase: "event",
420
- handled,
421
- recovery: handled ? "handled" : "propagated"
422
- });
423
- if (!handled) throw error;
424
- }
425
- } : handler;
426
- const binding = { handler: listener, owner, original: handler };
427
- bindings.set(event, binding);
428
- renderer.addEventListener(node, event, listener);
429
- owner?.onDispose(() => {
430
- if (bindings?.get(event) !== binding) return;
431
- bindings.delete(event);
432
- renderer.removeEventListener(node, event, listener);
433
- });
434
- }
435
- __name(addEventListener, "addEventListener");
436
- function createBlock(factory) {
437
- const owner = createOwner();
438
- setOwnerDebugName(owner, "dynamic");
439
- let node;
440
- try {
441
- node = owner.run(factory);
442
- } catch (error) {
443
- owner.dispose();
444
- throw error;
445
- }
446
- if (!node) {
447
- owner.dispose();
448
- return null;
449
- }
450
- associateNodeOwner(node, owner);
451
- return node;
452
- }
453
- __name(createBlock, "createBlock");
454
- function associateNodeOwner(node, owner) {
455
- nodeOwners.set(node, owner);
456
- }
457
- __name(associateNodeOwner, "associateNodeOwner");
458
- function disposeNodeOwner(node) {
459
- const owner = nodeOwners.get(node);
460
- if (!owner) return;
461
- nodeOwners.delete(node);
462
- owner.dispose();
463
- }
464
- __name(disposeNodeOwner, "disposeNodeOwner");
465
-
466
- // packages/runtime/src/fragment.ts
467
- function createFragment(factory) {
468
- const start = createComment("vobs:fragment:start");
469
- const end = createComment("vobs:fragment:end");
470
- let parent = null;
471
- let initialized = false;
472
- const owner = getCurrentOwner();
473
- const fragment = {
474
- kind: "vobs-fragment",
475
- start,
476
- end,
477
- mount(nextParent, anchor) {
478
- if (parent && parent !== nextParent) {
479
- throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
480
- }
481
- if (initialized) {
482
- moveRange(nextParent, start, end, anchor);
483
- return;
484
- }
485
- const renderer = getRenderer();
486
- renderer.insertBefore(nextParent, start, anchor);
487
- renderer.insertBefore(nextParent, end, anchor);
488
- parent = nextParent;
489
- initialized = true;
490
- if (owner) owner.run(() => factory(nextParent, end));
491
- else factory(nextParent, end);
492
- },
493
- unmount(nextParent) {
494
- if (!initialized || parent !== nextParent) {
495
- throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
496
- }
497
- const renderer = getRenderer();
498
- let current = renderer.nextSibling(start);
499
- while (current && current !== end) {
500
- const next = renderer.nextSibling(current);
501
- renderer.removeChild(nextParent, current);
502
- current = next;
503
- }
504
- renderer.removeChild(nextParent, start);
505
- renderer.removeChild(nextParent, end);
506
- parent = null;
507
- initialized = false;
508
- }
509
- };
510
- return fragment;
511
- }
512
- __name(createFragment, "createFragment");
513
- function isVobsFragment(value) {
514
- return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
515
- }
516
- __name(isVobsFragment, "isVobsFragment");
517
- function moveRange(parent, start, end, anchor) {
518
- const renderer = getRenderer();
519
- const nodes = [start];
520
- let current = renderer.nextSibling(start);
521
- while (current) {
522
- nodes.push(current);
523
- if (current === end) break;
524
- current = renderer.nextSibling(current);
525
- }
526
- if (nodes[nodes.length - 1] !== end) {
527
- throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
528
- }
529
- for (const node of nodes) renderer.insertBefore(parent, node, anchor);
530
- }
531
- __name(moveRange, "moveRange");
18
+ return to;
19
+ };
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
532
21
 
533
- // packages/runtime/src/dynamic.ts
534
- function insertDynamic(parent, anchor, factory) {
535
- const marker = createComment("vobs:dynamic");
536
- insertBefore(parent, marker, anchor);
537
- let current = null;
538
- effect(() => {
539
- const next = createBlock(factory);
540
- if (next === current) return;
541
- if (current) removeChild(parent, current);
542
- current = next;
543
- if (current) insertBefore(parent, current, marker);
544
- });
545
- }
546
- __name(insertDynamic, "insertDynamic");
22
+ // packages/layout/src/breadcrumb.ts
23
+ var breadcrumb_exports = {};
24
+ __export(breadcrumb_exports, {
25
+ KitBreadcrumb: () => KitBreadcrumb
26
+ });
27
+ module.exports = __toCommonJS(breadcrumb_exports);
28
+ var import_vobs2 = require("@vobs/vobs");
547
29
 
548
30
  // packages/layout/src/utils.ts
31
+ var import_reactivity = require("@vobs/reactivity");
32
+ var import_vobs = require("@vobs/vobs");
549
33
  function readProp(props, name, fallback) {
550
34
  const value = Reflect.get(props, name);
551
35
  return value === void 0 ? fallback : value;
@@ -560,8 +44,8 @@ function classNames(...values) {
560
44
  }
561
45
  __name(classNames, "classNames");
562
46
  function bindClassList(root, props, readBaseClasses) {
563
- effect(() => {
564
- setAttribute(root, "class", classNames(
47
+ (0, import_reactivity.effect)(() => {
48
+ (0, import_vobs.setAttribute)(root, "class", classNames(
565
49
  ...readBaseClasses(),
566
50
  readString(props, "class"),
567
51
  readString(props, "className")
@@ -575,7 +59,7 @@ function bindCommonAttributes(root, props, skip = []) {
575
59
  ignored.add("className");
576
60
  ignored.add("children");
577
61
  ignored.add("style");
578
- effect(() => {
62
+ (0, import_reactivity.effect)(() => {
579
63
  const next = /* @__PURE__ */ new Map();
580
64
  for (const name of Object.keys(props)) {
581
65
  if (ignored.has(name) || !isCommonAttribute(name)) continue;
@@ -586,7 +70,7 @@ function bindCommonAttributes(root, props, skip = []) {
586
70
  for (const name of managed) {
587
71
  if (!next.has(name)) removeAttribute(root, name);
588
72
  }
589
- for (const [name, value] of next) setAttribute(root, name, value);
73
+ for (const [name, value] of next) (0, import_vobs.setAttribute)(root, name, value);
590
74
  managedAttributes.set(root, new Set(next.keys()));
591
75
  });
592
76
  }
@@ -596,22 +80,22 @@ function setOptionalAttribute(node, name, value) {
596
80
  removeAttribute(node, name);
597
81
  return;
598
82
  }
599
- setAttribute(node, name, String(value));
83
+ (0, import_vobs.setAttribute)(node, name, String(value));
600
84
  }
601
85
  __name(setOptionalAttribute, "setOptionalAttribute");
602
86
  function mountSlot(parent, props, name) {
603
- insertDynamic(parent, null, () => resolveSlot(Reflect.get(props, name)));
87
+ (0, import_vobs.insertDynamic)(parent, null, () => resolveSlot(Reflect.get(props, name)));
604
88
  }
605
89
  __name(mountSlot, "mountSlot");
606
90
  function resolveSlot(value) {
607
91
  const resolved = typeof value === "function" ? value() : value;
608
92
  if (resolved === void 0 || resolved === null || resolved === false) return null;
609
- if (typeof resolved === "string" || typeof resolved === "number") return createText(String(resolved));
93
+ if (typeof resolved === "string" || typeof resolved === "number") return (0, import_vobs.createText)(String(resolved));
610
94
  if (Array.isArray(resolved)) {
611
- return createFragment((parent, anchor) => {
95
+ return (0, import_vobs.createFragment)((parent, anchor) => {
612
96
  for (const child of resolved) {
613
97
  const node = resolveSlot(child);
614
- if (node) insertBefore(parent, node, anchor);
98
+ if (node) (0, import_vobs.insertBefore)(parent, node, anchor);
615
99
  }
616
100
  });
617
101
  }
@@ -645,50 +129,50 @@ var managedAttributes = /* @__PURE__ */ new WeakMap();
645
129
 
646
130
  // packages/layout/src/breadcrumb.ts
647
131
  function KitBreadcrumb(props) {
648
- const root = createElement("nav");
132
+ const root = (0, import_vobs2.createElement)("nav");
649
133
  bindClassList(root, props, () => ["vobs-kit-breadcrumb"]);
650
134
  bindCommonAttributes(root, props, ["items", "separator", "onNavigate"]);
651
- if (!hasProp(props, "aria-label")) setAttribute(root, "aria-label", "Breadcrumb");
652
- const list = createElement("ol");
653
- setAttribute(list, "class", "vobs-kit-breadcrumb__list");
654
- insertDynamic(list, null, () => createBreadcrumbItems(props));
655
- insertBefore(root, list, null);
135
+ if (!hasProp(props, "aria-label")) (0, import_vobs2.setAttribute)(root, "aria-label", "Breadcrumb");
136
+ const list = (0, import_vobs2.createElement)("ol");
137
+ (0, import_vobs2.setAttribute)(list, "class", "vobs-kit-breadcrumb__list");
138
+ (0, import_vobs2.insertDynamic)(list, null, () => createBreadcrumbItems(props));
139
+ (0, import_vobs2.insertBefore)(root, list, null);
656
140
  if (hasProp(props, "children")) mountSlot(root, props, "children");
657
141
  return root;
658
142
  }
659
143
  __name(KitBreadcrumb, "KitBreadcrumb");
660
144
  function createBreadcrumbItems(props) {
661
145
  const items = readProp(props, "items", []);
662
- return createFragment((parent, anchor) => {
146
+ return (0, import_vobs2.createFragment)((parent, anchor) => {
663
147
  for (let index = 0; index < items.length; index++) {
664
148
  const item = items[index];
665
- const entry = createElement("li");
149
+ const entry = (0, import_vobs2.createElement)("li");
666
150
  const isLast = index === items.length - 1;
667
- setAttribute(entry, "class", `vobs-kit-breadcrumb__item${isLast ? " is-current" : ""}`);
151
+ (0, import_vobs2.setAttribute)(entry, "class", `vobs-kit-breadcrumb__item${isLast ? " is-current" : ""}`);
668
152
  if (item.key !== void 0) setOptionalAttribute(entry, "data-breadcrumb-key", item.key);
669
153
  if (index > 0) {
670
- const separator = createElement("span");
671
- setAttribute(separator, "class", "vobs-kit-breadcrumb__separator");
672
- setAttribute(separator, "aria-hidden", "true");
154
+ const separator = (0, import_vobs2.createElement)("span");
155
+ (0, import_vobs2.setAttribute)(separator, "class", "vobs-kit-breadcrumb__separator");
156
+ (0, import_vobs2.setAttribute)(separator, "aria-hidden", "true");
673
157
  if (hasProp(props, "separator")) mountSlot(separator, props, "separator");
674
- else insertBefore(separator, createText("/"), null);
675
- insertBefore(entry, separator, null);
158
+ else (0, import_vobs2.insertBefore)(separator, (0, import_vobs2.createText)("/"), null);
159
+ (0, import_vobs2.insertBefore)(entry, separator, null);
676
160
  }
677
161
  const content = createBreadcrumbContent(item, props, index, isLast);
678
- insertBefore(entry, content, null);
679
- insertBefore(parent, entry, anchor);
162
+ (0, import_vobs2.insertBefore)(entry, content, null);
163
+ (0, import_vobs2.insertBefore)(parent, entry, anchor);
680
164
  }
681
165
  });
682
166
  }
683
167
  __name(createBreadcrumbItems, "createBreadcrumbItems");
684
168
  function createBreadcrumbContent(item, props, index, isLast) {
685
169
  const isLink = item.href !== void 0 && !isLast;
686
- const element = isLink ? createElement("a") : createElement("span");
687
- setAttribute(element, "class", "vobs-kit-breadcrumb__label");
688
- insertBefore(element, createText(item.label), null);
170
+ const element = isLink ? (0, import_vobs2.createElement)("a") : (0, import_vobs2.createElement)("span");
171
+ (0, import_vobs2.setAttribute)(element, "class", "vobs-kit-breadcrumb__label");
172
+ (0, import_vobs2.insertBefore)(element, (0, import_vobs2.createText)(item.label), null);
689
173
  if (isLink) {
690
- setAttribute(element, "href", item.href);
691
- addEventListener(element, "click", (event) => {
174
+ (0, import_vobs2.setAttribute)(element, "href", item.href);
175
+ (0, import_vobs2.addEventListener)(element, "click", (event) => {
692
176
  if (item.disabled === true) {
693
177
  event.preventDefault?.();
694
178
  return;
@@ -700,14 +184,15 @@ function createBreadcrumbContent(item, props, index, isLast) {
700
184
  });
701
185
  }
702
186
  if (item.disabled === true) {
703
- setAttribute(element, "aria-disabled", "true");
704
- setProperty(element, "tabIndex", -1);
187
+ (0, import_vobs2.setAttribute)(element, "aria-disabled", "true");
188
+ (0, import_vobs2.setProperty)(element, "tabIndex", -1);
705
189
  }
706
- if (isLast) setAttribute(element, "aria-current", "page");
190
+ if (isLast) (0, import_vobs2.setAttribute)(element, "aria-current", "page");
707
191
  return element;
708
192
  }
709
193
  __name(createBreadcrumbContent, "createBreadcrumbContent");
710
-
711
- exports.KitBreadcrumb = KitBreadcrumb;
712
- //# sourceMappingURL=breadcrumb.cjs.map
194
+ // Annotate the CommonJS export names for ESM import in node:
195
+ 0 && (module.exports = {
196
+ KitBreadcrumb
197
+ });
713
198
  //# sourceMappingURL=breadcrumb.cjs.map