@public-ui/svelte 4.0.3 → 4.1.0-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.
package/dist/index.mjs CHANGED
@@ -4,7 +4,7 @@ import 'svelte/internal/flags/legacy';
4
4
  import * as $ from 'svelte/internal/client';
5
5
  import { createEventDispatcher, onMount } from 'svelte';
6
6
 
7
- var root$S = $.from_html(`<kol-abbr><!></kol-abbr>`, 2);
7
+ var root$U = $.from_html(`<kol-abbr><!></kol-abbr>`, 2);
8
8
  function KolAbbr($$anchor, $$props) {
9
9
  $.push($$props, false);
10
10
  let __ref = $.mutable_source();
@@ -15,7 +15,7 @@ function KolAbbr($$anchor, $$props) {
15
15
  });
16
16
  var $$exports = { getWebComponent };
17
17
  $.init();
18
- var kol_abbr = root$S();
18
+ var kol_abbr = root$U();
19
19
  $.template_effect(() => $.set_custom_element_data(kol_abbr, "_label", _label()));
20
20
  var node = $.child(kol_abbr);
21
21
  $.slot(node, $$props, "default", {}, null);
@@ -26,7 +26,7 @@ function KolAbbr($$anchor, $$props) {
26
26
  return $.pop($$exports);
27
27
  }
28
28
 
