@public-ui/svelte 4.0.0-beta.0 → 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 +149 -108
  2. package/dist/index.d.cts +3 -1
  3. package/dist/index.d.mts +3 -1
  4. package/dist/index.d.ts +3 -1
  5. package/dist/index.mjs +149 -109
  6. package/package.json +3 -3
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$R = $__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$R();
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$Q = $__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$Q();
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$P = $__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$P();
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$O = $__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$O();
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$N = $__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$N();
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$M = $__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$M();
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$L = $__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$L();
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$K = $__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$K();
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$J = $__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$J();
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$I = $__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$I();
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$H = $__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();
@@ -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$H();
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()));
@@ -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$G = $__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$G();
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,7 +527,47 @@ 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
+ $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
532
+ return $__namespace.pop($$exports);
533
+ }
534
+
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);
531
571
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
532
572
  return $__namespace.pop($$exports);
533
573
  }
@@ -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,7 +772,7 @@ 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
777
  var kol_input_checkbox = root$A();
738
778
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_checkbox, "_access-key", _accessKey()));
@@ -761,7 +801,7 @@ 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
  }
@@ -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,7 +844,7 @@ 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
849
  var kol_input_color = root$z();
810
850
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_color, "_access-key", _accessKey()));
@@ -831,7 +871,7 @@ 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
  }
@@ -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,7 +921,7 @@ 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
926
  var kol_input_date = root$y();
887
927
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_date, "_access-key", _accessKey()));
@@ -914,7 +954,7 @@ 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);
@@ -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,7 +1006,7 @@ 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
1011
  var kol_input_email = root$x();
972
1012
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_email, "_access-key", _accessKey()));
@@ -1001,7 +1041,7 @@ 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
  }
@@ -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,7 +1085,7 @@ 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
1090
  var kol_input_file = root$w();
1051
1091
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_file, "_accept", _accept()));
@@ -1072,7 +1112,7 @@ 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);
@@ -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,7 +1162,7 @@ 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
1167
  var kol_input_number = root$v();
1128
1168
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_number, "_access-key", _accessKey()));
@@ -1155,7 +1195,7 @@ 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
  }
@@ -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,7 +1245,7 @@ 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
1250
  var kol_input_password = root$u();
1211
1251
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_password, "_access-key", _accessKey()));
@@ -1239,7 +1279,7 @@ 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
  }
@@ -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,7 +1319,7 @@ 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
1324
  var kol_input_radio = root$t();
1285
1325
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_radio, "_disabled", _disabled()));
@@ -1303,7 +1343,7 @@ 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
  }
@@ -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,7 +1388,7 @@ 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
1393
  var kol_input_range = root$s();
1354
1394
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_input_range, "_access-key", _accessKey()));
@@ -1376,7 +1416,7 @@ 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);
@@ -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,
@@ -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);
@@ -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,7 +1588,7 @@ 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
1593
  var kol_link = root$p();
1554
1594
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link, "_access-key", _accessKey()));
@@ -1572,7 +1612,7 @@ 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
  }
@@ -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,7 +1652,7 @@ 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
1657
  var kol_link_button = root$o();
1618
1658
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_link_button, "_access-key", _accessKey()));
@@ -1636,7 +1676,7 @@ 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
  }
@@ -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,7 +1895,7 @@ 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
1900
  var kol_popover_button = root$j();
1861
1901
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_popover_button, "_access-key", _accessKey()));
@@ -1886,7 +1926,7 @@ 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
  }
@@ -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,7 +1973,7 @@ 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
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()));
@@ -1964,7 +2004,7 @@ 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
  }
@@ -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,7 +2107,7 @@ 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
2112
  var kol_select = root$f();
2073
2113
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select, "_access-key", _accessKey()));
@@ -2096,7 +2136,7 @@ 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);
2100
2140
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2101
2141
  return $__namespace.pop($$exports);
2102
2142
  }
