@public-ui/svelte 4.0.3 → 4.0.4-rc.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 (6) hide show
  1. package/dist/index.cjs +146 -86
  2. package/dist/index.d.cts +5 -1
  3. package/dist/index.d.mts +5 -1
  4. package/dist/index.d.ts +5 -1
  5. package/dist/index.mjs +145 -87
  6. package/package.json +6 -6
package/dist/index.cjs CHANGED
@@ -20,7 +20,7 @@ function _interopNamespaceCompat(e) {
20
20
 
21
21
  const $__namespace = /*#__PURE__*/_interopNamespaceCompat($);
22
22
 
23
- var root$S = $__namespace.from_html(`<kol-abbr><!></kol-abbr>`, 2);
23
+ var root$U = $__namespace.from_html(`<kol-abbr><!></kol-abbr>`, 2);
24
24
  function KolAbbr($$anchor, $$props) {
25
25
  $__namespace.push($$props, false);
26
26
  let __ref = $__namespace.mutable_source();
@@ -31,7 +31,7 @@ function KolAbbr($$anchor, $$props) {
31
31
  });
32
32
  var $$exports = { getWebComponent };
33
33
  $__namespace.init();
34
- var kol_abbr = root$S();
34
+ var kol_abbr = root$U();
35
35
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_abbr, "_label", _label()));
36
36
  var node = $__namespace.child(kol_abbr);
37
37
  $__namespace.slot(node, $$props, "default", {}, null);
@@ -42,7 +42,7 @@ function KolAbbr($$anchor, $$props) {
42
42
  return $__namespace.pop($$exports);
43
43
  }
44
44
 
45
- var root$R = $__namespace.from_html(`<kol-accordion><!></kol-accordion>`, 2);
45
+ var root$T = $__namespace.from_html(`<kol-accordion><!></kol-accordion>`, 2);
46
46
  function KolAccordion($$anchor, $$props) {
47
47
  $__namespace.push($$props, false);
48
48
  let __ref = $__namespace.mutable_source();
@@ -67,7 +67,7 @@ function KolAccordion($$anchor, $$props) {
67
67
  $__namespace.legacy_pre_effect_reset();
68
68
  var $$exports = { focus, getWebComponent };
69
69
  $__namespace.init();
70
- var kol_accordion = root$R();
70
+ var kol_accordion = root$T();
71
71
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_accordion, "_disabled", _disabled()));
72
72
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_accordion, "_label", _label()));
73
73
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_accordion, "_level", _level()));
@@ -82,7 +82,7 @@ function KolAccordion($$anchor, $$props) {
82
82
  return $__namespace.pop($$exports);
83
83
  }
84
84
 
85
- var root$Q = $__namespace.from_html(`<kol-alert><!></kol-alert>`, 2);
85
+ var root$S = $__namespace.from_html(`<kol-alert><!></kol-alert>`, 2);
86
86
  function KolAlert($$anchor, $$props) {
87
87
  $__namespace.push($$props, false);
88
88
  let __ref = $__namespace.mutable_source();
@@ -108,7 +108,7 @@ function KolAlert($$anchor, $$props) {
108
108
  $__namespace.legacy_pre_effect_reset();
109
109
  var $$exports = { getWebComponent };
110
110
  $__namespace.init();
111
- var kol_alert = root$Q();
111
+ var kol_alert = root$S();
112
112
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_alert, "_alert", _alert()));
113
113
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_alert, "_has-closer", _hasCloser()));
114
114
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_alert, "_label", _label()));
@@ -124,23 +124,23 @@ function KolAlert($$anchor, $$props) {
124
124
  return $__namespace.pop($$exports);
125
125
  }
126
126
 
127
- var root$P = $__namespace.from_html(`<kol-avatar><!></kol-avatar>`, 2);
127
+ var root$R = $__namespace.from_html(`<kol-avatar><!></kol-avatar>`, 2);
128
128
  function KolAvatar($$anchor, $$props) {
129
129
  $__namespace.push($$props, false);
130
130
  let __ref = $__namespace.mutable_source();
131
131
  svelte.createEventDispatcher();
132
132
  let _color = $__namespace.prop($$props, "_color", 8, void 0);
133
- let _src = $__namespace.prop($$props, "_src", 8, void 0);
134
133
  let _label = $__namespace.prop($$props, "_label", 8);
134
+ let _src = $__namespace.prop($$props, "_src", 8, void 0);
135
135
  const getWebComponent = () => $__namespace.get(__ref);
136
136
  svelte.onMount(() => {
137
137
  });
138
138
  var $$exports = { getWebComponent };
139
139
  $__namespace.init();
140
- var kol_avatar = root$P();
140
+ var kol_avatar = root$R();
141
141
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_avatar, "_color", _color()));
142
- $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_avatar, "_src", _src()));
143
142
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_avatar, "_label", _label()));
143
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_avatar, "_src", _src()));
144
144
  var node = $__namespace.child(kol_avatar);
145
145
  $__namespace.slot(node, $$props, "default", {}, null);
146
146
  $__namespace.reset(kol_avatar);
@@ -150,7 +150,7 @@ function KolAvatar($$anchor, $$props) {
150
150
  return $__namespace.pop($$exports);
151
151
  }
152
152
 
153
- var root$O = $__namespace.from_html(`<kol-badge><!></kol-badge>`, 2);
153
+ var root$Q = $__namespace.from_html(`<kol-badge><!></kol-badge>`, 2);
154
154
  function KolBadge($$anchor, $$props) {
155
155
  $__namespace.push($$props, false);
156
156
  let __ref = $__namespace.mutable_source();
@@ -165,7 +165,7 @@ function KolBadge($$anchor, $$props) {
165
165
  });
166
166
  var $$exports = { focus, getWebComponent };
167
167
  $__namespace.init();
168
- var kol_badge = root$O();
168
+ var kol_badge = root$Q();
169
169
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_badge, "_color", _color()));
170
170
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_badge, "_icons", _icons()));
171
171
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_badge, "_label", _label()));
@@ -180,7 +180,7 @@ function KolBadge($$anchor, $$props) {
180
180
  return $__namespace.pop($$exports);
181
181
  }
182
182
 
183
- var root$N = $__namespace.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
183
+ var root$P = $__namespace.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
184
184
  function KolBreadcrumb($$anchor, $$props) {
185
185
  $__namespace.push($$props, false);
186
186
  let __ref = $__namespace.mutable_source();
@@ -192,7 +192,7 @@ function KolBreadcrumb($$anchor, $$props) {
192
192
  });
193
193
  var $$exports = { getWebComponent };
194
194
  $__namespace.init();
195
- var kol_breadcrumb = root$N();
195
+ var kol_breadcrumb = root$P();
196
196
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_breadcrumb, "_label", _label()));
197
197
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_breadcrumb, "_links", _links()));
198
198
  var node = $__namespace.child(kol_breadcrumb);
@@ -204,7 +204,7 @@ function KolBreadcrumb($$anchor, $$props) {
204
204
  return $__namespace.pop($$exports);
205
205
  }
206
206
 
207
- var root$M = $__namespace.from_html(`<kol-button><!></kol-button>`, 2);
207
+ var root$O = $__namespace.from_html(`<kol-button><!></kol-button>`, 2);
208
208
  function KolButton($$anchor, $$props) {
209
209
  $__namespace.push($$props, false);
210
210
  let __ref = $__namespace.mutable_source();
@@ -245,7 +245,7 @@ function KolButton($$anchor, $$props) {
245
245
  $__namespace.legacy_pre_effect_reset();
246
246
  var $$exports = { getValue, focus, getWebComponent };
247
247
  $__namespace.init();
248
- var kol_button = root$M();
248
+ var kol_button = root$O();
249
249
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button, "_access-key", _accessKey()));
250
250
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button, "_aria-controls", _ariaControls()));
251
251
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button, "_aria-description", _ariaDescription()));
@@ -276,7 +276,7 @@ function KolButton($$anchor, $$props) {
276
276
  return $__namespace.pop($$exports);
277
277
  }
278
278
 
279
- var root$L = $__namespace.from_html(`<kol-button-link><!></kol-button-link>`, 2);
279
+ var root$N = $__namespace.from_html(`<kol-button-link><!></kol-button-link>`, 2);
280
280
  function KolButtonLink($$anchor, $$props) {
281
281
  $__namespace.push($$props, false);
282
282
  let __ref = $__namespace.mutable_source();
@@ -316,7 +316,7 @@ function KolButtonLink($$anchor, $$props) {
316
316
  $__namespace.legacy_pre_effect_reset();
317
317
  var $$exports = { getValue, focus, getWebComponent };
318
318
  $__namespace.init();
319
- var kol_button_link = root$L();
319
+ var kol_button_link = root$N();
320
320
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button_link, "_access-key", _accessKey()));
321
321
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button_link, "_aria-controls", _ariaControls()));
322
322
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button_link, "_aria-description", _ariaDescription()));
@@ -346,7 +346,7 @@ function KolButtonLink($$anchor, $$props) {
346
346
  return $__namespace.pop($$exports);
347
347
  }
348
348
 
349
- var root$K = $__namespace.from_html(`<kol-card><!></kol-card>`, 2);
349
+ var root$M = $__namespace.from_html(`<kol-card><!></kol-card>`, 2);
350
350
  function KolCard($$anchor, $$props) {
351
351
  $__namespace.push($$props, false);
352
352
  let __ref = $__namespace.mutable_source();
@@ -369,7 +369,7 @@ function KolCard($$anchor, $$props) {
369
369
  $__namespace.legacy_pre_effect_reset();
370
370
  var $$exports = { getWebComponent };
371
371
  $__namespace.init();
372
- var kol_card = root$K();
372
+ var kol_card = root$M();
373
373
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card, "_has-closer", _hasCloser()));
374
374
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card, "_label", _label()));
375
375
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card, "_level", _level()));
@@ -382,7 +382,7 @@ function KolCard($$anchor, $$props) {
382
382
  return $__namespace.pop($$exports);
383
383
  }
384
384
 
385
- var root$J = $__namespace.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
385
+ var root$L = $__namespace.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
386
386
  function KolCardWc($$anchor, $$props) {
387
387
  $__namespace.push($$props, false);
388
388
  let __ref = $__namespace.mutable_source();
@@ -405,7 +405,7 @@ function KolCardWc($$anchor, $$props) {
405
405
  $__namespace.legacy_pre_effect_reset();
406
406
  var $$exports = { getWebComponent };
407
407
  $__namespace.init();
408
- var kol_card_wc = root$J();
408
+ var kol_card_wc = root$L();
409
409
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card_wc, "_has-closer", _hasCloser()));
410
410
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card_wc, "_label", _label()));
411
411
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card_wc, "_level", _level()));
@@ -418,7 +418,31 @@ function KolCardWc($$anchor, $$props) {
418
418
  return $__namespace.pop($$exports);
419
419
  }
420
420
 
