@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.cjs CHANGED
@@ -20,7 +20,7 @@ function _interopNamespaceCompat(e) {
20
20
 
21
21
  const $__namespace = /*#__PURE__*/_interopNamespaceCompat($);
22
22
 
23
- var root$Q = $__namespace.from_html(`<kol-abbr><!></kol-abbr>`, 2);
23
+ var root$S = $__namespace.from_html(`<kol-abbr><!></kol-abbr>`, 2);
24
24
  function KolAbbr($$anchor, $$props) {
25
25
  $__namespace.push($$props, false);
26
26
  let __ref = $__namespace.mutable_source();
@@ -31,7 +31,7 @@ function KolAbbr($$anchor, $$props) {
31
31
  });
32
32
  var $$exports = { getWebComponent };
33
33
  $__namespace.init();
34
- var kol_abbr = root$Q();
34
+ var kol_abbr = root$S();
35
35
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_abbr, "_label", _label()));
36
36
  var node = $__namespace.child(kol_abbr);
37
37
  $__namespace.slot(node, $$props, "default", {}, null);
@@ -42,7 +42,7 @@ function KolAbbr($$anchor, $$props) {
42
42
  return $__namespace.pop($$exports);
43
43
  }
44
44
 
45
- var root$P = $__namespace.from_html(`<kol-accordion><!></kol-accordion>`, 2);
45
+ var root$R = $__namespace.from_html(`<kol-accordion><!></kol-accordion>`, 2);
46
46
  function KolAccordion($$anchor, $$props) {
47
47
  $__namespace.push($$props, false);
48
48
  let __ref = $__namespace.mutable_source();
@@ -53,7 +53,7 @@ function KolAccordion($$anchor, $$props) {
53
53
  let _level = $__namespace.prop($$props, "_level", 8, void 0);
54
54
  let _on = $__namespace.prop($$props, "_on", 8, void 0);
55
55
  let _open = $__namespace.prop($$props, "_open", 8, void 0);
56
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
56
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
57
57
  const getWebComponent = () => $__namespace.get(__ref);
58
58
  svelte.onMount(() => {
59
59
  $__namespace.set(__mounted, true);
@@ -65,9 +65,9 @@ function KolAccordion($$anchor, $$props) {
65
65
  if ($__namespace.get(__mounted)) setProp("_on", _on());
66
66
  });
67
67
  $__namespace.legacy_pre_effect_reset();
68
- var $$exports = { kolFocus, getWebComponent };
68
+ var $$exports = { focus, getWebComponent };
69
69
  $__namespace.init();
70
- var kol_accordion = root$P();
70
+ var kol_accordion = root$R();
71
71
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_accordion, "_disabled", _disabled()));
72
72
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_accordion, "_label", _label()));
73
73
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_accordion, "_level", _level()));
@@ -77,12 +77,12 @@ function KolAccordion($$anchor, $$props) {
77
77
  $__namespace.reset(kol_accordion);
78
78
  $__namespace.bind_this(kol_accordion, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
79
79
  $__namespace.append($$anchor, kol_accordion);
80
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
80
+ $__namespace.bind_prop($$props, "focus", focus);
81
81
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
82
82
  return $__namespace.pop($$exports);
83
83
  }
84
84
 
85
- var root$O = $__namespace.from_html(`<kol-alert><!></kol-alert>`, 2);
85
+ var root$Q = $__namespace.from_html(`<kol-alert><!></kol-alert>`, 2);
86
86
  function KolAlert($$anchor, $$props) {
87
87
  $__namespace.push($$props, false);
88
88
  let __ref = $__namespace.mutable_source();
@@ -108,7 +108,7 @@ function KolAlert($$anchor, $$props) {
108
108
  $__namespace.legacy_pre_effect_reset();
109
109
  var $$exports = { getWebComponent };
110
110
  $__namespace.init();
111
- var kol_alert = root$O();
111
+ var kol_alert = root$Q();
112
112
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_alert, "_alert", _alert()));
113
113
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_alert, "_has-closer", _hasCloser()));
114
114
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_alert, "_label", _label()));
@@ -124,7 +124,7 @@ function KolAlert($$anchor, $$props) {
124
124
  return $__namespace.pop($$exports);
125
125
  }
126
126
 
127
- var root$N = $__namespace.from_html(`<kol-avatar><!></kol-avatar>`, 2);
127
+ var root$P = $__namespace.from_html(`<kol-avatar><!></kol-avatar>`, 2);
128
128
  function KolAvatar($$anchor, $$props) {
129
129
  $__namespace.push($$props, false);
130
130
  let __ref = $__namespace.mutable_source();
@@ -137,7 +137,7 @@ function KolAvatar($$anchor, $$props) {
137
137
  });
138
138
  var $$exports = { getWebComponent };
139
139
  $__namespace.init();
140
- var kol_avatar = root$N();
140
+ var kol_avatar = root$P();
141
141
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_avatar, "_color", _color()));
142
142
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_avatar, "_src", _src()));
143
143
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_avatar, "_label", _label()));
@@ -150,7 +150,7 @@ function KolAvatar($$anchor, $$props) {
150
150
  return $__namespace.pop($$exports);
151
151
  }
152
152
 
153
- var root$M = $__namespace.from_html(`<kol-badge><!></kol-badge>`, 2);
153
+ var root$O = $__namespace.from_html(`<kol-badge><!></kol-badge>`, 2);
154
154
  function KolBadge($$anchor, $$props) {
155
155
  $__namespace.push($$props, false);
156
156
  let __ref = $__namespace.mutable_source();
@@ -159,13 +159,13 @@ function KolBadge($$anchor, $$props) {
159
159
  let _icons = $__namespace.prop($$props, "_icons", 8, void 0);
160
160
  let _label = $__namespace.prop($$props, "_label", 8);
161
161
  let _smartButton = $__namespace.prop($$props, "_smartButton", 8, void 0);
162
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
162
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
163
163
  const getWebComponent = () => $__namespace.get(__ref);
164
164
  svelte.onMount(() => {
165
165
  });
166
- var $$exports = { kolFocus, getWebComponent };
166
+ var $$exports = { focus, getWebComponent };
167
167
  $__namespace.init();
168
- var kol_badge = root$M();
168
+ var kol_badge = root$O();
169
169
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_badge, "_color", _color()));
170
170
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_badge, "_icons", _icons()));
171
171
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_badge, "_label", _label()));
@@ -175,12 +175,12 @@ function KolBadge($$anchor, $$props) {
175
175
  $__namespace.reset(kol_badge);
176
176
  $__namespace.bind_this(kol_badge, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
177
177
  $__namespace.append($$anchor, kol_badge);
178
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
178
+ $__namespace.bind_prop($$props, "focus", focus);
179
179
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
180
180
  return $__namespace.pop($$exports);
181
181
  }
182
182
 
183
- var root$L = $__namespace.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
183
+ var root$N = $__namespace.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
184
184
  function KolBreadcrumb($$anchor, $$props) {
185
185
  $__namespace.push($$props, false);
186
186
  let __ref = $__namespace.mutable_source();
@@ -192,7 +192,7 @@ function KolBreadcrumb($$anchor, $$props) {
192
192
  });
193
193
  var $$exports = { getWebComponent };
194
194
  $__namespace.init();
195
- var kol_breadcrumb = root$L();
195
+ var kol_breadcrumb = root$N();
196
196
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_breadcrumb, "_label", _label()));
197
197
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_breadcrumb, "_links", _links()));
198
198
  var node = $__namespace.child(kol_breadcrumb);
@@ -204,7 +204,7 @@ function KolBreadcrumb($$anchor, $$props) {
204
204
  return $__namespace.pop($$exports);
205
205
  }
206
206
 
207
- var root$K = $__namespace.from_html(`<kol-button><!></kol-button>`, 2);
207
+ var root$M = $__namespace.from_html(`<kol-button><!></kol-button>`, 2);
208
208
  function KolButton($$anchor, $$props) {
209
209
  $__namespace.push($$props, false);
210
210
  let __ref = $__namespace.mutable_source();
@@ -232,7 +232,7 @@ function KolButton($$anchor, $$props) {
232
232
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
233
233
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
234
234
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
235
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
235
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
236
236
  const getWebComponent = () => $__namespace.get(__ref);
237
237
  svelte.onMount(() => {
238
238
  $__namespace.set(__mounted, true);
@@ -244,9 +244,9 @@ function KolButton($$anchor, $$props) {
244
244
  if ($__namespace.get(__mounted)) setProp("_on", _on());
245
245
  });
246
246
  $__namespace.legacy_pre_effect_reset();
247
- var $$exports = { getValue, kolFocus, getWebComponent };
247
+ var $$exports = { getValue, focus, getWebComponent };
248
248
  $__namespace.init();
249
- var kol_button = root$K();
249
+ var kol_button = root$M();
250
250
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button, "_access-key", _accessKey()));
251
251
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button, "_aria-controls", _ariaControls()));
252
252
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button, "_aria-description", _ariaDescription()));
@@ -273,12 +273,12 @@ function KolButton($$anchor, $$props) {
273
273
  $__namespace.bind_this(kol_button, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
274
274
  $__namespace.append($$anchor, kol_button);
275
275
  $__namespace.bind_prop($$props, "getValue", getValue);
276
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
276
+ $__namespace.bind_prop($$props, "focus", focus);
277
277
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
278
278
  return $__namespace.pop($$exports);
279
279
  }
280
280
 
281
- var root$J = $__namespace.from_html(`<kol-button-link><!></kol-button-link>`, 2);
281
+ var root$L = $__namespace.from_html(`<kol-button-link><!></kol-button-link>`, 2);
282
282
  function KolButtonLink($$anchor, $$props) {
283
283
  $__namespace.push($$props, false);
284
284
  let __ref = $__namespace.mutable_source();
@@ -304,7 +304,7 @@ function KolButtonLink($$anchor, $$props) {
304
304
  let _type = $__namespace.prop($$props, "_type", 8, void 0);
305
305
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
306
306
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
307
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
307
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
308
308
  const getWebComponent = () => $__namespace.get(__ref);
309
309
  svelte.onMount(() => {
310
310
  $__namespace.set(__mounted, true);
@@ -316,9 +316,9 @@ function KolButtonLink($$anchor, $$props) {
316
316
  if ($__namespace.get(__mounted)) setProp("_on", _on());
317
317
  });
318
318
  $__namespace.legacy_pre_effect_reset();
319
- var $$exports = { getValue, kolFocus, getWebComponent };
319
+ var $$exports = { getValue, focus, getWebComponent };
320
320
  $__namespace.init();
321
- var kol_button_link = root$J();
321
+ var kol_button_link = root$L();
322
322
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button_link, "_access-key", _accessKey()));
323
323
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button_link, "_aria-controls", _ariaControls()));
324
324
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_button_link, "_aria-description", _ariaDescription()));
@@ -343,12 +343,12 @@ function KolButtonLink($$anchor, $$props) {
343
343
  $__namespace.bind_this(kol_button_link, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
344
344
  $__namespace.append($$anchor, kol_button_link);
345
345
  $__namespace.bind_prop($$props, "getValue", getValue);
346
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
346
+ $__namespace.bind_prop($$props, "focus", focus);
347
347
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
348
348
  return $__namespace.pop($$exports);
349
349
  }
350
350
 
351
- var root$I = $__namespace.from_html(`<kol-card><!></kol-card>`, 2);
351
+ var root$K = $__namespace.from_html(`<kol-card><!></kol-card>`, 2);
352
352
  function KolCard($$anchor, $$props) {
353
353
  $__namespace.push($$props, false);
354
354
  let __ref = $__namespace.mutable_source();
@@ -371,7 +371,7 @@ function KolCard($$anchor, $$props) {
371
371
  $__namespace.legacy_pre_effect_reset();
372
372
  var $$exports = { getWebComponent };
373
373
  $__namespace.init();
374
- var kol_card = root$I();
374
+ var kol_card = root$K();
375
375
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card, "_has-closer", _hasCloser()));
376
376
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card, "_label", _label()));
377
377
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card, "_level", _level()));
@@ -384,7 +384,7 @@ function KolCard($$anchor, $$props) {
384
384
  return $__namespace.pop($$exports);
385
385
  }