@@ -2129,7 +2169,7 @@ function KolSelectWc($$anchor, $$props) {
2129
2169
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
2130
2170
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
2131
2171
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2132
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2172
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2133
2173
  const getWebComponent = () => $__namespace.get(__ref);
2134
2174
  svelte.onMount(() => {
2135
2175
  $__namespace.set(__mounted, true);
@@ -2141,7 +2181,7 @@ function KolSelectWc($$anchor, $$props) {
2141
2181
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2142
2182
  });
2143
2183
  $__namespace.legacy_pre_effect_reset();
2144
- var $$exports = { getValue, kolFocus, getWebComponent };
2184
+ var $$exports = { getValue, focus, getWebComponent };
2145
2185
  $__namespace.init();
2146
2186
  var kol_select_wc = root$e();
2147
2187
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_select_wc, "_access-key", _accessKey()));
@@ -2170,7 +2210,7 @@ function KolSelectWc($$anchor, $$props) {
2170
2210
  $__namespace.bind_this(kol_select_wc, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2171
2211
  $__namespace.append($$anchor, kol_select_wc);
2172
2212
  $__namespace.bind_prop($$props, "getValue", getValue);
2173
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2213
+ $__namespace.bind_prop($$props, "focus", focus);
2174
2214
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2175
2215
  return $__namespace.pop($$exports);
2176
2216
  }
@@ -2203,7 +2243,7 @@ function KolSingleSelect($$anchor, $$props) {
2203
2243
  let _hasClearButton = $__namespace.prop($$props, "_hasClearButton", 8, void 0);
2204
2244
  let _rows = $__namespace.prop($$props, "_rows", 8, void 0);
2205
2245
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2206
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2246
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2207
2247
  const getWebComponent = () => $__namespace.get(__ref);
2208
2248
  svelte.onMount(() => {
2209
2249
  $__namespace.set(__mounted, true);
@@ -2215,7 +2255,7 @@ function KolSingleSelect($$anchor, $$props) {
2215
2255
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2216
2256
  });
2217
2257
  $__namespace.legacy_pre_effect_reset();
2218
- var $$exports = { getValue, kolFocus, getWebComponent };
2258
+ var $$exports = { getValue, focus, getWebComponent };
2219
2259
  $__namespace.init();
2220
2260
  var kol_single_select = root$d();
2221
2261
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_single_select, "_access-key", _accessKey()));
@@ -2244,7 +2284,7 @@ function KolSingleSelect($$anchor, $$props) {
2244
2284
  $__namespace.bind_this(kol_single_select, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2245
2285
  $__namespace.append($$anchor, kol_single_select);
2246
2286
  $__namespace.bind_prop($$props, "getValue", getValue);
2247
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2287
+ $__namespace.bind_prop($$props, "focus", focus);
2248
2288
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2249
2289
  return $__namespace.pop($$exports);
2250
2290
  }
@@ -2256,11 +2296,11 @@ function KolSkipNav($$anchor, $$props) {
2256
2296
  svelte.createEventDispatcher();
2257
2297
  let _label = $__namespace.prop($$props, "_label", 8);
2258
2298
  let _links = $__namespace.prop($$props, "_links", 8);
2259
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2299
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2260
2300
  const getWebComponent = () => $__namespace.get(__ref);
2261
2301
  svelte.onMount(() => {
2262
2302
  });
2263
- var $$exports = { kolFocus, getWebComponent };
2303
+ var $$exports = { focus, getWebComponent };
2264
2304
  $__namespace.init();
2265
2305
  var kol_skip_nav = root$c();
2266
2306
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_skip_nav, "_label", _label()));
@@ -2270,7 +2310,7 @@ function KolSkipNav($$anchor, $$props) {
2270
2310
  $__namespace.reset(kol_skip_nav);
2271
2311
  $__namespace.bind_this(kol_skip_nav, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2272
2312
  $__namespace.append($$anchor, kol_skip_nav);
2273
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2313
+ $__namespace.bind_prop($$props, "focus", focus);
2274
2314
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2275
2315
  return $__namespace.pop($$exports);
2276
2316
  }
@@ -2328,7 +2368,7 @@ function KolSplitButton($$anchor, $$props) {
2328
2368
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
2329
2369
  let _variant = $__namespace.prop($$props, "_variant", 8, void 0);
2330
2370
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2331
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2371
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2332
2372
  const closePopup = (...args) => $__namespace.get(__ref).closePopup(...args);
2333
2373
  const getWebComponent = () => $__namespace.get(__ref);
2334
2374
  svelte.onMount(() => {
@@ -2341,7 +2381,7 @@ function KolSplitButton($$anchor, $$props) {
2341
2381
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2342
2382
  });
2343
2383
  $__namespace.legacy_pre_effect_reset();
2344
- var $$exports = { getValue, kolFocus, closePopup, getWebComponent };
2384
+ var $$exports = { getValue, focus, closePopup, getWebComponent };
2345
2385
  $__namespace.init();
2346
2386
  var kol_split_button = root$a();
2347
2387
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_split_button, "_access-key", _accessKey()));
@@ -2369,7 +2409,7 @@ function KolSplitButton($$anchor, $$props) {
2369
2409
  $__namespace.bind_this(kol_split_button, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2370
2410
  $__namespace.append($$anchor, kol_split_button);
2371
2411
  $__namespace.bind_prop($$props, "getValue", getValue);
2372
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2412
+ $__namespace.bind_prop($$props, "focus", focus);
2373
2413
  $__namespace.bind_prop($$props, "closePopup", closePopup);
2374
2414
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2375
2415
  return $__namespace.pop($$exports);
@@ -2546,7 +2586,7 @@ function KolTextarea($$anchor, $$props) {
2546
2586
  let _touched = $__namespace.prop($$props, "_touched", 8, void 0);
2547
2587
  let _value = $__namespace.prop($$props, "_value", 8, void 0);
2548
2588
  const getValue = (...args) => $__namespace.get(__ref).getValue(...args);
2549
- const kolFocus = (...args) => $__namespace.get(__ref).kolFocus(...args);
2589
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2550
2590
  const getWebComponent = () => $__namespace.get(__ref);
2551
2591
  svelte.onMount(() => {
2552
2592
  $__namespace.set(__mounted, true);
@@ -2558,7 +2598,7 @@ function KolTextarea($$anchor, $$props) {
2558
2598
  if ($__namespace.get(__mounted)) setProp("_on", _on());
2559
2599
  });
2560
2600
  $__namespace.legacy_pre_effect_reset();
2561
- var $$exports = { getValue, kolFocus, getWebComponent };
2601
+ var $$exports = { getValue, focus, getWebComponent };
2562
2602
  $__namespace.init();
2563
2603
  var kol_textarea = root$6();
2564
2604
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_textarea, "_access-key", _accessKey()));
@@ -2592,7 +2632,7 @@ function KolTextarea($$anchor, $$props) {
2592
2632
  $__namespace.bind_this(kol_textarea, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2593
2633
  $__namespace.append($$anchor, kol_textarea);
2594
2634
  $__namespace.bind_prop($$props, "getValue", getValue);
2595
- $__namespace.bind_prop($$props, "kolFocus", kolFocus);
2635
+ $__namespace.bind_prop($$props, "focus", focus);
2596
2636
  $__namespace.bind_prop($$props, "getWebComponent", getWebComponent);
2597
2637
  return $__namespace.pop($$exports);
2598
2638
  }
@@ -2686,14 +2726,14 @@ function KolTreeItem($$anchor, $$props) {
2686
2726
  let _label = $__namespace.prop($$props, "_label", 8);
2687
2727
  let _open = $__namespace.prop($$props, "_open", 8, void 0);
2688
2728
  let _href = $__namespace.prop($$props, "_href", 8);
2689
- const focusLink = (...args) => $__namespace.get(__ref).focusLink(...args);
2729
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2690
2730
  const expand = (...args) => $__namespace.get(__ref).expand(...args);
2691
2731
  const collapse = (...args) => $__namespace.get(__ref).collapse(...args);
2692
2732
  const isOpen = (...args) => $__namespace.get(__ref).isOpen(...args);
2693
2733
  const getWebComponent = () => $__namespace.get(__ref);
2694
2734
  svelte.onMount(() => {
2695
2735
  });
2696
- var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
2736
+ var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
2697
2737
  $__namespace.init();
2698
2738
  var kol_tree_item = root$2();
2699
2739
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_tree_item, "_active", _active()));
@@ -2705,7 +2745,7 @@ function KolTreeItem($$anchor, $$props) {
2705
2745
  $__namespace.reset(kol_tree_item);
2706
2746
  $__namespace.bind_this(kol_tree_item, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2707
2747
  $__namespace.append($$anchor, kol_tree_item);
2708
- $__namespace.bind_prop($$props, "focusLink", focusLink);
2748
+ $__namespace.bind_prop($$props, "focus", focus);
2709
2749
  $__namespace.bind_prop($$props, "expand", expand);
2710
2750
  $__namespace.bind_prop($$props, "collapse", collapse);
2711
2751
  $__namespace.bind_prop($$props, "isOpen", isOpen);
@@ -2722,14 +2762,14 @@ function KolTreeItemWc($$anchor, $$props) {
2722
2762
  let _label = $__namespace.prop($$props, "_label", 8);
2723
2763
  let _open = $__namespace.prop($$props, "_open", 8, void 0);
2724
2764
  let _href = $__namespace.prop($$props, "_href", 8);
2725
- const focusLink = (...args) => $__namespace.get(__ref).focusLink(...args);
2765
+ const focus = (...args) => $__namespace.get(__ref).focus(...args);
2726
2766
  const expand = (...args) => $__namespace.get(__ref).expand(...args);
2727
2767
  const collapse = (...args) => $__namespace.get(__ref).collapse(...args);
2728
2768
  const isOpen = (...args) => $__namespace.get(__ref).isOpen(...args);
2729
2769
  const getWebComponent = () => $__namespace.get(__ref);
2730
2770
  svelte.onMount(() => {
2731
2771
  });
2732
- var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
2772
+ var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
2733
2773
  $__namespace.init();
2734
2774
  var kol_tree_item_wc = root$1();
2735
2775
  $__namespace.template_effect(() => $__namespace.set_custom_element_data(kol_tree_item_wc, "_active", _active()));
@@ -2741,7 +2781,7 @@ function KolTreeItemWc($$anchor, $$props) {
2741
2781
  $__namespace.reset(kol_tree_item_wc);
2742
2782
  $__namespace.bind_this(kol_tree_item_wc, ($$value) => $__namespace.set(__ref, $$value), () => $__namespace.get(__ref));
2743
2783
  $__namespace.append($$anchor, kol_tree_item_wc);
2744
- $__namespace.bind_prop($$props, "focusLink", focusLink);
2784
+ $__namespace.bind_prop($$props, "focus", focus);
2745
2785
  $__namespace.bind_prop($$props, "expand", expand);
2746
2786
  $__namespace.bind_prop($$props, "collapse", collapse);
2747
2787
  $__namespace.bind_prop($$props, "isOpen", isOpen);
@@ -2783,6 +2823,7 @@ exports.KolCard = KolCard;
2783
2823
  exports.KolCardWc = KolCardWc;
2784
2824
  exports.KolCombobox = KolCombobox;
2785
2825
  exports.KolDetails = KolDetails;
2826
+ exports.KolDialog = KolDialog;
2786
2827
  exports.KolDrawer = KolDrawer;
2787
2828
  exports.KolForm = KolForm;
2788
2829
  exports.KolHeading = KolHeading;