421
- var root$I = $__namespace.from_html(`<kol-combobox><!></kol-combobox>`, 2);
421
+ var root$K = $__namespace.from_html(`<kol-click-button><!></kol-click-button>`, 2);
422
+ function KolClickButton($$anchor, $$props) {
423
+ $__namespace.push($$props, false);
424
+ let __ref = $__namespace.mutable_source();
425
+ svelte.createEventDispatcher();
426
+ let _label = $__namespace.prop($$props, "_label", 8);
427
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
428
+ const getWebComponent = () => $__namespace.get(__ref);
429
+ svelte.onMount(() => {
430
+ });
431
+ var $$exports = { focus, getWebComponent };
432
+ $__namespace.init();
433
+ var kol_click_button = root$K();
434
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_click_button, "_label", _label()));
435
+ var node = $__namespace.child(kol_click_button);
436
+ $__namespace.slot(node, $$props, "default", {}, null);
437
+ $__namespace.reset(kol_click_button);
438
+ $__namespace.bind_this(kol_click_button, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
439
+ $__namespace.append($$anchor, kol_click_button);
440
+ $__namespace.bind_prop($$props, "focus", focus);
441
+ $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
442
+ return $__namespace.pop($$exports);
443
+ }
444
+
445
+ var root$J = $__namespace.from_html(`<kol-combobox><!></kol-combobox>`, 2);
422
446
  function KolCombobox($$anchor, $$props) {
423
447
  $__namespace.push($$props, false);
424
448
  let __ref = $__namespace.mutable_source();
@@ -458,7 +482,7 @@ function KolCombobox($$anchor, $$props) {
458
482
  $__namespace.legacy_pre_effect_reset();
459
483
  var $$exports = { getValue, focus, getWebComponent };
460
484
  $__namespace.init();
461
- var kol_combobox = root$I();
485
+ var kol_combobox = root$J();
462
486
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_access-key", _accessKey()));
463
487
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_placeholder", _placeholder()));
464
488
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_disabled", _disabled()));
@@ -488,7 +512,7 @@ function KolCombobox($$anchor, $$props) {
488
512
  return $__namespace.pop($$exports);
489
513
  }
490
514
 
491
- var root$H = $__namespace.from_html(`<kol-details><!></kol-details>`, 2);
515
+ var root$I = $__namespace.from_html(`<kol-details><!></kol-details>`, 2);
492
516
  function KolDetails($$anchor, $$props) {
493
517
  $__namespace.push($$props, false);
494
518
  let __ref = $__namespace.mutable_source();
@@ -513,7 +537,7 @@ function KolDetails($$anchor, $$props) {
513
537
  $__namespace.legacy_pre_effect_reset();
514
538
  var $$exports = { focus, getWebComponent };
515
539
  $__namespace.init();
516
- var kol_details = root$H();
540
+ var kol_details = root$I();
517
541
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_details, "_disabled", _disabled()));
518
542
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_details, "_label", _label()));
519
543
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_details, "_level", _level()));
@@ -528,7 +552,7 @@ function KolDetails($$anchor, $$props) {
528
552
  return $__namespace.pop($$exports);
529
553
  }
530
554
 
531
- var root$G = $__namespace.from_html(`<kol-dialog><!></kol-dialog>`, 2);
555
+ var root$H = $__namespace.from_html(`<kol-dialog><!></kol-dialog>`, 2);
532
556
  function KolDialog($$anchor, $$props) {
533
557
  $__namespace.push($$props, false);
534
558
  let __ref = $__namespace.mutable_source();
@@ -553,7 +577,7 @@ function KolDialog($$anchor, $$props) {
553
577
  $__namespace.legacy_pre_effect_reset();
554
578
  var $$exports = { openModal, closeModal, getWebComponent };
555
579
  $__namespace.init();
556
- var kol_dialog = root$G();
580
+ var kol_dialog = root$H();
557
581
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_dialog, "_label", _label()));
558
582
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_dialog, "_width", _width()));
559
583
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_dialog, "_variant", _variant()));
@@ -568,7 +592,7 @@ function KolDialog($$anchor, $$props) {
568
592
  return $__namespace.pop($$exports);
569
593
  }
570
594
 
571
- var root$F = $__namespace.from_html(`<kol-drawer><!></kol-drawer>`, 2);
595
+ var root$G = $__namespace.from_html(`<kol-drawer><!></kol-drawer>`, 2);
572
596
  function KolDrawer($$anchor, $$props) {
573
597
  $__namespace.push($$props, false);
574
598
  let __ref = $__namespace.mutable_source();
@@ -594,7 +618,7 @@ function KolDrawer($$anchor, $$props) {
594
618
  $__namespace.legacy_pre_effect_reset();
595
619
  var $$exports = { open, close, getWebComponent };
596
620
  $__namespace.init();
597
- var kol_drawer = root$F();
621
+ var kol_drawer = root$G();
598
622
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_drawer, "_open", _open()));
599
623
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_drawer, "_align", _align()));
600
624
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_drawer, "_has-closer", _hasCloser()));
@@ -610,7 +634,7 @@ function KolDrawer($$anchor, $$props) {
610
634
  return $__namespace.pop($$exports);
611
635
  }
612
636
 
613
- var root$E = $__namespace.from_html(`<kol-form><!></kol-form>`, 2);
637
+ var root$F = $__namespace.from_html(`<kol-form><!></kol-form>`, 2);
614
638
  function KolForm($$anchor, $$props) {
615
639
  $__namespace.push($$props, false);
616
640
  let __ref = $__namespace.mutable_source();
@@ -636,7 +660,7 @@ function KolForm($$anchor, $$props) {
636
660
  $__namespace.legacy_pre_effect_reset();
637
661
  var $$exports = { focusErrorList, getWebComponent };
638
662
  $__namespace.init();
639
- var kol_form = root$E();
663
+ var kol_form = root$F();
640
664
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_form, "_required-text", _requiredText()));
641
665
  var node = $__namespace.child(kol_form);
642
666
  $__namespace.slot(node, $$props, "default", {}, null);
@@ -648,7 +672,7 @@ function KolForm($$anchor, $$props) {
648
672
  return $__namespace.pop($$exports);
649
673
  }
650
674
 
651
- var root$D = $__namespace.from_html(`<kol-heading><!></kol-heading>`, 2);
675
+ var root$E = $__namespace.from_html(`<kol-heading><!></kol-heading>`, 2);
652
676
  function KolHeading($$anchor, $$props) {
653
677
  $__namespace.push($$props, false);
654
678
  let __ref = $__namespace.mutable_source();
@@ -661,7 +685,7 @@ function KolHeading($$anchor, $$props) {
661
685
  });
662
686
  var $$exports = { getWebComponent };
663
687
  $__namespace.init();