29
- var root$R = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
29
+ var root$T = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
30
30
  function KolAccordion($$anchor, $$props) {
31
31
  $.push($$props, false);
32
32
  let __ref = $.mutable_source();
@@ -51,7 +51,7 @@ function KolAccordion($$anchor, $$props) {
51
51
  $.legacy_pre_effect_reset();
52
52
  var $$exports = { focus, getWebComponent };
53
53
  $.init();
54
- var kol_accordion = root$R();
54
+ var kol_accordion = root$T();
55
55
  $.template_effect(() => $.set_custom_element_data(kol_accordion, "_disabled", _disabled()));
56
56
  $.template_effect(() => $.set_custom_element_data(kol_accordion, "_label", _label()));
57
57
  $.template_effect(() => $.set_custom_element_data(kol_accordion, "_level", _level()));
@@ -66,7 +66,7 @@ function KolAccordion($$anchor, $$props) {
66
66
  return $.pop($$exports);
67
67
  }
68
68
 
69
- var root$Q = $.from_html(`<kol-alert><!></kol-alert>`, 2);
69
+ var root$S = $.from_html(`<kol-alert><!></kol-alert>`, 2);
70
70
  function KolAlert($$anchor, $$props) {
71
71
  $.push($$props, false);
72
72
  let __ref = $.mutable_source();
@@ -92,7 +92,7 @@ function KolAlert($$anchor, $$props) {
92
92
  $.legacy_pre_effect_reset();
93
93
  var $$exports = { getWebComponent };
94
94
  $.init();
95
- var kol_alert = root$Q();
95
+ var kol_alert = root$S();
96
96
  $.template_effect(() => $.set_custom_element_data(kol_alert, "_alert", _alert()));
97
97
  $.template_effect(() => $.set_custom_element_data(kol_alert, "_has-closer", _hasCloser()));
98
98
  $.template_effect(() => $.set_custom_element_data(kol_alert, "_label", _label()));
@@ -108,23 +108,23 @@ function KolAlert($$anchor, $$props) {
108
108
  return $.pop($$exports);
109
109
  }
110
110
 
111
- var root$P = $.from_html(`<kol-avatar><!></kol-avatar>`, 2);
111
+ var root$R = $.from_html(`<kol-avatar><!></kol-avatar>`, 2);
112
112
  function KolAvatar($$anchor, $$props) {
113
113
  $.push($$props, false);
114
114
  let __ref = $.mutable_source();
115
115
  createEventDispatcher();
116
116
  let _color = $.prop($$props, "_color", 8, void 0);
117
- let _src = $.prop($$props, "_src", 8, void 0);
118
117
  let _label = $.prop($$props, "_label", 8);
118
+ let _src = $.prop($$props, "_src", 8, void 0);
119
119
  const getWebComponent = () => $.get(__ref);
120
120
  onMount(() => {
121
121
  });
122
122
  var $$exports = { getWebComponent };
123
123
  $.init();
124
- var kol_avatar = root$P();
124
+ var kol_avatar = root$R();
125
125
  $.template_effect(() => $.set_custom_element_data(kol_avatar, "_color", _color()));
126
- $.template_effect(() => $.set_custom_element_data(kol_avatar, "_src", _src()));
127
126
  $.template_effect(() => $.set_custom_element_data(kol_avatar, "_label", _label()));
127
+ $.template_effect(() => $.set_custom_element_data(kol_avatar, "_src", _src()));
128
128
  var node = $.child(kol_avatar);
129
129
  $.slot(node, $$props, "default", {}, null);
130
130
  $.reset(kol_avatar);
@@ -134,7 +134,7 @@ function KolAvatar($$anchor, $$props) {
134
134
  return $.pop($$exports);
135
135
  }
136
136
 
137
- var root$O = $.from_html(`<kol-badge><!></kol-badge>`, 2);
137
+ var root$Q = $.from_html(`<kol-badge><!></kol-badge>`, 2);
138
138
  function KolBadge($$anchor, $$props) {
139
139
  $.push($$props, false);
140
140
  let __ref = $.mutable_source();
@@ -149,7 +149,7 @@ function KolBadge($$anchor, $$props) {
149
149
  });
150
150
  var $$exports = { focus, getWebComponent };
151
151
  $.init();
152
- var kol_badge = root$O();
152
+ var kol_badge = root$Q();
153
153
  $.template_effect(() => $.set_custom_element_data(kol_badge, "_color", _color()));
154
154
  $.template_effect(() => $.set_custom_element_data(kol_badge, "_icons", _icons()));
155
155
  $.template_effect(() => $.set_custom_element_data(kol_badge, "_label", _label()));
@@ -164,7 +164,7 @@ function KolBadge($$anchor, $$props) {
164
164
  return $.pop($$exports);
165
165
  }
166
166
 
167
- var root$N = $.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
167
+ var root$P = $.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
168
168
  function KolBreadcrumb($$anchor, $$props) {
169
169
  $.push($$props, false);
170
170
  let __ref = $.mutable_source();
@@ -176,7 +176,7 @@ function KolBreadcrumb($$anchor, $$props) {
176
176
  });
177
177
  var $$exports = { getWebComponent };
178
178
  $.init();
179
- var kol_breadcrumb = root$N();
179
+ var kol_breadcrumb = root$P();
180
180
  $.template_effect(() => $.set_custom_element_data(kol_breadcrumb, "_label", _label()));
181
181
  $.template_effect(() => $.set_custom_element_data(kol_breadcrumb, "_links", _links()));
182
182
  var node = $.child(kol_breadcrumb);
@@ -188,7 +188,7 @@ function KolBreadcrumb($$anchor, $$props) {
188
188
  return $.pop($$exports);
189
189
  }
190
190
 
191
- var root$M = $.from_html(`<kol-button><!></kol-button>`, 2);
191
+ var root$O = $.from_html(`<kol-button><!></kol-button>`, 2);
192
192
  function KolButton($$anchor, $$props) {
193
193
  $.push($$props, false);
194
194
  let __ref = $.mutable_source();
@@ -229,7 +229,7 @@ function KolButton($$anchor, $$props) {
229
229
  $.legacy_pre_effect_reset();
230
230
  var $$exports = { getValue, focus, getWebComponent };
231
231
  $.init();
232
- var kol_button = root$M();
232
+ var kol_button = root$O();
233
233
  $.template_effect(() => $.set_custom_element_data(kol_button, "_access-key", _accessKey()));
234
234
  $.template_effect(() => $.set_custom_element_data(kol_button, "_aria-controls", _ariaControls()));
235
235
  $.template_effect(() => $.set_custom_element_data(kol_button, "_aria-description", _ariaDescription()));
@@ -260,7 +260,7 @@ function KolButton($$anchor, $$props) {
260
260
  return $.pop($$exports);
261
261
  }
262
262
 
263
- var root$L = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
263
+ var root$N = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
264
264
  function KolButtonLink($$anchor, $$props) {
265
265
  $.push($$props, false);
266
266
  let __ref = $.mutable_source();
@@ -300,7 +300,7 @@ function KolButtonLink($$anchor, $$props) {
300
300
  $.legacy_pre_effect_reset();
301
301
  var $$exports = { getValue, focus, getWebComponent };
302
302
  $.init();
303
- var kol_button_link = root$L();
303
+ var kol_button_link = root$N();
304
304
  $.template_effect(() => $.set_custom_element_data(kol_button_link, "_access-key", _accessKey()));
305
305
  $.template_effect(() => $.set_custom_element_data(kol_button_link, "_aria-controls", _ariaControls()));
306
306
  $.template_effect(() => $.set_custom_element_data(kol_button_link, "_aria-description", _ariaDescription()));
@@ -330,7 +330,7 @@ function KolButtonLink($$anchor, $$props) {
330
330
  return $.pop($$exports);
331
331
  }
332
332
 
333
- var root$K = $.from_html(`<kol-card><!></kol-card>`, 2);
333
+ var root$M = $.from_html(`<kol-card><!></kol-card>`, 2);
334
334
  function KolCard($$anchor, $$props) {
335
335
  $.push($$props, false);
336
336
  let __ref = $.mutable_source();
@@ -353,7 +353,7 @@ function KolCard($$anchor, $$props) {
353
353
  $.legacy_pre_effect_reset();
354
354
  var $$exports = { getWebComponent };
355
355
  $.init();
356
- var kol_card = root$K();
356
+ var kol_card = root$M();
357
357
  $.template_effect(() => $.set_custom_element_data(kol_card, "_has-closer", _hasCloser()));
358
358
  $.template_effect(() => $.set_custom_element_data(kol_card, "_label", _label()));
359
359
  $.template_effect(() => $.set_custom_element_data(kol_card, "_level", _level()));
@@ -366,7 +366,7 @@ function KolCard($$anchor, $$props) {
366
366
  return $.pop($$exports);
367
367
  }
368
368
 
369
- var root$J = $.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
369
+ var root$L = $.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
370
370
  function KolCardWc($$anchor, $$props) {
371
371
  $.push($$props, false);
372
372
  let __ref = $.mutable_source();
@@ -389,7 +389,7 @@ function KolCardWc($$anchor, $$props) {
389
389
  $.legacy_pre_effect_reset();
390
390
  var $$exports = { getWebComponent };
391
391
  $.init();
392
- var kol_card_wc = root$J();
392
+ var kol_card_wc = root$L();
393
393
  $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_has-closer", _hasCloser()));
394
394
  $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_label", _label()));
395
395
  $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_level", _level()));
@@ -402,7 +402,31 @@ function KolCardWc($$anchor, $$props) {
402
402
  return $.pop($$exports);
403
403
  }
404
404
 
405
- var root$I = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
405
+ var root$K = $.from_html(`<kol-click-button><!></kol-click-button>`, 2);
406
+ function KolClickButton($$anchor, $$props) {
407
+ $.push($$props, false);
408
+ let __ref = $.mutable_source();
409
+ createEventDispatcher();
410
+ let _label = $.prop($$props, "_label", 8);
411
+ const focus = (...args) => $.get(__ref).focus(...args);
412
+ const getWebComponent = () => $.get(__ref);
413
+ onMount(() => {
414
+ });
415
+ var $$exports = { focus, getWebComponent };
416
+ $.init();
417
+ var kol_click_button = root$K();
418
+ $.template_effect(() => $.set_custom_element_data(kol_click_button, "_label", _label()));
419
+ var node = $.child(kol_click_button);
420
+ $.slot(node, $$props, "default", {}, null);
421
+ $.reset(kol_click_button);
422
+ $.bind_this(kol_click_button, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
423
+ $.append($$anchor, kol_click_button);
424
+ $.bind_prop($$props, "focus", focus);
425
+ $.bind_prop($$props, "getWebComponent", getWebComponent);
426
+ return $.pop($$exports);
427
+ }
428
+
429
+ var root$J = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
406
430
  function KolCombobox($$anchor, $$props) {
407
431
  $.push($$props, false);
408
432
  let __ref = $.mutable_source();
@@ -442,7 +466,7 @@ function KolCombobox($$anchor, $$props) {
442
466
  $.legacy_pre_effect_reset();
443
467
  var $$exports = { getValue, focus, getWebComponent };
444
468
  $.init();
445
- var kol_combobox = root$I();
469
+ var kol_combobox = root$J();
446
470
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_access-key", _accessKey()));
447
471
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_placeholder", _placeholder()));
448
472
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_disabled", _disabled()));
@@ -472,7 +496,7 @@ function KolCombobox($$anchor, $$props) {
472
496
  return $.pop($$exports);
473
497
  }
474
498
 
475
- var root$H = $.from_html(`<kol-details><!></kol-details>`, 2);
499
+ var root$I = $.from_html(`<kol-details><!></kol-details>`, 2);
476
500
  function KolDetails($$anchor, $$props) {
477
501
  $.push($$props, false);
478
502
  let __ref = $.mutable_source();
@@ -497,7 +521,7 @@ function KolDetails($$anchor, $$props) {
497
521
  $.legacy_pre_effect_reset();
498
522
  var $$exports = { focus, getWebComponent };
499
523
  $.init();
500
- var kol_details = root$H();
524
+ var kol_details = root$I();
501
525
  $.template_effect(() => $.set_custom_element_data(kol_details, "_disabled", _disabled()));
502
526
  $.template_effect(() => $.set_custom_element_data(kol_details, "_label", _label()));
503
527
  $.template_effect(() => $.set_custom_element_data(kol_details, "_level", _level()));
@@ -512,7 +536,7 @@ function KolDetails($$anchor, $$props) {
512
536
  return $.pop($$exports);
513
537
  }
514
538
 
515
- var root$G = $.from_html(`<kol-dialog><!></kol-dialog>`, 2);
539
+ var root$H = $.from_html(`<kol-dialog><!></kol-dialog>`, 2);
516
540
  function KolDialog($$anchor, $$props) {
517
541
  $.push($$props, false);
518
542
  let __ref = $.mutable_source();
@@ -537,7 +561,7 @@ function KolDialog($$anchor, $$props) {
537
561
  $.legacy_pre_effect_reset();
538
562
  var $$exports = { openModal, closeModal, getWebComponent };
539
563
  $.init();
540
- var kol_dialog = root$G();
564
+ var kol_dialog = root$H();
541
565
  $.template_effect(() => $.set_custom_element_data(kol_dialog, "_label", _label()));
542
566
  $.template_effect(() => $.set_custom_element_data(kol_dialog, "_width", _width()));
543
567
  $.template_effect(() => $.set_custom_element_data(kol_dialog, "_variant", _variant()));
@@ -552,7 +576,7 @@ function KolDialog($$anchor, $$props) {
552
576
  return $.pop($$exports);
553
577
  }
554
578
 
555
- var root$F = $.from_html(`<kol-drawer><!></kol-drawer>`, 2);
579
+ var root$G = $.from_html(`<kol-drawer><!></kol-drawer>`, 2);
556
580
  function KolDrawer($$anchor, $$props) {
557
581
  $.push($$props, false);
558
582
  let __ref = $.mutable_source();
@@ -578,7 +602,7 @@ function KolDrawer($$anchor, $$props) {
578
602
  $.legacy_pre_effect_reset();
579
603
  var $$exports = { open, close, getWebComponent };
580
604
  $.init();
581
- var kol_drawer = root$F();
605
+ var kol_drawer = root$G();
582
606
  $.template_effect(() => $.set_custom_element_data(kol_drawer, "_open", _open()));
583
607
  $.template_effect(() => $.set_custom_element_data(kol_drawer, "_align", _align()));
584
608
  $.template_effect(() => $.set_custom_element_data(kol_drawer, "_has-closer", _hasCloser()));
@@ -594,7 +618,7 @@ function KolDrawer($$anchor, $$props) {
594
618
  return $.pop($$exports);
595
619
  }
596
620
 
597
- var root$E = $.from_html(`<kol-form><!></kol-form>`, 2);
621
+ var root$F = $.from_html(`<kol-form><!></kol-form>`, 2);
598
622
  function KolForm($$anchor, $$props) {
599
623
  $.push($$props, false);
600
624
  let __ref = $.mutable_source();
@@ -620,7 +644,7 @@ function KolForm($$anchor, $$props) {
620
644
  $.legacy_pre_effect_reset();
621
645
  var $$exports = { focusErrorList, getWebComponent };
622
646
  $.init();
623
- var kol_form = root$E();
647
+ var kol_form = root$F();
624
648
  $.template_effect(() => $.set_custom_element_data(kol_form, "_required-text", _requiredText()));
625
649
  var node = $.child(kol_form);
626
650
  $.slot(node, $$props, "default", {}, null);
@@ -632,7 +656,7 @@ function KolForm($$anchor, $$props) {
632
656
  return $.pop($$exports);
633
657
  }
634
658
 
635
- var root$D = $.from_html(`<kol-heading><!></kol-heading>`, 2);
659
+ var root$E = $.from_html(`<kol-heading><!></kol-heading>`, 2);
636
660
  function KolHeading($$anchor, $$props) {
637
661
  $.push($$props, false);
638
662
  let __ref = $.mutable_source();
@@ -645,7 +669,7 @@ function KolHeading($$anchor, $$props) {
645
669
  });
646
670
  var $$exports = { getWebComponent };
647
671
  $.init();
648
- var kol_heading = root$D();
672
+ var kol_heading = root$E();
649
673
  $.template_effect(() => $.set_custom_element_data(kol_heading, "_label", _label()));
650
674
  $.template_effect(() => $.set_custom_element_data(kol_heading, "_level", _level()));
651
675
  $.template_effect(() => $.set_custom_element_data(kol_heading, "_secondary-headline", _secondaryHeadline()));
@@ -658,7 +682,7 @@ function KolHeading($$anchor, $$props) {
658
682
  return $.pop($$exports);
659
683
  }
660
684
 
661
- var root$C = $.from_html(`<kol-icon><!></kol-icon>`, 2);
685
+ var root$D = $.from_html(`<kol-icon><!></kol-icon>`, 2);
662
686
  function KolIcon($$anchor, $$props) {
663
687
  $.push($$props, false);
664
688
  let __ref = $.mutable_source();
@@ -670,7 +694,7 @@ function KolIcon($$anchor, $$props) {
670
694
  });
671
695
  var $$exports = { getWebComponent };
672
696
  $.init();
673
- var kol_icon = root$C();
697
+ var kol_icon = root$D();
674
698
  $.template_effect(() => $.set_custom_element_data(kol_icon, "_icons", _icons()));
675
699
  $.template_effect(() => $.set_custom_element_data(kol_icon, "_label", _label()));
676
700
  var node = $.child(kol_icon);
@@ -682,7 +706,7 @@ function KolIcon($$anchor, $$props) {
682
706
  return $.pop($$exports);
683
707
  }
684
708
 
685
- var root$B = $.from_html(`<kol-image><!></kol-image>`, 2);
709
+ var root$C = $.from_html(`<kol-image><!></kol-image>`, 2);
686
710
  function KolImage($$anchor, $$props) {
687
711
  $.push($$props, false);
688
712
  let __ref = $.mutable_source();
@@ -697,7 +721,7 @@ function KolImage($$anchor, $$props) {
697
721
  });
698
722
  var $$exports = { getWebComponent };
699
723
  $.init();
700
- var kol_image = root$B();
724
+ var kol_image = root$C();
701
725
  $.template_effect(() => $.set_custom_element_data(kol_image, "_alt", _alt()));
702
726
  $.template_effect(() => $.set_custom_element_data(kol_image, "_loading", _loading()));
703
727
  $.template_effect(() => $.set_custom_element_data(kol_image, "_sizes", _sizes()));
@@ -712,7 +736,7 @@ function KolImage($$anchor, $$props) {
712
736
  return $.pop($$exports);
713
737
  }
714
738
 
715
- var root$A = $.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
739
+ var root$B = $.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
716
740
  function KolInputCheckbox($$anchor, $$props) {
717
741
  $.push($$props, false);
718
742
  let __ref = $.mutable_source();
@@ -753,7 +777,7 @@ function KolInputCheckbox($$anchor, $$props) {
753
777
  $.legacy_pre_effect_reset();
754
778
  var $$exports = { getValue, focus, getWebComponent };
755
779
  $.init();
756
- var kol_input_checkbox = root$A();
780
+ var kol_input_checkbox = root$B();
757
781
  $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_access-key", _accessKey()));
758
782
  $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_checked", _checked()));
759
783
  $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_hide-msg", _hideMsg()));
@@ -784,7 +808,7 @@ function KolInputCheckbox($$anchor, $$props) {
784
808
  return $.pop($$exports);
785
809
  }
786
810
 
787
- var root$z = $.from_html(`<kol-input-color><!></kol-input-color>`, 2);
811
+ var root$A = $.from_html(`<kol-input-color><!></kol-input-color>`, 2);
788
812
  function KolInputColor($$anchor, $$props) {
789
813
  $.push($$props, false);
790
814
  let __ref = $.mutable_source();
@@ -823,7 +847,7 @@ function KolInputColor($$anchor, $$props) {
823
847
  $.legacy_pre_effect_reset();
824
848
  var $$exports = { getValue, focus, getWebComponent };
825
849
  $.init();
826
- var kol_input_color = root$z();
850
+ var kol_input_color = root$A();
827
851
  $.template_effect(() => $.set_custom_element_data(kol_input_color, "_access-key", _accessKey()));
828
852
  $.template_effect(() => $.set_custom_element_data(kol_input_color, "_auto-complete", _autoComplete()));
829
853
  $.template_effect(() => $.set_custom_element_data(kol_input_color, "_disabled", _disabled()));
@@ -852,7 +876,7 @@ function KolInputColor($$anchor, $$props) {
852
876
  return $.pop($$exports);
853
877
  }
854
878
 
855
- var root$y = $.from_html(`<kol-input-date><!></kol-input-date>`, 2);
879
+ var root$z = $.from_html(`<kol-input-date><!></kol-input-date>`, 2);
856
880
  function KolInputDate($$anchor, $$props) {
857
881
  $.push($$props, false);
858
882
  let __ref = $.mutable_source();
@@ -898,7 +922,7 @@ function KolInputDate($$anchor, $$props) {
898
922
  $.legacy_pre_effect_reset();
899
923
  var $$exports = { getValue, focus, reset, getWebComponent };
900
924
  $.init();
901
- var kol_input_date = root$y();
925
+ var kol_input_date = root$z();
902
926
  $.template_effect(() => $.set_custom_element_data(kol_input_date, "_access-key", _accessKey()));
903
927
  $.template_effect(() => $.set_custom_element_data(kol_input_date, "_auto-complete", _autoComplete()));
904
928
  $.template_effect(() => $.set_custom_element_data(kol_input_date, "_disabled", _disabled()));
@@ -934,7 +958,7 @@ function KolInputDate($$anchor, $$props) {
934
958
  return $.pop($$exports);
935
959
  }
936
960
 
937
- var root$x = $.from_html(`<kol-input-email><!></kol-input-email>`, 2);
961
+ var root$y = $.from_html(`<kol-input-email><!></kol-input-email>`, 2);
938
962
  function KolInputEmail($$anchor, $$props) {
939
963
  $.push($$props, false);
940
964
  let __ref = $.mutable_source();
@@ -981,7 +1005,7 @@ function KolInputEmail($$anchor, $$props) {
981
1005
  $.legacy_pre_effect_reset();
982
1006
  var $$exports = { getValue, focus, getWebComponent };
983
1007
  $.init();
984
- var kol_input_email = root$x();
1008
+ var kol_input_email = root$y();
985
1009
  $.template_effect(() => $.set_custom_element_data(kol_input_email, "_access-key", _accessKey()));
986
1010
  $.template_effect(() => $.set_custom_element_data(kol_input_email, "_auto-complete", _autoComplete()));
987
1011
  $.template_effect(() => $.set_custom_element_data(kol_input_email, "_has-counter", _hasCounter()));
@@ -1018,7 +1042,7 @@ function KolInputEmail($$anchor, $$props) {
1018
1042
  return $.pop($$exports);
1019
1043
  }
1020
1044
 
1021
- var root$w = $.from_html(`<kol-input-file><!></kol-input-file>`, 2);
1045
+ var root$x = $.from_html(`<kol-input-file><!></kol-input-file>`, 2);
1022
1046
  function KolInputFile($$anchor, $$props) {
1023
1047
  $.push($$props, false);
1024
1048
  let __ref = $.mutable_source();
@@ -1058,7 +1082,7 @@ function KolInputFile($$anchor, $$props) {
1058
1082
  $.legacy_pre_effect_reset();
1059
1083
  var $$exports = { getValue, focus, reset, getWebComponent };
1060
1084
  $.init();
1061
- var kol_input_file = root$w();
1085
+ var kol_input_file = root$x();
1062
1086
  $.template_effect(() => $.set_custom_element_data(kol_input_file, "_accept", _accept()));
1063
1087
  $.template_effect(() => $.set_custom_element_data(kol_input_file, "_access-key", _accessKey()));
1064
1088
  $.template_effect(() => $.set_custom_element_data(kol_input_file, "_disabled", _disabled()));
@@ -1088,7 +1112,7 @@ function KolInputFile($$anchor, $$props) {
1088
1112
  return $.pop($$exports);
1089
1113
  }
1090
1114
 
1091
- var root$v = $.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1115
+ var root$w = $.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1092
1116
  function KolInputNumber($$anchor, $$props) {
1093
1117
  $.push($$props, false);
1094
1118
  let __ref = $.mutable_source();
@@ -1133,7 +1157,7 @@ function KolInputNumber($$anchor, $$props) {
1133
1157
  $.legacy_pre_effect_reset();
1134
1158
  var $$exports = { getValue, focus, getWebComponent };
1135
1159
  $.init();
1136
- var kol_input_number = root$v();
1160
+ var kol_input_number = root$w();
1137
1161
  $.template_effect(() => $.set_custom_element_data(kol_input_number, "_access-key", _accessKey()));
1138
1162
  $.template_effect(() => $.set_custom_element_data(kol_input_number, "_auto-complete", _autoComplete()));
1139
1163
  $.template_effect(() => $.set_custom_element_data(kol_input_number, "_disabled", _disabled()));
@@ -1168,7 +1192,7 @@ function KolInputNumber($$anchor, $$props) {
1168
1192
  return $.pop($$exports);
1169
1193
  }
1170
1194
 
1171
- var root$u = $.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1195
+ var root$v = $.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1172
1196
  function KolInputPassword($$anchor, $$props) {
1173
1197
  $.push($$props, false);
1174
1198
  let __ref = $.mutable_source();
@@ -1214,7 +1238,7 @@ function KolInputPassword($$anchor, $$props) {
1214
1238
  $.legacy_pre_effect_reset();
1215
1239
  var $$exports = { getValue, focus, getWebComponent };
1216
1240
  $.init();
1217
- var kol_input_password = root$u();
1241
+ var kol_input_password = root$v();
1218
1242
  $.template_effect(() => $.set_custom_element_data(kol_input_password, "_access-key", _accessKey()));
1219
1243
  $.template_effect(() => $.set_custom_element_data(kol_input_password, "_auto-complete", _autoComplete()));
1220
1244
  $.template_effect(() => $.set_custom_element_data(kol_input_password, "_has-counter", _hasCounter()));
@@ -1250,7 +1274,7 @@ function KolInputPassword($$anchor, $$props) {
1250
1274
  return $.pop($$exports);
1251
1275
  }
1252
1276
 
1253
- var root$t = $.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1277
+ var root$u = $.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1254
1278
  function KolInputRadio($$anchor, $$props) {
1255
1279
  $.push($$props, false);
1256
1280
  let __ref = $.mutable_source();
@@ -1286,7 +1310,7 @@ function KolInputRadio($$anchor, $$props) {
1286
1310
  $.legacy_pre_effect_reset();
1287
1311
  var $$exports = { getValue, focus, getWebComponent };
1288
1312
  $.init();
1289
- var kol_input_radio = root$t();
1313
+ var kol_input_radio = root$u();
1290
1314
  $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_disabled", _disabled()));
1291
1315
  $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_hide-msg", _hideMsg()));
1292
1316
  $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_hide-label", _hideLabel()));
@@ -1312,7 +1336,7 @@ function KolInputRadio($$anchor, $$props) {
1312
1336
  return $.pop($$exports);
1313
1337
  }
1314
1338
 
1315
- var root$s = $.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1339
+ var root$t = $.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1316
1340
  function KolInputRange($$anchor, $$props) {
1317
1341
  $.push($$props, false);
1318
1342
  let __ref = $.mutable_source();
@@ -1353,7 +1377,7 @@ function KolInputRange($$anchor, $$props) {
1353
1377
  $.legacy_pre_effect_reset();
1354
1378
  var $$exports = { focus, getValue, getWebComponent };
1355
1379
  $.init();
1356
- var kol_input_range = root$s();
1380
+ var kol_input_range = root$t();
1357
1381
  $.template_effect(() => $.set_custom_element_data(kol_input_range, "_access-key", _accessKey()));
1358
1382
  $.template_effect(() => $.set_custom_element_data(kol_input_range, "_auto-complete", _autoComplete()));
1359
1383
  $.template_effect(() => $.set_custom_element_data(kol_input_range, "_disabled", _disabled()));
@@ -1384,7 +1408,7 @@ function KolInputRange($$anchor, $$props) {
1384
1408
  return $.pop($$exports);
1385
1409
  }
1386
1410
 
1387
- var root$r = $.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1411
+ var root$s = $.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1388
1412
  function KolInputText($$anchor, $$props) {
1389
1413
  $.push($$props, false);
1390
1414
  let __ref = $.mutable_source();
@@ -1446,7 +1470,7 @@ function KolInputText($$anchor, $$props) {
1446
1470
  getWebComponent
1447
1471
  };
1448
1472
  $.init();
1449
- var kol_input_text = root$r();
1473
+ var kol_input_text = root$s();
1450
1474
  $.template_effect(() => $.set_custom_element_data(kol_input_text, "_access-key", _accessKey()));
1451
1475
  $.template_effect(() => $.set_custom_element_data(kol_input_text, "_auto-complete", _autoComplete()));
1452
1476
  $.template_effect(() => $.set_custom_element_data(kol_input_text, "_has-counter", _hasCounter()));
@@ -1489,7 +1513,7 @@ function KolInputText($$anchor, $$props) {
1489
1513
  return $.pop($$exports);
1490
1514
  }
1491
1515
 
1492
- var root$q = $.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1516
+ var root$r = $.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1493
1517
  function KolKolibri($$anchor, $$props) {
1494
1518
  $.push($$props, false);
1495
1519
  let __ref = $.mutable_source();
@@ -1501,7 +1525,7 @@ function KolKolibri($$anchor, $$props) {
1501
1525
  });
1502
1526
  var $$exports = { getWebComponent };
1503
1527
  $.init();
1504
- var kol_kolibri = root$q();
1528
+ var kol_kolibri = root$r();
1505
1529
  $.template_effect(() => $.set_custom_element_data(kol_kolibri, "_color", _color()));
1506
1530
  $.template_effect(() => $.set_custom_element_data(kol_kolibri, "_labeled", _labeled()));
1507
1531
  var node = $.child(kol_kolibri);
@@ -1513,7 +1537,7 @@ function KolKolibri($$anchor, $$props) {
1513
1537
  return $.pop($$exports);
1514
1538
  }
1515
1539
 
1516
- var root$p = $.from_html(`<kol-link><!></kol-link>`, 2);
1540
+ var root$q = $.from_html(`<kol-link><!></kol-link>`, 2);
1517
1541
  function KolLink($$anchor, $$props) {
1518
1542
  $.push($$props, false);
1519
1543
  let __ref = $.mutable_source();
@@ -1551,7 +1575,7 @@ function KolLink($$anchor, $$props) {
1551
1575
  $.legacy_pre_effect_reset();
1552
1576
  var $$exports = { focus, getWebComponent };
1553
1577
  $.init();
1554
- var kol_link = root$p();
1578
+ var kol_link = root$q();
1555
1579
  $.template_effect(() => $.set_custom_element_data(kol_link, "_access-key", _accessKey()));
1556
1580
  $.template_effect(() => $.set_custom_element_data(kol_link, "_aria-current-value", _ariaCurrentValue()));
1557
1581
  $.template_effect(() => $.set_custom_element_data(kol_link, "_aria-controls", _ariaControls()));
@@ -1579,7 +1603,7 @@ function KolLink($$anchor, $$props) {
1579
1603
  return $.pop($$exports);
1580
1604
  }
1581
1605
 
1582
- var root$o = $.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1606
+ var root$p = $.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1583
1607
  function KolLinkButton($$anchor, $$props) {
1584
1608
  $.push($$props, false);
1585
1609
  let __ref = $.mutable_source();
@@ -1616,7 +1640,7 @@ function KolLinkButton($$anchor, $$props) {
1616
1640
  $.legacy_pre_effect_reset();
1617
1641
  var $$exports = { focus, getWebComponent };
1618
1642
  $.init();
1619
- var kol_link_button = root$o();
1643
+ var kol_link_button = root$p();
1620
1644
  $.template_effect(() => $.set_custom_element_data(kol_link_button, "_access-key", _accessKey()));
1621
1645
  $.template_effect(() => $.set_custom_element_data(kol_link_button, "_aria-current-value", _ariaCurrentValue()));
1622
1646
  $.template_effect(() => $.set_custom_element_data(kol_link_button, "_aria-controls", _ariaControls()));
@@ -1643,7 +1667,7 @@ function KolLinkButton($$anchor, $$props) {
1643
1667
  return $.pop($$exports);
1644
1668
  }
1645
1669
 
1646
- var root$n = $.from_html(`<kol-modal><!></kol-modal>`, 2);
1670
+ var root$o = $.from_html(`<kol-modal><!></kol-modal>`, 2);
1647
1671
  function KolModal($$anchor, $$props) {
1648
1672
  $.push($$props, false);
1649
1673
  let __ref = $.mutable_source();
@@ -1668,7 +1692,7 @@ function KolModal($$anchor, $$props) {
1668
1692
  $.legacy_pre_effect_reset();
1669
1693
  var $$exports = { openModal, closeModal, getWebComponent };
1670
1694
  $.init();
1671
- var kol_modal = root$n();
1695
+ var kol_modal = root$o();
1672
1696
  $.template_effect(() => $.set_custom_element_data(kol_modal, "_label", _label()));
1673
1697
  $.template_effect(() => $.set_custom_element_data(kol_modal, "_width", _width()));
1674
1698
  $.template_effect(() => $.set_custom_element_data(kol_modal, "_variant", _variant()));
@@ -1683,7 +1707,7 @@ function KolModal($$anchor, $$props) {
1683
1707
  return $.pop($$exports);
1684
1708
  }
1685
1709
 
1686
- var root$m = $.from_html(`<kol-nav><!></kol-nav>`, 2);
1710
+ var root$n = $.from_html(`<kol-nav><!></kol-nav>`, 2);
1687
1711
  function KolNav($$anchor, $$props) {
1688
1712
  $.push($$props, false);
1689
1713
  let __ref = $.mutable_source();
@@ -1699,7 +1723,7 @@ function KolNav($$anchor, $$props) {
1699
1723
  });
1700
1724
  var $$exports = { getWebComponent };
1701
1725
  $.init();
1702
- var kol_nav = root$m();
1726
+ var kol_nav = root$n();
1703
1727
  $.template_effect(() => $.set_custom_element_data(kol_nav, "_collapsible", _collapsible()));
1704
1728
  $.template_effect(() => $.set_custom_element_data(kol_nav, "_has-compact-button", _hasCompactButton()));
1705
1729
  $.template_effect(() => $.set_custom_element_data(kol_nav, "_has-icons-when-expanded", _hasIconsWhenExpanded()));
@@ -1715,7 +1739,7 @@ function KolNav($$anchor, $$props) {
1715
1739
  return $.pop($$exports);
1716
1740
  }
1717
1741
 
1718
- var root$l = $.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1742
+ var root$m = $.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1719
1743
  function KolPagination($$anchor, $$props) {
1720
1744
  $.push($$props, false);
1721
1745
  let __ref = $.mutable_source();
@@ -1745,7 +1769,7 @@ function KolPagination($$anchor, $$props) {
1745
1769
  $.legacy_pre_effect_reset();
1746
1770
  var $$exports = { getWebComponent };
1747
1771
  $.init();
1748
- var kol_pagination = root$l();
1772
+ var kol_pagination = root$m();
1749
1773
  $.template_effect(() => $.set_custom_element_data(kol_pagination, "_boundary-count", _boundaryCount()));
1750
1774
  $.template_effect(() => $.set_custom_element_data(kol_pagination, "_custom-class", _customClass()));
1751
1775
  $.template_effect(() => $.set_custom_element_data(kol_pagination, "_label", _label()));
@@ -1765,7 +1789,7 @@ function KolPagination($$anchor, $$props) {
1765
1789
  return $.pop($$exports);
1766
1790
  }
1767
1791
 
1768
- var root$k = $.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1792
+ var root$l = $.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1769
1793
  function KolPaginationWc($$anchor, $$props) {
1770
1794
  $.push($$props, false);
1771
1795
  let __ref = $.mutable_source();
@@ -1795,7 +1819,7 @@ function KolPaginationWc($$anchor, $$props) {
1795
1819
  $.legacy_pre_effect_reset();
1796
1820
  var $$exports = { getWebComponent };
1797
1821
  $.init();
1798
- var kol_pagination_wc = root$k();
1822
+ var kol_pagination_wc = root$l();
1799
1823
  $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_boundary-count", _boundaryCount()));
1800
1824
  $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_custom-class", _customClass()));
1801
1825
  $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_label", _label()));
@@ -1815,7 +1839,7 @@ function KolPaginationWc($$anchor, $$props) {
1815
1839
  return $.pop($$exports);
1816
1840
  }
1817
1841
 
1818
- var root$j = $.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1842
+ var root$k = $.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1819
1843
  function KolPopoverButton($$anchor, $$props) {
1820
1844
  $.push($$props, false);
1821
1845
  let __ref = $.mutable_source();
@@ -1845,7 +1869,7 @@ function KolPopoverButton($$anchor, $$props) {
1845
1869
  });
1846
1870
  var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1847
1871
  $.init();
1848
- var kol_popover_button = root$j();
1872
+ var kol_popover_button = root$k();
1849
1873
  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_access-key", _accessKey()));
1850
1874
  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_aria-description", _ariaDescription()));
1851
1875
  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_custom-class", _customClass()));
@@ -1875,7 +1899,7 @@ function KolPopoverButton($$anchor, $$props) {
1875
1899
  return $.pop($$exports);
1876
1900
  }
1877
1901
 
1878
- var root$i = $.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1902
+ var root$j = $.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1879
1903
  function KolPopoverButtonWc($$anchor, $$props) {
1880
1904
  $.push($$props, false);
1881
1905
  let __ref = $.mutable_source();
@@ -1906,7 +1930,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
1906
1930
  });
1907
1931
  var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1908
1932
  $.init();
1909
- var kol_popover_button_wc = root$i();
1933
+ var kol_popover_button_wc = root$j();
1910
1934
  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_access-key", _accessKey()));
1911
1935
  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_aria-description", _ariaDescription()));
1912
1936
  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_custom-class", _customClass()));
@@ -1937,7 +1961,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
1937
1961
  return $.pop($$exports);
1938
1962
  }
1939
1963
 
1940
- var root$h = $.from_html(`<kol-progress><!></kol-progress>`, 2);
1964
+ var root$i = $.from_html(`<kol-progress><!></kol-progress>`, 2);
1941
1965
  function KolProgress($$anchor, $$props) {
1942
1966
  $.push($$props, false);
1943
1967
  let __ref = $.mutable_source();
@@ -1952,7 +1976,7 @@ function KolProgress($$anchor, $$props) {
1952
1976
  });
1953
1977
  var $$exports = { getWebComponent };
1954
1978
  $.init();
1955
- var kol_progress = root$h();
1979
+ var kol_progress = root$i();
1956
1980
  $.template_effect(() => $.set_custom_element_data(kol_progress, "_label", _label()));
1957
1981
  $.template_effect(() => $.set_custom_element_data(kol_progress, "_max", _max()));
1958
1982
  $.template_effect(() => $.set_custom_element_data(kol_progress, "_unit", _unit()));
@@ -1967,7 +1991,7 @@ function KolProgress($$anchor, $$props) {
1967
1991
  return $.pop($$exports);
1968
1992
  }
1969
1993
 
1970
- var root$g = $.from_html(`<kol-quote><!></kol-quote>`, 2);
1994
+ var root$h = $.from_html(`<kol-quote><!></kol-quote>`, 2);
1971
1995
  function KolQuote($$anchor, $$props) {
1972
1996
  $.push($$props, false);
1973
1997
  let __ref = $.mutable_source();
@@ -1981,7 +2005,7 @@ function KolQuote($$anchor, $$props) {
1981
2005
  });
1982
2006
  var $$exports = { getWebComponent };
1983
2007
  $.init();
1984
- var kol_quote = root$g();
2008
+ var kol_quote = root$h();
1985
2009
  $.template_effect(() => $.set_custom_element_data(kol_quote, "_label", _label()));
1986
2010
  $.template_effect(() => $.set_custom_element_data(kol_quote, "_href", _href()));
1987
2011
  $.template_effect(() => $.set_custom_element_data(kol_quote, "_quote", _quote()));
@@ -1995,7 +2019,7 @@ function KolQuote($$anchor, $$props) {
1995
2019
  return $.pop($$exports);
1996
2020
  }
1997
2021
 
1998
- var root$f = $.from_html(`<kol-select><!></kol-select>`, 2);
2022
+ var root$g = $.from_html(`<kol-select><!></kol-select>`, 2);
1999
2023
  function KolSelect($$anchor, $$props) {
2000
2024
  $.push($$props, false);
2001
2025
  let __ref = $.mutable_source();
@@ -2036,7 +2060,7 @@ function KolSelect($$anchor, $$props) {
2036
2060
  $.legacy_pre_effect_reset();
2037
2061
  var $$exports = { getValue, focus, getWebComponent };
2038
2062
  $.init();
2039
- var kol_select = root$f();
2063
+ var kol_select = root$g();
2040
2064
  $.template_effect(() => $.set_custom_element_data(kol_select, "_access-key", _accessKey()));
2041
2065
  $.template_effect(() => $.set_custom_element_data(kol_select, "_disabled", _disabled()));
2042
2066
  $.template_effect(() => $.set_custom_element_data(kol_select, "_hide-msg", _hideMsg()));
@@ -2067,7 +2091,7 @@ function KolSelect($$anchor, $$props) {
2067
2091
  return $.pop($$exports);
2068
2092
  }
2069
2093
 
2070
- var root$e = $.from_html(`<kol-select-wc><!></kol-select-wc>`, 2);
2094
+ var root$f = $.from_html(`<kol-select-wc><!></kol-select-wc>`, 2);
2071
2095
  function KolSelectWc($$anchor, $$props) {
2072
2096
  $.push($$props, false);
2073
2097
  let __ref = $.mutable_source();
@@ -2108,7 +2132,7 @@ function KolSelectWc($$anchor, $$props) {
2108
2132
  $.legacy_pre_effect_reset();
2109
2133
  var $$exports = { getValue, focus, getWebComponent };
2110
2134
  $.init();
2111
- var kol_select_wc = root$e();
2135
+ var kol_select_wc = root$f();
2112
2136
  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_access-key", _accessKey()));
2113
2137
  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_disabled", _disabled()));
2114
2138
  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_hide-msg", _hideMsg()));
@@ -2139,7 +2163,7 @@ function KolSelectWc($$anchor, $$props) {
2139
2163
  return $.pop($$exports);
2140
2164
  }
2141
2165
 
2142
- var root$d = $.from_html(`<kol-single-select><!></kol-single-select>`, 2);
2166
+ var root$e = $.from_html(`<kol-single-select><!></kol-single-select>`, 2);
2143
2167
  function KolSingleSelect($$anchor, $$props) {
2144
2168
  $.push($$props, false);
2145
2169
  let __ref = $.mutable_source();
@@ -2180,7 +2204,7 @@ function KolSingleSelect($$anchor, $$props) {
2180
2204
  $.legacy_pre_effect_reset();
2181
2205
  var $$exports = { getValue, focus, getWebComponent };
2182
2206
  $.init();
2183
- var kol_single_select = root$d();
2207
+ var kol_single_select = root$e();
2184
2208
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_access-key", _accessKey()));
2185
2209
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_placeholder", _placeholder()));
2186
2210
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_disabled", _disabled()));
@@ -2211,6 +2235,40 @@ function KolSingleSelect($$anchor, $$props) {
2211
2235
  return $.pop($$exports);
2212
2236
  }
2213
2237
 
2238
+ var root$d = $.from_html(`<kol-skeleton><!></kol-skeleton>`, 2);
2239
+ function KolSkeleton($$anchor, $$props) {
2240
+ $.push($$props, false);
2241
+ let __ref = $.mutable_source();
2242
+ const dispatch = createEventDispatcher();
2243
+ let _count = $.prop($$props, "_count", 8, void 0);
2244
+ let _name = $.prop($$props, "_name", 8);
2245
+ const focus = (...args) => $.get(__ref).focus(...args);
2246
+ const toggle = (...args) => $.get(__ref).toggle(...args);
2247
+ const getWebComponent = () => $.get(__ref);
2248
+ onMount(() => {
2249
+ });
2250
+ const onEvent = (e) => {
2251
+ e.stopPropagation();
2252
+ dispatch(e.type, e.detail);
2253
+ };
2254
+ var $$exports = { focus, toggle, getWebComponent };
2255
+ $.init();
2256
+ var kol_skeleton = root$d();
2257
+ $.template_effect(() => $.set_custom_element_data(kol_skeleton, "_count", _count()));
2258
+ $.template_effect(() => $.set_custom_element_data(kol_skeleton, "_name", _name()));
2259
+ var node = $.child(kol_skeleton);
2260
+ $.slot(node, $$props, "default", {}, null);
2261
+ $.reset(kol_skeleton);
2262
+ $.bind_this(kol_skeleton, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2263
+ $.event("loaded", kol_skeleton, onEvent);
2264
+ $.event("rendered", kol_skeleton, onEvent);
2265
+ $.append($$anchor, kol_skeleton);
2266
+ $.bind_prop($$props, "focus", focus);
2267
+ $.bind_prop($$props, "toggle", toggle);
2268
+ $.bind_prop($$props, "getWebComponent", getWebComponent);
2269
+ return $.pop($$exports);
2270
+ }
2271
+
2214
2272
  var root$c = $.from_html(`<kol-skip-nav><!></kol-skip-nav>`, 2);
2215
2273
  function KolSkipNav($$anchor, $$props) {
2216
2274
  $.push($$props, false);
@@ -2725,4 +2783,4 @@ function KolVersion($$anchor, $$props) {
2725
2783
  return $.pop($$exports);
2726
2784
  }
2727
2785
 
2728
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDialog, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSelectWc, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion };
2786
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolClickButton, KolCombobox, KolDetails, KolDialog, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSelectWc, KolSingleSelect, KolSkeleton, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion };