@public-ui/svelte 4.0.0-alpha.9 → 4.0.0-beta.1

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 +279 -171
  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 +278 -172
  6. package/package.json +5 -5
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$Q = $.from_html(`<kol-abbr><!></kol-abbr>`, 2);
7
+ var root$S = $.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$Q();
18
+ var kol_abbr = root$S();
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$P = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
29
+ var root$R = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
30
30
  function KolAccordion($$anchor, $$props) {
31
31
  $.push($$props, false);
32
32
  let __ref = $.mutable_source();
@@ -37,7 +37,7 @@ function KolAccordion($$anchor, $$props) {
37
37
  let _level = $.prop($$props, "_level", 8, void 0);
38
38
  let _on = $.prop($$props, "_on", 8, void 0);
39
39
  let _open = $.prop($$props, "_open", 8, void 0);
40
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
40
+ const focus = (...args) => $.get(__ref).focus(...args);
41
41
  const getWebComponent = () => $.get(__ref);
42
42
  onMount(() => {
43
43
  $.set(__mounted, true);
@@ -49,9 +49,9 @@ function KolAccordion($$anchor, $$props) {
49
49
  if ($.get(__mounted)) setProp("_on", _on());
50
50
  });
51
51
  $.legacy_pre_effect_reset();
52
- var $$exports = { kolFocus, getWebComponent };
52
+ var $$exports = { focus, getWebComponent };
53
53
  $.init();
54
- var kol_accordion = root$P();
54
+ var kol_accordion = root$R();
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()));
@@ -61,12 +61,12 @@ function KolAccordion($$anchor, $$props) {
61
61
  $.reset(kol_accordion);
62
62
  $.bind_this(kol_accordion, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
63
63
  $.append($$anchor, kol_accordion);
64
- $.bind_prop($$props, "kolFocus", kolFocus);
64
+ $.bind_prop($$props, "focus", focus);
65
65
  $.bind_prop($$props, "getWebComponent", getWebComponent);
66
66
  return $.pop($$exports);
67
67
  }
68
68
 
69
- var root$O = $.from_html(`<kol-alert><!></kol-alert>`, 2);
69
+ var root$Q = $.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$O();
95
+ var kol_alert = root$Q();
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,7 +108,7 @@ function KolAlert($$anchor, $$props) {
108
108
  return $.pop($$exports);
109
109
  }
110
110
 
111
- var root$N = $.from_html(`<kol-avatar><!></kol-avatar>`, 2);
111
+ var root$P = $.from_html(`<kol-avatar><!></kol-avatar>`, 2);
112
112
  function KolAvatar($$anchor, $$props) {
113
113
  $.push($$props, false);
114
114
  let __ref = $.mutable_source();
@@ -121,7 +121,7 @@ function KolAvatar($$anchor, $$props) {
121
121
  });
122
122
  var $$exports = { getWebComponent };
123
123
  $.init();
124
- var kol_avatar = root$N();
124
+ var kol_avatar = root$P();
125
125
  $.template_effect(() => $.set_custom_element_data(kol_avatar, "_color", _color()));
126
126
  $.template_effect(() => $.set_custom_element_data(kol_avatar, "_src", _src()));
127
127
  $.template_effect(() => $.set_custom_element_data(kol_avatar, "_label", _label()));
@@ -134,7 +134,7 @@ function KolAvatar($$anchor, $$props) {
134
134
  return $.pop($$exports);
135
135
  }
136
136
 
137
- var root$M = $.from_html(`<kol-badge><!></kol-badge>`, 2);
137
+ var root$O = $.from_html(`<kol-badge><!></kol-badge>`, 2);
138
138
  function KolBadge($$anchor, $$props) {
139
139
  $.push($$props, false);
140
140
  let __ref = $.mutable_source();
@@ -143,13 +143,13 @@ function KolBadge($$anchor, $$props) {
143
143
  let _icons = $.prop($$props, "_icons", 8, void 0);
144
144
  let _label = $.prop($$props, "_label", 8);
145
145
  let _smartButton = $.prop($$props, "_smartButton", 8, void 0);
146
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
146
+ const focus = (...args) => $.get(__ref).focus(...args);
147
147
  const getWebComponent = () => $.get(__ref);
148
148
  onMount(() => {
149
149
  });
150
- var $$exports = { kolFocus, getWebComponent };
150
+ var $$exports = { focus, getWebComponent };
151
151
  $.init();
152
- var kol_badge = root$M();
152
+ var kol_badge = root$O();
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()));
@@ -159,12 +159,12 @@ function KolBadge($$anchor, $$props) {
159
159
  $.reset(kol_badge);
160
160
  $.bind_this(kol_badge, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
161
161
  $.append($$anchor, kol_badge);
162
- $.bind_prop($$props, "kolFocus", kolFocus);
162
+ $.bind_prop($$props, "focus", focus);
163
163
  $.bind_prop($$props, "getWebComponent", getWebComponent);
164
164
  return $.pop($$exports);
165
165
  }
166
166
 
167
- var root$L = $.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
167
+ var root$N = $.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$L();
179
+ var kol_breadcrumb = root$N();
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$K = $.from_html(`<kol-button><!></kol-button>`, 2);
191
+ var root$M = $.from_html(`<kol-button><!></kol-button>`, 2);
192
192
  function KolButton($$anchor, $$props) {
193
193
  $.push($$props, false);
194
194
  let __ref = $.mutable_source();
@@ -216,7 +216,7 @@ function KolButton($$anchor, $$props) {
216
216
  let _value = $.prop($$props, "_value", 8, void 0);
217
217
  let _variant = $.prop($$props, "_variant", 8, void 0);
218
218
  const getValue = (...args) => $.get(__ref).getValue(...args);
219
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
219
+ const focus = (...args) => $.get(__ref).focus(...args);
220
220
  const getWebComponent = () => $.get(__ref);
221
221
  onMount(() => {
222
222
  $.set(__mounted, true);
@@ -228,9 +228,9 @@ function KolButton($$anchor, $$props) {
228
228
  if ($.get(__mounted)) setProp("_on", _on());
229
229
  });
230
230
  $.legacy_pre_effect_reset();
231
- var $$exports = { getValue, kolFocus, getWebComponent };
231
+ var $$exports = { getValue, focus, getWebComponent };
232
232
  $.init();
233
- var kol_button = root$K();
233
+ var kol_button = root$M();
234
234
  $.template_effect(() => $.set_custom_element_data(kol_button, "_access-key", _accessKey()));
235
235
  $.template_effect(() => $.set_custom_element_data(kol_button, "_aria-controls", _ariaControls()));
236
236
  $.template_effect(() => $.set_custom_element_data(kol_button, "_aria-description", _ariaDescription()));
@@ -257,12 +257,12 @@ function KolButton($$anchor, $$props) {
257
257
  $.bind_this(kol_button, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
258
258
  $.append($$anchor, kol_button);
259
259
  $.bind_prop($$props, "getValue", getValue);
260
- $.bind_prop($$props, "kolFocus", kolFocus);
260
+ $.bind_prop($$props, "focus", focus);
261
261
  $.bind_prop($$props, "getWebComponent", getWebComponent);
262
262
  return $.pop($$exports);
263
263
  }
264
264
 
265
- var root$J = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
265
+ var root$L = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
266
266
  function KolButtonLink($$anchor, $$props) {
267
267
  $.push($$props, false);
268
268
  let __ref = $.mutable_source();
@@ -288,7 +288,7 @@ function KolButtonLink($$anchor, $$props) {
288
288
  let _type = $.prop($$props, "_type", 8, void 0);
289
289
  let _value = $.prop($$props, "_value", 8, void 0);
290
290
  const getValue = (...args) => $.get(__ref).getValue(...args);
291
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
291
+ const focus = (...args) => $.get(__ref).focus(...args);
292
292
  const getWebComponent = () => $.get(__ref);
293
293
  onMount(() => {
294
294
  $.set(__mounted, true);
@@ -300,9 +300,9 @@ function KolButtonLink($$anchor, $$props) {
300
300
  if ($.get(__mounted)) setProp("_on", _on());
301
301
  });
302
302
  $.legacy_pre_effect_reset();
303
- var $$exports = { getValue, kolFocus, getWebComponent };
303
+ var $$exports = { getValue, focus, getWebComponent };
304
304
  $.init();
305
- var kol_button_link = root$J();
305
+ var kol_button_link = root$L();
306
306
  $.template_effect(() => $.set_custom_element_data(kol_button_link, "_access-key", _accessKey()));
307
307
  $.template_effect(() => $.set_custom_element_data(kol_button_link, "_aria-controls", _ariaControls()));
308
308
  $.template_effect(() => $.set_custom_element_data(kol_button_link, "_aria-description", _ariaDescription()));
@@ -327,12 +327,12 @@ function KolButtonLink($$anchor, $$props) {
327
327
  $.bind_this(kol_button_link, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
328
328
  $.append($$anchor, kol_button_link);
329
329
  $.bind_prop($$props, "getValue", getValue);
330
- $.bind_prop($$props, "kolFocus", kolFocus);
330
+ $.bind_prop($$props, "focus", focus);
331
331
  $.bind_prop($$props, "getWebComponent", getWebComponent);
332
332
  return $.pop($$exports);
333
333
  }
334
334
 
335
- var root$I = $.from_html(`<kol-card><!></kol-card>`, 2);
335
+ var root$K = $.from_html(`<kol-card><!></kol-card>`, 2);
336
336
  function KolCard($$anchor, $$props) {
337
337
  $.push($$props, false);
338
338
  let __ref = $.mutable_source();
@@ -355,7 +355,7 @@ function KolCard($$anchor, $$props) {
355
355
  $.legacy_pre_effect_reset();
356
356
  var $$exports = { getWebComponent };
357
357
  $.init();
358
- var kol_card = root$I();
358
+ var kol_card = root$K();
359
359
  $.template_effect(() => $.set_custom_element_data(kol_card, "_has-closer", _hasCloser()));
360
360
  $.template_effect(() => $.set_custom_element_data(kol_card, "_label", _label()));
361
361
  $.template_effect(() => $.set_custom_element_data(kol_card, "_level", _level()));
@@ -368,7 +368,7 @@ function KolCard($$anchor, $$props) {
368
368
  return $.pop($$exports);
369
369
  }
370
370
 
371
- var root$H = $.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
371
+ var root$J = $.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
372
372
  function KolCardWc($$anchor, $$props) {
373
373
  $.push($$props, false);
374
374
  let __ref = $.mutable_source();
@@ -391,7 +391,7 @@ function KolCardWc($$anchor, $$props) {
391
391
  $.legacy_pre_effect_reset();
392
392
  var $$exports = { getWebComponent };
393
393
  $.init();
394
- var kol_card_wc = root$H();
394
+ var kol_card_wc = root$J();
395
395
  $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_has-closer", _hasCloser()));
396
396
  $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_label", _label()));
397
397
  $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_level", _level()));
@@ -404,7 +404,7 @@ function KolCardWc($$anchor, $$props) {
404
404
  return $.pop($$exports);
405
405
  }
406
406
 
407
- var root$G = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
407
+ var root$I = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
408
408
  function KolCombobox($$anchor, $$props) {
409
409
  $.push($$props, false);
410
410
  let __ref = $.mutable_source();
@@ -422,7 +422,7 @@ function KolCombobox($$anchor, $$props) {
422
422
  let _msg = $.prop($$props, "_msg", 8, void 0);
423
423
  let _name = $.prop($$props, "_name", 8, void 0);
424
424
  let _on = $.prop($$props, "_on", 8, void 0);
425
- let _hideClearButton = $.prop($$props, "_hideClearButton", 8, void 0);
425
+ let _hasClearButton = $.prop($$props, "_hasClearButton", 8, void 0);
426
426
  let _suggestions = $.prop($$props, "_suggestions", 8);
427
427
  let _required = $.prop($$props, "_required", 8, void 0);
428
428
  let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
@@ -431,7 +431,7 @@ function KolCombobox($$anchor, $$props) {
431
431
  let _touched = $.prop($$props, "_touched", 8, void 0);
432
432
  let _value = $.prop($$props, "_value", 8, void 0);
433
433
  const getValue = (...args) => $.get(__ref).getValue(...args);
434
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
434
+ const focus = (...args) => $.get(__ref).focus(...args);
435
435
  const getWebComponent = () => $.get(__ref);
436
436
  onMount(() => {
437
437
  $.set(__mounted, true);
@@ -443,9 +443,9 @@ function KolCombobox($$anchor, $$props) {
443
443
  if ($.get(__mounted)) setProp("_on", _on());
444
444
  });
445
445
  $.legacy_pre_effect_reset();
446
- var $$exports = { getValue, kolFocus, getWebComponent };
446
+ var $$exports = { getValue, focus, getWebComponent };
447
447
  $.init();
448
- var kol_combobox = root$G();
448
+ var kol_combobox = root$I();
449
449
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_access-key", _accessKey()));
450
450
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_placeholder", _placeholder()));
451
451
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_disabled", _disabled()));
@@ -457,7 +457,7 @@ function KolCombobox($$anchor, $$props) {
457
457
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_label", _label()));
458
458
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_msg", _msg()));
459
459
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_name", _name()));
460
- $.template_effect(() => $.set_custom_element_data(kol_combobox, "_hide-clear-button", _hideClearButton()));
460
+ $.template_effect(() => $.set_custom_element_data(kol_combobox, "_has-clear-button", _hasClearButton()));
461
461
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_suggestions", _suggestions()));
462
462
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_required", _required()));
463
463
  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_short-key", _shortKey()));
@@ -471,12 +471,12 @@ function KolCombobox($$anchor, $$props) {
471
471
  $.bind_this(kol_combobox, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
472
472
  $.append($$anchor, kol_combobox);
473
473
  $.bind_prop($$props, "getValue", getValue);
474
- $.bind_prop($$props, "kolFocus", kolFocus);
474
+ $.bind_prop($$props, "focus", focus);
475
475
  $.bind_prop($$props, "getWebComponent", getWebComponent);
476
476
  return $.pop($$exports);
477
477
  }
478
478
 
479
- var root$F = $.from_html(`<kol-details><!></kol-details>`, 2);
479
+ var root$H = $.from_html(`<kol-details><!></kol-details>`, 2);
480
480
  function KolDetails($$anchor, $$props) {
481
481
  $.push($$props, false);
482
482
  let __ref = $.mutable_source();
@@ -487,7 +487,7 @@ function KolDetails($$anchor, $$props) {
487
487
  let _level = $.prop($$props, "_level", 8, void 0);
488
488
  let _on = $.prop($$props, "_on", 8, void 0);
489
489
  let _open = $.prop($$props, "_open", 8, void 0);
490
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
490
+ const focus = (...args) => $.get(__ref).focus(...args);
491
491
  const getWebComponent = () => $.get(__ref);
492
492
  onMount(() => {
493
493
  $.set(__mounted, true);
@@ -499,9 +499,9 @@ function KolDetails($$anchor, $$props) {
499
499
  if ($.get(__mounted)) setProp("_on", _on());
500
500
  });
501
501
  $.legacy_pre_effect_reset();
502
- var $$exports = { kolFocus, getWebComponent };
502
+ var $$exports = { focus, getWebComponent };
503
503
  $.init();
504
- var kol_details = root$F();
504
+ var kol_details = root$H();
505
505
  $.template_effect(() => $.set_custom_element_data(kol_details, "_disabled", _disabled()));
506
506
  $.template_effect(() => $.set_custom_element_data(kol_details, "_label", _label()));
507
507
  $.template_effect(() => $.set_custom_element_data(kol_details, "_level", _level()));
@@ -511,12 +511,52 @@ function KolDetails($$anchor, $$props) {
511
511
  $.reset(kol_details);
512
512
  $.bind_this(kol_details, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
513
513
  $.append($$anchor, kol_details);
514
- $.bind_prop($$props, "kolFocus", kolFocus);
514
+ $.bind_prop($$props, "focus", focus);
515
515
  $.bind_prop($$props, "getWebComponent", getWebComponent);
516
516
  return $.pop($$exports);
517
517
  }
518
518
 
519
- var root$E = $.from_html(`<kol-drawer><!></kol-drawer>`, 2);
519
+ var root$G = $.from_html(`<kol-dialog><!></kol-dialog>`, 2);
520
+ function KolDialog($$anchor, $$props) {
521
+ $.push($$props, false);
522
+ let __ref = $.mutable_source();
523
+ let __mounted = $.mutable_source(false);
524
+ createEventDispatcher();
525
+ let _label = $.prop($$props, "_label", 8);
526
+ let _on = $.prop($$props, "_on", 8, void 0);
527
+ let _width = $.prop($$props, "_width", 8, void 0);
528
+ let _variant = $.prop($$props, "_variant", 8, void 0);
529
+ const openModal = (...args) => $.get(__ref).openModal(...args);
530
+ const closeModal = (...args) => $.get(__ref).closeModal(...args);
531
+ const getWebComponent = () => $.get(__ref);
532
+ onMount(() => {
533
+ $.set(__mounted, true);
534
+ });
535
+ const setProp = (prop, value) => {
536
+ if ($.get(__ref)) $.mutate(__ref, $.get(__ref)[prop] = value);
537
+ };
538
+ $.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(_on())), () => {
539
+ if ($.get(__mounted)) setProp("_on", _on());
540
+ });
541
+ $.legacy_pre_effect_reset();
542
+ var $$exports = { openModal, closeModal, getWebComponent };
543
+ $.init();
544
+ var kol_dialog = root$G();
545
+ $.template_effect(() => $.set_custom_element_data(kol_dialog, "_label", _label()));
546
+ $.template_effect(() => $.set_custom_element_data(kol_dialog, "_width", _width()));
547
+ $.template_effect(() => $.set_custom_element_data(kol_dialog, "_variant", _variant()));
548
+ var node = $.child(kol_dialog);
549
+ $.slot(node, $$props, "default", {}, null);
550
+ $.reset(kol_dialog);
551
+ $.bind_this(kol_dialog, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
552
+ $.append($$anchor, kol_dialog);
553
+ $.bind_prop($$props, "openModal", openModal);
554
+ $.bind_prop($$props, "closeModal", closeModal);
555
+ $.bind_prop($$props, "getWebComponent", getWebComponent);
556
+ return $.pop($$exports);
557
+ }
558
+
559
+ var root$F = $.from_html(`<kol-drawer><!></kol-drawer>`, 2);
520
560
  function KolDrawer($$anchor, $$props) {
521
561
  $.push($$props, false);
522
562
  let __ref = $.mutable_source();
@@ -542,7 +582,7 @@ function KolDrawer($$anchor, $$props) {
542
582
  $.legacy_pre_effect_reset();
543
583
  var $$exports = { open, close, getWebComponent };
544
584
  $.init();
545
- var kol_drawer = root$E();
585
+ var kol_drawer = root$F();
546
586
  $.template_effect(() => $.set_custom_element_data(kol_drawer, "_open", _open()));
547
587
  $.template_effect(() => $.set_custom_element_data(kol_drawer, "_align", _align()));
548
588
  $.template_effect(() => $.set_custom_element_data(kol_drawer, "_has-closer", _hasCloser()));
@@ -558,7 +598,7 @@ function KolDrawer($$anchor, $$props) {
558
598
  return $.pop($$exports);
559
599
  }
560
600
 
561
- var root$D = $.from_html(`<kol-form><!></kol-form>`, 2);
601
+ var root$E = $.from_html(`<kol-form><!></kol-form>`, 2);
562
602
  function KolForm($$anchor, $$props) {
563
603
  $.push($$props, false);
564
604
  let __ref = $.mutable_source();
@@ -584,7 +624,7 @@ function KolForm($$anchor, $$props) {
584
624
  $.legacy_pre_effect_reset();
585
625
  var $$exports = { focusErrorList, getWebComponent };
586
626
  $.init();
587
- var kol_form = root$D();
627
+ var kol_form = root$E();
588
628
  $.template_effect(() => $.set_custom_element_data(kol_form, "_required-text", _requiredText()));
589
629
  var node = $.child(kol_form);
590
630
  $.slot(node, $$props, "default", {}, null);
@@ -596,7 +636,7 @@ function KolForm($$anchor, $$props) {
596
636
  return $.pop($$exports);
597
637
  }
598
638
 
599
- var root$C = $.from_html(`<kol-heading><!></kol-heading>`, 2);
639
+ var root$D = $.from_html(`<kol-heading><!></kol-heading>`, 2);
600
640
  function KolHeading($$anchor, $$props) {
601
641
  $.push($$props, false);
602
642
  let __ref = $.mutable_source();
@@ -609,7 +649,7 @@ function KolHeading($$anchor, $$props) {
609
649
  });
610
650
  var $$exports = { getWebComponent };
611
651
  $.init();
612
- var kol_heading = root$C();
652
+ var kol_heading = root$D();
613
653
  $.template_effect(() => $.set_custom_element_data(kol_heading, "_label", _label()));
614
654
  $.template_effect(() => $.set_custom_element_data(kol_heading, "_level", _level()));
615
655
  $.template_effect(() => $.set_custom_element_data(kol_heading, "_secondary-headline", _secondaryHeadline()));
@@ -622,7 +662,7 @@ function KolHeading($$anchor, $$props) {
622
662
  return $.pop($$exports);
623
663
  }
624
664
 
625
- var root$B = $.from_html(`<kol-icon><!></kol-icon>`, 2);
665
+ var root$C = $.from_html(`<kol-icon><!></kol-icon>`, 2);
626
666
  function KolIcon($$anchor, $$props) {
627
667
  $.push($$props, false);
628
668
  let __ref = $.mutable_source();
@@ -634,7 +674,7 @@ function KolIcon($$anchor, $$props) {
634
674
  });
635
675
  var $$exports = { getWebComponent };
636
676
  $.init();
637
- var kol_icon = root$B();
677
+ var kol_icon = root$C();
638
678
  $.template_effect(() => $.set_custom_element_data(kol_icon, "_icons", _icons()));
639
679
  $.template_effect(() => $.set_custom_element_data(kol_icon, "_label", _label()));
640
680
  var node = $.child(kol_icon);
@@ -646,7 +686,7 @@ function KolIcon($$anchor, $$props) {
646
686
  return $.pop($$exports);
647
687
  }
648
688
 
649
- var root$A = $.from_html(`<kol-image><!></kol-image>`, 2);
689
+ var root$B = $.from_html(`<kol-image><!></kol-image>`, 2);
650
690
  function KolImage($$anchor, $$props) {
651
691
  $.push($$props, false);
652
692
  let __ref = $.mutable_source();
@@ -661,7 +701,7 @@ function KolImage($$anchor, $$props) {
661
701
  });
662
702
  var $$exports = { getWebComponent };
663
703
  $.init();
664
- var kol_image = root$A();
704
+ var kol_image = root$B();
665
705
  $.template_effect(() => $.set_custom_element_data(kol_image, "_alt", _alt()));
666
706
  $.template_effect(() => $.set_custom_element_data(kol_image, "_loading", _loading()));
667
707
  $.template_effect(() => $.set_custom_element_data(kol_image, "_sizes", _sizes()));
@@ -676,7 +716,7 @@ function KolImage($$anchor, $$props) {
676
716
  return $.pop($$exports);
677
717
  }
678
718
 
679
- var root$z = $.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
719
+ var root$A = $.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
680
720
  function KolInputCheckbox($$anchor, $$props) {
681
721
  $.push($$props, false);
682
722
  let __ref = $.mutable_source();
@@ -704,7 +744,7 @@ function KolInputCheckbox($$anchor, $$props) {
704
744
  let _value = $.prop($$props, "_value", 8, void 0);
705
745
  let _variant = $.prop($$props, "_variant", 8, void 0);
706
746
  const getValue = (...args) => $.get(__ref).getValue(...args);
707
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
747
+ const focus = (...args) => $.get(__ref).focus(...args);
708
748
  const getWebComponent = () => $.get(__ref);
709
749
  onMount(() => {
710
750
  $.set(__mounted, true);
@@ -716,9 +756,9 @@ function KolInputCheckbox($$anchor, $$props) {
716
756
  if ($.get(__mounted)) setProp("_on", _on());
717
757
  });
718
758
  $.legacy_pre_effect_reset();
719
- var $$exports = { getValue, kolFocus, getWebComponent };
759
+ var $$exports = { getValue, focus, getWebComponent };
720
760
  $.init();
721
- var kol_input_checkbox = root$z();
761
+ var kol_input_checkbox = root$A();
722
762
  $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_access-key", _accessKey()));
723
763
  $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_checked", _checked()));
724
764
  $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_hide-msg", _hideMsg()));
@@ -745,12 +785,12 @@ function KolInputCheckbox($$anchor, $$props) {
745
785
  $.bind_this(kol_input_checkbox, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
746
786
  $.append($$anchor, kol_input_checkbox);
747
787
  $.bind_prop($$props, "getValue", getValue);
748
- $.bind_prop($$props, "kolFocus", kolFocus);
788
+ $.bind_prop($$props, "focus", focus);
749
789
  $.bind_prop($$props, "getWebComponent", getWebComponent);
750
790
  return $.pop($$exports);
751
791
  }
752
792
 
753
- var root$y = $.from_html(`<kol-input-color><!></kol-input-color>`, 2);
793
+ var root$z = $.from_html(`<kol-input-color><!></kol-input-color>`, 2);
754
794
  function KolInputColor($$anchor, $$props) {
755
795
  $.push($$props, false);
756
796
  let __ref = $.mutable_source();
@@ -776,7 +816,7 @@ function KolInputColor($$anchor, $$props) {
776
816
  let _touched = $.prop($$props, "_touched", 8, void 0);
777
817
  let _value = $.prop($$props, "_value", 8, void 0);
778
818
  const getValue = (...args) => $.get(__ref).getValue(...args);
779
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
819
+ const focus = (...args) => $.get(__ref).focus(...args);
780
820
  const getWebComponent = () => $.get(__ref);
781
821
  onMount(() => {
782
822
  $.set(__mounted, true);
@@ -788,9 +828,9 @@ function KolInputColor($$anchor, $$props) {
788
828
  if ($.get(__mounted)) setProp("_on", _on());
789
829
  });
790
830
  $.legacy_pre_effect_reset();
791
- var $$exports = { getValue, kolFocus, getWebComponent };
831
+ var $$exports = { getValue, focus, getWebComponent };
792
832
  $.init();
793
- var kol_input_color = root$y();
833
+ var kol_input_color = root$z();
794
834
  $.template_effect(() => $.set_custom_element_data(kol_input_color, "_access-key", _accessKey()));
795
835
  $.template_effect(() => $.set_custom_element_data(kol_input_color, "_auto-complete", _autoComplete()));
796
836
  $.template_effect(() => $.set_custom_element_data(kol_input_color, "_disabled", _disabled()));
@@ -815,12 +855,12 @@ function KolInputColor($$anchor, $$props) {
815
855
  $.bind_this(kol_input_color, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
816
856
  $.append($$anchor, kol_input_color);
817
857
  $.bind_prop($$props, "getValue", getValue);
818
- $.bind_prop($$props, "kolFocus", kolFocus);
858
+ $.bind_prop($$props, "focus", focus);
819
859
  $.bind_prop($$props, "getWebComponent", getWebComponent);
820
860
  return $.pop($$exports);
821
861
  }
822
862
 
823
- var root$x = $.from_html(`<kol-input-date><!></kol-input-date>`, 2);
863
+ var root$y = $.from_html(`<kol-input-date><!></kol-input-date>`, 2);
824
864
  function KolInputDate($$anchor, $$props) {
825
865
  $.push($$props, false);
826
866
  let __ref = $.mutable_source();
@@ -852,7 +892,7 @@ function KolInputDate($$anchor, $$props) {
852
892
  let _type = $.prop($$props, "_type", 8, void 0);
853
893
  let _value = $.prop($$props, "_value", 8, void 0);
854
894
  const getValue = (...args) => $.get(__ref).getValue(...args);
855
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
895
+ const focus = (...args) => $.get(__ref).focus(...args);
856
896
  const reset = (...args) => $.get(__ref).reset(...args);
857
897
  const getWebComponent = () => $.get(__ref);
858
898
  onMount(() => {
@@ -865,9 +905,9 @@ function KolInputDate($$anchor, $$props) {
865
905
  if ($.get(__mounted)) setProp("_on", _on());
866
906
  });
867
907
  $.legacy_pre_effect_reset();
868
- var $$exports = { getValue, kolFocus, reset, getWebComponent };
908
+ var $$exports = { getValue, focus, reset, getWebComponent };
869
909
  $.init();
870
- var kol_input_date = root$x();
910
+ var kol_input_date = root$y();
871
911
  $.template_effect(() => $.set_custom_element_data(kol_input_date, "_access-key", _accessKey()));
872
912
  $.template_effect(() => $.set_custom_element_data(kol_input_date, "_auto-complete", _autoComplete()));
873
913
  $.template_effect(() => $.set_custom_element_data(kol_input_date, "_disabled", _disabled()));
@@ -898,13 +938,13 @@ function KolInputDate($$anchor, $$props) {
898
938
  $.bind_this(kol_input_date, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
899
939
  $.append($$anchor, kol_input_date);
900
940
  $.bind_prop($$props, "getValue", getValue);
901
- $.bind_prop($$props, "kolFocus", kolFocus);
941
+ $.bind_prop($$props, "focus", focus);
902
942
  $.bind_prop($$props, "reset", reset);
903
943
  $.bind_prop($$props, "getWebComponent", getWebComponent);
904
944
  return $.pop($$exports);
905
945
  }
906
946
 
907
- var root$w = $.from_html(`<kol-input-email><!></kol-input-email>`, 2);
947
+ var root$x = $.from_html(`<kol-input-email><!></kol-input-email>`, 2);
908
948
  function KolInputEmail($$anchor, $$props) {
909
949
  $.push($$props, false);
910
950
  let __ref = $.mutable_source();
@@ -938,7 +978,7 @@ function KolInputEmail($$anchor, $$props) {
938
978
  let _touched = $.prop($$props, "_touched", 8, void 0);
939
979
  let _value = $.prop($$props, "_value", 8, void 0);
940
980
  const getValue = (...args) => $.get(__ref).getValue(...args);
941
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
981
+ const focus = (...args) => $.get(__ref).focus(...args);
942
982
  const getWebComponent = () => $.get(__ref);
943
983
  onMount(() => {
944
984
  $.set(__mounted, true);
@@ -950,9 +990,9 @@ function KolInputEmail($$anchor, $$props) {
950
990
  if ($.get(__mounted)) setProp("_on", _on());
951
991
  });
952
992
  $.legacy_pre_effect_reset();
953
- var $$exports = { getValue, kolFocus, getWebComponent };
993
+ var $$exports = { getValue, focus, getWebComponent };
954
994
  $.init();
955
- var kol_input_email = root$w();
995
+ var kol_input_email = root$x();
956
996
  $.template_effect(() => $.set_custom_element_data(kol_input_email, "_access-key", _accessKey()));
957
997
  $.template_effect(() => $.set_custom_element_data(kol_input_email, "_auto-complete", _autoComplete()));
958
998
  $.template_effect(() => $.set_custom_element_data(kol_input_email, "_has-counter", _hasCounter()));
@@ -985,12 +1025,12 @@ function KolInputEmail($$anchor, $$props) {
985
1025
  $.bind_this(kol_input_email, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
986
1026
  $.append($$anchor, kol_input_email);
987
1027
  $.bind_prop($$props, "getValue", getValue);
988
- $.bind_prop($$props, "kolFocus", kolFocus);
1028
+ $.bind_prop($$props, "focus", focus);
989
1029
  $.bind_prop($$props, "getWebComponent", getWebComponent);
990
1030
  return $.pop($$exports);
991
1031
  }
992
1032
 
993
- var root$v = $.from_html(`<kol-input-file><!></kol-input-file>`, 2);
1033
+ var root$w = $.from_html(`<kol-input-file><!></kol-input-file>`, 2);
994
1034
  function KolInputFile($$anchor, $$props) {
995
1035
  $.push($$props, false);
996
1036
  let __ref = $.mutable_source();
@@ -1016,7 +1056,7 @@ function KolInputFile($$anchor, $$props) {
1016
1056
  let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
1017
1057
  let _touched = $.prop($$props, "_touched", 8, void 0);
1018
1058
  const getValue = (...args) => $.get(__ref).getValue(...args);
1019
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1059
+ const focus = (...args) => $.get(__ref).focus(...args);
1020
1060
  const reset = (...args) => $.get(__ref).reset(...args);
1021
1061
  const getWebComponent = () => $.get(__ref);
1022
1062
  onMount(() => {
@@ -1029,9 +1069,9 @@ function KolInputFile($$anchor, $$props) {
1029
1069
  if ($.get(__mounted)) setProp("_on", _on());
1030
1070
  });
1031
1071
  $.legacy_pre_effect_reset();
1032
- var $$exports = { getValue, kolFocus, reset, getWebComponent };
1072
+ var $$exports = { getValue, focus, reset, getWebComponent };
1033
1073
  $.init();
1034
- var kol_input_file = root$v();
1074
+ var kol_input_file = root$w();
1035
1075
  $.template_effect(() => $.set_custom_element_data(kol_input_file, "_accept", _accept()));
1036
1076
  $.template_effect(() => $.set_custom_element_data(kol_input_file, "_access-key", _accessKey()));
1037
1077
  $.template_effect(() => $.set_custom_element_data(kol_input_file, "_disabled", _disabled()));
@@ -1056,13 +1096,13 @@ function KolInputFile($$anchor, $$props) {
1056
1096
  $.bind_this(kol_input_file, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1057
1097
  $.append($$anchor, kol_input_file);
1058
1098
  $.bind_prop($$props, "getValue", getValue);
1059
- $.bind_prop($$props, "kolFocus", kolFocus);
1099
+ $.bind_prop($$props, "focus", focus);
1060
1100
  $.bind_prop($$props, "reset", reset);
1061
1101
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1062
1102
  return $.pop($$exports);
1063
1103
  }
1064
1104
 
1065
- var root$u = $.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1105
+ var root$v = $.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1066
1106
  function KolInputNumber($$anchor, $$props) {
1067
1107
  $.push($$props, false);
1068
1108
  let __ref = $.mutable_source();
@@ -1094,7 +1134,7 @@ function KolInputNumber($$anchor, $$props) {
1094
1134
  let _touched = $.prop($$props, "_touched", 8, void 0);
1095
1135
  let _value = $.prop($$props, "_value", 8, void 0);
1096
1136
  const getValue = (...args) => $.get(__ref).getValue(...args);
1097
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1137
+ const focus = (...args) => $.get(__ref).focus(...args);
1098
1138
  const getWebComponent = () => $.get(__ref);
1099
1139
  onMount(() => {
1100
1140
  $.set(__mounted, true);
@@ -1106,9 +1146,9 @@ function KolInputNumber($$anchor, $$props) {
1106
1146
  if ($.get(__mounted)) setProp("_on", _on());
1107
1147
  });
1108
1148
  $.legacy_pre_effect_reset();
1109
- var $$exports = { getValue, kolFocus, getWebComponent };
1149
+ var $$exports = { getValue, focus, getWebComponent };
1110
1150
  $.init();
1111
- var kol_input_number = root$u();
1151
+ var kol_input_number = root$v();
1112
1152
  $.template_effect(() => $.set_custom_element_data(kol_input_number, "_access-key", _accessKey()));
1113
1153
  $.template_effect(() => $.set_custom_element_data(kol_input_number, "_auto-complete", _autoComplete()));
1114
1154
  $.template_effect(() => $.set_custom_element_data(kol_input_number, "_disabled", _disabled()));
@@ -1139,12 +1179,12 @@ function KolInputNumber($$anchor, $$props) {
1139
1179
  $.bind_this(kol_input_number, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1140
1180
  $.append($$anchor, kol_input_number);
1141
1181
  $.bind_prop($$props, "getValue", getValue);
1142
- $.bind_prop($$props, "kolFocus", kolFocus);
1182
+ $.bind_prop($$props, "focus", focus);
1143
1183
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1144
1184
  return $.pop($$exports);
1145
1185
  }
1146
1186
 
1147
- var root$t = $.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1187
+ var root$u = $.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1148
1188
  function KolInputPassword($$anchor, $$props) {
1149
1189
  $.push($$props, false);
1150
1190
  let __ref = $.mutable_source();
@@ -1177,7 +1217,7 @@ function KolInputPassword($$anchor, $$props) {
1177
1217
  let _value = $.prop($$props, "_value", 8, void 0);
1178
1218
  let _variant = $.prop($$props, "_variant", 8, void 0);
1179
1219
  const getValue = (...args) => $.get(__ref).getValue(...args);
1180
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1220
+ const focus = (...args) => $.get(__ref).focus(...args);
1181
1221
  const getWebComponent = () => $.get(__ref);
1182
1222
  onMount(() => {
1183
1223
  $.set(__mounted, true);
@@ -1189,9 +1229,9 @@ function KolInputPassword($$anchor, $$props) {
1189
1229
  if ($.get(__mounted)) setProp("_on", _on());
1190
1230
  });
1191
1231
  $.legacy_pre_effect_reset();
1192
- var $$exports = { getValue, kolFocus, getWebComponent };
1232
+ var $$exports = { getValue, focus, getWebComponent };
1193
1233
  $.init();
1194
- var kol_input_password = root$t();
1234
+ var kol_input_password = root$u();
1195
1235
  $.template_effect(() => $.set_custom_element_data(kol_input_password, "_access-key", _accessKey()));
1196
1236
  $.template_effect(() => $.set_custom_element_data(kol_input_password, "_auto-complete", _autoComplete()));
1197
1237
  $.template_effect(() => $.set_custom_element_data(kol_input_password, "_has-counter", _hasCounter()));
@@ -1223,12 +1263,12 @@ function KolInputPassword($$anchor, $$props) {
1223
1263
  $.bind_this(kol_input_password, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1224
1264
  $.append($$anchor, kol_input_password);
1225
1265
  $.bind_prop($$props, "getValue", getValue);
1226
- $.bind_prop($$props, "kolFocus", kolFocus);
1266
+ $.bind_prop($$props, "focus", focus);
1227
1267
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1228
1268
  return $.pop($$exports);
1229
1269
  }
1230
1270
 
1231
- var root$s = $.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1271
+ var root$t = $.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1232
1272
  function KolInputRadio($$anchor, $$props) {
1233
1273
  $.push($$props, false);
1234
1274
  let __ref = $.mutable_source();
@@ -1251,7 +1291,7 @@ function KolInputRadio($$anchor, $$props) {
1251
1291
  let _touched = $.prop($$props, "_touched", 8, void 0);
1252
1292
  let _value = $.prop($$props, "_value", 8, void 0);
1253
1293
  const getValue = (...args) => $.get(__ref).getValue(...args);
1254
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1294
+ const focus = (...args) => $.get(__ref).focus(...args);
1255
1295
  const getWebComponent = () => $.get(__ref);
1256
1296
  onMount(() => {
1257
1297
  $.set(__mounted, true);
@@ -1263,9 +1303,9 @@ function KolInputRadio($$anchor, $$props) {
1263
1303
  if ($.get(__mounted)) setProp("_on", _on());
1264
1304
  });
1265
1305
  $.legacy_pre_effect_reset();
1266
- var $$exports = { getValue, kolFocus, getWebComponent };
1306
+ var $$exports = { getValue, focus, getWebComponent };
1267
1307
  $.init();
1268
- var kol_input_radio = root$s();
1308
+ var kol_input_radio = root$t();
1269
1309
  $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_disabled", _disabled()));
1270
1310
  $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_hide-msg", _hideMsg()));
1271
1311
  $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_hide-label", _hideLabel()));
@@ -1287,12 +1327,12 @@ function KolInputRadio($$anchor, $$props) {
1287
1327
  $.bind_this(kol_input_radio, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1288
1328
  $.append($$anchor, kol_input_radio);
1289
1329
  $.bind_prop($$props, "getValue", getValue);
1290
- $.bind_prop($$props, "kolFocus", kolFocus);
1330
+ $.bind_prop($$props, "focus", focus);
1291
1331
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1292
1332
  return $.pop($$exports);
1293
1333
  }
1294
1334
 
1295
- var root$r = $.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1335
+ var root$s = $.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1296
1336
  function KolInputRange($$anchor, $$props) {
1297
1337
  $.push($$props, false);
1298
1338
  let __ref = $.mutable_source();
@@ -1319,7 +1359,7 @@ function KolInputRange($$anchor, $$props) {
1319
1359
  let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
1320
1360
  let _touched = $.prop($$props, "_touched", 8, void 0);
1321
1361
  let _value = $.prop($$props, "_value", 8, void 0);
1322
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1362
+ const focus = (...args) => $.get(__ref).focus(...args);
1323
1363
  const getValue = (...args) => $.get(__ref).getValue(...args);
1324
1364
  const getWebComponent = () => $.get(__ref);
1325
1365
  onMount(() => {
@@ -1332,9 +1372,9 @@ function KolInputRange($$anchor, $$props) {
1332
1372
  if ($.get(__mounted)) setProp("_on", _on());
1333
1373
  });
1334
1374
  $.legacy_pre_effect_reset();
1335
- var $$exports = { kolFocus, getValue, getWebComponent };
1375
+ var $$exports = { focus, getValue, getWebComponent };
1336
1376
  $.init();
1337
- var kol_input_range = root$r();
1377
+ var kol_input_range = root$s();
1338
1378
  $.template_effect(() => $.set_custom_element_data(kol_input_range, "_access-key", _accessKey()));
1339
1379
  $.template_effect(() => $.set_custom_element_data(kol_input_range, "_auto-complete", _autoComplete()));
1340
1380
  $.template_effect(() => $.set_custom_element_data(kol_input_range, "_disabled", _disabled()));
@@ -1360,13 +1400,13 @@ function KolInputRange($$anchor, $$props) {
1360
1400
  $.reset(kol_input_range);
1361
1401
  $.bind_this(kol_input_range, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1362
1402
  $.append($$anchor, kol_input_range);
1363
- $.bind_prop($$props, "kolFocus", kolFocus);
1403
+ $.bind_prop($$props, "focus", focus);
1364
1404
  $.bind_prop($$props, "getValue", getValue);
1365
1405
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1366
1406
  return $.pop($$exports);
1367
1407
  }
1368
1408
 
1369
- var root$q = $.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1409
+ var root$r = $.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1370
1410
  function KolInputText($$anchor, $$props) {
1371
1411
  $.push($$props, false);
1372
1412
  let __ref = $.mutable_source();
@@ -1401,7 +1441,7 @@ function KolInputText($$anchor, $$props) {
1401
1441
  let _type = $.prop($$props, "_type", 8, void 0);
1402
1442
  let _value = $.prop($$props, "_value", 8, void 0);
1403
1443
  const getValue = (...args) => $.get(__ref).getValue(...args);
1404
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1444
+ const focus = (...args) => $.get(__ref).focus(...args);
1405
1445
  const selectionStart = (...args) => $.get(__ref).selectionStart(...args);
1406
1446
  const selectioconEnd = (...args) => $.get(__ref).selectioconEnd(...args);
1407
1447
  const setSelectionRange = (...args) => $.get(__ref).setSelectionRange(...args);
@@ -1420,7 +1460,7 @@ function KolInputText($$anchor, $$props) {
1420
1460
  $.legacy_pre_effect_reset();
1421
1461
  var $$exports = {
1422
1462
  getValue,
1423
- kolFocus,
1463
+ focus,
1424
1464
  selectionStart,
1425
1465
  selectioconEnd,
1426
1466
  setSelectionRange,
@@ -1429,7 +1469,7 @@ function KolInputText($$anchor, $$props) {
1429
1469
  getWebComponent
1430
1470
  };
1431
1471
  $.init();
1432
- var kol_input_text = root$q();
1472
+ var kol_input_text = root$r();
1433
1473
  $.template_effect(() => $.set_custom_element_data(kol_input_text, "_access-key", _accessKey()));
1434
1474
  $.template_effect(() => $.set_custom_element_data(kol_input_text, "_auto-complete", _autoComplete()));
1435
1475
  $.template_effect(() => $.set_custom_element_data(kol_input_text, "_has-counter", _hasCounter()));
@@ -1463,7 +1503,7 @@ function KolInputText($$anchor, $$props) {
1463
1503
  $.bind_this(kol_input_text, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1464
1504
  $.append($$anchor, kol_input_text);
1465
1505
  $.bind_prop($$props, "getValue", getValue);
1466
- $.bind_prop($$props, "kolFocus", kolFocus);
1506
+ $.bind_prop($$props, "focus", focus);
1467
1507
  $.bind_prop($$props, "selectionStart", selectionStart);
1468
1508
  $.bind_prop($$props, "selectioconEnd", selectioconEnd);
1469
1509
  $.bind_prop($$props, "setSelectionRange", setSelectionRange);
@@ -1473,7 +1513,7 @@ function KolInputText($$anchor, $$props) {
1473
1513
  return $.pop($$exports);
1474
1514
  }
1475
1515
 
1476
- var root$p = $.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1516
+ var root$q = $.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1477
1517
  function KolKolibri($$anchor, $$props) {
1478
1518
  $.push($$props, false);
1479
1519
  let __ref = $.mutable_source();
@@ -1485,7 +1525,7 @@ function KolKolibri($$anchor, $$props) {
1485
1525
  });
1486
1526
  var $$exports = { getWebComponent };
1487
1527
  $.init();
1488
- var kol_kolibri = root$p();
1528
+ var kol_kolibri = root$q();
1489
1529
  $.template_effect(() => $.set_custom_element_data(kol_kolibri, "_color", _color()));
1490
1530
  $.template_effect(() => $.set_custom_element_data(kol_kolibri, "_labeled", _labeled()));
1491
1531
  var node = $.child(kol_kolibri);
@@ -1497,7 +1537,7 @@ function KolKolibri($$anchor, $$props) {
1497
1537
  return $.pop($$exports);
1498
1538
  }
1499
1539
 
1500
- var root$o = $.from_html(`<kol-link><!></kol-link>`, 2);
1540
+ var root$p = $.from_html(`<kol-link><!></kol-link>`, 2);
1501
1541
  function KolLink($$anchor, $$props) {
1502
1542
  $.push($$props, false);
1503
1543
  let __ref = $.mutable_source();
@@ -1520,7 +1560,7 @@ function KolLink($$anchor, $$props) {
1520
1560
  let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
1521
1561
  let _target = $.prop($$props, "_target", 8, void 0);
1522
1562
  let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
1523
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1563
+ const focus = (...args) => $.get(__ref).focus(...args);
1524
1564
  const getWebComponent = () => $.get(__ref);
1525
1565
  onMount(() => {
1526
1566
  $.set(__mounted, true);
@@ -1532,9 +1572,9 @@ function KolLink($$anchor, $$props) {
1532
1572
  if ($.get(__mounted)) setProp("_on", _on());
1533
1573
  });
1534
1574
  $.legacy_pre_effect_reset();
1535
- var $$exports = { kolFocus, getWebComponent };
1575
+ var $$exports = { focus, getWebComponent };
1536
1576
  $.init();
1537
- var kol_link = root$o();
1577
+ var kol_link = root$p();
1538
1578
  $.template_effect(() => $.set_custom_element_data(kol_link, "_access-key", _accessKey()));
1539
1579
  $.template_effect(() => $.set_custom_element_data(kol_link, "_aria-current-value", _ariaCurrentValue()));
1540
1580
  $.template_effect(() => $.set_custom_element_data(kol_link, "_aria-controls", _ariaControls()));
@@ -1556,12 +1596,12 @@ function KolLink($$anchor, $$props) {
1556
1596
  $.reset(kol_link);
1557
1597
  $.bind_this(kol_link, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1558
1598
  $.append($$anchor, kol_link);
1559
- $.bind_prop($$props, "kolFocus", kolFocus);
1599
+ $.bind_prop($$props, "focus", focus);
1560
1600
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1561
1601
  return $.pop($$exports);
1562
1602
  }
1563
1603
 
1564
- var root$n = $.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1604
+ var root$o = $.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1565
1605
  function KolLinkButton($$anchor, $$props) {
1566
1606
  $.push($$props, false);
1567
1607
  let __ref = $.mutable_source();
@@ -1584,7 +1624,7 @@ function KolLinkButton($$anchor, $$props) {
1584
1624
  let _target = $.prop($$props, "_target", 8, void 0);
1585
1625
  let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
1586
1626
  let _variant = $.prop($$props, "_variant", 8, void 0);
1587
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1627
+ const focus = (...args) => $.get(__ref).focus(...args);
1588
1628
  const getWebComponent = () => $.get(__ref);
1589
1629
  onMount(() => {
1590
1630
  $.set(__mounted, true);
@@ -1596,9 +1636,9 @@ function KolLinkButton($$anchor, $$props) {
1596
1636
  if ($.get(__mounted)) setProp("_on", _on());
1597
1637
  });
1598
1638
  $.legacy_pre_effect_reset();
1599
- var $$exports = { kolFocus, getWebComponent };
1639
+ var $$exports = { focus, getWebComponent };
1600
1640
  $.init();
1601
- var kol_link_button = root$n();
1641
+ var kol_link_button = root$o();
1602
1642
  $.template_effect(() => $.set_custom_element_data(kol_link_button, "_access-key", _accessKey()));
1603
1643
  $.template_effect(() => $.set_custom_element_data(kol_link_button, "_aria-current-value", _ariaCurrentValue()));
1604
1644
  $.template_effect(() => $.set_custom_element_data(kol_link_button, "_aria-controls", _ariaControls()));
@@ -1620,12 +1660,12 @@ function KolLinkButton($$anchor, $$props) {
1620
1660
  $.reset(kol_link_button);
1621
1661
  $.bind_this(kol_link_button, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
1622
1662
  $.append($$anchor, kol_link_button);
1623
- $.bind_prop($$props, "kolFocus", kolFocus);
1663
+ $.bind_prop($$props, "focus", focus);
1624
1664
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1625
1665
  return $.pop($$exports);
1626
1666
  }
1627
1667
 
1628
- var root$m = $.from_html(`<kol-modal><!></kol-modal>`, 2);
1668
+ var root$n = $.from_html(`<kol-modal><!></kol-modal>`, 2);
1629
1669
  function KolModal($$anchor, $$props) {
1630
1670
  $.push($$props, false);
1631
1671
  let __ref = $.mutable_source();
@@ -1650,7 +1690,7 @@ function KolModal($$anchor, $$props) {
1650
1690
  $.legacy_pre_effect_reset();
1651
1691
  var $$exports = { openModal, closeModal, getWebComponent };
1652
1692
  $.init();
1653
- var kol_modal = root$m();
1693
+ var kol_modal = root$n();
1654
1694
  $.template_effect(() => $.set_custom_element_data(kol_modal, "_label", _label()));
1655
1695
  $.template_effect(() => $.set_custom_element_data(kol_modal, "_width", _width()));
1656
1696
  $.template_effect(() => $.set_custom_element_data(kol_modal, "_variant", _variant()));
@@ -1665,7 +1705,7 @@ function KolModal($$anchor, $$props) {
1665
1705
  return $.pop($$exports);
1666
1706
  }
1667
1707
 
1668
- var root$l = $.from_html(`<kol-nav><!></kol-nav>`, 2);
1708
+ var root$m = $.from_html(`<kol-nav><!></kol-nav>`, 2);
1669
1709
  function KolNav($$anchor, $$props) {
1670
1710
  $.push($$props, false);
1671
1711
  let __ref = $.mutable_source();
@@ -1681,7 +1721,7 @@ function KolNav($$anchor, $$props) {
1681
1721
  });
1682
1722
  var $$exports = { getWebComponent };
1683
1723
  $.init();
1684
- var kol_nav = root$l();
1724
+ var kol_nav = root$m();
1685
1725
  $.template_effect(() => $.set_custom_element_data(kol_nav, "_collapsible", _collapsible()));
1686
1726
  $.template_effect(() => $.set_custom_element_data(kol_nav, "_has-compact-button", _hasCompactButton()));
1687
1727
  $.template_effect(() => $.set_custom_element_data(kol_nav, "_has-icons-when-expanded", _hasIconsWhenExpanded()));
@@ -1697,7 +1737,7 @@ function KolNav($$anchor, $$props) {
1697
1737
  return $.pop($$exports);
1698
1738
  }
1699
1739
 
1700
- var root$k = $.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1740
+ var root$l = $.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1701
1741
  function KolPagination($$anchor, $$props) {
1702
1742
  $.push($$props, false);
1703
1743
  let __ref = $.mutable_source();
@@ -1727,7 +1767,7 @@ function KolPagination($$anchor, $$props) {
1727
1767
  $.legacy_pre_effect_reset();
1728
1768
  var $$exports = { getWebComponent };
1729
1769
  $.init();
1730
- var kol_pagination = root$k();
1770
+ var kol_pagination = root$l();
1731
1771
  $.template_effect(() => $.set_custom_element_data(kol_pagination, "_boundary-count", _boundaryCount()));
1732
1772
  $.template_effect(() => $.set_custom_element_data(kol_pagination, "_custom-class", _customClass()));
1733
1773
  $.template_effect(() => $.set_custom_element_data(kol_pagination, "_label", _label()));
@@ -1747,7 +1787,7 @@ function KolPagination($$anchor, $$props) {
1747
1787
  return $.pop($$exports);
1748
1788
  }
1749
1789
 
1750
- var root$j = $.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1790
+ var root$k = $.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1751
1791
  function KolPaginationWc($$anchor, $$props) {
1752
1792
  $.push($$props, false);
1753
1793
  let __ref = $.mutable_source();
@@ -1777,7 +1817,7 @@ function KolPaginationWc($$anchor, $$props) {
1777
1817
  $.legacy_pre_effect_reset();
1778
1818
  var $$exports = { getWebComponent };
1779
1819
  $.init();
1780
- var kol_pagination_wc = root$j();
1820
+ var kol_pagination_wc = root$k();
1781
1821
  $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_boundary-count", _boundaryCount()));
1782
1822
  $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_custom-class", _customClass()));
1783
1823
  $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_label", _label()));
@@ -1797,7 +1837,7 @@ function KolPaginationWc($$anchor, $$props) {
1797
1837
  return $.pop($$exports);
1798
1838
  }
1799
1839
 
1800
- var root$i = $.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1840
+ var root$j = $.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1801
1841
  function KolPopoverButton($$anchor, $$props) {
1802
1842
  $.push($$props, false);
1803
1843
  let __ref = $.mutable_source();
@@ -1827,7 +1867,7 @@ function KolPopoverButton($$anchor, $$props) {
1827
1867
  let _variant = $.prop($$props, "_variant", 8, void 0);
1828
1868
  const hidePopover = (...args) => $.get(__ref).hidePopover(...args);
1829
1869
  const showPopover = (...args) => $.get(__ref).showPopover(...args);
1830
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1870
+ const focus = (...args) => $.get(__ref).focus(...args);
1831
1871
  const getWebComponent = () => $.get(__ref);
1832
1872
  onMount(() => {
1833
1873
  $.set(__mounted, true);
@@ -1839,9 +1879,9 @@ function KolPopoverButton($$anchor, $$props) {
1839
1879
  if ($.get(__mounted)) setProp("_on", _on());
1840
1880
  });
1841
1881
  $.legacy_pre_effect_reset();
1842
- var $$exports = { hidePopover, showPopover, kolFocus, getWebComponent };
1882
+ var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1843
1883
  $.init();
1844
- var kol_popover_button = root$i();
1884
+ var kol_popover_button = root$j();
1845
1885
  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_access-key", _accessKey()));
1846
1886
  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_aria-controls", _ariaControls()));
1847
1887
  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_aria-description", _ariaDescription()));
@@ -1870,12 +1910,12 @@ function KolPopoverButton($$anchor, $$props) {
1870
1910
  $.append($$anchor, kol_popover_button);
1871
1911
  $.bind_prop($$props, "hidePopover", hidePopover);
1872
1912
  $.bind_prop($$props, "showPopover", showPopover);
1873
- $.bind_prop($$props, "kolFocus", kolFocus);
1913
+ $.bind_prop($$props, "focus", focus);
1874
1914
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1875
1915
  return $.pop($$exports);
1876
1916
  }
1877
1917
 
1878
- var root$h = $.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1918
+ var root$i = $.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1879
1919
  function KolPopoverButtonWc($$anchor, $$props) {
1880
1920
  $.push($$props, false);
1881
1921
  let __ref = $.mutable_source();
@@ -1905,7 +1945,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
1905
1945
  let _variant = $.prop($$props, "_variant", 8, void 0);
1906
1946
  const hidePopover = (...args) => $.get(__ref).hidePopover(...args);
1907
1947
  const showPopover = (...args) => $.get(__ref).showPopover(...args);
1908
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
1948
+ const focus = (...args) => $.get(__ref).focus(...args);
1909
1949
  const getWebComponent = () => $.get(__ref);
1910
1950
  onMount(() => {
1911
1951
  $.set(__mounted, true);
@@ -1917,9 +1957,9 @@ function KolPopoverButtonWc($$anchor, $$props) {
1917
1957
  if ($.get(__mounted)) setProp("_on", _on());
1918
1958
  });
1919
1959
  $.legacy_pre_effect_reset();
1920
- var $$exports = { hidePopover, showPopover, kolFocus, getWebComponent };
1960
+ var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1921
1961
  $.init();
1922
- var kol_popover_button_wc = root$h();
1962
+ var kol_popover_button_wc = root$i();
1923
1963
  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_access-key", _accessKey()));
1924
1964
  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_aria-controls", _ariaControls()));
1925
1965
  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_aria-description", _ariaDescription()));
@@ -1948,12 +1988,12 @@ function KolPopoverButtonWc($$anchor, $$props) {
1948
1988
  $.append($$anchor, kol_popover_button_wc);
1949
1989
  $.bind_prop($$props, "hidePopover", hidePopover);
1950
1990
  $.bind_prop($$props, "showPopover", showPopover);
1951
- $.bind_prop($$props, "kolFocus", kolFocus);
1991
+ $.bind_prop($$props, "focus", focus);
1952
1992
  $.bind_prop($$props, "getWebComponent", getWebComponent);
1953
1993
  return $.pop($$exports);
1954
1994
  }
1955
1995
 
1956
- var root$g = $.from_html(`<kol-progress><!></kol-progress>`, 2);
1996
+ var root$h = $.from_html(`<kol-progress><!></kol-progress>`, 2);
1957
1997
  function KolProgress($$anchor, $$props) {
1958
1998
  $.push($$props, false);
1959
1999
  let __ref = $.mutable_source();
@@ -1968,7 +2008,7 @@ function KolProgress($$anchor, $$props) {
1968
2008
  });
1969
2009
  var $$exports = { getWebComponent };
1970
2010
  $.init();
1971
- var kol_progress = root$g();
2011
+ var kol_progress = root$h();
1972
2012
  $.template_effect(() => $.set_custom_element_data(kol_progress, "_label", _label()));
1973
2013
  $.template_effect(() => $.set_custom_element_data(kol_progress, "_max", _max()));
1974
2014
  $.template_effect(() => $.set_custom_element_data(kol_progress, "_unit", _unit()));
@@ -1983,7 +2023,7 @@ function KolProgress($$anchor, $$props) {
1983
2023
  return $.pop($$exports);
1984
2024
  }
1985
2025
 
1986
- var root$f = $.from_html(`<kol-quote><!></kol-quote>`, 2);
2026
+ var root$g = $.from_html(`<kol-quote><!></kol-quote>`, 2);
1987
2027
  function KolQuote($$anchor, $$props) {
1988
2028
  $.push($$props, false);
1989
2029
  let __ref = $.mutable_source();
@@ -1997,7 +2037,7 @@ function KolQuote($$anchor, $$props) {
1997
2037
  });
1998
2038
  var $$exports = { getWebComponent };
1999
2039
  $.init();
2000
- var kol_quote = root$f();
2040
+ var kol_quote = root$g();
2001
2041
  $.template_effect(() => $.set_custom_element_data(kol_quote, "_label", _label()));
2002
2042
  $.template_effect(() => $.set_custom_element_data(kol_quote, "_href", _href()));
2003
2043
  $.template_effect(() => $.set_custom_element_data(kol_quote, "_quote", _quote()));
@@ -2011,7 +2051,7 @@ function KolQuote($$anchor, $$props) {
2011
2051
  return $.pop($$exports);
2012
2052
  }
2013
2053
 
2014
- var root$e = $.from_html(`<kol-select><!></kol-select>`, 2);
2054
+ var root$f = $.from_html(`<kol-select><!></kol-select>`, 2);
2015
2055
  function KolSelect($$anchor, $$props) {
2016
2056
  $.push($$props, false);
2017
2057
  let __ref = $.mutable_source();
@@ -2039,7 +2079,7 @@ function KolSelect($$anchor, $$props) {
2039
2079
  let _touched = $.prop($$props, "_touched", 8, void 0);
2040
2080
  let _value = $.prop($$props, "_value", 8, void 0);
2041
2081
  const getValue = (...args) => $.get(__ref).getValue(...args);
2042
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
2082
+ const focus = (...args) => $.get(__ref).focus(...args);
2043
2083
  const getWebComponent = () => $.get(__ref);
2044
2084
  onMount(() => {
2045
2085
  $.set(__mounted, true);
@@ -2051,9 +2091,9 @@ function KolSelect($$anchor, $$props) {
2051
2091
  if ($.get(__mounted)) setProp("_on", _on());
2052
2092
  });
2053
2093
  $.legacy_pre_effect_reset();
2054
- var $$exports = { getValue, kolFocus, getWebComponent };
2094
+ var $$exports = { getValue, focus, getWebComponent };
2055
2095
  $.init();
2056
- var kol_select = root$e();
2096
+ var kol_select = root$f();
2057
2097
  $.template_effect(() => $.set_custom_element_data(kol_select, "_access-key", _accessKey()));
2058
2098
  $.template_effect(() => $.set_custom_element_data(kol_select, "_disabled", _disabled()));
2059
2099
  $.template_effect(() => $.set_custom_element_data(kol_select, "_hide-msg", _hideMsg()));
@@ -2080,7 +2120,81 @@ function KolSelect($$anchor, $$props) {
2080
2120
  $.bind_this(kol_select, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2081
2121
  $.append($$anchor, kol_select);
2082
2122
  $.bind_prop($$props, "getValue", getValue);
2083
- $.bind_prop($$props, "kolFocus", kolFocus);
2123
+ $.bind_prop($$props, "focus", focus);
2124
+ $.bind_prop($$props, "getWebComponent", getWebComponent);
2125
+ return $.pop($$exports);
2126
+ }
2127
+
2128
+ var root$e = $.from_html(`<kol-select-wc><!></kol-select-wc>`, 2);
2129
+ function KolSelectWc($$anchor, $$props) {
2130
+ $.push($$props, false);
2131
+ let __ref = $.mutable_source();
2132
+ let __mounted = $.mutable_source(false);
2133
+ createEventDispatcher();
2134
+ let _accessKey = $.prop($$props, "_accessKey", 8, void 0);
2135
+ let _disabled = $.prop($$props, "_disabled", 8, void 0);
2136
+ let _hideMsg = $.prop($$props, "_hideMsg", 8, void 0);
2137
+ let _hideLabel = $.prop($$props, "_hideLabel", 8, void 0);
2138
+ let _hint = $.prop($$props, "_hint", 8, void 0);
2139
+ let _icons = $.prop($$props, "_icons", 8, void 0);
2140
+ let _id = $.prop($$props, "_id", 8, void 0);
2141
+ let _label = $.prop($$props, "_label", 8);
2142
+ let _msg = $.prop($$props, "_msg", 8, void 0);
2143
+ let _multiple = $.prop($$props, "_multiple", 8, void 0);
2144
+ let _name = $.prop($$props, "_name", 8, void 0);
2145
+ let _on = $.prop($$props, "_on", 8, void 0);
2146
+ let _options = $.prop($$props, "_options", 8);
2147
+ let _required = $.prop($$props, "_required", 8, void 0);
2148
+ let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
2149
+ let _rows = $.prop($$props, "_rows", 8, void 0);
2150
+ let _syncValueBySelector = $.prop($$props, "_syncValueBySelector", 8, void 0);
2151
+ let _tabIndex = $.prop($$props, "_tabIndex", 8, void 0);
2152
+ let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
2153
+ let _touched = $.prop($$props, "_touched", 8, void 0);
2154
+ let _value = $.prop($$props, "_value", 8, void 0);
2155
+ const getValue = (...args) => $.get(__ref).getValue(...args);
2156
+ const focus = (...args) => $.get(__ref).focus(...args);
2157
+ const getWebComponent = () => $.get(__ref);
2158
+ onMount(() => {
2159
+ $.set(__mounted, true);
2160
+ });
2161
+ const setProp = (prop, value) => {
2162
+ if ($.get(__ref)) $.mutate(__ref, $.get(__ref)[prop] = value);
2163
+ };
2164
+ $.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(_on())), () => {
2165
+ if ($.get(__mounted)) setProp("_on", _on());
2166
+ });
2167
+ $.legacy_pre_effect_reset();
2168
+ var $$exports = { getValue, focus, getWebComponent };
2169
+ $.init();
2170
+ var kol_select_wc = root$e();
2171
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_access-key", _accessKey()));
2172
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_disabled", _disabled()));
2173
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_hide-msg", _hideMsg()));
2174
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_hide-label", _hideLabel()));
2175
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_hint", _hint()));
2176
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_icons", _icons()));
2177
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_id", _id()));
2178
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_label", _label()));
2179
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_msg", _msg()));
2180
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_multiple", _multiple()));
2181
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_name", _name()));
2182
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_options", _options()));
2183
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_required", _required()));
2184
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_short-key", _shortKey()));
2185
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_rows", _rows()));
2186
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_sync-value-by-selector", _syncValueBySelector()));
2187
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_tab-index", _tabIndex()));
2188
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_tooltip-align", _tooltipAlign()));
2189
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_touched", _touched()));
2190
+ $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_value", _value()));
2191
+ var node = $.child(kol_select_wc);
2192
+ $.slot(node, $$props, "default", {}, null);
2193
+ $.reset(kol_select_wc);
2194
+ $.bind_this(kol_select_wc, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2195
+ $.append($$anchor, kol_select_wc);
2196
+ $.bind_prop($$props, "getValue", getValue);
2197
+ $.bind_prop($$props, "focus", focus);
2084
2198
  $.bind_prop($$props, "getWebComponent", getWebComponent);
2085
2199
  return $.pop($$exports);
2086
2200
  }
@@ -2110,10 +2224,10 @@ function KolSingleSelect($$anchor, $$props) {
2110
2224
  let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
2111
2225
  let _touched = $.prop($$props, "_touched", 8, void 0);
2112
2226
  let _value = $.prop($$props, "_value", 8, void 0);
2113
- let _hideClearButton = $.prop($$props, "_hideClearButton", 8, void 0);
2227
+ let _hasClearButton = $.prop($$props, "_hasClearButton", 8, void 0);
2114
2228
  let _rows = $.prop($$props, "_rows", 8, void 0);
2115
2229
  const getValue = (...args) => $.get(__ref).getValue(...args);
2116
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
2230
+ const focus = (...args) => $.get(__ref).focus(...args);
2117
2231
  const getWebComponent = () => $.get(__ref);
2118
2232
  onMount(() => {
2119
2233
  $.set(__mounted, true);
@@ -2125,7 +2239,7 @@ function KolSingleSelect($$anchor, $$props) {
2125
2239
  if ($.get(__mounted)) setProp("_on", _on());
2126
2240
  });
2127
2241
  $.legacy_pre_effect_reset();
2128
- var $$exports = { getValue, kolFocus, getWebComponent };
2242
+ var $$exports = { getValue, focus, getWebComponent };
2129
2243
  $.init();
2130
2244
  var kol_single_select = root$d();
2131
2245
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_access-key", _accessKey()));
@@ -2146,7 +2260,7 @@ function KolSingleSelect($$anchor, $$props) {
2146
2260
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_tooltip-align", _tooltipAlign()));
2147
2261
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_touched", _touched()));
2148
2262
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_value", _value()));
2149
- $.template_effect(() => $.set_custom_element_data(kol_single_select, "_hide-clear-button", _hideClearButton()));
2263
+ $.template_effect(() => $.set_custom_element_data(kol_single_select, "_has-clear-button", _hasClearButton()));
2150
2264
  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_rows", _rows()));
2151
2265
  var node = $.child(kol_single_select);
2152
2266
  $.slot(node, $$props, "default", {}, null);
@@ -2154,7 +2268,7 @@ function KolSingleSelect($$anchor, $$props) {
2154
2268
  $.bind_this(kol_single_select, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2155
2269
  $.append($$anchor, kol_single_select);
2156
2270
  $.bind_prop($$props, "getValue", getValue);
2157
- $.bind_prop($$props, "kolFocus", kolFocus);
2271
+ $.bind_prop($$props, "focus", focus);
2158
2272
  $.bind_prop($$props, "getWebComponent", getWebComponent);
2159
2273
  return $.pop($$exports);
2160
2274
  }
@@ -2166,11 +2280,11 @@ function KolSkipNav($$anchor, $$props) {
2166
2280
  createEventDispatcher();
2167
2281
  let _label = $.prop($$props, "_label", 8);
2168
2282
  let _links = $.prop($$props, "_links", 8);
2169
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
2283
+ const focus = (...args) => $.get(__ref).focus(...args);
2170
2284
  const getWebComponent = () => $.get(__ref);
2171
2285
  onMount(() => {
2172
2286
  });
2173
- var $$exports = { kolFocus, getWebComponent };
2287
+ var $$exports = { focus, getWebComponent };
2174
2288
  $.init();
2175
2289
  var kol_skip_nav = root$c();
2176
2290
  $.template_effect(() => $.set_custom_element_data(kol_skip_nav, "_label", _label()));
@@ -2180,7 +2294,7 @@ function KolSkipNav($$anchor, $$props) {
2180
2294
  $.reset(kol_skip_nav);
2181
2295
  $.bind_this(kol_skip_nav, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2182
2296
  $.append($$anchor, kol_skip_nav);
2183
- $.bind_prop($$props, "kolFocus", kolFocus);
2297
+ $.bind_prop($$props, "focus", focus);
2184
2298
  $.bind_prop($$props, "getWebComponent", getWebComponent);
2185
2299
  return $.pop($$exports);
2186
2300
  }
@@ -2238,7 +2352,7 @@ function KolSplitButton($$anchor, $$props) {
2238
2352
  let _value = $.prop($$props, "_value", 8, void 0);
2239
2353
  let _variant = $.prop($$props, "_variant", 8, void 0);
2240
2354
  const getValue = (...args) => $.get(__ref).getValue(...args);
2241
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
2355
+ const focus = (...args) => $.get(__ref).focus(...args);
2242
2356
  const closePopup = (...args) => $.get(__ref).closePopup(...args);
2243
2357
  const getWebComponent = () => $.get(__ref);
2244
2358
  onMount(() => {
@@ -2251,7 +2365,7 @@ function KolSplitButton($$anchor, $$props) {
2251
2365
  if ($.get(__mounted)) setProp("_on", _on());
2252
2366
  });
2253
2367
  $.legacy_pre_effect_reset();
2254
- var $$exports = { getValue, kolFocus, closePopup, getWebComponent };
2368
+ var $$exports = { getValue, focus, closePopup, getWebComponent };
2255
2369
  $.init();
2256
2370
  var kol_split_button = root$a();
2257
2371
  $.template_effect(() => $.set_custom_element_data(kol_split_button, "_access-key", _accessKey()));
@@ -2279,7 +2393,7 @@ function KolSplitButton($$anchor, $$props) {
2279
2393
  $.bind_this(kol_split_button, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2280
2394
  $.append($$anchor, kol_split_button);
2281
2395
  $.bind_prop($$props, "getValue", getValue);
2282
- $.bind_prop($$props, "kolFocus", kolFocus);
2396
+ $.bind_prop($$props, "focus", focus);
2283
2397
  $.bind_prop($$props, "closePopup", closePopup);
2284
2398
  $.bind_prop($$props, "getWebComponent", getWebComponent);
2285
2399
  return $.pop($$exports);
@@ -2301,7 +2415,6 @@ function KolTableStateful($$anchor, $$props) {
2301
2415
  let _paginationPosition = $.prop($$props, "_paginationPosition", 8, void 0);
2302
2416
  let _selection = $.prop($$props, "_selection", 8, void 0);
2303
2417
  let _on = $.prop($$props, "_on", 8, void 0);
2304
- let _tableSettings = $.prop($$props, "_tableSettings", 8, void 0);
2305
2418
  let _hasSettingsMenu = $.prop($$props, "_hasSettingsMenu", 8, void 0);
2306
2419
  const getSelection = (...args) => $.get(__ref).getSelection(...args);
2307
2420
  const getWebComponent = () => $.get(__ref);
@@ -2314,9 +2427,6 @@ function KolTableStateful($$anchor, $$props) {
2314
2427
  $.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(_on())), () => {
2315
2428
  if ($.get(__mounted)) setProp("_on", _on());
2316
2429
  });
2317
- $.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(_tableSettings())), () => {
2318
- if ($.get(__mounted)) setProp("_tableSettings", _tableSettings());
2319
- });
2320
2430
  $.legacy_pre_effect_reset();
2321
2431
  var $$exports = { getSelection, getWebComponent };
2322
2432
  $.init();
@@ -2354,7 +2464,6 @@ function KolTableStateless($$anchor, $$props) {
2354
2464
  let _minWidth = $.prop($$props, "_minWidth", 8);
2355
2465
  let _on = $.prop($$props, "_on", 8, void 0);
2356
2466
  let _selection = $.prop($$props, "_selection", 8, void 0);
2357
- let _tableSettings = $.prop($$props, "_tableSettings", 8, void 0);
2358
2467
  let _hasSettingsMenu = $.prop($$props, "_hasSettingsMenu", 8, void 0);
2359
2468
  const getWebComponent = () => $.get(__ref);
2360
2469
  onMount(() => {
@@ -2366,9 +2475,6 @@ function KolTableStateless($$anchor, $$props) {
2366
2475
  $.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(_on())), () => {
2367
2476
  if ($.get(__mounted)) setProp("_on", _on());
2368
2477
  });
2369
- $.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(_tableSettings())), () => {
2370
- if ($.get(__mounted)) setProp("_tableSettings", _tableSettings());
2371
- });
2372
2478
  $.legacy_pre_effect_reset();
2373
2479
  var $$exports = { getWebComponent };
2374
2480
  $.init();
@@ -2464,7 +2570,7 @@ function KolTextarea($$anchor, $$props) {
2464
2570
  let _touched = $.prop($$props, "_touched", 8, void 0);
2465
2571
  let _value = $.prop($$props, "_value", 8, void 0);
2466
2572
  const getValue = (...args) => $.get(__ref).getValue(...args);
2467
- const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
2573
+ const focus = (...args) => $.get(__ref).focus(...args);
2468
2574
  const getWebComponent = () => $.get(__ref);
2469
2575
  onMount(() => {
2470
2576
  $.set(__mounted, true);
@@ -2476,7 +2582,7 @@ function KolTextarea($$anchor, $$props) {
2476
2582
  if ($.get(__mounted)) setProp("_on", _on());
2477
2583
  });
2478
2584
  $.legacy_pre_effect_reset();
2479
- var $$exports = { getValue, kolFocus, getWebComponent };
2585
+ var $$exports = { getValue, focus, getWebComponent };
2480
2586
  $.init();
2481
2587
  var kol_textarea = root$6();
2482
2588
  $.template_effect(() => $.set_custom_element_data(kol_textarea, "_access-key", _accessKey()));
@@ -2510,7 +2616,7 @@ function KolTextarea($$anchor, $$props) {
2510
2616
  $.bind_this(kol_textarea, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2511
2617
  $.append($$anchor, kol_textarea);
2512
2618
  $.bind_prop($$props, "getValue", getValue);
2513
- $.bind_prop($$props, "kolFocus", kolFocus);
2619
+ $.bind_prop($$props, "focus", focus);
2514
2620
  $.bind_prop($$props, "getWebComponent", getWebComponent);
2515
2621
  return $.pop($$exports);
2516
2622
  }
@@ -2604,14 +2710,14 @@ function KolTreeItem($$anchor, $$props) {
2604
2710
  let _label = $.prop($$props, "_label", 8);
2605
2711
  let _open = $.prop($$props, "_open", 8, void 0);
2606
2712
  let _href = $.prop($$props, "_href", 8);
2607
- const focusLink = (...args) => $.get(__ref).focusLink(...args);
2713
+ const focus = (...args) => $.get(__ref).focus(...args);
2608
2714
  const expand = (...args) => $.get(__ref).expand(...args);
2609
2715
  const collapse = (...args) => $.get(__ref).collapse(...args);
2610
2716
  const isOpen = (...args) => $.get(__ref).isOpen(...args);
2611
2717
  const getWebComponent = () => $.get(__ref);
2612
2718
  onMount(() => {
2613
2719
  });
2614
- var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
2720
+ var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
2615
2721
  $.init();
2616
2722
  var kol_tree_item = root$2();
2617
2723
  $.template_effect(() => $.set_custom_element_data(kol_tree_item, "_active", _active()));
@@ -2623,7 +2729,7 @@ function KolTreeItem($$anchor, $$props) {
2623
2729
  $.reset(kol_tree_item);
2624
2730
  $.bind_this(kol_tree_item, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2625
2731
  $.append($$anchor, kol_tree_item);
2626
- $.bind_prop($$props, "focusLink", focusLink);
2732
+ $.bind_prop($$props, "focus", focus);
2627
2733
  $.bind_prop($$props, "expand", expand);
2628
2734
  $.bind_prop($$props, "collapse", collapse);
2629
2735
  $.bind_prop($$props, "isOpen", isOpen);
@@ -2640,14 +2746,14 @@ function KolTreeItemWc($$anchor, $$props) {
2640
2746
  let _label = $.prop($$props, "_label", 8);
2641
2747
  let _open = $.prop($$props, "_open", 8, void 0);
2642
2748
  let _href = $.prop($$props, "_href", 8);
2643
- const focusLink = (...args) => $.get(__ref).focusLink(...args);
2749
+ const focus = (...args) => $.get(__ref).focus(...args);
2644
2750
  const expand = (...args) => $.get(__ref).expand(...args);
2645
2751
  const collapse = (...args) => $.get(__ref).collapse(...args);
2646
2752
  const isOpen = (...args) => $.get(__ref).isOpen(...args);
2647
2753
  const getWebComponent = () => $.get(__ref);
2648
2754
  onMount(() => {
2649
2755
  });
2650
- var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
2756
+ var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
2651
2757
  $.init();
2652
2758
  var kol_tree_item_wc = root$1();
2653
2759
  $.template_effect(() => $.set_custom_element_data(kol_tree_item_wc, "_active", _active()));
@@ -2659,7 +2765,7 @@ function KolTreeItemWc($$anchor, $$props) {
2659
2765
  $.reset(kol_tree_item_wc);
2660
2766
  $.bind_this(kol_tree_item_wc, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
2661
2767
  $.append($$anchor, kol_tree_item_wc);
2662
- $.bind_prop($$props, "focusLink", focusLink);
2768
+ $.bind_prop($$props, "focus", focus);
2663
2769
  $.bind_prop($$props, "expand", expand);
2664
2770
  $.bind_prop($$props, "collapse", collapse);
2665
2771
  $.bind_prop($$props, "isOpen", isOpen);
@@ -2689,4 +2795,4 @@ function KolVersion($$anchor, $$props) {
2689
2795
  return $.pop($$exports);
2690
2796
  }
2691
2797
 
2692
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, 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, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion };
2798
+ 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 };