664
- var kol_heading = root$D();
688
+ var kol_heading = root$E();
665
689
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_heading, "_label", _label()));
666
690
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_heading, "_level", _level()));
667
691
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_heading, "_secondary-headline", _secondaryHeadline()));
@@ -674,7 +698,7 @@ function KolHeading($$anchor, $$props) {
674
698
  return $__namespace.pop($$exports);
675
699
  }
676
700
 
677
- var root$C = $__namespace.from_html(`<kol-icon><!></kol-icon>`, 2);
701
+ var root$D = $__namespace.from_html(`<kol-icon><!></kol-icon>`, 2);
678
702
  function KolIcon($$anchor, $$props) {
679
703
  $__namespace.push($$props, false);
680
704
  let __ref = $__namespace.mutable_source();
@@ -686,7 +710,7 @@ function KolIcon($$anchor, $$props) {
686
710
  });
687
711
  var $$exports = { getWebComponent };
688
712
  $__namespace.init();
689
- var kol_icon = root$C();
713
+ var kol_icon = root$D();
690
714
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_icon, "_icons", _icons()));
691
715
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_icon, "_label", _label()));
692
716
  var node = $__namespace.child(kol_icon);
@@ -698,7 +722,7 @@ function KolIcon($$anchor, $$props) {
698
722
  return $__namespace.pop($$exports);
699
723
  }
700
724
 
701
- var root$B = $__namespace.from_html(`<kol-image><!></kol-image>`, 2);
725
+ var root$C = $__namespace.from_html(`<kol-image><!></kol-image>`, 2);
702
726
  function KolImage($$anchor, $$props) {
703
727
  $__namespace.push($$props, false);
704
728
  let __ref = $__namespace.mutable_source();
@@ -713,7 +737,7 @@ function KolImage($$anchor, $$props) {
713
737
  });
714
738
  var $$exports = { getWebComponent };
715
739
  $__namespace.init();
716
- var kol_image = root$B();
740
+ var kol_image = root$C();
717
741
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_image, "_alt", _alt()));
718
742
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_image, "_loading", _loading()));
719
743
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_image, "_sizes", _sizes()));
@@ -728,7 +752,7 @@ function KolImage($$anchor, $$props) {
728
752
  return $__namespace.pop($$exports);
729
753
  }
730
754
 
731
- var root$A = $__namespace.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
755
+ var root$B = $__namespace.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
732
756
  function KolInputCheckbox($$anchor, $$props) {
733
757
  $__namespace.push($$props, false);
734
758
  let __ref = $__namespace.mutable_source();
@@ -769,7 +793,7 @@ function KolInputCheckbox($$anchor, $$props) {
769
793
  $__namespace.legacy_pre_effect_reset();
770
794
  var $$exports = { getValue, focus, getWebComponent };
771
795
  $__namespace.init();
772
- var kol_input_checkbox = root$A();
796
+ var kol_input_checkbox = root$B();
773
797
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_checkbox, "_access-key", _accessKey()));
774
798
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_checkbox, "_checked", _checked()));
775
799
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_checkbox, "_hide-msg", _hideMsg()));
@@ -800,7 +824,7 @@ function KolInputCheckbox($$anchor, $$props) {
800
824
  return $__namespace.pop($$exports);
801
825
  }
802
826
 
803
- var root$z = $__namespace.from_html(`<kol-input-color><!></kol-input-color>`, 2);
827
+ var root$A = $__namespace.from_html(`<kol-input-color><!></kol-input-color>`, 2);
804
828
  function KolInputColor($$anchor, $$props) {
805
829
  $__namespace.push($$props, false);
806
830
  let __ref = $__namespace.mutable_source();
@@ -839,7 +863,7 @@ function KolInputColor($$anchor, $$props) {
839
863
  $__namespace.legacy_pre_effect_reset();
840
864
  var $$exports = { getValue, focus, getWebComponent };
841
865
  $__namespace.init();
842
- var kol_input_color = root$z();
866
+ var kol_input_color = root$A();
843
867
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_color, "_access-key", _accessKey()));
844
868
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_color, "_auto-complete", _autoComplete()));
845
869
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_color, "_disabled", _disabled()));
@@ -868,7 +892,7 @@ function KolInputColor($$anchor, $$props) {
868
892
  return $__namespace.pop($$exports);
869
893
  }
870
894
 
871
- var root$y = $__namespace.from_html(`<kol-input-date><!></kol-input-date>`, 2);
895
+ var root$z = $__namespace.from_html(`<kol-input-date><!></kol-input-date>`, 2);
872
896
  function KolInputDate($$anchor, $$props) {
873
897
  $__namespace.push($$props, false);
874
898
  let __ref = $__namespace.mutable_source();
@@ -914,7 +938,7 @@ function KolInputDate($$anchor, $$props) {
914
938
  $__namespace.legacy_pre_effect_reset();
915
939
  var $$exports = { getValue, focus, reset, getWebComponent };
916
940
  $__namespace.init();
917
- var kol_input_date = root$y();
941
+ var kol_input_date = root$z();
918
942
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_date, "_access-key", _accessKey()));
919
943
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_date, "_auto-complete", _autoComplete()));
920
944
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_date, "_disabled", _disabled()));
@@ -950,7 +974,7 @@ function KolInputDate($$anchor, $$props) {
950
974
  return $__namespace.pop($$exports);
951
975
  }
952
976
 
953
- var root$x = $__namespace.from_html(`<kol-input-email><!></kol-input-email>`, 2);
977
+ var root$y = $__namespace.from_html(`<kol-input-email><!></kol-input-email>`, 2);
954
978
  function KolInputEmail($$anchor, $$props) {
955
979
  $__namespace.push($$props, false);
956
980
  let __ref = $__namespace.mutable_source();
@@ -997,7 +1021,7 @@ function KolInputEmail($$anchor, $$props) {
997
1021
  $__namespace.legacy_pre_effect_reset();
998
1022
  var $$exports = { getValue, focus, getWebComponent };
999
1023
  $__namespace.init();
1000
- var kol_input_email = root$x();
1024
+ var kol_input_email = root$y();
1001
1025
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_email, "_access-key", _accessKey()));
1002
1026
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_email, "_auto-complete", _autoComplete()));
1003
1027
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_email, "_has-counter", _hasCounter()));
@@ -1034,7 +1058,7 @@ function KolInputEmail($$anchor, $$props) {
1034
1058
  return $__namespace.pop($$exports);
1035
1059
  }
1036
1060
 
1037
- var root$w = $__namespace.from_html(`<kol-input-file><!></kol-input-file>`, 2);
1061
+ var root$x = $__namespace.from_html(`<kol-input-file><!></kol-input-file>`, 2);
1038
1062
  function KolInputFile($$anchor, $$props) {
1039
1063
  $__namespace.push($$props, false);
1040
1064
  let __ref = $__namespace.mutable_source();
@@ -1074,7 +1098,7 @@ function KolInputFile($$anchor, $$props) {
1074
1098
  $__namespace.legacy_pre_effect_reset();
1075
1099
  var $$exports = { getValue, focus, reset, getWebComponent };
1076
1100
  $__namespace.init();
1077
- var kol_input_file = root$w();
1101
+ var kol_input_file = root$x();
1078
1102
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_file, "_accept", _accept()));
1079
1103
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_file, "_access-key", _accessKey()));
1080
1104
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_file, "_disabled", _disabled()));
@@ -1104,7 +1128,7 @@ function KolInputFile($$anchor, $$props) {
1104
1128
  return $__namespace.pop($$exports);
1105
1129
  }
1106
1130
 
1107
- var root$v = $__namespace.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1131
+ var root$w = $__namespace.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1108
1132
  function KolInputNumber($$anchor, $$props) {
1109
1133
  $__namespace.push($$props, false);
1110
1134
  let __ref = $__namespace.mutable_source();
@@ -1149,7 +1173,7 @@ function KolInputNumber($$anchor, $$props) {
1149
1173
  $__namespace.legacy_pre_effect_reset();
1150
1174
  var $$exports = { getValue, focus, getWebComponent };
1151
1175
  $__namespace.init();
1152
- var kol_input_number = root$v();
1176
+ var kol_input_number = root$w();
1153
1177
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_number, "_access-key", _accessKey()));
1154
1178
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_number, "_auto-complete", _autoComplete()));
1155
1179
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_number, "_disabled", _disabled()));
@@ -1184,7 +1208,7 @@ function KolInputNumber($$anchor, $$props) {
1184
1208
  return $__namespace.pop($$exports);
1185
1209
  }
1186
1210
 
1187
- var root$u = $__namespace.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1211
+ var root$v = $__namespace.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1188
1212
  function KolInputPassword($$anchor, $$props) {
1189
1213
  $__namespace.push($$props, false);
1190
1214
  let __ref = $__namespace.mutable_source();
@@ -1230,7 +1254,7 @@ function KolInputPassword($$anchor, $$props) {
1230
1254
  $__namespace.legacy_pre_effect_reset();
1231
1255
  var $$exports = { getValue, focus, getWebComponent };
1232
1256
  $__namespace.init();
1233
- var kol_input_password = root$u();
1257
+ var kol_input_password = root$v();
1234
1258
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_password, "_access-key", _accessKey()));
1235
1259
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_password, "_auto-complete", _autoComplete()));
1236
1260
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_password, "_has-counter", _hasCounter()));
@@ -1266,7 +1290,7 @@ function KolInputPassword($$anchor, $$props) {
1266
1290
  return $__namespace.pop($$exports);
1267
1291
  }
1268
1292
 
1269
- var root$t = $__namespace.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1293
+ var root$u = $__namespace.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1270
1294
  function KolInputRadio($$anchor, $$props) {
1271
1295
  $__namespace.push($$props, false);
1272
1296
  let __ref = $__namespace.mutable_source();
@@ -1302,7 +1326,7 @@ function KolInputRadio($$anchor, $$props) {
1302
1326
  $__namespace.legacy_pre_effect_reset();
1303
1327
  var $$exports = { getValue, focus, getWebComponent };
1304
1328
  $__namespace.init();
1305
- var kol_input_radio = root$t();
1329
+ var kol_input_radio = root$u();
1306
1330
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_radio, "_disabled", _disabled()));
1307
1331
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_radio, "_hide-msg", _hideMsg()));
1308
1332
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_radio, "_hide-label", _hideLabel()));
@@ -1328,7 +1352,7 @@ function KolInputRadio($$anchor, $$props) {
1328
1352
  return $__namespace.pop($$exports);
1329
1353
  }
1330
1354
 
1331
- var root$s = $__namespace.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1355
+ var root$t = $__namespace.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1332
1356
  function KolInputRange($$anchor, $$props) {
1333
1357
  $__namespace.push($$props, false);
1334
1358
  let __ref = $__namespace.mutable_source();
@@ -1369,7 +1393,7 @@ function KolInputRange($$anchor, $$props) {
1369
1393
  $__namespace.legacy_pre_effect_reset();
1370
1394
  var $$exports = { focus, getValue, getWebComponent };
1371
1395
  $__namespace.init();
1372
- var kol_input_range = root$s();
1396
+ var kol_input_range = root$t();
1373
1397
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_range, "_access-key", _accessKey()));
1374
1398
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_range, "_auto-complete", _autoComplete()));
1375
1399
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_range, "_disabled", _disabled()));
@@ -1400,7 +1424,7 @@ function KolInputRange($$anchor, $$props) {
1400
1424
  return $__namespace.pop($$exports);
1401
1425
  }
1402
1426
 
1403
- var root$r = $__namespace.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1427
+ var root$s = $__namespace.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1404
1428
  function KolInputText($$anchor, $$props) {
1405
1429
  $__namespace.push($$props, false);
1406
1430
  let __ref = $__namespace.mutable_source();
@@ -1462,7 +1486,7 @@ function KolInputText($$anchor, $$props) {
1462
1486
  getWebComponent
1463
1487
  };
1464
1488
  $__namespace.init();
1465
- var kol_input_text = root$r();
1489
+ var kol_input_text = root$s();
1466
1490
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_text, "_access-key", _accessKey()));
1467
1491
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_text, "_auto-complete", _autoComplete()));
1468
1492
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_text, "_has-counter", _hasCounter()));
@@ -1505,7 +1529,7 @@ function KolInputText($$anchor, $$props) {
1505
1529
  return $__namespace.pop($$exports);
1506
1530
  }
1507
1531
 
1508
- var root$q = $__namespace.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1532
+ var root$r = $__namespace.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1509
1533
  function KolKolibri($$anchor, $$props) {
1510
1534
  $__namespace.push($$props, false);
1511
1535
  let __ref = $__namespace.mutable_source();
@@ -1517,7 +1541,7 @@ function KolKolibri($$anchor, $$props) {
1517
1541
  });
1518
1542
  var $$exports = { getWebComponent };
1519
1543
  $__namespace.init();
1520
- var kol_kolibri = root$q();
1544
+ var kol_kolibri = root$r();
1521
1545
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_kolibri, "_color", _color()));
1522
1546
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_kolibri, "_labeled", _labeled()));
1523
1547
  var node = $__namespace.child(kol_kolibri);
@@ -1529,7 +1553,7 @@ function KolKolibri($$anchor, $$props) {
1529
1553
  return $__namespace.pop($$exports);
1530
1554
  }
1531
1555
 
1532
- var root$p = $__namespace.from_html(`<kol-link><!></kol-link>`, 2);
1556
+ var root$q = $__namespace.from_html(`<kol-link><!></kol-link>`, 2);
1533
1557
  function KolLink($$anchor, $$props) {
1534
1558
  $__namespace.push($$props, false);
1535
1559
  let __ref = $__namespace.mutable_source();
@@ -1567,7 +1591,7 @@ function KolLink($$anchor, $$props) {
1567
1591
  $__namespace.legacy_pre_effect_reset();
1568
1592
  var $$exports = { focus, getWebComponent };
1569
1593
  $__namespace.init();
1570
- var kol_link = root$p();
1594
+ var kol_link = root$q();
1571
1595
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link, "_access-key", _accessKey()));
1572
1596
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link, "_aria-current-value", _ariaCurrentValue()));
1573
1597
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link, "_aria-controls", _ariaControls()));
@@ -1595,7 +1619,7 @@ function KolLink($$anchor, $$props) {
1595
1619
  return $__namespace.pop($$exports);
1596
1620
  }
1597
1621
 
1598
- var root$o = $__namespace.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1622
+ var root$p = $__namespace.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1599
1623
  function KolLinkButton($$anchor, $$props) {
1600
1624
  $__namespace.push($$props, false);
1601
1625
  let __ref = $__namespace.mutable_source();
@@ -1632,7 +1656,7 @@ function KolLinkButton($$anchor, $$props) {
1632
1656
  $__namespace.legacy_pre_effect_reset();
1633
1657
  var $$exports = { focus, getWebComponent };
1634
1658
  $__namespace.init();
1635
- var kol_link_button = root$o();
1659
+ var kol_link_button = root$p();
1636
1660
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link_button, "_access-key", _accessKey()));
1637
1661
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link_button, "_aria-current-value", _ariaCurrentValue()));
1638
1662
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link_button, "_aria-controls", _ariaControls()));
@@ -1659,7 +1683,7 @@ function KolLinkButton($$anchor, $$props) {
1659
1683
  return $__namespace.pop($$exports);
1660
1684
  }
1661
1685
 
1662
- var root$n = $__namespace.from_html(`<kol-modal><!></kol-modal>`, 2);
1686
+ var root$o = $__namespace.from_html(`<kol-modal><!></kol-modal>`, 2);
1663
1687
  function KolModal($$anchor, $$props) {
1664
1688
  $__namespace.push($$props, false);
1665
1689
  let __ref = $__namespace.mutable_source();
@@ -1684,7 +1708,7 @@ function KolModal($$anchor, $$props) {
1684
1708
  $__namespace.legacy_pre_effect_reset();
1685
1709
  var $$exports = { openModal, closeModal, getWebComponent };
1686
1710
  $__namespace.init();
1687
- var kol_modal = root$n();
1711
+ var kol_modal = root$o();
1688
1712
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_modal, "_label", _label()));
1689
1713
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_modal, "_width", _width()));
1690
1714
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_modal, "_variant", _variant()));
@@ -1699,7 +1723,7 @@ function KolModal($$anchor, $$props) {
1699
1723
  return $__namespace.pop($$exports);
1700
1724
  }
1701
1725
 
1702
- var root$m = $__namespace.from_html(`<kol-nav><!></kol-nav>`, 2);
1726
+ var root$n = $__namespace.from_html(`<kol-nav><!></kol-nav>`, 2);
1703
1727
  function KolNav($$anchor, $$props) {
1704
1728
  $__namespace.push($$props, false);
1705
1729
  let __ref = $__namespace.mutable_source();
@@ -1715,7 +1739,7 @@ function KolNav($$anchor, $$props) {
1715
1739
  });
1716
1740
  var $$exports = { getWebComponent };
1717
1741
  $__namespace.init();
1718
- var kol_nav = root$m();
1742
+ var kol_nav = root$n();
1719
1743
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_nav, "_collapsible", _collapsible()));
1720
1744
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_nav, "_has-compact-button", _hasCompactButton()));
1721
1745
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_nav, "_has-icons-when-expanded", _hasIconsWhenExpanded()));
@@ -1731,7 +1755,7 @@ function KolNav($$anchor, $$props) {
1731
1755
  return $__namespace.pop($$exports);
1732
1756
  }
1733
1757
 
1734
- var root$l = $__namespace.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1758
+ var root$m = $__namespace.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1735
1759
  function KolPagination($$anchor, $$props) {
1736
1760
  $__namespace.push($$props, false);
1737
1761
  let __ref = $__namespace.mutable_source();
@@ -1761,7 +1785,7 @@ function KolPagination($$anchor, $$props) {
1761
1785
  $__namespace.legacy_pre_effect_reset();
1762
1786
  var $$exports = { getWebComponent };
1763
1787
  $__namespace.init();
1764
- var kol_pagination = root$l();
1788
+ var kol_pagination = root$m();
1765
1789
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination, "_boundary-count", _boundaryCount()));
1766
1790
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination, "_custom-class", _customClass()));
1767
1791
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination, "_label", _label()));
@@ -1781,7 +1805,7 @@ function KolPagination($$anchor, $$props) {
1781
1805
  return $__namespace.pop($$exports);
1782
1806
  }
1783
1807
 
1784
- var root$k = $__namespace.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1808
+ var root$l = $__namespace.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1785
1809
  function KolPaginationWc($$anchor, $$props) {
1786
1810
  $__namespace.push($$props, false);
1787
1811
  let __ref = $__namespace.mutable_source();
@@ -1811,7 +1835,7 @@ function KolPaginationWc($$anchor, $$props) {
1811
1835
  $__namespace.legacy_pre_effect_reset();
1812
1836
  var $$exports = { getWebComponent };
1813
1837
  $__namespace.init();
1814
- var kol_pagination_wc = root$k();
1838
+ var kol_pagination_wc = root$l();
1815
1839
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination_wc, "_boundary-count", _boundaryCount()));
1816
1840
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination_wc, "_custom-class", _customClass()));
1817
1841
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination_wc, "_label", _label()));
@@ -1831,7 +1855,7 @@ function KolPaginationWc($$anchor, $$props) {
1831
1855
  return $__namespace.pop($$exports);
1832
1856
  }
1833
1857
 
1834
- var root$j = $__namespace.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1858
+ var root$k = $__namespace.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1835
1859
  function KolPopoverButton($$anchor, $$props) {
1836
1860
  $__namespace.push($$props, false);
1837
1861
  let __ref = $__namespace.mutable_source();
@@ -1861,7 +1885,7 @@ function KolPopoverButton($$anchor, $$props) {
1861
1885
  });
1862
1886
  var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1863
1887
  $__namespace.init();
1864
- var kol_popover_button = root$j();
1888
+ var kol_popover_button = root$k();
1865
1889
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button, "_access-key", _accessKey()));
1866
1890
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button, "_aria-description", _ariaDescription()));
1867
1891
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button, "_custom-class", _customClass()));
@@ -1891,7 +1915,7 @@ function KolPopoverButton($$anchor, $$props) {
1891
1915
  return $__namespace.pop($$exports);
1892
1916
  }
1893
1917
 
1894
- var root$i = $__namespace.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1918
+ var root$j = $__namespace.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1895
1919
  function KolPopoverButtonWc($$anchor, $$props) {
1896
1920
  $__namespace.push($$props, false);
1897
1921
  let __ref = $__namespace.mutable_source();
@@ -1922,7 +1946,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
1922
1946
  });
1923
1947
  var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1924
1948
  $__namespace.init();
1925
- var kol_popover_button_wc = root$i();
1949
+ var kol_popover_button_wc = root$j();
1926
1950
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button_wc, "_access-key", _accessKey()));
1927
1951
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button_wc, "_aria-description", _ariaDescription()));
1928
1952
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button_wc, "_custom-class", _customClass()));
@@ -1953,7 +1977,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
1953
1977
  return $__namespace.pop($$exports);
1954
1978
  }
1955
1979
 
1956
- var root$h = $__namespace.from_html(`<kol-progress><!></kol-progress>`, 2);
1980
+ var root$i = $__namespace.from_html(`<kol-progress><!></kol-progress>`, 2);
1957
1981
  function KolProgress($$anchor, $$props) {
1958
1982
  $__namespace.push($$props, false);
1959
1983
  let __ref = $__namespace.mutable_source();
@@ -1968,7 +1992,7 @@ function KolProgress($$anchor, $$props) {
1968
1992
  });
1969
1993
  var $$exports = { getWebComponent };
1970
1994
  $__namespace.init();
1971
- var kol_progress = root$h();
1995
+ var kol_progress = root$i();
1972
1996
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_progress, "_label", _label()));
1973
1997
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_progress, "_max", _max()));
1974
1998
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_progress, "_unit", _unit()));
@@ -1983,7 +2007,7 @@ function KolProgress($$anchor, $$props) {
1983
2007
  return $__namespace.pop($$exports);
1984
2008
  }
1985
2009
 
1986
- var root$g = $__namespace.from_html(`<kol-quote><!></kol-quote>`, 2);
2010
+ var root$h = $__namespace.from_html(`<kol-quote><!></kol-quote>`, 2);
1987
2011
  function KolQuote($$anchor, $$props) {
1988
2012
  $__namespace.push($$props, false);
1989
2013
  let __ref = $__namespace.mutable_source();
@@ -1997,7 +2021,7 @@ function KolQuote($$anchor, $$props) {
1997
2021
  });
1998
2022
  var $$exports = { getWebComponent };
1999
2023
  $__namespace.init();
2000
- var kol_quote = root$g();
2024
+ var kol_quote = root$h();
2001
2025
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_quote, "_label", _label()));
2002
2026
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_quote, "_href", _href()));
2003
2027
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_quote, "_quote", _quote()));
@@ -2011,7 +2035,7 @@ function KolQuote($$anchor, $$props) {
2011
2035
  return $__namespace.pop($$exports);
2012
2036
  }
2013
2037
 