386
386
 
387
- var root$H = $__namespace.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
387
+ var root$J = $__namespace.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
388
388
  function KolCardWc($$anchor, $$props) {
389
389
  $__namespace.push($$props, false);
390
390
  let __ref = $__namespace.mutable_source();
@@ -407,7 +407,7 @@ function KolCardWc($$anchor, $$props) {
407
407
  $__namespace.legacy_pre_effect_reset();
408
408
  var $$exports = { getWebComponent };
409
409
  $__namespace.init();
410
- var kol_card_wc = root$H();
410
+ var kol_card_wc = root$J();
411
411
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card_wc, "_has-closer", _hasCloser()));
412
412
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card_wc, "_label", _label()));
413
413
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_card_wc, "_level", _level()));
@@ -420,7 +420,7 @@ function KolCardWc($$anchor, $$props) {
420
420
  return $__namespace.pop($$exports);
421
421
  }
422
422
 
423
- var root$G = $__namespace.from_html(`<kol-combobox><!></kol-combobox>`, 2);
423
+ var root$I = $__namespace.from_html(`<kol-combobox><!></kol-combobox>`, 2);
424
424
  function KolCombobox($$anchor, $$props) {
425
425
  $__namespace.push($$props, false);
426
426
  let __ref = $__namespace.mutable_source();
@@ -438,7 +438,7 @@ function KolCombobox($$anchor, $$props) {
438
438
  let _msg = $__namespace.prop($$props, "_msg", 8, void 0);
439
439
  let _name = $__namespace.prop($$props, "_name", 8, void 0);
440
440
  let _on = $__namespace.prop($$props, "_on", 8, void 0);
441
- let _hideClearButton = $__namespace.prop($$props, "_hideClearButton", 8, void 0);
441
+ let _hasClearButton = $__namespace.prop($$props, "_hasClearButton", 8, void 0);
442
442
  let _suggestions = $__namespace.prop($$props, "_suggestions", 8);
443
443
  let _required = $__namespace.prop($$props, "_required", 8, void 0);
444
444
  let _shortKey = $__namespace.prop($$props, "_shortKey", 8, void 0);
@@ -447,7 +447,7 @@ function KolCombobox($$anchor, $$props) {
447
447
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
448
448
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
449
449
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
450
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
450
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
451
451
  const getWebComponent = () => $__namespace.get(__ref);
452
452
  svelte.onMount(() => {
453
453
  $__namespace.set(__mounted, true);
@@ -459,9 +459,9 @@ function KolCombobox($$anchor, $$props) {
459
459
  if ($__namespace.get(__mounted)) setProp("_on", _on());
460
460
  });
461
461
  $__namespace.legacy_pre_effect_reset();
462
- var $$exports = { getValue, kolFocus, getWebComponent };
462
+ var $$exports = { getValue, focus, getWebComponent };
463
463
  $__namespace.init();
464
- var kol_combobox = root$G();
464
+ var kol_combobox = root$I();
465
465
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_access-key", _accessKey()));
466
466
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_placeholder", _placeholder()));
467
467
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_disabled", _disabled()));
@@ -473,7 +473,7 @@ function KolCombobox($$anchor, $$props) {
473
473
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_label", _label()));
474
474
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_msg", _msg()));
475
475
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_name", _name()));
476
- $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_hide-clear-button", _hideClearButton()));
476
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_has-clear-button", _hasClearButton()));
477
477
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_suggestions", _suggestions()));
478
478
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_required", _required()));
479
479
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_combobox, "_short-key", _shortKey()));
@@ -487,12 +487,12 @@ function KolCombobox($$anchor, $$props) {
487
487
  $__namespace.bind_this(kol_combobox, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
488
488
  $__namespace.append($$anchor, kol_combobox);
489
489
  $__namespace.bind_prop($$props, "getValue", getValue);
490
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
490
+ $__namespace.bind_prop($$props, "focus", focus);
491
491
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
492
492
  return $__namespace.pop($$exports);
493
493
  }
494
494
 
495
- var root$F = $__namespace.from_html(`<kol-details><!></kol-details>`, 2);
495
+ var root$H = $__namespace.from_html(`<kol-details><!></kol-details>`, 2);
496
496
  function KolDetails($$anchor, $$props) {
497
497
  $__namespace.push($$props, false);
498
498
  let __ref = $__namespace.mutable_source();
@@ -503,7 +503,7 @@ function KolDetails($$anchor, $$props) {
503
503
  let _level = $__namespace.prop($$props, "_level", 8, void 0);
504
504
  let _on = $__namespace.prop($$props, "_on", 8, void 0);
505
505
  let _open = $__namespace.prop($$props, "_open", 8, void 0);
506
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
506
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
507
507
  const getWebComponent = () => $__namespace.get(__ref);
508
508
  svelte.onMount(() => {
509
509
  $__namespace.set(__mounted, true);
@@ -515,9 +515,9 @@ function KolDetails($$anchor, $$props) {
515
515
  if ($__namespace.get(__mounted)) setProp("_on", _on());
516
516
  });
517
517
  $__namespace.legacy_pre_effect_reset();
518
- var $$exports = { kolFocus, getWebComponent };
518
+ var $$exports = { focus, getWebComponent };
519
519
  $__namespace.init();
520
- var kol_details = root$F();
520
+ var kol_details = root$H();
521
521
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_details, "_disabled", _disabled()));
522
522
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_details, "_label", _label()));
523
523
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_details, "_level", _level()));
@@ -527,12 +527,52 @@ function KolDetails($$anchor, $$props) {
527
527
  $__namespace.reset(kol_details);
528
528
  $__namespace.bind_this(kol_details, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
529
529
  $__namespace.append($$anchor, kol_details);
530
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
530
+ $__namespace.bind_prop($$props, "focus", focus);
531
531
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
532
532
  return $__namespace.pop($$exports);
533
533
  }
534
534
 
535
- var root$E = $__namespace.from_html(`<kol-drawer><!></kol-drawer>`, 2);
535
+ var root$G = $__namespace.from_html(`<kol-dialog><!></kol-dialog>`, 2);
536
+ function KolDialog($$anchor, $$props) {
537
+ $__namespace.push($$props, false);
538
+ let __ref = $__namespace.mutable_source();
539
+ let __mounted = $__namespace.mutable_source(false);
540
+ svelte.createEventDispatcher();
541
+ let _label = $__namespace.prop($$props, "_label", 8);
542
+ let _on = $__namespace.prop($$props, "_on", 8, void 0);
543
+ let _width = $__namespace.prop($$props, "_width", 8, void 0);
544
+ let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
545
+ const openModal = (...args) => $__namespace.get(__ref).openModal(...args);
546
+ const closeModal = (...args) => $__namespace.get(__ref).closeModal(...args);
547
+ const getWebComponent = () => $__namespace.get(__ref);
548
+ svelte.onMount(() => {
549
+ $__namespace.set(__mounted, true);
550
+ });
551
+ const setProp = (prop, value) => {
552
+ if ($__namespace.get(__ref)) $__namespace.mutate(__ref, $__namespace.get(__ref)[prop] = value);
553
+ };
554
+ $__namespace.legacy_pre_effect(() => ($__namespace.get(__mounted), $__namespace.deep_read_state(_on())), () => {
555
+ if ($__namespace.get(__mounted)) setProp("_on", _on());
556
+ });
557
+ $__namespace.legacy_pre_effect_reset();
558
+ var $$exports = { openModal, closeModal, getWebComponent };
559
+ $__namespace.init();
560
+ var kol_dialog = root$G();
561
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_dialog, "_label", _label()));
562
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_dialog, "_width", _width()));
563
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_dialog, "_variant", _variant()));
564
+ var node = $__namespace.child(kol_dialog);
565
+ $__namespace.slot(node, $$props, "default", {}, null);
566
+ $__namespace.reset(kol_dialog);
567
+ $__namespace.bind_this(kol_dialog, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
568
+ $__namespace.append($$anchor, kol_dialog);
569
+ $__namespace.bind_prop($$props, "openModal", openModal);
570
+ $__namespace.bind_prop($$props, "closeModal", closeModal);
571
+ $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
572
+ return $__namespace.pop($$exports);
573
+ }
574
+
575
+ var root$F = $__namespace.from_html(`<kol-drawer><!></kol-drawer>`, 2);
536
576
  function KolDrawer($$anchor, $$props) {
537
577
  $__namespace.push($$props, false);
538
578
  let __ref = $__namespace.mutable_source();
@@ -558,7 +598,7 @@ function KolDrawer($$anchor, $$props) {
558
598
  $__namespace.legacy_pre_effect_reset();
559
599
  var $$exports = { open, close, getWebComponent };
560
600
  $__namespace.init();
561
- var kol_drawer = root$E();
601
+ var kol_drawer = root$F();
562
602
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_drawer, "_open", _open()));
563
603
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_drawer, "_align", _align()));
564
604
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_drawer, "_has-closer", _hasCloser()));
@@ -574,7 +614,7 @@ function KolDrawer($$anchor, $$props) {
574
614
  return $__namespace.pop($$exports);
575
615
  }
576
616
 
577
- var root$D = $__namespace.from_html(`<kol-form><!></kol-form>`, 2);
617
+ var root$E = $__namespace.from_html(`<kol-form><!></kol-form>`, 2);
578
618
  function KolForm($$anchor, $$props) {
579
619
  $__namespace.push($$props, false);
580
620
  let __ref = $__namespace.mutable_source();
@@ -600,7 +640,7 @@ function KolForm($$anchor, $$props) {
600
640
  $__namespace.legacy_pre_effect_reset();
601
641
  var $$exports = { focusErrorList, getWebComponent };
602
642
  $__namespace.init();
603
- var kol_form = root$D();
643
+ var kol_form = root$E();
604
644
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_form, "_required-text", _requiredText()));
605
645
  var node = $__namespace.child(kol_form);
606
646
  $__namespace.slot(node, $$props, "default", {}, null);
@@ -612,7 +652,7 @@ function KolForm($$anchor, $$props) {
612
652
  return $__namespace.pop($$exports);
613
653
  }
614
654
 
615
- var root$C = $__namespace.from_html(`<kol-heading><!></kol-heading>`, 2);
655
+ var root$D = $__namespace.from_html(`<kol-heading><!></kol-heading>`, 2);
616
656
  function KolHeading($$anchor, $$props) {
617
657
  $__namespace.push($$props, false);
618
658
  let __ref = $__namespace.mutable_source();
@@ -625,7 +665,7 @@ function KolHeading($$anchor, $$props) {
625
665
  });
626
666
  var $$exports = { getWebComponent };
627
667
  $__namespace.init();
628
- var kol_heading = root$C();
668
+ var kol_heading = root$D();
629
669
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_heading, "_label", _label()));
630
670
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_heading, "_level", _level()));
631
671
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_heading, "_secondary-headline", _secondaryHeadline()));
@@ -638,7 +678,7 @@ function KolHeading($$anchor, $$props) {
638
678
  return $__namespace.pop($$exports);
639
679
  }
640
680
 
641
- var root$B = $__namespace.from_html(`<kol-icon><!></kol-icon>`, 2);
681
+ var root$C = $__namespace.from_html(`<kol-icon><!></kol-icon>`, 2);
642
682
  function KolIcon($$anchor, $$props) {
643
683
  $__namespace.push($$props, false);
644
684
  let __ref = $__namespace.mutable_source();
@@ -650,7 +690,7 @@ function KolIcon($$anchor, $$props) {
650
690
  });
651
691
  var $$exports = { getWebComponent };
652
692
  $__namespace.init();
653
- var kol_icon = root$B();
693
+ var kol_icon = root$C();
654
694
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_icon, "_icons", _icons()));
655
695
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_icon, "_label", _label()));
656
696
  var node = $__namespace.child(kol_icon);
@@ -662,7 +702,7 @@ function KolIcon($$anchor, $$props) {
662
702
  return $__namespace.pop($$exports);
663
703
  }
664
704
 
665
- var root$A = $__namespace.from_html(`<kol-image><!></kol-image>`, 2);
705
+ var root$B = $__namespace.from_html(`<kol-image><!></kol-image>`, 2);
666
706
  function KolImage($$anchor, $$props) {
667
707
  $__namespace.push($$props, false);
668
708
  let __ref = $__namespace.mutable_source();
@@ -677,7 +717,7 @@ function KolImage($$anchor, $$props) {
677
717
  });
678
718
  var $$exports = { getWebComponent };
679
719
  $__namespace.init();
680
- var kol_image = root$A();
720
+ var kol_image = root$B();
681
721
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_image, "_alt", _alt()));
682
722
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_image, "_loading", _loading()));
683
723
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_image, "_sizes", _sizes()));
@@ -692,7 +732,7 @@ function KolImage($$anchor, $$props) {
692
732
  return $__namespace.pop($$exports);
693
733
  }
694
734
 
695
- var root$z = $__namespace.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
735
+ var root$A = $__namespace.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
696
736
  function KolInputCheckbox($$anchor, $$props) {
697
737
  $__namespace.push($$props, false);
698
738
  let __ref = $__namespace.mutable_source();
@@ -720,7 +760,7 @@ function KolInputCheckbox($$anchor, $$props) {
720
760
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
721
761
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
722
762
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
723
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
763
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
724
764
  const getWebComponent = () => $__namespace.get(__ref);
725
765
  svelte.onMount(() => {
726
766
  $__namespace.set(__mounted, true);
@@ -732,9 +772,9 @@ function KolInputCheckbox($$anchor, $$props) {
732
772
  if ($__namespace.get(__mounted)) setProp("_on", _on());
733
773
  });
734
774
  $__namespace.legacy_pre_effect_reset();
735
- var $$exports = { getValue, kolFocus, getWebComponent };
775
+ var $$exports = { getValue, focus, getWebComponent };
736
776
  $__namespace.init();
737
- var kol_input_checkbox = root$z();
777
+ var kol_input_checkbox = root$A();
738
778
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_checkbox, "_access-key", _accessKey()));
739
779
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_checkbox, "_checked", _checked()));
740
780
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_checkbox, "_hide-msg", _hideMsg()));
@@ -761,12 +801,12 @@ function KolInputCheckbox($$anchor, $$props) {
761
801
  $__namespace.bind_this(kol_input_checkbox, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
762
802
  $__namespace.append($$anchor, kol_input_checkbox);
763
803
  $__namespace.bind_prop($$props, "getValue", getValue);
764
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
804
+ $__namespace.bind_prop($$props, "focus", focus);
765
805
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
766
806
  return $__namespace.pop($$exports);
767
807
  }
768
808
 
769
- var root$y = $__namespace.from_html(`<kol-input-color><!></kol-input-color>`, 2);
809
+ var root$z = $__namespace.from_html(`<kol-input-color><!></kol-input-color>`, 2);
770
810
  function KolInputColor($$anchor, $$props) {
771
811
  $__namespace.push($$props, false);
772
812
  let __ref = $__namespace.mutable_source();
@@ -792,7 +832,7 @@ function KolInputColor($$anchor, $$props) {
792
832
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
793
833
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
794
834
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
795
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
835
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
796
836
  const getWebComponent = () => $__namespace.get(__ref);
797
837
  svelte.onMount(() => {
798
838
  $__namespace.set(__mounted, true);
@@ -804,9 +844,9 @@ function KolInputColor($$anchor, $$props) {
804
844
  if ($__namespace.get(__mounted)) setProp("_on", _on());
805
845
  });
806
846
  $__namespace.legacy_pre_effect_reset();
807
- var $$exports = { getValue, kolFocus, getWebComponent };
847
+ var $$exports = { getValue, focus, getWebComponent };
808
848
  $__namespace.init();
809
- var kol_input_color = root$y();
849
+ var kol_input_color = root$z();
810
850
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_color, "_access-key", _accessKey()));
811
851
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_color, "_auto-complete", _autoComplete()));
812
852
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_color, "_disabled", _disabled()));
@@ -831,12 +871,12 @@ function KolInputColor($$anchor, $$props) {
831
871
  $__namespace.bind_this(kol_input_color, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
832
872
  $__namespace.append($$anchor, kol_input_color);
833
873
  $__namespace.bind_prop($$props, "getValue", getValue);
834
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
874
+ $__namespace.bind_prop($$props, "focus", focus);
835
875
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
836
876
  return $__namespace.pop($$exports);
837
877
  }
838
878
 
839
- var root$x = $__namespace.from_html(`<kol-input-date><!></kol-input-date>`, 2);
879
+ var root$y = $__namespace.from_html(`<kol-input-date><!></kol-input-date>`, 2);
840
880
  function KolInputDate($$anchor, $$props) {
841
881
  $__namespace.push($$props, false);
842
882
  let __ref = $__namespace.mutable_source();
@@ -868,7 +908,7 @@ function KolInputDate($$anchor, $$props) {
868
908
  let _type = $__namespace.prop($$props, "_type", 8, void 0);
869
909
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
870
910
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
871
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
911
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
872
912
  const reset = (...args) => $__namespace.get(__ref).reset(...args);
873
913
  const getWebComponent = () => $__namespace.get(__ref);
874
914
  svelte.onMount(() => {
@@ -881,9 +921,9 @@ function KolInputDate($$anchor, $$props) {
881
921
  if ($__namespace.get(__mounted)) setProp("_on", _on());
882
922
  });
883
923
  $__namespace.legacy_pre_effect_reset();
884
- var $$exports = { getValue, kolFocus, reset, getWebComponent };
924
+ var $$exports = { getValue, focus, reset, getWebComponent };
885
925
  $__namespace.init();
886
- var kol_input_date = root$x();
926
+ var kol_input_date = root$y();
887
927
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_date, "_access-key", _accessKey()));
888
928
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_date, "_auto-complete", _autoComplete()));
889
929
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_date, "_disabled", _disabled()));
@@ -914,13 +954,13 @@ function KolInputDate($$anchor, $$props) {
914
954
  $__namespace.bind_this(kol_input_date, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
915
955
  $__namespace.append($$anchor, kol_input_date);
916
956
  $__namespace.bind_prop($$props, "getValue", getValue);
917
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
957
+ $__namespace.bind_prop($$props, "focus", focus);
918
958
  $__namespace.bind_prop($$props, "reset", reset);
919
959
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
920
960
  return $__namespace.pop($$exports);
921
961
  }
922
962
 
923
- var root$w = $__namespace.from_html(`<kol-input-email><!></kol-input-email>`, 2);
963
+ var root$x = $__namespace.from_html(`<kol-input-email><!></kol-input-email>`, 2);
924
964
  function KolInputEmail($$anchor, $$props) {
925
965
  $__namespace.push($$props, false);
926
966
  let __ref = $__namespace.mutable_source();
@@ -954,7 +994,7 @@ function KolInputEmail($$anchor, $$props) {
954
994
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
955
995
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
956
996
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
957
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
997
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
958
998
  const getWebComponent = () => $__namespace.get(__ref);
959
999
  svelte.onMount(() => {
960
1000
  $__namespace.set(__mounted, true);
@@ -966,9 +1006,9 @@ function KolInputEmail($$anchor, $$props) {
966
1006
  if ($__namespace.get(__mounted)) setProp("_on", _on());
967
1007
  });
968
1008
  $__namespace.legacy_pre_effect_reset();
969
- var $$exports = { getValue, kolFocus, getWebComponent };
1009
+ var $$exports = { getValue, focus, getWebComponent };
970
1010
  $__namespace.init();
971
- var kol_input_email = root$w();
1011
+ var kol_input_email = root$x();
972
1012
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_email, "_access-key", _accessKey()));
973
1013
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_email, "_auto-complete", _autoComplete()));
974
1014
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_email, "_has-counter", _hasCounter()));
@@ -1001,12 +1041,12 @@ function KolInputEmail($$anchor, $$props) {
1001
1041
  $__namespace.bind_this(kol_input_email, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1002
1042
  $__namespace.append($$anchor, kol_input_email);
1003
1043
  $__namespace.bind_prop($$props, "getValue", getValue);
1004
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1044
+ $__namespace.bind_prop($$props, "focus", focus);
1005
1045
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1006
1046
  return $__namespace.pop($$exports);
1007
1047
  }
1008
1048
 
1009
- var root$v = $__namespace.from_html(`<kol-input-file><!></kol-input-file>`, 2);
1049
+ var root$w = $__namespace.from_html(`<kol-input-file><!></kol-input-file>`, 2);
1010
1050
  function KolInputFile($$anchor, $$props) {
1011
1051
  $__namespace.push($$props, false);
1012
1052
  let __ref = $__namespace.mutable_source();
@@ -1032,7 +1072,7 @@ function KolInputFile($$anchor, $$props) {
1032
1072
  let _tooltipAlign = $__namespace.prop($$props, "_tooltipAlign", 8, void 0);
1033
1073
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
1034
1074
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
1035
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1075
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1036
1076
  const reset = (...args) => $__namespace.get(__ref).reset(...args);
1037
1077
  const getWebComponent = () => $__namespace.get(__ref);
1038
1078
  svelte.onMount(() => {
@@ -1045,9 +1085,9 @@ function KolInputFile($$anchor, $$props) {
1045
1085
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1046
1086
  });
1047
1087
  $__namespace.legacy_pre_effect_reset();
1048
- var $$exports = { getValue, kolFocus, reset, getWebComponent };
1088
+ var $$exports = { getValue, focus, reset, getWebComponent };
1049
1089
  $__namespace.init();
1050
- var kol_input_file = root$v();
1090
+ var kol_input_file = root$w();
1051
1091
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_file, "_accept", _accept()));
1052
1092
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_file, "_access-key", _accessKey()));
1053
1093
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_file, "_disabled", _disabled()));
@@ -1072,13 +1112,13 @@ function KolInputFile($$anchor, $$props) {
1072
1112
  $__namespace.bind_this(kol_input_file, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1073
1113
  $__namespace.append($$anchor, kol_input_file);
1074
1114
  $__namespace.bind_prop($$props, "getValue", getValue);
1075
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1115
+ $__namespace.bind_prop($$props, "focus", focus);
1076
1116
  $__namespace.bind_prop($$props, "reset", reset);
1077
1117
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1078
1118
  return $__namespace.pop($$exports);
1079
1119
  }
1080
1120
 
1081
- var root$u = $__namespace.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1121
+ var root$v = $__namespace.from_html(`<kol-input-number><!></kol-input-number>`, 2);
1082
1122
  function KolInputNumber($$anchor, $$props) {
1083
1123
  $__namespace.push($$props, false);
1084
1124
  let __ref = $__namespace.mutable_source();
@@ -1110,7 +1150,7 @@ function KolInputNumber($$anchor, $$props) {
1110
1150
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
1111
1151
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
1112
1152
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
1113
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1153
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1114
1154
  const getWebComponent = () => $__namespace.get(__ref);
1115
1155
  svelte.onMount(() => {
1116
1156
  $__namespace.set(__mounted, true);
@@ -1122,9 +1162,9 @@ function KolInputNumber($$anchor, $$props) {
1122
1162
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1123
1163
  });
1124
1164
  $__namespace.legacy_pre_effect_reset();
1125
- var $$exports = { getValue, kolFocus, getWebComponent };
1165
+ var $$exports = { getValue, focus, getWebComponent };
1126
1166
  $__namespace.init();
1127
- var kol_input_number = root$u();
1167
+ var kol_input_number = root$v();
1128
1168
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_number, "_access-key", _accessKey()));
1129
1169
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_number, "_auto-complete", _autoComplete()));
1130
1170
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_number, "_disabled", _disabled()));
@@ -1155,12 +1195,12 @@ function KolInputNumber($$anchor, $$props) {
1155
1195
  $__namespace.bind_this(kol_input_number, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1156
1196
  $__namespace.append($$anchor, kol_input_number);
1157
1197
  $__namespace.bind_prop($$props, "getValue", getValue);
1158
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1198
+ $__namespace.bind_prop($$props, "focus", focus);
1159
1199
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1160
1200
  return $__namespace.pop($$exports);
1161
1201
  }
1162
1202
 
1163
- var root$t = $__namespace.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1203
+ var root$u = $__namespace.from_html(`<kol-input-password><!></kol-input-password>`, 2);
1164
1204
  function KolInputPassword($$anchor, $$props) {
1165
1205
  $__namespace.push($$props, false);
1166
1206
  let __ref = $__namespace.mutable_source();
@@ -1193,7 +1233,7 @@ function KolInputPassword($$anchor, $$props) {
1193
1233
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
1194
1234
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
1195
1235
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
1196
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1236
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1197
1237
  const getWebComponent = () => $__namespace.get(__ref);
1198
1238
  svelte.onMount(() => {
1199
1239
  $__namespace.set(__mounted, true);
@@ -1205,9 +1245,9 @@ function KolInputPassword($$anchor, $$props) {
1205
1245
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1206
1246
  });
1207
1247
  $__namespace.legacy_pre_effect_reset();
1208
- var $$exports = { getValue, kolFocus, getWebComponent };
1248
+ var $$exports = { getValue, focus, getWebComponent };
1209
1249
  $__namespace.init();
1210
- var kol_input_password = root$t();
1250
+ var kol_input_password = root$u();
1211
1251
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_password, "_access-key", _accessKey()));
1212
1252
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_password, "_auto-complete", _autoComplete()));
1213
1253
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_password, "_has-counter", _hasCounter()));
@@ -1239,12 +1279,12 @@ function KolInputPassword($$anchor, $$props) {
1239
1279
  $__namespace.bind_this(kol_input_password, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1240
1280
  $__namespace.append($$anchor, kol_input_password);
1241
1281
  $__namespace.bind_prop($$props, "getValue", getValue);
1242
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1282
+ $__namespace.bind_prop($$props, "focus", focus);
1243
1283
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1244
1284
  return $__namespace.pop($$exports);
1245
1285
  }
1246
1286
 
1247
- var root$s = $__namespace.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1287
+ var root$t = $__namespace.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
1248
1288
  function KolInputRadio($$anchor, $$props) {
1249
1289
  $__namespace.push($$props, false);
1250
1290
  let __ref = $__namespace.mutable_source();
@@ -1267,7 +1307,7 @@ function KolInputRadio($$anchor, $$props) {
1267
1307
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
1268
1308
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
1269
1309
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
1270
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1310
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1271
1311
  const getWebComponent = () => $__namespace.get(__ref);
1272
1312
  svelte.onMount(() => {
1273
1313
  $__namespace.set(__mounted, true);
@@ -1279,9 +1319,9 @@ function KolInputRadio($$anchor, $$props) {
1279
1319
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1280
1320
  });
1281
1321
  $__namespace.legacy_pre_effect_reset();
1282
- var $$exports = { getValue, kolFocus, getWebComponent };
1322
+ var $$exports = { getValue, focus, getWebComponent };
1283
1323
  $__namespace.init();
1284
- var kol_input_radio = root$s();
1324
+ var kol_input_radio = root$t();
1285
1325
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_radio, "_disabled", _disabled()));
1286
1326
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_radio, "_hide-msg", _hideMsg()));
1287
1327
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_radio, "_hide-label", _hideLabel()));
@@ -1303,12 +1343,12 @@ function KolInputRadio($$anchor, $$props) {
1303
1343
  $__namespace.bind_this(kol_input_radio, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1304
1344
  $__namespace.append($$anchor, kol_input_radio);
1305
1345
  $__namespace.bind_prop($$props, "getValue", getValue);
1306
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1346
+ $__namespace.bind_prop($$props, "focus", focus);
1307
1347
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1308
1348
  return $__namespace.pop($$exports);
1309
1349
  }
1310
1350
 
1311
- var root$r = $__namespace.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1351
+ var root$s = $__namespace.from_html(`<kol-input-range><!></kol-input-range>`, 2);
1312
1352
  function KolInputRange($$anchor, $$props) {
1313
1353
  $__namespace.push($$props, false);
1314
1354
  let __ref = $__namespace.mutable_source();
@@ -1335,7 +1375,7 @@ function KolInputRange($$anchor, $$props) {
1335
1375
  let _tooltipAlign = $__namespace.prop($$props, "_tooltipAlign", 8, void 0);
1336
1376
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
1337
1377
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
1338
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1378
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1339
1379
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
1340
1380
  const getWebComponent = () => $__namespace.get(__ref);
1341
1381
  svelte.onMount(() => {
@@ -1348,9 +1388,9 @@ function KolInputRange($$anchor, $$props) {
1348
1388
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1349
1389
  });
1350
1390
  $__namespace.legacy_pre_effect_reset();
1351
- var $$exports = { kolFocus, getValue, getWebComponent };
1391
+ var $$exports = { focus, getValue, getWebComponent };
1352
1392
  $__namespace.init();
1353
- var kol_input_range = root$r();
1393
+ var kol_input_range = root$s();
1354
1394
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_range, "_access-key", _accessKey()));
1355
1395
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_range, "_auto-complete", _autoComplete()));
1356
1396
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_range, "_disabled", _disabled()));
@@ -1376,13 +1416,13 @@ function KolInputRange($$anchor, $$props) {
1376
1416
  $__namespace.reset(kol_input_range);
1377
1417
  $__namespace.bind_this(kol_input_range, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1378
1418
  $__namespace.append($$anchor, kol_input_range);
1379
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1419
+ $__namespace.bind_prop($$props, "focus", focus);
1380
1420
  $__namespace.bind_prop($$props, "getValue", getValue);
1381
1421
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1382
1422
  return $__namespace.pop($$exports);
1383
1423
  }
1384
1424
 
1385
- var root$q = $__namespace.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1425
+ var root$r = $__namespace.from_html(`<kol-input-text><!></kol-input-text>`, 2);
1386
1426
  function KolInputText($$anchor, $$props) {
1387
1427
  $__namespace.push($$props, false);
1388
1428
  let __ref = $__namespace.mutable_source();
@@ -1417,7 +1457,7 @@ function KolInputText($$anchor, $$props) {
1417
1457
  let _type = $__namespace.prop($$props, "_type", 8, void 0);
1418
1458
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
1419
1459
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
1420
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1460
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1421
1461
  const selectionStart = (...args) => $__namespace.get(__ref).selectionStart(...args);
1422
1462
  const selectioconEnd = (...args) => $__namespace.get(__ref).selectioconEnd(...args);
1423
1463
  const setSelectionRange = (...args) => $__namespace.get(__ref).setSelectionRange(...args);
@@ -1436,7 +1476,7 @@ function KolInputText($$anchor, $$props) {
1436
1476
  $__namespace.legacy_pre_effect_reset();
1437
1477
  var $$exports = {
1438
1478
  getValue,
1439
- kolFocus,
1479
+ focus,
1440
1480
  selectionStart,
1441
1481
  selectioconEnd,
1442
1482
  setSelectionRange,
@@ -1445,7 +1485,7 @@ function KolInputText($$anchor, $$props) {
1445
1485
  getWebComponent
1446
1486
  };
1447
1487
  $__namespace.init();
1448
- var kol_input_text = root$q();
1488
+ var kol_input_text = root$r();
1449
1489
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_text, "_access-key", _accessKey()));
1450
1490
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_text, "_auto-complete", _autoComplete()));
1451
1491
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_text, "_has-counter", _hasCounter()));
@@ -1479,7 +1519,7 @@ function KolInputText($$anchor, $$props) {
1479
1519
  $__namespace.bind_this(kol_input_text, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1480
1520
  $__namespace.append($$anchor, kol_input_text);
1481
1521
  $__namespace.bind_prop($$props, "getValue", getValue);
1482
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1522
+ $__namespace.bind_prop($$props, "focus", focus);
1483
1523
  $__namespace.bind_prop($$props, "selectionStart", selectionStart);
1484
1524
  $__namespace.bind_prop($$props, "selectioconEnd", selectioconEnd);
1485
1525
  $__namespace.bind_prop($$props, "setSelectionRange", setSelectionRange);
@@ -1489,7 +1529,7 @@ function KolInputText($$anchor, $$props) {
1489
1529
  return $__namespace.pop($$exports);
1490
1530
  }
1491
1531
 
1492
- var root$p = $__namespace.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1532
+ var root$q = $__namespace.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
1493
1533
  function KolKolibri($$anchor, $$props) {
1494
1534
  $__namespace.push($$props, false);
1495
1535
  let __ref = $__namespace.mutable_source();
@@ -1501,7 +1541,7 @@ function KolKolibri($$anchor, $$props) {
1501
1541
  });
1502
1542
  var $$exports = { getWebComponent };
1503
1543
  $__namespace.init();
1504
- var kol_kolibri = root$p();
1544
+ var kol_kolibri = root$q();
1505
1545
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_kolibri, "_color", _color()));
1506
1546
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_kolibri, "_labeled", _labeled()));
1507
1547
  var node = $__namespace.child(kol_kolibri);
@@ -1513,7 +1553,7 @@ function KolKolibri($$anchor, $$props) {
1513
1553
  return $__namespace.pop($$exports);
1514
1554
  }
1515
1555
 
1516
- var root$o = $__namespace.from_html(`<kol-link><!></kol-link>`, 2);
1556
+ var root$p = $__namespace.from_html(`<kol-link><!></kol-link>`, 2);
1517
1557
  function KolLink($$anchor, $$props) {
1518
1558
  $__namespace.push($$props, false);
1519
1559
  let __ref = $__namespace.mutable_source();
@@ -1536,7 +1576,7 @@ function KolLink($$anchor, $$props) {
1536
1576
  let _shortKey = $__namespace.prop($$props, "_shortKey", 8, void 0);
1537
1577
  let _target = $__namespace.prop($$props, "_target", 8, void 0);
1538
1578
  let _tooltipAlign = $__namespace.prop($$props, "_tooltipAlign", 8, void 0);
1539
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1579
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1540
1580
  const getWebComponent = () => $__namespace.get(__ref);
1541
1581
  svelte.onMount(() => {
1542
1582
  $__namespace.set(__mounted, true);
@@ -1548,9 +1588,9 @@ function KolLink($$anchor, $$props) {
1548
1588
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1549
1589
  });
1550
1590
  $__namespace.legacy_pre_effect_reset();
1551
- var $$exports = { kolFocus, getWebComponent };
1591
+ var $$exports = { focus, getWebComponent };
1552
1592
  $__namespace.init();
1553
- var kol_link = root$o();
1593
+ var kol_link = root$p();
1554
1594
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link, "_access-key", _accessKey()));
1555
1595
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link, "_aria-current-value", _ariaCurrentValue()));
1556
1596
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link, "_aria-controls", _ariaControls()));
@@ -1572,12 +1612,12 @@ function KolLink($$anchor, $$props) {
1572
1612
  $__namespace.reset(kol_link);
1573
1613
  $__namespace.bind_this(kol_link, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1574
1614
  $__namespace.append($$anchor, kol_link);
1575
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1615
+ $__namespace.bind_prop($$props, "focus", focus);
1576
1616
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1577
1617
  return $__namespace.pop($$exports);
1578
1618
  }
1579
1619
 
1580
- var root$n = $__namespace.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1620
+ var root$o = $__namespace.from_html(`<kol-link-button><!></kol-link-button>`, 2);
1581
1621
  function KolLinkButton($$anchor, $$props) {
1582
1622
  $__namespace.push($$props, false);
1583
1623
  let __ref = $__namespace.mutable_source();
@@ -1600,7 +1640,7 @@ function KolLinkButton($$anchor, $$props) {
1600
1640
  let _target = $__namespace.prop($$props, "_target", 8, void 0);
1601
1641
  let _tooltipAlign = $__namespace.prop($$props, "_tooltipAlign", 8, void 0);
1602
1642
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
1603
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1643
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1604
1644
  const getWebComponent = () => $__namespace.get(__ref);
1605
1645
  svelte.onMount(() => {
1606
1646
  $__namespace.set(__mounted, true);
@@ -1612,9 +1652,9 @@ function KolLinkButton($$anchor, $$props) {
1612
1652
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1613
1653
  });
1614
1654
  $__namespace.legacy_pre_effect_reset();
1615
- var $$exports = { kolFocus, getWebComponent };
1655
+ var $$exports = { focus, getWebComponent };
1616
1656
  $__namespace.init();
1617
- var kol_link_button = root$n();
1657
+ var kol_link_button = root$o();
1618
1658
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link_button, "_access-key", _accessKey()));
1619
1659
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link_button, "_aria-current-value", _ariaCurrentValue()));
1620
1660
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link_button, "_aria-controls", _ariaControls()));
@@ -1636,12 +1676,12 @@ function KolLinkButton($$anchor, $$props) {
1636
1676
  $__namespace.reset(kol_link_button);
1637
1677
  $__namespace.bind_this(kol_link_button, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
1638
1678
  $__namespace.append($$anchor, kol_link_button);
1639
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1679
+ $__namespace.bind_prop($$props, "focus", focus);
1640
1680
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1641
1681
  return $__namespace.pop($$exports);
1642
1682
  }
1643
1683
 
1644
- var root$m = $__namespace.from_html(`<kol-modal><!></kol-modal>`, 2);
1684
+ var root$n = $__namespace.from_html(`<kol-modal><!></kol-modal>`, 2);
1645
1685
  function KolModal($$anchor, $$props) {
1646
1686
  $__namespace.push($$props, false);
1647
1687
  let __ref = $__namespace.mutable_source();
@@ -1666,7 +1706,7 @@ function KolModal($$anchor, $$props) {
1666
1706
  $__namespace.legacy_pre_effect_reset();
1667
1707
  var $$exports = { openModal, closeModal, getWebComponent };
1668
1708
  $__namespace.init();
1669
- var kol_modal = root$m();
1709
+ var kol_modal = root$n();
1670
1710
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_modal, "_label", _label()));
1671
1711
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_modal, "_width", _width()));
1672
1712
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_modal, "_variant", _variant()));
@@ -1681,7 +1721,7 @@ function KolModal($$anchor, $$props) {
1681
1721
  return $__namespace.pop($$exports);
1682
1722
  }
