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