2014
- var root$f = $__namespace.from_html(`<kol-select><!></kol-select>`, 2);
2038
+ var root$g = $__namespace.from_html(`<kol-select><!></kol-select>`, 2);
2015
2039
  function KolSelect($$anchor, $$props) {
2016
2040
  $__namespace.push($$props, false);
2017
2041
  let __ref = $__namespace.mutable_source();
@@ -2052,7 +2076,7 @@ function KolSelect($$anchor, $$props) {
2052
2076
  $__namespace.legacy_pre_effect_reset();
2053
2077
  var $$exports = { getValue, focus, getWebComponent };
2054
2078
  $__namespace.init();
2055
- var kol_select = root$f();
2079
+ var kol_select = root$g();
2056
2080
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select, "_access-key", _accessKey()));
2057
2081
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select, "_disabled", _disabled()));
2058
2082
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select, "_hide-msg", _hideMsg()));
@@ -2083,7 +2107,7 @@ function KolSelect($$anchor, $$props) {
2083
2107
  return $__namespace.pop($$exports);
2084
2108
  }
2085
2109
 
2086
- var root$e = $__namespace.from_html(`<kol-select-wc><!></kol-select-wc>`, 2);
2110
+ var root$f = $__namespace.from_html(`<kol-select-wc><!></kol-select-wc>`, 2);
2087
2111
  function KolSelectWc($$anchor, $$props) {
2088
2112
  $__namespace.push($$props, false);
2089
2113
  let __ref = $__namespace.mutable_source();
@@ -2124,7 +2148,7 @@ function KolSelectWc($$anchor, $$props) {
2124
2148
  $__namespace.legacy_pre_effect_reset();
2125
2149
  var $$exports = { getValue, focus, getWebComponent };
2126
2150
  $__namespace.init();
2127
- var kol_select_wc = root$e();
2151
+ var kol_select_wc = root$f();
2128
2152
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_access-key", _accessKey()));
2129
2153
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_disabled", _disabled()));
2130
2154
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_hide-msg", _hideMsg()));
@@ -2155,7 +2179,7 @@ function KolSelectWc($$anchor, $$props) {
2155
2179
  return $__namespace.pop($$exports);
2156
2180
  }
2157
2181
 
2158
- var root$d = $__namespace.from_html(`<kol-single-select><!></kol-single-select>`, 2);
2182
+ var root$e = $__namespace.from_html(`<kol-single-select><!></kol-single-select>`, 2);
2159
2183
  function KolSingleSelect($$anchor, $$props) {
2160
2184
  $__namespace.push($$props, false);
2161
2185
  let __ref = $__namespace.mutable_source();
@@ -2196,7 +2220,7 @@ function KolSingleSelect($$anchor, $$props) {
2196
2220
  $__namespace.legacy_pre_effect_reset();
2197
2221
  var $$exports = { getValue, focus, getWebComponent };
2198
2222
  $__namespace.init();
2199
- var kol_single_select = root$d();
2223
+ var kol_single_select = root$e();
2200
2224
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_access-key", _accessKey()));
2201
2225
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_placeholder", _placeholder()));
2202
2226
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_disabled", _disabled()));
@@ -2227,6 +2251,40 @@ function KolSingleSelect($$anchor, $$props) {
2227
2251
  return $__namespace.pop($$exports);
2228
2252
  }
2229
2253
 
2254
+ var root$d = $__namespace.from_html(`<kol-skeleton><!></kol-skeleton>`, 2);
2255
+ function KolSkeleton($$anchor, $$props) {
2256
+ $__namespace.push($$props, false);
2257
+ let __ref = $__namespace.mutable_source();
2258
+ const dispatch = svelte.createEventDispatcher();
2259
+ let _count = $__namespace.prop($$props, "_count", 8, void 0);
2260
+ let _name = $__namespace.prop($$props, "_name", 8);
2261
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2262
+ const toggle = (...args) => $__namespace.get(__ref).toggle(...args);
2263
+ const getWebComponent = () => $__namespace.get(__ref);
2264
+ svelte.onMount(() => {
2265
+ });
2266
+ const onEvent = (e) => {
2267
+ e.stopPropagation();
2268
+ dispatch(e.type, e.detail);
2269
+ };
2270
+ var $$exports = { focus, toggle, getWebComponent };
2271
+ $__namespace.init();
2272
+ var kol_skeleton = root$d();
2273
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_skeleton, "_count", _count()));
2274
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_skeleton, "_name", _name()));
2275
+ var node = $__namespace.child(kol_skeleton);
2276
+ $__namespace.slot(node, $$props, "default", {}, null);
2277
+ $__namespace.reset(kol_skeleton);
2278
+ $__namespace.bind_this(kol_skeleton, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2279
+ $__namespace.event("loaded", kol_skeleton, onEvent);
2280
+ $__namespace.event("rendered", kol_skeleton, onEvent);
2281
+ $__namespace.append($$anchor, kol_skeleton);
2282
+ $__namespace.bind_prop($$props, "focus", focus);
2283
+ $__namespace.bind_prop($$props, "toggle", toggle);
2284
+ $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2285
+ return $__namespace.pop($$exports);
2286
+ }
2287
+
2230
2288
  var root$c = $__namespace.from_html(`<kol-skip-nav><!></kol-skip-nav>`, 2);
2231
2289
  function KolSkipNav($$anchor, $$props) {
2232
2290
  $__namespace.push($$props, false);
@@ -2751,6 +2809,7 @@ exports.KolButton = KolButton;
2751
2809
  exports.KolButtonLink = KolButtonLink;
2752
2810
  exports.KolCard = KolCard;
2753
2811
  exports.KolCardWc = KolCardWc;
2812
+ exports.KolClickButton = KolClickButton;
2754
2813
  exports.KolCombobox = KolCombobox;
2755
2814
  exports.KolDetails = KolDetails;
2756
2815
  exports.KolDialog = KolDialog;
@@ -2783,6 +2842,7 @@ exports.KolQuote = KolQuote;
2783
2842
  exports.KolSelect = KolSelect;
2784
2843
  exports.KolSelectWc = KolSelectWc;
2785
2844
  exports.KolSingleSelect = KolSingleSelect;
2845
+ exports.KolSkeleton = KolSkeleton;
2786
2846
  exports.KolSkipNav = KolSkipNav;
2787
2847
  exports.KolSpin = KolSpin;
2788
2848
  exports.KolSplitButton = KolSplitButton;