1683
1723
 
1684
- var root$l = $__namespace.from_html(`<kol-nav><!></kol-nav>`, 2);
1724
+ var root$m = $__namespace.from_html(`<kol-nav><!></kol-nav>`, 2);
1685
1725
  function KolNav($$anchor, $$props) {
1686
1726
  $__namespace.push($$props, false);
1687
1727
  let __ref = $__namespace.mutable_source();
@@ -1697,7 +1737,7 @@ function KolNav($$anchor, $$props) {
1697
1737
  });
1698
1738
  var $$exports = { getWebComponent };
1699
1739
  $__namespace.init();
1700
- var kol_nav = root$l();
1740
+ var kol_nav = root$m();
1701
1741
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_nav, "_collapsible", _collapsible()));
1702
1742
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_nav, "_has-compact-button", _hasCompactButton()));
1703
1743
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_nav, "_has-icons-when-expanded", _hasIconsWhenExpanded()));
@@ -1713,7 +1753,7 @@ function KolNav($$anchor, $$props) {
1713
1753
  return $__namespace.pop($$exports);
1714
1754
  }
1715
1755
 
1716
- var root$k = $__namespace.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1756
+ var root$l = $__namespace.from_html(`<kol-pagination><!></kol-pagination>`, 2);
1717
1757
  function KolPagination($$anchor, $$props) {
1718
1758
  $__namespace.push($$props, false);
1719
1759
  let __ref = $__namespace.mutable_source();
@@ -1743,7 +1783,7 @@ function KolPagination($$anchor, $$props) {
1743
1783
  $__namespace.legacy_pre_effect_reset();
1744
1784
  var $$exports = { getWebComponent };
1745
1785
  $__namespace.init();
1746
- var kol_pagination = root$k();
1786
+ var kol_pagination = root$l();
1747
1787
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination, "_boundary-count", _boundaryCount()));
1748
1788
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination, "_custom-class", _customClass()));
1749
1789
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination, "_label", _label()));
@@ -1763,7 +1803,7 @@ function KolPagination($$anchor, $$props) {
1763
1803
  return $__namespace.pop($$exports);
1764
1804
  }
1765
1805
 
1766
- var root$j = $__namespace.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1806
+ var root$k = $__namespace.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
1767
1807
  function KolPaginationWc($$anchor, $$props) {
1768
1808
  $__namespace.push($$props, false);
1769
1809
  let __ref = $__namespace.mutable_source();
@@ -1793,7 +1833,7 @@ function KolPaginationWc($$anchor, $$props) {
1793
1833
  $__namespace.legacy_pre_effect_reset();
1794
1834
  var $$exports = { getWebComponent };
1795
1835
  $__namespace.init();
1796
- var kol_pagination_wc = root$j();
1836
+ var kol_pagination_wc = root$k();
1797
1837
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination_wc, "_boundary-count", _boundaryCount()));
1798
1838
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination_wc, "_custom-class", _customClass()));
1799
1839
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_pagination_wc, "_label", _label()));
@@ -1813,7 +1853,7 @@ function KolPaginationWc($$anchor, $$props) {
1813
1853
  return $__namespace.pop($$exports);
1814
1854
  }
1815
1855
 
1816
- var root$i = $__namespace.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1856
+ var root$j = $__namespace.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
1817
1857
  function KolPopoverButton($$anchor, $$props) {
1818
1858
  $__namespace.push($$props, false);
1819
1859
  let __ref = $__namespace.mutable_source();
@@ -1843,7 +1883,7 @@ function KolPopoverButton($$anchor, $$props) {
1843
1883
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
1844
1884
  const hidePopover = (...args) => $__namespace.get(__ref).hidePopover(...args);
1845
1885
  const showPopover = (...args) => $__namespace.get(__ref).showPopover(...args);
1846
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1886
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1847
1887
  const getWebComponent = () => $__namespace.get(__ref);
1848
1888
  svelte.onMount(() => {
1849
1889
  $__namespace.set(__mounted, true);
@@ -1855,9 +1895,9 @@ function KolPopoverButton($$anchor, $$props) {
1855
1895
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1856
1896
  });
1857
1897
  $__namespace.legacy_pre_effect_reset();
1858
- var $$exports = { hidePopover, showPopover, kolFocus, getWebComponent };
1898
+ var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1859
1899
  $__namespace.init();
1860
- var kol_popover_button = root$i();
1900
+ var kol_popover_button = root$j();
1861
1901
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button, "_access-key", _accessKey()));
1862
1902
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button, "_aria-controls", _ariaControls()));
1863
1903
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button, "_aria-description", _ariaDescription()));
@@ -1886,12 +1926,12 @@ function KolPopoverButton($$anchor, $$props) {
1886
1926
  $__namespace.append($$anchor, kol_popover_button);
1887
1927
  $__namespace.bind_prop($$props, "hidePopover", hidePopover);
1888
1928
  $__namespace.bind_prop($$props, "showPopover", showPopover);
1889
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
1929
+ $__namespace.bind_prop($$props, "focus", focus);
1890
1930
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1891
1931
  return $__namespace.pop($$exports);
1892
1932
  }
1893
1933
 
1894
- var root$h = $__namespace.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1934
+ var root$i = $__namespace.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
1895
1935
  function KolPopoverButtonWc($$anchor, $$props) {
1896
1936
  $__namespace.push($$props, false);
1897
1937
  let __ref = $__namespace.mutable_source();
@@ -1921,7 +1961,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
1921
1961
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
1922
1962
  const hidePopover = (...args) => $__namespace.get(__ref).hidePopover(...args);
1923
1963
  const showPopover = (...args) => $__namespace.get(__ref).showPopover(...args);
1924
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
1964
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
1925
1965
  const getWebComponent = () => $__namespace.get(__ref);
1926
1966
  svelte.onMount(() => {
1927
1967
  $__namespace.set(__mounted, true);
@@ -1933,9 +1973,9 @@ function KolPopoverButtonWc($$anchor, $$props) {
1933
1973
  if ($__namespace.get(__mounted)) setProp("_on", _on());
1934
1974
  });
1935
1975
  $__namespace.legacy_pre_effect_reset();
1936
- var $$exports = { hidePopover, showPopover, kolFocus, getWebComponent };
1976
+ var $$exports = { hidePopover, showPopover, focus, getWebComponent };
1937
1977
  $__namespace.init();
1938
- var kol_popover_button_wc = root$h();
1978
+ var kol_popover_button_wc = root$i();
1939
1979
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button_wc, "_access-key", _accessKey()));
1940
1980
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button_wc, "_aria-controls", _ariaControls()));
1941
1981
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button_wc, "_aria-description", _ariaDescription()));
@@ -1964,12 +2004,12 @@ function KolPopoverButtonWc($$anchor, $$props) {
1964
2004
  $__namespace.append($$anchor, kol_popover_button_wc);
1965
2005
  $__namespace.bind_prop($$props, "hidePopover", hidePopover);
1966
2006
  $__namespace.bind_prop($$props, "showPopover", showPopover);
1967
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2007
+ $__namespace.bind_prop($$props, "focus", focus);
1968
2008
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
1969
2009
  return $__namespace.pop($$exports);
1970
2010
  }
1971
2011
 
1972
- var root$g = $__namespace.from_html(`<kol-progress><!></kol-progress>`, 2);
2012
+ var root$h = $__namespace.from_html(`<kol-progress><!></kol-progress>`, 2);
1973
2013
  function KolProgress($$anchor, $$props) {
1974
2014
  $__namespace.push($$props, false);
1975
2015
  let __ref = $__namespace.mutable_source();
@@ -1984,7 +2024,7 @@ function KolProgress($$anchor, $$props) {
1984
2024
  });
1985
2025
  var $$exports = { getWebComponent };
1986
2026
  $__namespace.init();
1987
- var kol_progress = root$g();
2027
+ var kol_progress = root$h();
1988
2028
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_progress, "_label", _label()));
1989
2029
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_progress, "_max", _max()));
1990
2030
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_progress, "_unit", _unit()));
@@ -1999,7 +2039,7 @@ function KolProgress($$anchor, $$props) {
1999
2039
  return $__namespace.pop($$exports);
2000
2040
  }
2001
2041
 
2002
- var root$f = $__namespace.from_html(`<kol-quote><!></kol-quote>`, 2);
2042
+ var root$g = $__namespace.from_html(`<kol-quote><!></kol-quote>`, 2);
2003
2043
  function KolQuote($$anchor, $$props) {
2004
2044
  $__namespace.push($$props, false);
2005
2045
  let __ref = $__namespace.mutable_source();
@@ -2013,7 +2053,7 @@ function KolQuote($$anchor, $$props) {
2013
2053
  });
2014
2054
  var $$exports = { getWebComponent };
2015
2055
  $__namespace.init();
2016
- var kol_quote = root$f();
2056
+ var kol_quote = root$g();
2017
2057
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_quote, "_label", _label()));
2018
2058
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_quote, "_href", _href()));
2019
2059
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_quote, "_quote", _quote()));
@@ -2027,7 +2067,7 @@ function KolQuote($$anchor, $$props) {
2027
2067
  return $__namespace.pop($$exports);
2028
2068
  }
2029
2069
 
2030
- var root$e = $__namespace.from_html(`<kol-select><!></kol-select>`, 2);
2070
+ var root$f = $__namespace.from_html(`<kol-select><!></kol-select>`, 2);
2031
2071
  function KolSelect($$anchor, $$props) {
2032
2072
  $__namespace.push($$props, false);
2033
2073
  let __ref = $__namespace.mutable_source();
@@ -2055,7 +2095,7 @@ function KolSelect($$anchor, $$props) {
2055
2095
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
2056
2096
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
2057
2097
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2058
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2098
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2059
2099
  const getWebComponent = () => $__namespace.get(__ref);
2060
2100
  svelte.onMount(() => {
2061
2101
  $__namespace.set(__mounted, true);
@@ -2067,9 +2107,9 @@ function KolSelect($$anchor, $$props) {
2067
2107
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2068
2108
  });
2069
2109
  $__namespace.legacy_pre_effect_reset();
2070
- var $$exports = { getValue, kolFocus, getWebComponent };
2110
+ var $$exports = { getValue, focus, getWebComponent };
2071
2111
  $__namespace.init();
2072
- var kol_select = root$e();
2112
+ var kol_select = root$f();
2073
2113
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select, "_access-key", _accessKey()));
2074
2114
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select, "_disabled", _disabled()));
2075
2115
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select, "_hide-msg", _hideMsg()));
@@ -2096,7 +2136,81 @@ function KolSelect($$anchor, $$props) {
2096
2136
  $__namespace.bind_this(kol_select, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2097
2137
  $__namespace.append($$anchor, kol_select);
2098
2138
  $__namespace.bind_prop($$props, "getValue", getValue);
2099
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2139
+ $__namespace.bind_prop($$props, "focus", focus);
2140
+ $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2141
+ return $__namespace.pop($$exports);
2142
+ }
2143
+
2144
+ var root$e = $__namespace.from_html(`<kol-select-wc><!></kol-select-wc>`, 2);
2145
+ function KolSelectWc($$anchor, $$props) {
2146
+ $__namespace.push($$props, false);
2147
+ let __ref = $__namespace.mutable_source();
2148
+ let __mounted = $__namespace.mutable_source(false);
2149
+ svelte.createEventDispatcher();
2150
+ let _accessKey = $__namespace.prop($$props, "_accessKey", 8, void 0);
2151
+ let _disabled = $__namespace.prop($$props, "_disabled", 8, void 0);
2152
+ let _hideMsg = $__namespace.prop($$props, "_hideMsg", 8, void 0);
2153
+ let _hideLabel = $__namespace.prop($$props, "_hideLabel", 8, void 0);
2154
+ let _hint = $__namespace.prop($$props, "_hint", 8, void 0);
2155
+ let _icons = $__namespace.prop($$props, "_icons", 8, void 0);
2156
+ let _id = $__namespace.prop($$props, "_id", 8, void 0);
2157
+ let _label = $__namespace.prop($$props, "_label", 8);
2158
+ let _msg = $__namespace.prop($$props, "_msg", 8, void 0);
2159
+ let _multiple = $__namespace.prop($$props, "_multiple", 8, void 0);
2160
+ let _name = $__namespace.prop($$props, "_name", 8, void 0);
2161
+ let _on = $__namespace.prop($$props, "_on", 8, void 0);
2162
+ let _options = $__namespace.prop($$props, "_options", 8);
2163
+ let _required = $__namespace.prop($$props, "_required", 8, void 0);
2164
+ let _shortKey = $__namespace.prop($$props, "_shortKey", 8, void 0);
2165
+ let _rows = $__namespace.prop($$props, "_rows", 8, void 0);
2166
+ let _syncValueBySelector = $__namespace.prop($$props, "_syncValueBySelector", 8, void 0);
2167
+ let _tabIndex = $__namespace.prop($$props, "_tabIndex", 8, void 0);
2168
+ let _tooltipAlign = $__namespace.prop($$props, "_tooltipAlign", 8, void 0);
2169
+ let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
2170
+ let _value = $__namespace.prop($$props, "_value", 8, void 0);
2171
+ const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2172
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2173
+ const getWebComponent = () => $__namespace.get(__ref);
2174
+ svelte.onMount(() => {
2175
+ $__namespace.set(__mounted, true);
2176
+ });
2177
+ const setProp = (prop, value) => {
2178
+ if ($__namespace.get(__ref)) $__namespace.mutate(__ref, $__namespace.get(__ref)[prop] = value);
2179
+ };
2180
+ $__namespace.legacy_pre_effect(() => ($__namespace.get(__mounted), $__namespace.deep_read_state(_on())), () => {
2181
+ if ($__namespace.get(__mounted)) setProp("_on", _on());
2182
+ });
2183
+ $__namespace.legacy_pre_effect_reset();
2184
+ var $$exports = { getValue, focus, getWebComponent };
2185
+ $__namespace.init();
2186
+ var kol_select_wc = root$e();
2187
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_access-key", _accessKey()));
2188
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_disabled", _disabled()));
2189
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_hide-msg", _hideMsg()));
2190
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_hide-label", _hideLabel()));
2191
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_hint", _hint()));
2192
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_icons", _icons()));
2193
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_id", _id()));
2194
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_label", _label()));
2195
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_msg", _msg()));
2196
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_multiple", _multiple()));
2197
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_name", _name()));
2198
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_options", _options()));
2199
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_required", _required()));
2200
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_short-key", _shortKey()));
2201
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_rows", _rows()));
2202
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_sync-value-by-selector", _syncValueBySelector()));
2203
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_tab-index", _tabIndex()));
2204
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_tooltip-align", _tooltipAlign()));
2205
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_touched", _touched()));
2206
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_value", _value()));
2207
+ var node = $__namespace.child(kol_select_wc);
2208
+ $__namespace.slot(node, $$props, "default", {}, null);
2209
+ $__namespace.reset(kol_select_wc);
2210
+ $__namespace.bind_this(kol_select_wc, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2211
+ $__namespace.append($$anchor, kol_select_wc);
2212
+ $__namespace.bind_prop($$props, "getValue", getValue);
2213
+ $__namespace.bind_prop($$props, "focus", focus);
2100
2214
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2101
2215
  return $__namespace.pop($$exports);
2102
2216
  }
@@ -2126,10 +2240,10 @@ function KolSingleSelect($$anchor, $$props) {
2126
2240
  let _tooltipAlign = $__namespace.prop($$props, "_tooltipAlign", 8, void 0);
2127
2241
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
2128
2242
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
2129
- let _hideClearButton = $__namespace.prop($$props, "_hideClearButton", 8, void 0);
2243
+ let _hasClearButton = $__namespace.prop($$props, "_hasClearButton", 8, void 0);
2130
2244
  let _rows = $__namespace.prop($$props, "_rows", 8, void 0);
2131
2245
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2132
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2246
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2133
2247
  const getWebComponent = () => $__namespace.get(__ref);
2134
2248
  svelte.onMount(() => {
2135
2249
  $__namespace.set(__mounted, true);
@@ -2141,7 +2255,7 @@ function KolSingleSelect($$anchor, $$props) {
2141
2255
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2142
2256
  });
2143
2257
  $__namespace.legacy_pre_effect_reset();
2144
- var $$exports = { getValue, kolFocus, getWebComponent };
2258
+ var $$exports = { getValue, focus, getWebComponent };
2145
2259
  $__namespace.init();
2146
2260
  var kol_single_select = root$d();
2147
2261
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_access-key", _accessKey()));
@@ -2162,7 +2276,7 @@ function KolSingleSelect($$anchor, $$props) {
2162
2276
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_tooltip-align", _tooltipAlign()));
2163
2277
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_touched", _touched()));
2164
2278
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_value", _value()));
2165
- $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_hide-clear-button", _hideClearButton()));
2279
+ $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_has-clear-button", _hasClearButton()));
2166
2280
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_rows", _rows()));
2167
2281
  var node = $__namespace.child(kol_single_select);
2168
2282
  $__namespace.slot(node, $$props, "default", {}, null);
@@ -2170,7 +2284,7 @@ function KolSingleSelect($$anchor, $$props) {
2170
2284
  $__namespace.bind_this(kol_single_select, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2171
2285
  $__namespace.append($$anchor, kol_single_select);
2172
2286
  $__namespace.bind_prop($$props, "getValue", getValue);
2173
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2287
+ $__namespace.bind_prop($$props, "focus", focus);
2174
2288
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2175
2289
  return $__namespace.pop($$exports);
2176
2290
  }
@@ -2182,11 +2296,11 @@ function KolSkipNav($$anchor, $$props) {
2182
2296
  svelte.createEventDispatcher();
2183
2297
  let _label = $__namespace.prop($$props, "_label", 8);
2184
2298
  let _links = $__namespace.prop($$props, "_links", 8);
2185
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2299
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2186
2300
  const getWebComponent = () => $__namespace.get(__ref);
2187
2301
  svelte.onMount(() => {
2188
2302
  });
2189
- var $$exports = { kolFocus, getWebComponent };
2303
+ var $$exports = { focus, getWebComponent };
2190
2304
  $__namespace.init();
2191
2305
  var kol_skip_nav = root$c();
2192
2306
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_skip_nav, "_label", _label()));
@@ -2196,7 +2310,7 @@ function KolSkipNav($$anchor, $$props) {
2196
2310
  $__namespace.reset(kol_skip_nav);
2197
2311
  $__namespace.bind_this(kol_skip_nav, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2198
2312
  $__namespace.append($$anchor, kol_skip_nav);
2199
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2313
+ $__namespace.bind_prop($$props, "focus", focus);
2200
2314
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2201
2315
  return $__namespace.pop($$exports);
2202
2316
  }
@@ -2254,7 +2368,7 @@ function KolSplitButton($$anchor, $$props) {
2254
2368
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
2255
2369
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
2256
2370
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2257
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2371
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2258
2372
  const closePopup = (...args) => $__namespace.get(__ref).closePopup(...args);
2259
2373
  const getWebComponent = () => $__namespace.get(__ref);
2260
2374
  svelte.onMount(() => {
@@ -2267,7 +2381,7 @@ function KolSplitButton($$anchor, $$props) {
2267
2381
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2268
2382
  });
2269
2383
  $__namespace.legacy_pre_effect_reset();
2270
- var $$exports = { getValue, kolFocus, closePopup, getWebComponent };
2384
+ var $$exports = { getValue, focus, closePopup, getWebComponent };
2271
2385
  $__namespace.init();
2272
2386
  var kol_split_button = root$a();
2273
2387
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_split_button, "_access-key", _accessKey()));
@@ -2295,7 +2409,7 @@ function KolSplitButton($$anchor, $$props) {
2295
2409
  $__namespace.bind_this(kol_split_button, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2296
2410
  $__namespace.append($$anchor, kol_split_button);
2297
2411
  $__namespace.bind_prop($$props, "getValue", getValue);
2298
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2412
+ $__namespace.bind_prop($$props, "focus", focus);
2299
2413
  $__namespace.bind_prop($$props, "closePopup", closePopup);
2300
2414
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2301
2415
  return $__namespace.pop($$exports);
@@ -2317,7 +2431,6 @@ function KolTableStateful($$anchor, $$props) {
2317
2431
  let _paginationPosition = $__namespace.prop($$props, "_paginationPosition", 8, void 0);
2318
2432
  let _selection = $__namespace.prop($$props, "_selection", 8, void 0);
2319
2433
  let _on = $__namespace.prop($$props, "_on", 8, void 0);
2320
- let _tableSettings = $__namespace.prop($$props, "_tableSettings", 8, void 0);
2321
2434
  let _hasSettingsMenu = $__namespace.prop($$props, "_hasSettingsMenu", 8, void 0);
2322
2435
  const getSelection = (...args) => $__namespace.get(__ref).getSelection(...args);
2323
2436
  const getWebComponent = () => $__namespace.get(__ref);
@@ -2330,9 +2443,6 @@ function KolTableStateful($$anchor, $$props) {
2330
2443
  $__namespace.legacy_pre_effect(() => ($__namespace.get(__mounted), $__namespace.deep_read_state(_on())), () => {
2331
2444
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2332
2445
  });
2333
- $__namespace.legacy_pre_effect(() => ($__namespace.get(__mounted), $__namespace.deep_read_state(_tableSettings())), () => {
2334
- if ($__namespace.get(__mounted)) setProp("_tableSettings", _tableSettings());
2335
- });
2336
2446
  $__namespace.legacy_pre_effect_reset();
2337
2447
  var $$exports = { getSelection, getWebComponent };
2338
2448
  $__namespace.init();
@@ -2370,7 +2480,6 @@ function KolTableStateless($$anchor, $$props) {
2370
2480
  let _minWidth = $__namespace.prop($$props, "_minWidth", 8);
2371
2481
  let _on = $__namespace.prop($$props, "_on", 8, void 0);
2372
2482
  let _selection = $__namespace.prop($$props, "_selection", 8, void 0);
2373
- let _tableSettings = $__namespace.prop($$props, "_tableSettings", 8, void 0);
2374
2483
  let _hasSettingsMenu = $__namespace.prop($$props, "_hasSettingsMenu", 8, void 0);
2375
2484
  const getWebComponent = () => $__namespace.get(__ref);
2376
2485
  svelte.onMount(() => {
@@ -2382,9 +2491,6 @@ function KolTableStateless($$anchor, $$props) {
2382
2491
  $__namespace.legacy_pre_effect(() => ($__namespace.get(__mounted), $__namespace.deep_read_state(_on())), () => {
2383
2492
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2384
2493
  });
2385
- $__namespace.legacy_pre_effect(() => ($__namespace.get(__mounted), $__namespace.deep_read_state(_tableSettings())), () => {
2386
- if ($__namespace.get(__mounted)) setProp("_tableSettings", _tableSettings());
2387
- });
2388
2494
  $__namespace.legacy_pre_effect_reset();
2389
2495
  var $$exports = { getWebComponent };
2390
2496
  $__namespace.init();
@@ -2480,7 +2586,7 @@ function KolTextarea($$anchor, $$props) {
2480
2586
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
2481
2587
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
2482
2588
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2483
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2589
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2484
2590
  const getWebComponent = () => $__namespace.get(__ref);
2485
2591
  svelte.onMount(() => {
2486
2592
  $__namespace.set(__mounted, true);
@@ -2492,7 +2598,7 @@ function KolTextarea($$anchor, $$props) {
2492
2598
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2493
2599
  });
2494
2600
  $__namespace.legacy_pre_effect_reset();
2495
- var $$exports = { getValue, kolFocus, getWebComponent };
2601
+ var $$exports = { getValue, focus, getWebComponent };
2496
2602
  $__namespace.init();
2497
2603
  var kol_textarea = root$6();
2498
2604
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_textarea, "_access-key", _accessKey()));
@@ -2526,7 +2632,7 @@ function KolTextarea($$anchor, $$props) {
2526
2632
  $__namespace.bind_this(kol_textarea, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2527
2633
  $__namespace.append($$anchor, kol_textarea);
2528
2634
  $__namespace.bind_prop($$props, "getValue", getValue);
2529
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2635
+ $__namespace.bind_prop($$props, "focus", focus);
2530
2636
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2531
2637
  return $__namespace.pop($$exports);
2532
2638
  }
@@ -2620,14 +2726,14 @@ function KolTreeItem($$anchor, $$props) {
2620
2726
  let _label = $__namespace.prop($$props, "_label", 8);
2621
2727
  let _open = $__namespace.prop($$props, "_open", 8, void 0);
2622
2728
  let _href = $__namespace.prop($$props, "_href", 8);
2623
- const focusLink = (...args) => $__namespace.get(__ref).focusLink(...args);
2729
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2624
2730
  const expand = (...args) => $__namespace.get(__ref).expand(...args);
2625
2731
  const collapse = (...args) => $__namespace.get(__ref).collapse(...args);
2626
2732
  const isOpen = (...args) => $__namespace.get(__ref).isOpen(...args);
2627
2733
  const getWebComponent = () => $__namespace.get(__ref);
2628
2734
  svelte.onMount(() => {
2629
2735
  });
2630
- var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
2736
+ var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
2631
2737
  $__namespace.init();
2632
2738
  var kol_tree_item = root$2();
2633
2739
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_tree_item, "_active", _active()));
@@ -2639,7 +2745,7 @@ function KolTreeItem($$anchor, $$props) {
2639
2745
  $__namespace.reset(kol_tree_item);
2640
2746
  $__namespace.bind_this(kol_tree_item, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2641
2747
  $__namespace.append($$anchor, kol_tree_item);
2642
- $__namespace.bind_prop($$props, "focusLink", focusLink);
2748
+ $__namespace.bind_prop($$props, "focus", focus);
2643
2749
  $__namespace.bind_prop($$props, "expand", expand);
2644
2750
  $__namespace.bind_prop($$props, "collapse", collapse);
2645
2751
  $__namespace.bind_prop($$props, "isOpen", isOpen);
@@ -2656,14 +2762,14 @@ function KolTreeItemWc($$anchor, $$props) {
2656
2762
  let _label = $__namespace.prop($$props, "_label", 8);
2657
2763
  let _open = $__namespace.prop($$props, "_open", 8, void 0);
2658
2764
  let _href = $__namespace.prop($$props, "_href", 8);
2659
- const focusLink = (...args) => $__namespace.get(__ref).focusLink(...args);
2765
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2660
2766
  const expand = (...args) => $__namespace.get(__ref).expand(...args);
2661
2767
  const collapse = (...args) => $__namespace.get(__ref).collapse(...args);
2662
2768
  const isOpen = (...args) => $__namespace.get(__ref).isOpen(...args);
2663
2769
  const getWebComponent = () => $__namespace.get(__ref);
2664
2770
  svelte.onMount(() => {
2665
2771
  });
2666
- var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
2772
+ var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
2667
2773
  $__namespace.init();
2668
2774
  var kol_tree_item_wc = root$1();
2669
2775
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_tree_item_wc, "_active", _active()));
@@ -2675,7 +2781,7 @@ function KolTreeItemWc($$anchor, $$props) {
2675
2781
  $__namespace.reset(kol_tree_item_wc);
2676
2782
  $__namespace.bind_this(kol_tree_item_wc, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2677
2783
  $__namespace.append($$anchor, kol_tree_item_wc);
2678
- $__namespace.bind_prop($$props, "focusLink", focusLink);
2784
+ $__namespace.bind_prop($$props, "focus", focus);
2679
2785
  $__namespace.bind_prop($$props, "expand", expand);
2680
2786
  $__namespace.bind_prop($$props, "collapse", collapse);
2681
2787
  $__namespace.bind_prop($$props, "isOpen", isOpen);
@@ -2717,6 +2823,7 @@ exports.KolCard = KolCard;
2717
2823
  exports.KolCardWc = KolCardWc;
2718
2824
  exports.KolCombobox = KolCombobox;
2719
2825
  exports.KolDetails = KolDetails;
2826
+ exports.KolDialog = KolDialog;
2720
2827
  exports.KolDrawer = KolDrawer;
2721
2828
  exports.KolForm = KolForm;
2722
2829
  exports.KolHeading = KolHeading;
@@ -2744,6 +2851,7 @@ exports.KolPopoverButtonWc = KolPopoverButtonWc;
2744
2851
  exports.KolProgress = KolProgress;
2745
2852
  exports.KolQuote = KolQuote;
2746
2853
  exports.KolSelect = KolSelect;
2854
+ exports.KolSelectWc = KolSelectWc;
2747
2855
  exports.KolSingleSelect = KolSingleSelect;
2748
2856
  exports.KolSkipNav = KolSkipNav;
2749
2857
  exports.KolSpin = KolSpin;