@public-ui/vue 3.0.1-rc.0 → 3.0.2-1e1d8522b9f6826d286c64e7859e0ac6d14b13a9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +6 -4
  2. package/dist/index.cjs +36 -44
  3. package/dist/index.d.cts +65 -0
  4. package/dist/index.d.mts +65 -0
  5. package/dist/index.d.ts +3 -1
  6. package/dist/index.mjs +36 -46
  7. package/package.json +7 -7
package/README.md CHANGED
@@ -17,9 +17,9 @@ Provide an adapter for [Vue](https://vuejs.org/) to use the KoliBri components.
17
17
  You can install the adapter with `npm`, `pnpm` or `yarn`:
18
18
 
19
19
  ```bash
20
- npm i -g @public-ui/vue
21
- pnpm i -g @public-ui/vue
22
- yarn add -g @public-ui/vue
20
+ npm i @public-ui/vue
21
+ pnpm i @public-ui/vue
22
+ yarn add @public-ui/vue
23
23
  ```
24
24
 
25
25
  ## Usage
@@ -48,6 +48,8 @@ Then, you can import any component from `@public-ui/vue` and render it within yo
48
48
  import { KolButton } from '@public-ui/vue';
49
49
  </script>
50
50
  <template>
51
- <KolButton _label="Hello World" />
51
+ <KolButton _label="Hello World" />
52
52
  </template>
53
53
  ```
54
+
55
+ Find available design tokens in the [default theme README](../../themes/default/README.md).
package/dist/index.cjs CHANGED
@@ -7,8 +7,6 @@ const setTagNameTransformer = (_tagNameTransformer) => {
7
7
  tagNameTransformer = _tagNameTransformer;
8
8
  };
9
9
 
10
- const UPDATE_VALUE_EVENT = "update:modelValue";
11
- const MODEL_VALUE = "modelValue";
12
10
  const ROUTER_LINK_VALUE = "routerLink";
13
11
  const NAV_MANAGER = "navManager";
14
12
  const ROUTER_PROP_PREFIX = "router";
@@ -24,31 +22,16 @@ const getElementClasses = (ref2, componentClasses, defaultClasses = []) => {
24
22
  );
25
23
  };
26
24
  const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
27
- if (defineCustomElement !== void 0) {
28
- defineCustomElement();
29
- }
30
25
  const Container = vue.defineComponent((props, { attrs, slots, emit }) => {
31
- let modelPropValue = props[modelProp];
26
+ props[modelProp];
32
27
  const containerRef = vue.ref();
33
28
  const classes = new Set(getComponentClasses(attrs.class));
34
- const vModelDirective = {
35
- created: (el) => {
36
- const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
37
- eventsNames.forEach((eventName) => {
38
- el.addEventListener(eventName.toLowerCase(), (e) => {
39
- modelPropValue = (e?.target)[modelProp];
40
- emit(UPDATE_VALUE_EVENT, modelPropValue);
41
- });
42
- });
43
- }
44
- };
45
29
  const currentInstance = vue.getCurrentInstance();
46
30
  const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
47
31
  const navManager = hasRouter ? vue.inject(NAV_MANAGER) : void 0;
48
32
  const handleRouterLink = (ev) => {
49
33
  const { routerLink } = props;
50
- if (routerLink === EMPTY_PROP)
51
- return;
34
+ if (routerLink === EMPTY_PROP) return;
52
35
  if (navManager !== void 0) {
53
36
  let navigationPayload = { event: ev };
54
37
  for (const key in props) {
@@ -63,7 +46,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
63
46
  }
64
47
  };
65
48
  return () => {
66
- modelPropValue = props[modelProp];
49
+ props[modelProp];
67
50
  getComponentClasses(attrs.class).forEach((value) => {
68
51
  classes.add(value);
69
52
  });
@@ -87,22 +70,9 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
87
70
  propsToAdd[key] = value;
88
71
  }
89
72
  }
90
- if (modelProp) {
91
- if (props[MODEL_VALUE] !== EMPTY_PROP) {
92
- propsToAdd = {
93
- ...propsToAdd,
94
- [modelProp]: props[MODEL_VALUE]
95
- };
96
- } else if (modelPropValue !== EMPTY_PROP) {
97
- propsToAdd = {
98
- ...propsToAdd,
99
- [modelProp]: modelPropValue
100
- };
101
- }
102
- }
103
73
  const newTagName = typeof tagNameTransformer === "function" ? tagNameTransformer(name) : name;
104
74
  const node = vue.h(newTagName, propsToAdd, slots.default && slots.default());
105
- return modelProp === void 0 ? node : vue.withDirectives(node, [[vModelDirective]]);
75
+ return node ;
106
76
  };
107
77
  });
108
78
  if (typeof Container !== "function") {
@@ -113,10 +83,6 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
113
83
  componentProps.forEach((componentProp) => {
114
84
  Container.props[componentProp] = DEFAULT_EMPTY_PROP;
115
85
  });
116
- if (modelProp) {
117
- Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
118
- Container.emits = [UPDATE_VALUE_EVENT];
119
- }
120
86
  }
121
87
  return Container;
122
88
  };
@@ -187,6 +153,7 @@ const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0,
187
153
  "_icons",
188
154
  "_id",
189
155
  "_label",
156
+ "_variant",
190
157
  "_name",
191
158
  "_on",
192
159
  "_role",
@@ -202,6 +169,12 @@ const KolCard = /* @__PURE__ */ defineContainer("kol-card", void 0, [
202
169
  "_label",
203
170
  "_level"
204
171
  ]);
172
+ const KolCardWc = /* @__PURE__ */ defineContainer("kol-card-wc", void 0, [
173
+ "_on",
174
+ "_hasCloser",
175
+ "_label",
176
+ "_level"
177
+ ]);
205
178
  const KolCombobox = /* @__PURE__ */ defineContainer("kol-combobox", void 0, [
206
179
  "_accessKey",
207
180
  "_placeholder",
@@ -233,6 +206,7 @@ const KolDetails = /* @__PURE__ */ defineContainer("kol-details", void 0, [
233
206
  const KolDrawer = /* @__PURE__ */ defineContainer("kol-drawer", void 0, [
234
207
  "_open",
235
208
  "_align",
209
+ "_hasCloser",
236
210
  "_label",
237
211
  "_on"
238
212
  ]);
@@ -244,8 +218,7 @@ const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
244
218
  const KolHeading = /* @__PURE__ */ defineContainer("kol-heading", void 0, [
245
219
  "_label",
246
220
  "_level",
247
- "_secondaryHeadline",
248
- "_variant"
221
+ "_secondaryHeadline"
249
222
  ]);
250
223
  const KolIcon = /* @__PURE__ */ defineContainer("kol-icon", void 0, [
251
224
  "_icons",
@@ -433,7 +406,6 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
433
406
  "_variant"
434
407
  ]);
435
408
  const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
436
- "_accessKey",
437
409
  "_disabled",
438
410
  "_hideMsg",
439
411
  "_hideLabel",
@@ -446,7 +418,6 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
446
418
  "_options",
447
419
  "_orientation",
448
420
  "_required",
449
- "_shortKey",
450
421
  "_syncValueBySelector",
451
422
  "_tooltipAlign",
452
423
  "_touched",
@@ -518,6 +489,7 @@ const KolLink = /* @__PURE__ */ defineContainer("kol-link", void 0, [
518
489
  "_href",
519
490
  "_icons",
520
491
  "_label",
492
+ "_variant",
521
493
  "_on",
522
494
  "_role",
523
495
  "_shortKey",
@@ -570,6 +542,19 @@ const KolPagination = /* @__PURE__ */ defineContainer("kol-pagination", void 0,
570
542
  "_tooltipAlign",
571
543
  "_max"
572
544
  ]);
545
+ const KolPaginationWc = /* @__PURE__ */ defineContainer("kol-pagination-wc", void 0, [
546
+ "_boundaryCount",
547
+ "_customClass",
548
+ "_label",
549
+ "_hasButtons",
550
+ "_page",
551
+ "_pageSize",
552
+ "_pageSizeOptions",
553
+ "_on",
554
+ "_siblingCount",
555
+ "_tooltipAlign",
556
+ "_max"
557
+ ]);
573
558
  const KolPopoverButton = /* @__PURE__ */ defineContainer("kol-popover-button", void 0, [
574
559
  "_accessKey",
575
560
  "_ariaControls",
@@ -684,7 +669,9 @@ const KolSpin = /* @__PURE__ */ defineContainer("kol-spin", void 0, [
684
669
  "_variant"
685
670
  ]);
686
671
  const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void 0, [
672
+ "_accessKey",
687
673
  "_ariaControls",
674
+ "_ariaDescription",
688
675
  "_ariaExpanded",
689
676
  "_ariaSelected",
690
677
  "_customClass",
@@ -696,6 +683,7 @@ const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void
696
683
  "_name",
697
684
  "_on",
698
685
  "_role",
686
+ "_shortKey",
699
687
  "_syncValueBySelector",
700
688
  "_tooltipAlign",
701
689
  "_type",
@@ -728,6 +716,7 @@ const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless",
728
716
  const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
729
717
  "_align",
730
718
  "_behavior",
719
+ "_hasCreateButton",
731
720
  "_label",
732
721
  "_on",
733
722
  "_selected",
@@ -760,10 +749,11 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
760
749
  "_touched",
761
750
  "_value"
762
751
  ]);
763
- const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
752
+ const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
764
753
  const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
765
754
  "_label",
766
- "_items"
755
+ "_items",
756
+ "_orientation"
767
757
  ]);
768
758
  const KolTree = /* @__PURE__ */ defineContainer("kol-tree", void 0, [
769
759
  "_label"
@@ -793,6 +783,7 @@ exports.KolBreadcrumb = KolBreadcrumb;
793
783
  exports.KolButton = KolButton;
794
784
  exports.KolButtonLink = KolButtonLink;
795
785
  exports.KolCard = KolCard;
786
+ exports.KolCardWc = KolCardWc;
796
787
  exports.KolCombobox = KolCombobox;
797
788
  exports.KolDetails = KolDetails;
798
789
  exports.KolDrawer = KolDrawer;
@@ -816,6 +807,7 @@ exports.KolLinkButton = KolLinkButton;
816
807
  exports.KolModal = KolModal;
817
808
  exports.KolNav = KolNav;
818
809
  exports.KolPagination = KolPagination;
810
+ exports.KolPaginationWc = KolPaginationWc;
819
811
  exports.KolPopoverButton = KolPopoverButton;
820
812
  exports.KolPopoverButtonWc = KolPopoverButtonWc;
821
813
  exports.KolProgress = KolProgress;
package/dist/index.d.cts ADDED
@@ -0,0 +1,65 @@
1
+ import * as vue from 'vue';
2
+ import { JSX } from '@public-ui/components';
3
+
4
+ interface InputProps<T> {
5
+ modelValue?: T;
6
+ }
7
+
8
+ type TagNameTransformer = (tagName: string) => string;
9
+ declare const setTagNameTransformer: (_tagNameTransformer: TagNameTransformer) => void;
10
+
11
+ declare const KolAbbr: vue.DefineSetupFnComponent<JSX.KolAbbr & InputProps<string | number | boolean>, {}, {}, JSX.KolAbbr & InputProps<string | number | boolean> & {}, vue.PublicProps>;
12
+ declare const KolAccordion: vue.DefineSetupFnComponent<JSX.KolAccordion & InputProps<string | number | boolean>, {}, {}, JSX.KolAccordion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
13
+ declare const KolAlert: vue.DefineSetupFnComponent<JSX.KolAlert & InputProps<string | number | boolean>, {}, {}, JSX.KolAlert & InputProps<string | number | boolean> & {}, vue.PublicProps>;
14
+ declare const KolAvatar: vue.DefineSetupFnComponent<JSX.KolAvatar & InputProps<string | number | boolean>, {}, {}, JSX.KolAvatar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
15
+ declare const KolBadge: vue.DefineSetupFnComponent<JSX.KolBadge & InputProps<string | number | boolean>, {}, {}, JSX.KolBadge & InputProps<string | number | boolean> & {}, vue.PublicProps>;
16
+ declare const KolBreadcrumb: vue.DefineSetupFnComponent<JSX.KolBreadcrumb & InputProps<string | number | boolean>, {}, {}, JSX.KolBreadcrumb & InputProps<string | number | boolean> & {}, vue.PublicProps>;
17
+ declare const KolButton: vue.DefineSetupFnComponent<JSX.KolButton & InputProps<string | number | boolean>, {}, {}, JSX.KolButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
18
+ declare const KolButtonLink: vue.DefineSetupFnComponent<JSX.KolButtonLink & InputProps<string | number | boolean>, {}, {}, JSX.KolButtonLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
19
+ declare const KolCard: vue.DefineSetupFnComponent<JSX.KolCard & InputProps<string | number | boolean>, {}, {}, JSX.KolCard & InputProps<string | number | boolean> & {}, vue.PublicProps>;
20
+ declare const KolCardWc: vue.DefineSetupFnComponent<JSX.KolCardWc & InputProps<string | number | boolean>, {}, {}, JSX.KolCardWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
21
+ declare const KolCombobox: vue.DefineSetupFnComponent<JSX.KolCombobox & InputProps<string | number | boolean>, {}, {}, JSX.KolCombobox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
22
+ declare const KolDetails: vue.DefineSetupFnComponent<JSX.KolDetails & InputProps<string | number | boolean>, {}, {}, JSX.KolDetails & InputProps<string | number | boolean> & {}, vue.PublicProps>;
23
+ declare const KolDrawer: vue.DefineSetupFnComponent<JSX.KolDrawer & InputProps<string | number | boolean>, {}, {}, JSX.KolDrawer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
24
+ declare const KolForm: vue.DefineSetupFnComponent<JSX.KolForm & InputProps<string | number | boolean>, {}, {}, JSX.KolForm & InputProps<string | number | boolean> & {}, vue.PublicProps>;
25
+ declare const KolHeading: vue.DefineSetupFnComponent<JSX.KolHeading & InputProps<string | number | boolean>, {}, {}, JSX.KolHeading & InputProps<string | number | boolean> & {}, vue.PublicProps>;
26
+ declare const KolIcon: vue.DefineSetupFnComponent<JSX.KolIcon & InputProps<string | number | boolean>, {}, {}, JSX.KolIcon & InputProps<string | number | boolean> & {}, vue.PublicProps>;
27
+ declare const KolImage: vue.DefineSetupFnComponent<JSX.KolImage & InputProps<string | number | boolean>, {}, {}, JSX.KolImage & InputProps<string | number | boolean> & {}, vue.PublicProps>;
28
+ declare const KolInputCheckbox: vue.DefineSetupFnComponent<JSX.KolInputCheckbox & InputProps<string | number | boolean>, {}, {}, JSX.KolInputCheckbox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
29
+ declare const KolInputColor: vue.DefineSetupFnComponent<JSX.KolInputColor & InputProps<string | number | boolean>, {}, {}, JSX.KolInputColor & InputProps<string | number | boolean> & {}, vue.PublicProps>;
30
+ declare const KolInputDate: vue.DefineSetupFnComponent<JSX.KolInputDate & InputProps<string | number | boolean>, {}, {}, JSX.KolInputDate & InputProps<string | number | boolean> & {}, vue.PublicProps>;
31
+ declare const KolInputEmail: vue.DefineSetupFnComponent<JSX.KolInputEmail & InputProps<string | number | boolean>, {}, {}, JSX.KolInputEmail & InputProps<string | number | boolean> & {}, vue.PublicProps>;
32
+ declare const KolInputFile: vue.DefineSetupFnComponent<JSX.KolInputFile & InputProps<string | number | boolean>, {}, {}, JSX.KolInputFile & InputProps<string | number | boolean> & {}, vue.PublicProps>;
33
+ declare const KolInputNumber: vue.DefineSetupFnComponent<JSX.KolInputNumber & InputProps<string | number | boolean>, {}, {}, JSX.KolInputNumber & InputProps<string | number | boolean> & {}, vue.PublicProps>;
34
+ declare const KolInputPassword: vue.DefineSetupFnComponent<JSX.KolInputPassword & InputProps<string | number | boolean>, {}, {}, JSX.KolInputPassword & InputProps<string | number | boolean> & {}, vue.PublicProps>;
35
+ declare const KolInputRadio: vue.DefineSetupFnComponent<JSX.KolInputRadio & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRadio & InputProps<string | number | boolean> & {}, vue.PublicProps>;
36
+ declare const KolInputRange: vue.DefineSetupFnComponent<JSX.KolInputRange & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRange & InputProps<string | number | boolean> & {}, vue.PublicProps>;
37
+ declare const KolInputText: vue.DefineSetupFnComponent<JSX.KolInputText & InputProps<string | number | boolean>, {}, {}, JSX.KolInputText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
38
+ declare const KolKolibri: vue.DefineSetupFnComponent<JSX.KolKolibri & InputProps<string | number | boolean>, {}, {}, JSX.KolKolibri & InputProps<string | number | boolean> & {}, vue.PublicProps>;
39
+ declare const KolLink: vue.DefineSetupFnComponent<JSX.KolLink & InputProps<string | number | boolean>, {}, {}, JSX.KolLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
40
+ declare const KolLinkButton: vue.DefineSetupFnComponent<JSX.KolLinkButton & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
41
+ declare const KolModal: vue.DefineSetupFnComponent<JSX.KolModal & InputProps<string | number | boolean>, {}, {}, JSX.KolModal & InputProps<string | number | boolean> & {}, vue.PublicProps>;
42
+ declare const KolNav: vue.DefineSetupFnComponent<JSX.KolNav & InputProps<string | number | boolean>, {}, {}, JSX.KolNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
43
+ declare const KolPagination: vue.DefineSetupFnComponent<JSX.KolPagination & InputProps<string | number | boolean>, {}, {}, JSX.KolPagination & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
+ declare const KolPaginationWc: vue.DefineSetupFnComponent<JSX.KolPaginationWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPaginationWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
45
+ declare const KolPopoverButton: vue.DefineSetupFnComponent<JSX.KolPopoverButton & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
46
+ declare const KolPopoverButtonWc: vue.DefineSetupFnComponent<JSX.KolPopoverButtonWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButtonWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
47
+ declare const KolProgress: vue.DefineSetupFnComponent<JSX.KolProgress & InputProps<string | number | boolean>, {}, {}, JSX.KolProgress & InputProps<string | number | boolean> & {}, vue.PublicProps>;
48
+ declare const KolQuote: vue.DefineSetupFnComponent<JSX.KolQuote & InputProps<string | number | boolean>, {}, {}, JSX.KolQuote & InputProps<string | number | boolean> & {}, vue.PublicProps>;
49
+ declare const KolSelect: vue.DefineSetupFnComponent<JSX.KolSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
50
+ declare const KolSingleSelect: vue.DefineSetupFnComponent<JSX.KolSingleSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSingleSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
51
+ declare const KolSkipNav: vue.DefineSetupFnComponent<JSX.KolSkipNav & InputProps<string | number | boolean>, {}, {}, JSX.KolSkipNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
52
+ declare const KolSpin: vue.DefineSetupFnComponent<JSX.KolSpin & InputProps<string | number | boolean>, {}, {}, JSX.KolSpin & InputProps<string | number | boolean> & {}, vue.PublicProps>;
53
+ declare const KolSplitButton: vue.DefineSetupFnComponent<JSX.KolSplitButton & InputProps<string | number | boolean>, {}, {}, JSX.KolSplitButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
54
+ declare const KolTableStateful: vue.DefineSetupFnComponent<JSX.KolTableStateful & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateful & InputProps<string | number | boolean> & {}, vue.PublicProps>;
55
+ declare const KolTableStateless: vue.DefineSetupFnComponent<JSX.KolTableStateless & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateless & InputProps<string | number | boolean> & {}, vue.PublicProps>;
56
+ declare const KolTabs: vue.DefineSetupFnComponent<JSX.KolTabs & InputProps<string | number | boolean>, {}, {}, JSX.KolTabs & InputProps<string | number | boolean> & {}, vue.PublicProps>;
57
+ declare const KolTextarea: vue.DefineSetupFnComponent<JSX.KolTextarea & InputProps<string | number | boolean>, {}, {}, JSX.KolTextarea & InputProps<string | number | boolean> & {}, vue.PublicProps>;
58
+ declare const KolToastContainer: vue.DefineSetupFnComponent<JSX.KolToastContainer & InputProps<string | number | boolean>, {}, {}, JSX.KolToastContainer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
59
+ declare const KolToolbar: vue.DefineSetupFnComponent<JSX.KolToolbar & InputProps<string | number | boolean>, {}, {}, JSX.KolToolbar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
60
+ declare const KolTree: vue.DefineSetupFnComponent<JSX.KolTree & InputProps<string | number | boolean>, {}, {}, JSX.KolTree & InputProps<string | number | boolean> & {}, vue.PublicProps>;
61
+ declare const KolTreeItem: vue.DefineSetupFnComponent<JSX.KolTreeItem & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItem & InputProps<string | number | boolean> & {}, vue.PublicProps>;
62
+ declare const KolTreeItemWc: vue.DefineSetupFnComponent<JSX.KolTreeItemWc & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItemWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
63
+ declare const KolVersion: vue.DefineSetupFnComponent<JSX.KolVersion & InputProps<string | number | boolean>, {}, {}, JSX.KolVersion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
64
+
65
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
package/dist/index.d.mts ADDED
@@ -0,0 +1,65 @@
1
+ import * as vue from 'vue';
2
+ import { JSX } from '@public-ui/components';
3
+
4
+ interface InputProps<T> {
5
+ modelValue?: T;
6
+ }
7
+
8
+ type TagNameTransformer = (tagName: string) => string;
9
+ declare const setTagNameTransformer: (_tagNameTransformer: TagNameTransformer) => void;
10
+
11
+ declare const KolAbbr: vue.DefineSetupFnComponent<JSX.KolAbbr & InputProps<string | number | boolean>, {}, {}, JSX.KolAbbr & InputProps<string | number | boolean> & {}, vue.PublicProps>;
12
+ declare const KolAccordion: vue.DefineSetupFnComponent<JSX.KolAccordion & InputProps<string | number | boolean>, {}, {}, JSX.KolAccordion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
13
+ declare const KolAlert: vue.DefineSetupFnComponent<JSX.KolAlert & InputProps<string | number | boolean>, {}, {}, JSX.KolAlert & InputProps<string | number | boolean> & {}, vue.PublicProps>;
14
+ declare const KolAvatar: vue.DefineSetupFnComponent<JSX.KolAvatar & InputProps<string | number | boolean>, {}, {}, JSX.KolAvatar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
15
+ declare const KolBadge: vue.DefineSetupFnComponent<JSX.KolBadge & InputProps<string | number | boolean>, {}, {}, JSX.KolBadge & InputProps<string | number | boolean> & {}, vue.PublicProps>;
16
+ declare const KolBreadcrumb: vue.DefineSetupFnComponent<JSX.KolBreadcrumb & InputProps<string | number | boolean>, {}, {}, JSX.KolBreadcrumb & InputProps<string | number | boolean> & {}, vue.PublicProps>;
17
+ declare const KolButton: vue.DefineSetupFnComponent<JSX.KolButton & InputProps<string | number | boolean>, {}, {}, JSX.KolButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
18
+ declare const KolButtonLink: vue.DefineSetupFnComponent<JSX.KolButtonLink & InputProps<string | number | boolean>, {}, {}, JSX.KolButtonLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
19
+ declare const KolCard: vue.DefineSetupFnComponent<JSX.KolCard & InputProps<string | number | boolean>, {}, {}, JSX.KolCard & InputProps<string | number | boolean> & {}, vue.PublicProps>;
20
+ declare const KolCardWc: vue.DefineSetupFnComponent<JSX.KolCardWc & InputProps<string | number | boolean>, {}, {}, JSX.KolCardWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
21
+ declare const KolCombobox: vue.DefineSetupFnComponent<JSX.KolCombobox & InputProps<string | number | boolean>, {}, {}, JSX.KolCombobox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
22
+ declare const KolDetails: vue.DefineSetupFnComponent<JSX.KolDetails & InputProps<string | number | boolean>, {}, {}, JSX.KolDetails & InputProps<string | number | boolean> & {}, vue.PublicProps>;
23
+ declare const KolDrawer: vue.DefineSetupFnComponent<JSX.KolDrawer & InputProps<string | number | boolean>, {}, {}, JSX.KolDrawer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
24
+ declare const KolForm: vue.DefineSetupFnComponent<JSX.KolForm & InputProps<string | number | boolean>, {}, {}, JSX.KolForm & InputProps<string | number | boolean> & {}, vue.PublicProps>;
25
+ declare const KolHeading: vue.DefineSetupFnComponent<JSX.KolHeading & InputProps<string | number | boolean>, {}, {}, JSX.KolHeading & InputProps<string | number | boolean> & {}, vue.PublicProps>;
26
+ declare const KolIcon: vue.DefineSetupFnComponent<JSX.KolIcon & InputProps<string | number | boolean>, {}, {}, JSX.KolIcon & InputProps<string | number | boolean> & {}, vue.PublicProps>;
27
+ declare const KolImage: vue.DefineSetupFnComponent<JSX.KolImage & InputProps<string | number | boolean>, {}, {}, JSX.KolImage & InputProps<string | number | boolean> & {}, vue.PublicProps>;
28
+ declare const KolInputCheckbox: vue.DefineSetupFnComponent<JSX.KolInputCheckbox & InputProps<string | number | boolean>, {}, {}, JSX.KolInputCheckbox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
29
+ declare const KolInputColor: vue.DefineSetupFnComponent<JSX.KolInputColor & InputProps<string | number | boolean>, {}, {}, JSX.KolInputColor & InputProps<string | number | boolean> & {}, vue.PublicProps>;
30
+ declare const KolInputDate: vue.DefineSetupFnComponent<JSX.KolInputDate & InputProps<string | number | boolean>, {}, {}, JSX.KolInputDate & InputProps<string | number | boolean> & {}, vue.PublicProps>;
31
+ declare const KolInputEmail: vue.DefineSetupFnComponent<JSX.KolInputEmail & InputProps<string | number | boolean>, {}, {}, JSX.KolInputEmail & InputProps<string | number | boolean> & {}, vue.PublicProps>;
32
+ declare const KolInputFile: vue.DefineSetupFnComponent<JSX.KolInputFile & InputProps<string | number | boolean>, {}, {}, JSX.KolInputFile & InputProps<string | number | boolean> & {}, vue.PublicProps>;
33
+ declare const KolInputNumber: vue.DefineSetupFnComponent<JSX.KolInputNumber & InputProps<string | number | boolean>, {}, {}, JSX.KolInputNumber & InputProps<string | number | boolean> & {}, vue.PublicProps>;
34
+ declare const KolInputPassword: vue.DefineSetupFnComponent<JSX.KolInputPassword & InputProps<string | number | boolean>, {}, {}, JSX.KolInputPassword & InputProps<string | number | boolean> & {}, vue.PublicProps>;
35
+ declare const KolInputRadio: vue.DefineSetupFnComponent<JSX.KolInputRadio & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRadio & InputProps<string | number | boolean> & {}, vue.PublicProps>;
36
+ declare const KolInputRange: vue.DefineSetupFnComponent<JSX.KolInputRange & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRange & InputProps<string | number | boolean> & {}, vue.PublicProps>;
37
+ declare const KolInputText: vue.DefineSetupFnComponent<JSX.KolInputText & InputProps<string | number | boolean>, {}, {}, JSX.KolInputText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
38
+ declare const KolKolibri: vue.DefineSetupFnComponent<JSX.KolKolibri & InputProps<string | number | boolean>, {}, {}, JSX.KolKolibri & InputProps<string | number | boolean> & {}, vue.PublicProps>;
39
+ declare const KolLink: vue.DefineSetupFnComponent<JSX.KolLink & InputProps<string | number | boolean>, {}, {}, JSX.KolLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
40
+ declare const KolLinkButton: vue.DefineSetupFnComponent<JSX.KolLinkButton & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
41
+ declare const KolModal: vue.DefineSetupFnComponent<JSX.KolModal & InputProps<string | number | boolean>, {}, {}, JSX.KolModal & InputProps<string | number | boolean> & {}, vue.PublicProps>;
42
+ declare const KolNav: vue.DefineSetupFnComponent<JSX.KolNav & InputProps<string | number | boolean>, {}, {}, JSX.KolNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
43
+ declare const KolPagination: vue.DefineSetupFnComponent<JSX.KolPagination & InputProps<string | number | boolean>, {}, {}, JSX.KolPagination & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
+ declare const KolPaginationWc: vue.DefineSetupFnComponent<JSX.KolPaginationWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPaginationWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
45
+ declare const KolPopoverButton: vue.DefineSetupFnComponent<JSX.KolPopoverButton & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
46
+ declare const KolPopoverButtonWc: vue.DefineSetupFnComponent<JSX.KolPopoverButtonWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButtonWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
47
+ declare const KolProgress: vue.DefineSetupFnComponent<JSX.KolProgress & InputProps<string | number | boolean>, {}, {}, JSX.KolProgress & InputProps<string | number | boolean> & {}, vue.PublicProps>;
48
+ declare const KolQuote: vue.DefineSetupFnComponent<JSX.KolQuote & InputProps<string | number | boolean>, {}, {}, JSX.KolQuote & InputProps<string | number | boolean> & {}, vue.PublicProps>;
49
+ declare const KolSelect: vue.DefineSetupFnComponent<JSX.KolSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
50
+ declare const KolSingleSelect: vue.DefineSetupFnComponent<JSX.KolSingleSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSingleSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
51
+ declare const KolSkipNav: vue.DefineSetupFnComponent<JSX.KolSkipNav & InputProps<string | number | boolean>, {}, {}, JSX.KolSkipNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
52
+ declare const KolSpin: vue.DefineSetupFnComponent<JSX.KolSpin & InputProps<string | number | boolean>, {}, {}, JSX.KolSpin & InputProps<string | number | boolean> & {}, vue.PublicProps>;
53
+ declare const KolSplitButton: vue.DefineSetupFnComponent<JSX.KolSplitButton & InputProps<string | number | boolean>, {}, {}, JSX.KolSplitButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
54
+ declare const KolTableStateful: vue.DefineSetupFnComponent<JSX.KolTableStateful & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateful & InputProps<string | number | boolean> & {}, vue.PublicProps>;
55
+ declare const KolTableStateless: vue.DefineSetupFnComponent<JSX.KolTableStateless & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateless & InputProps<string | number | boolean> & {}, vue.PublicProps>;
56
+ declare const KolTabs: vue.DefineSetupFnComponent<JSX.KolTabs & InputProps<string | number | boolean>, {}, {}, JSX.KolTabs & InputProps<string | number | boolean> & {}, vue.PublicProps>;
57
+ declare const KolTextarea: vue.DefineSetupFnComponent<JSX.KolTextarea & InputProps<string | number | boolean>, {}, {}, JSX.KolTextarea & InputProps<string | number | boolean> & {}, vue.PublicProps>;
58
+ declare const KolToastContainer: vue.DefineSetupFnComponent<JSX.KolToastContainer & InputProps<string | number | boolean>, {}, {}, JSX.KolToastContainer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
59
+ declare const KolToolbar: vue.DefineSetupFnComponent<JSX.KolToolbar & InputProps<string | number | boolean>, {}, {}, JSX.KolToolbar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
60
+ declare const KolTree: vue.DefineSetupFnComponent<JSX.KolTree & InputProps<string | number | boolean>, {}, {}, JSX.KolTree & InputProps<string | number | boolean> & {}, vue.PublicProps>;
61
+ declare const KolTreeItem: vue.DefineSetupFnComponent<JSX.KolTreeItem & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItem & InputProps<string | number | boolean> & {}, vue.PublicProps>;
62
+ declare const KolTreeItemWc: vue.DefineSetupFnComponent<JSX.KolTreeItemWc & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItemWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
63
+ declare const KolVersion: vue.DefineSetupFnComponent<JSX.KolVersion & InputProps<string | number | boolean>, {}, {}, JSX.KolVersion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
64
+
65
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
package/dist/index.d.ts CHANGED
@@ -17,6 +17,7 @@ declare const KolBreadcrumb: vue.DefineSetupFnComponent<JSX.KolBreadcrumb & Inpu
17
17
  declare const KolButton: vue.DefineSetupFnComponent<JSX.KolButton & InputProps<string | number | boolean>, {}, {}, JSX.KolButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
18
18
  declare const KolButtonLink: vue.DefineSetupFnComponent<JSX.KolButtonLink & InputProps<string | number | boolean>, {}, {}, JSX.KolButtonLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
19
19
  declare const KolCard: vue.DefineSetupFnComponent<JSX.KolCard & InputProps<string | number | boolean>, {}, {}, JSX.KolCard & InputProps<string | number | boolean> & {}, vue.PublicProps>;
20
+ declare const KolCardWc: vue.DefineSetupFnComponent<JSX.KolCardWc & InputProps<string | number | boolean>, {}, {}, JSX.KolCardWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
20
21
  declare const KolCombobox: vue.DefineSetupFnComponent<JSX.KolCombobox & InputProps<string | number | boolean>, {}, {}, JSX.KolCombobox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
21
22
  declare const KolDetails: vue.DefineSetupFnComponent<JSX.KolDetails & InputProps<string | number | boolean>, {}, {}, JSX.KolDetails & InputProps<string | number | boolean> & {}, vue.PublicProps>;
22
23
  declare const KolDrawer: vue.DefineSetupFnComponent<JSX.KolDrawer & InputProps<string | number | boolean>, {}, {}, JSX.KolDrawer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
@@ -40,6 +41,7 @@ declare const KolLinkButton: vue.DefineSetupFnComponent<JSX.KolLinkButton & Inpu
40
41
  declare const KolModal: vue.DefineSetupFnComponent<JSX.KolModal & InputProps<string | number | boolean>, {}, {}, JSX.KolModal & InputProps<string | number | boolean> & {}, vue.PublicProps>;
41
42
  declare const KolNav: vue.DefineSetupFnComponent<JSX.KolNav & InputProps<string | number | boolean>, {}, {}, JSX.KolNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
42
43
  declare const KolPagination: vue.DefineSetupFnComponent<JSX.KolPagination & InputProps<string | number | boolean>, {}, {}, JSX.KolPagination & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
+ declare const KolPaginationWc: vue.DefineSetupFnComponent<JSX.KolPaginationWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPaginationWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
43
45
  declare const KolPopoverButton: vue.DefineSetupFnComponent<JSX.KolPopoverButton & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
46
  declare const KolPopoverButtonWc: vue.DefineSetupFnComponent<JSX.KolPopoverButtonWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButtonWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
45
47
  declare const KolProgress: vue.DefineSetupFnComponent<JSX.KolProgress & InputProps<string | number | boolean>, {}, {}, JSX.KolProgress & InputProps<string | number | boolean> & {}, vue.PublicProps>;
@@ -60,4 +62,4 @@ declare const KolTreeItem: vue.DefineSetupFnComponent<JSX.KolTreeItem & InputPro
60
62
  declare const KolTreeItemWc: vue.DefineSetupFnComponent<JSX.KolTreeItemWc & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItemWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
61
63
  declare const KolVersion: vue.DefineSetupFnComponent<JSX.KolVersion & InputProps<string | number | boolean>, {}, {}, JSX.KolVersion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
62
64
 
63
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
65
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
package/dist/index.mjs CHANGED
@@ -1,12 +1,10 @@
1
- import { defineComponent, ref, getCurrentInstance, inject, h, withDirectives } from 'vue';
1
+ import { defineComponent, ref, getCurrentInstance, inject, h } from 'vue';
2
2
 
3
3
  let tagNameTransformer;
4
4
  const setTagNameTransformer = (_tagNameTransformer) => {
5
5
  tagNameTransformer = _tagNameTransformer;
6
6
  };
7
7
 
8
- const UPDATE_VALUE_EVENT = "update:modelValue";
9
- const MODEL_VALUE = "modelValue";
10
8
  const ROUTER_LINK_VALUE = "routerLink";
11
9
  const NAV_MANAGER = "navManager";
12
10
  const ROUTER_PROP_PREFIX = "router";
@@ -22,31 +20,16 @@ const getElementClasses = (ref2, componentClasses, defaultClasses = []) => {
22
20
  );
23
21
  };
24
22
  const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
25
- if (defineCustomElement !== void 0) {
26
- defineCustomElement();
27
- }
28
23
  const Container = defineComponent((props, { attrs, slots, emit }) => {
29
- let modelPropValue = props[modelProp];
24
+ props[modelProp];
30
25
  const containerRef = ref();
31
26
  const classes = new Set(getComponentClasses(attrs.class));
32
- const vModelDirective = {
33
- created: (el) => {
34
- const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
35
- eventsNames.forEach((eventName) => {
36
- el.addEventListener(eventName.toLowerCase(), (e) => {
37
- modelPropValue = (e?.target)[modelProp];
38
- emit(UPDATE_VALUE_EVENT, modelPropValue);
39
- });
40
- });
41
- }
42
- };
43
27
  const currentInstance = getCurrentInstance();
44
28
  const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
45
29
  const navManager = hasRouter ? inject(NAV_MANAGER) : void 0;
46
30
  const handleRouterLink = (ev) => {
47
31
  const { routerLink } = props;
48
- if (routerLink === EMPTY_PROP)
49
- return;
32
+ if (routerLink === EMPTY_PROP) return;
50
33
  if (navManager !== void 0) {
51
34
  let navigationPayload = { event: ev };
52
35
  for (const key in props) {
@@ -61,7 +44,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
61
44
  }
62
45
  };
63
46
  return () => {
64
- modelPropValue = props[modelProp];
47
+ props[modelProp];
65
48
  getComponentClasses(attrs.class).forEach((value) => {
66
49
  classes.add(value);
67
50
  });
@@ -85,22 +68,9 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
85
68
  propsToAdd[key] = value;
86
69
  }
87
70
  }
88
- if (modelProp) {
89
- if (props[MODEL_VALUE] !== EMPTY_PROP) {
90
- propsToAdd = {
91
- ...propsToAdd,
92
- [modelProp]: props[MODEL_VALUE]
93
- };
94
- } else if (modelPropValue !== EMPTY_PROP) {
95
- propsToAdd = {
96
- ...propsToAdd,
97
- [modelProp]: modelPropValue
98
- };
99
- }
100
- }
101
71
  const newTagName = typeof tagNameTransformer === "function" ? tagNameTransformer(name) : name;
102
72
  const node = h(newTagName, propsToAdd, slots.default && slots.default());
103
- return modelProp === void 0 ? node : withDirectives(node, [[vModelDirective]]);
73
+ return node ;
104
74
  };
105
75
  });
106
76
  if (typeof Container !== "function") {
@@ -111,10 +81,6 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
111
81
  componentProps.forEach((componentProp) => {
112
82
  Container.props[componentProp] = DEFAULT_EMPTY_PROP;
113
83
  });
114
- if (modelProp) {
115
- Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
116
- Container.emits = [UPDATE_VALUE_EVENT];
117
- }
118
84
  }
119
85
  return Container;
120
86
  };
@@ -185,6 +151,7 @@ const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0,
185
151
  "_icons",
186
152
  "_id",
187
153
  "_label",
154
+ "_variant",
188
155
  "_name",
189
156
  "_on",
190
157
  "_role",
@@ -200,6 +167,12 @@ const KolCard = /* @__PURE__ */ defineContainer("kol-card", void 0, [
200
167
  "_label",
201
168
  "_level"
202
169
  ]);
170
+ const KolCardWc = /* @__PURE__ */ defineContainer("kol-card-wc", void 0, [
171
+ "_on",
172
+ "_hasCloser",
173
+ "_label",
174
+ "_level"
175
+ ]);
203
176
  const KolCombobox = /* @__PURE__ */ defineContainer("kol-combobox", void 0, [
204
177
  "_accessKey",
205
178
  "_placeholder",
@@ -231,6 +204,7 @@ const KolDetails = /* @__PURE__ */ defineContainer("kol-details", void 0, [
231
204
  const KolDrawer = /* @__PURE__ */ defineContainer("kol-drawer", void 0, [
232
205
  "_open",
233
206
  "_align",
207
+ "_hasCloser",
234
208
  "_label",
235
209
  "_on"
236
210
  ]);
@@ -242,8 +216,7 @@ const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
242
216
  const KolHeading = /* @__PURE__ */ defineContainer("kol-heading", void 0, [
243
217
  "_label",
244
218
  "_level",
245
- "_secondaryHeadline",
246
- "_variant"
219
+ "_secondaryHeadline"
247
220
  ]);
248
221
  const KolIcon = /* @__PURE__ */ defineContainer("kol-icon", void 0, [
249
222
  "_icons",
@@ -431,7 +404,6 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
431
404
  "_variant"
432
405
  ]);
433
406
  const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
434
- "_accessKey",
435
407
  "_disabled",
436
408
  "_hideMsg",
437
409
  "_hideLabel",
@@ -444,7 +416,6 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
444
416
  "_options",
445
417
  "_orientation",
446
418
  "_required",
447
- "_shortKey",
448
419
  "_syncValueBySelector",
449
420
  "_tooltipAlign",
450
421
  "_touched",
@@ -516,6 +487,7 @@ const KolLink = /* @__PURE__ */ defineContainer("kol-link", void 0, [
516
487
  "_href",
517
488
  "_icons",
518
489
  "_label",
490
+ "_variant",
519
491
  "_on",
520
492
  "_role",
521
493
  "_shortKey",
@@ -568,6 +540,19 @@ const KolPagination = /* @__PURE__ */ defineContainer("kol-pagination", void 0,
568
540
  "_tooltipAlign",
569
541
  "_max"
570
542
  ]);
543
+ const KolPaginationWc = /* @__PURE__ */ defineContainer("kol-pagination-wc", void 0, [
544
+ "_boundaryCount",
545
+ "_customClass",
546
+ "_label",
547
+ "_hasButtons",
548
+ "_page",
549
+ "_pageSize",
550
+ "_pageSizeOptions",
551
+ "_on",
552
+ "_siblingCount",
553
+ "_tooltipAlign",
554
+ "_max"
555
+ ]);
571
556
  const KolPopoverButton = /* @__PURE__ */ defineContainer("kol-popover-button", void 0, [
572
557
  "_accessKey",
573
558
  "_ariaControls",
@@ -682,7 +667,9 @@ const KolSpin = /* @__PURE__ */ defineContainer("kol-spin", void 0, [
682
667
  "_variant"
683
668
  ]);
684
669
  const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void 0, [
670
+ "_accessKey",
685
671
  "_ariaControls",
672
+ "_ariaDescription",
686
673
  "_ariaExpanded",
687
674
  "_ariaSelected",
688
675
  "_customClass",
@@ -694,6 +681,7 @@ const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void
694
681
  "_name",
695
682
  "_on",
696
683
  "_role",
684
+ "_shortKey",
697
685
  "_syncValueBySelector",
698
686
  "_tooltipAlign",
699
687
  "_type",
@@ -726,6 +714,7 @@ const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless",
726
714
  const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
727
715
  "_align",
728
716
  "_behavior",
717
+ "_hasCreateButton",
729
718
  "_label",
730
719
  "_on",
731
720
  "_selected",
@@ -758,10 +747,11 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
758
747
  "_touched",
759
748
  "_value"
760
749
  ]);
761
- const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
750
+ const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
762
751
  const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
763
752
  "_label",
764
- "_items"
753
+ "_items",
754
+ "_orientation"
765
755
  ]);
766
756
  const KolTree = /* @__PURE__ */ defineContainer("kol-tree", void 0, [
767
757
  "_label"
@@ -782,4 +772,4 @@ const KolVersion = /* @__PURE__ */ defineContainer("kol-version", void 0, [
782
772
  "_label"
783
773
  ]);
784
774
 
785
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
775
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/vue",
3
- "version": "3.0.1-rc.0",
3
+ "version": "3.0.2-1e1d8522b9f6826d286c64e7859e0ac6d14b13a9.0",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": {
@@ -45,18 +45,18 @@
45
45
  "vue"
46
46
  ],
47
47
  "devDependencies": {
48
- "@babel/types": "7.26.10",
48
+ "@babel/types": "7.27.6",
49
49
  "@types/minimatch": "5.1.2",
50
50
  "@types/minimist": "1.2.5",
51
51
  "@types/normalize-package-data": "2.4.4",
52
- "typescript": "5.8.2",
53
- "unbuild": "1.2.1",
54
- "vue": "3.4.21",
55
- "@public-ui/components": "3.0.1-rc.0"
52
+ "typescript": "5.8.3",
53
+ "unbuild": "3.5.0",
54
+ "vue": "3.5.16",
55
+ "@public-ui/components": "3.0.2-1e1d8522b9f6826d286c64e7859e0ac6d14b13a9.0"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "vue": ">=3",
59
- "@public-ui/components": "3.0.1-rc.0"
59
+ "@public-ui/components": "3.0.2-1e1d8522b9f6826d286c64e7859e0ac6d14b13a9.0"
60
60
  },
61
61
  "sideEffects": false,
62
62
  "type": "module",