@public-ui/vue 3.0.1-rc.0 → 3.0.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 (5) hide show
  1. package/dist/index.cjs +11 -44
  2. package/dist/index.d.cts +63 -0
  3. package/dist/index.d.mts +63 -0
  4. package/dist/index.mjs +12 -45
  5. package/package.json +7 -7
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",
@@ -244,8 +211,7 @@ const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
244
211
  const KolHeading = /* @__PURE__ */ defineContainer("kol-heading", void 0, [
245
212
  "_label",
246
213
  "_level",
247
- "_secondaryHeadline",
248
- "_variant"
214
+ "_secondaryHeadline"
249
215
  ]);
250
216
  const KolIcon = /* @__PURE__ */ defineContainer("kol-icon", void 0, [
251
217
  "_icons",
@@ -433,7 +399,6 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
433
399
  "_variant"
434
400
  ]);
435
401
  const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
436
- "_accessKey",
437
402
  "_disabled",
438
403
  "_hideMsg",
439
404
  "_hideLabel",
@@ -446,7 +411,6 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
446
411
  "_options",
447
412
  "_orientation",
448
413
  "_required",
449
- "_shortKey",
450
414
  "_syncValueBySelector",
451
415
  "_tooltipAlign",
452
416
  "_touched",
@@ -518,6 +482,7 @@ const KolLink = /* @__PURE__ */ defineContainer("kol-link", void 0, [
518
482
  "_href",
519
483
  "_icons",
520
484
  "_label",
485
+ "_variant",
521
486
  "_on",
522
487
  "_role",
523
488
  "_shortKey",
@@ -728,6 +693,7 @@ const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless",
728
693
  const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
729
694
  "_align",
730
695
  "_behavior",
696
+ "_hasCreateButton",
731
697
  "_label",
732
698
  "_on",
733
699
  "_selected",
@@ -760,10 +726,11 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
760
726
  "_touched",
761
727
  "_value"
762
728
  ]);
763
- const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
729
+ const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
764
730
  const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
765
731
  "_label",
766
- "_items"
732
+ "_items",
733
+ "_orientation"
767
734
  ]);
768
735
  const KolTree = /* @__PURE__ */ defineContainer("kol-tree", void 0, [
769
736
  "_label"
package/dist/index.d.cts ADDED
@@ -0,0 +1,63 @@
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 KolCombobox: vue.DefineSetupFnComponent<JSX.KolCombobox & InputProps<string | number | boolean>, {}, {}, JSX.KolCombobox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
21
+ declare const KolDetails: vue.DefineSetupFnComponent<JSX.KolDetails & InputProps<string | number | boolean>, {}, {}, JSX.KolDetails & InputProps<string | number | boolean> & {}, vue.PublicProps>;
22
+ declare const KolDrawer: vue.DefineSetupFnComponent<JSX.KolDrawer & InputProps<string | number | boolean>, {}, {}, JSX.KolDrawer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
23
+ declare const KolForm: vue.DefineSetupFnComponent<JSX.KolForm & InputProps<string | number | boolean>, {}, {}, JSX.KolForm & InputProps<string | number | boolean> & {}, vue.PublicProps>;
24
+ declare const KolHeading: vue.DefineSetupFnComponent<JSX.KolHeading & InputProps<string | number | boolean>, {}, {}, JSX.KolHeading & InputProps<string | number | boolean> & {}, vue.PublicProps>;
25
+ declare const KolIcon: vue.DefineSetupFnComponent<JSX.KolIcon & InputProps<string | number | boolean>, {}, {}, JSX.KolIcon & InputProps<string | number | boolean> & {}, vue.PublicProps>;
26
+ declare const KolImage: vue.DefineSetupFnComponent<JSX.KolImage & InputProps<string | number | boolean>, {}, {}, JSX.KolImage & InputProps<string | number | boolean> & {}, vue.PublicProps>;
27
+ declare const KolInputCheckbox: vue.DefineSetupFnComponent<JSX.KolInputCheckbox & InputProps<string | number | boolean>, {}, {}, JSX.KolInputCheckbox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
28
+ declare const KolInputColor: vue.DefineSetupFnComponent<JSX.KolInputColor & InputProps<string | number | boolean>, {}, {}, JSX.KolInputColor & InputProps<string | number | boolean> & {}, vue.PublicProps>;
29
+ declare const KolInputDate: vue.DefineSetupFnComponent<JSX.KolInputDate & InputProps<string | number | boolean>, {}, {}, JSX.KolInputDate & InputProps<string | number | boolean> & {}, vue.PublicProps>;
30
+ declare const KolInputEmail: vue.DefineSetupFnComponent<JSX.KolInputEmail & InputProps<string | number | boolean>, {}, {}, JSX.KolInputEmail & InputProps<string | number | boolean> & {}, vue.PublicProps>;
31
+ declare const KolInputFile: vue.DefineSetupFnComponent<JSX.KolInputFile & InputProps<string | number | boolean>, {}, {}, JSX.KolInputFile & InputProps<string | number | boolean> & {}, vue.PublicProps>;
32
+ declare const KolInputNumber: vue.DefineSetupFnComponent<JSX.KolInputNumber & InputProps<string | number | boolean>, {}, {}, JSX.KolInputNumber & InputProps<string | number | boolean> & {}, vue.PublicProps>;
33
+ declare const KolInputPassword: vue.DefineSetupFnComponent<JSX.KolInputPassword & InputProps<string | number | boolean>, {}, {}, JSX.KolInputPassword & InputProps<string | number | boolean> & {}, vue.PublicProps>;
34
+ declare const KolInputRadio: vue.DefineSetupFnComponent<JSX.KolInputRadio & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRadio & InputProps<string | number | boolean> & {}, vue.PublicProps>;
35
+ declare const KolInputRange: vue.DefineSetupFnComponent<JSX.KolInputRange & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRange & InputProps<string | number | boolean> & {}, vue.PublicProps>;
36
+ declare const KolInputText: vue.DefineSetupFnComponent<JSX.KolInputText & InputProps<string | number | boolean>, {}, {}, JSX.KolInputText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
37
+ declare const KolKolibri: vue.DefineSetupFnComponent<JSX.KolKolibri & InputProps<string | number | boolean>, {}, {}, JSX.KolKolibri & InputProps<string | number | boolean> & {}, vue.PublicProps>;
38
+ declare const KolLink: vue.DefineSetupFnComponent<JSX.KolLink & InputProps<string | number | boolean>, {}, {}, JSX.KolLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
39
+ declare const KolLinkButton: vue.DefineSetupFnComponent<JSX.KolLinkButton & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
40
+ declare const KolModal: vue.DefineSetupFnComponent<JSX.KolModal & InputProps<string | number | boolean>, {}, {}, JSX.KolModal & InputProps<string | number | boolean> & {}, vue.PublicProps>;
41
+ declare const KolNav: vue.DefineSetupFnComponent<JSX.KolNav & InputProps<string | number | boolean>, {}, {}, JSX.KolNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
42
+ declare const KolPagination: vue.DefineSetupFnComponent<JSX.KolPagination & InputProps<string | number | boolean>, {}, {}, JSX.KolPagination & InputProps<string | number | boolean> & {}, vue.PublicProps>;
43
+ declare const KolPopoverButton: vue.DefineSetupFnComponent<JSX.KolPopoverButton & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
+ declare const KolPopoverButtonWc: vue.DefineSetupFnComponent<JSX.KolPopoverButtonWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButtonWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
45
+ declare const KolProgress: vue.DefineSetupFnComponent<JSX.KolProgress & InputProps<string | number | boolean>, {}, {}, JSX.KolProgress & InputProps<string | number | boolean> & {}, vue.PublicProps>;
46
+ declare const KolQuote: vue.DefineSetupFnComponent<JSX.KolQuote & InputProps<string | number | boolean>, {}, {}, JSX.KolQuote & InputProps<string | number | boolean> & {}, vue.PublicProps>;
47
+ declare const KolSelect: vue.DefineSetupFnComponent<JSX.KolSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
48
+ declare const KolSingleSelect: vue.DefineSetupFnComponent<JSX.KolSingleSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSingleSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
49
+ declare const KolSkipNav: vue.DefineSetupFnComponent<JSX.KolSkipNav & InputProps<string | number | boolean>, {}, {}, JSX.KolSkipNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
50
+ declare const KolSpin: vue.DefineSetupFnComponent<JSX.KolSpin & InputProps<string | number | boolean>, {}, {}, JSX.KolSpin & InputProps<string | number | boolean> & {}, vue.PublicProps>;
51
+ declare const KolSplitButton: vue.DefineSetupFnComponent<JSX.KolSplitButton & InputProps<string | number | boolean>, {}, {}, JSX.KolSplitButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
52
+ declare const KolTableStateful: vue.DefineSetupFnComponent<JSX.KolTableStateful & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateful & InputProps<string | number | boolean> & {}, vue.PublicProps>;
53
+ declare const KolTableStateless: vue.DefineSetupFnComponent<JSX.KolTableStateless & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateless & InputProps<string | number | boolean> & {}, vue.PublicProps>;
54
+ declare const KolTabs: vue.DefineSetupFnComponent<JSX.KolTabs & InputProps<string | number | boolean>, {}, {}, JSX.KolTabs & InputProps<string | number | boolean> & {}, vue.PublicProps>;
55
+ declare const KolTextarea: vue.DefineSetupFnComponent<JSX.KolTextarea & InputProps<string | number | boolean>, {}, {}, JSX.KolTextarea & InputProps<string | number | boolean> & {}, vue.PublicProps>;
56
+ declare const KolToastContainer: vue.DefineSetupFnComponent<JSX.KolToastContainer & InputProps<string | number | boolean>, {}, {}, JSX.KolToastContainer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
57
+ declare const KolToolbar: vue.DefineSetupFnComponent<JSX.KolToolbar & InputProps<string | number | boolean>, {}, {}, JSX.KolToolbar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
58
+ declare const KolTree: vue.DefineSetupFnComponent<JSX.KolTree & InputProps<string | number | boolean>, {}, {}, JSX.KolTree & InputProps<string | number | boolean> & {}, vue.PublicProps>;
59
+ declare const KolTreeItem: vue.DefineSetupFnComponent<JSX.KolTreeItem & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItem & InputProps<string | number | boolean> & {}, vue.PublicProps>;
60
+ declare const KolTreeItemWc: vue.DefineSetupFnComponent<JSX.KolTreeItemWc & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItemWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
61
+ declare const KolVersion: vue.DefineSetupFnComponent<JSX.KolVersion & InputProps<string | number | boolean>, {}, {}, JSX.KolVersion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
62
+
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 };
package/dist/index.d.mts ADDED
@@ -0,0 +1,63 @@
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 KolCombobox: vue.DefineSetupFnComponent<JSX.KolCombobox & InputProps<string | number | boolean>, {}, {}, JSX.KolCombobox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
21
+ declare const KolDetails: vue.DefineSetupFnComponent<JSX.KolDetails & InputProps<string | number | boolean>, {}, {}, JSX.KolDetails & InputProps<string | number | boolean> & {}, vue.PublicProps>;
22
+ declare const KolDrawer: vue.DefineSetupFnComponent<JSX.KolDrawer & InputProps<string | number | boolean>, {}, {}, JSX.KolDrawer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
23
+ declare const KolForm: vue.DefineSetupFnComponent<JSX.KolForm & InputProps<string | number | boolean>, {}, {}, JSX.KolForm & InputProps<string | number | boolean> & {}, vue.PublicProps>;
24
+ declare const KolHeading: vue.DefineSetupFnComponent<JSX.KolHeading & InputProps<string | number | boolean>, {}, {}, JSX.KolHeading & InputProps<string | number | boolean> & {}, vue.PublicProps>;
25
+ declare const KolIcon: vue.DefineSetupFnComponent<JSX.KolIcon & InputProps<string | number | boolean>, {}, {}, JSX.KolIcon & InputProps<string | number | boolean> & {}, vue.PublicProps>;
26
+ declare const KolImage: vue.DefineSetupFnComponent<JSX.KolImage & InputProps<string | number | boolean>, {}, {}, JSX.KolImage & InputProps<string | number | boolean> & {}, vue.PublicProps>;
27
+ declare const KolInputCheckbox: vue.DefineSetupFnComponent<JSX.KolInputCheckbox & InputProps<string | number | boolean>, {}, {}, JSX.KolInputCheckbox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
28
+ declare const KolInputColor: vue.DefineSetupFnComponent<JSX.KolInputColor & InputProps<string | number | boolean>, {}, {}, JSX.KolInputColor & InputProps<string | number | boolean> & {}, vue.PublicProps>;
29
+ declare const KolInputDate: vue.DefineSetupFnComponent<JSX.KolInputDate & InputProps<string | number | boolean>, {}, {}, JSX.KolInputDate & InputProps<string | number | boolean> & {}, vue.PublicProps>;
30
+ declare const KolInputEmail: vue.DefineSetupFnComponent<JSX.KolInputEmail & InputProps<string | number | boolean>, {}, {}, JSX.KolInputEmail & InputProps<string | number | boolean> & {}, vue.PublicProps>;
31
+ declare const KolInputFile: vue.DefineSetupFnComponent<JSX.KolInputFile & InputProps<string | number | boolean>, {}, {}, JSX.KolInputFile & InputProps<string | number | boolean> & {}, vue.PublicProps>;
32
+ declare const KolInputNumber: vue.DefineSetupFnComponent<JSX.KolInputNumber & InputProps<string | number | boolean>, {}, {}, JSX.KolInputNumber & InputProps<string | number | boolean> & {}, vue.PublicProps>;
33
+ declare const KolInputPassword: vue.DefineSetupFnComponent<JSX.KolInputPassword & InputProps<string | number | boolean>, {}, {}, JSX.KolInputPassword & InputProps<string | number | boolean> & {}, vue.PublicProps>;
34
+ declare const KolInputRadio: vue.DefineSetupFnComponent<JSX.KolInputRadio & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRadio & InputProps<string | number | boolean> & {}, vue.PublicProps>;
35
+ declare const KolInputRange: vue.DefineSetupFnComponent<JSX.KolInputRange & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRange & InputProps<string | number | boolean> & {}, vue.PublicProps>;
36
+ declare const KolInputText: vue.DefineSetupFnComponent<JSX.KolInputText & InputProps<string | number | boolean>, {}, {}, JSX.KolInputText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
37
+ declare const KolKolibri: vue.DefineSetupFnComponent<JSX.KolKolibri & InputProps<string | number | boolean>, {}, {}, JSX.KolKolibri & InputProps<string | number | boolean> & {}, vue.PublicProps>;
38
+ declare const KolLink: vue.DefineSetupFnComponent<JSX.KolLink & InputProps<string | number | boolean>, {}, {}, JSX.KolLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
39
+ declare const KolLinkButton: vue.DefineSetupFnComponent<JSX.KolLinkButton & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
40
+ declare const KolModal: vue.DefineSetupFnComponent<JSX.KolModal & InputProps<string | number | boolean>, {}, {}, JSX.KolModal & InputProps<string | number | boolean> & {}, vue.PublicProps>;
41
+ declare const KolNav: vue.DefineSetupFnComponent<JSX.KolNav & InputProps<string | number | boolean>, {}, {}, JSX.KolNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
42
+ declare const KolPagination: vue.DefineSetupFnComponent<JSX.KolPagination & InputProps<string | number | boolean>, {}, {}, JSX.KolPagination & InputProps<string | number | boolean> & {}, vue.PublicProps>;
43
+ declare const KolPopoverButton: vue.DefineSetupFnComponent<JSX.KolPopoverButton & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
+ declare const KolPopoverButtonWc: vue.DefineSetupFnComponent<JSX.KolPopoverButtonWc & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButtonWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
45
+ declare const KolProgress: vue.DefineSetupFnComponent<JSX.KolProgress & InputProps<string | number | boolean>, {}, {}, JSX.KolProgress & InputProps<string | number | boolean> & {}, vue.PublicProps>;
46
+ declare const KolQuote: vue.DefineSetupFnComponent<JSX.KolQuote & InputProps<string | number | boolean>, {}, {}, JSX.KolQuote & InputProps<string | number | boolean> & {}, vue.PublicProps>;
47
+ declare const KolSelect: vue.DefineSetupFnComponent<JSX.KolSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
48
+ declare const KolSingleSelect: vue.DefineSetupFnComponent<JSX.KolSingleSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSingleSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
49
+ declare const KolSkipNav: vue.DefineSetupFnComponent<JSX.KolSkipNav & InputProps<string | number | boolean>, {}, {}, JSX.KolSkipNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
50
+ declare const KolSpin: vue.DefineSetupFnComponent<JSX.KolSpin & InputProps<string | number | boolean>, {}, {}, JSX.KolSpin & InputProps<string | number | boolean> & {}, vue.PublicProps>;
51
+ declare const KolSplitButton: vue.DefineSetupFnComponent<JSX.KolSplitButton & InputProps<string | number | boolean>, {}, {}, JSX.KolSplitButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
52
+ declare const KolTableStateful: vue.DefineSetupFnComponent<JSX.KolTableStateful & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateful & InputProps<string | number | boolean> & {}, vue.PublicProps>;
53
+ declare const KolTableStateless: vue.DefineSetupFnComponent<JSX.KolTableStateless & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateless & InputProps<string | number | boolean> & {}, vue.PublicProps>;
54
+ declare const KolTabs: vue.DefineSetupFnComponent<JSX.KolTabs & InputProps<string | number | boolean>, {}, {}, JSX.KolTabs & InputProps<string | number | boolean> & {}, vue.PublicProps>;
55
+ declare const KolTextarea: vue.DefineSetupFnComponent<JSX.KolTextarea & InputProps<string | number | boolean>, {}, {}, JSX.KolTextarea & InputProps<string | number | boolean> & {}, vue.PublicProps>;
56
+ declare const KolToastContainer: vue.DefineSetupFnComponent<JSX.KolToastContainer & InputProps<string | number | boolean>, {}, {}, JSX.KolToastContainer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
57
+ declare const KolToolbar: vue.DefineSetupFnComponent<JSX.KolToolbar & InputProps<string | number | boolean>, {}, {}, JSX.KolToolbar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
58
+ declare const KolTree: vue.DefineSetupFnComponent<JSX.KolTree & InputProps<string | number | boolean>, {}, {}, JSX.KolTree & InputProps<string | number | boolean> & {}, vue.PublicProps>;
59
+ declare const KolTreeItem: vue.DefineSetupFnComponent<JSX.KolTreeItem & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItem & InputProps<string | number | boolean> & {}, vue.PublicProps>;
60
+ declare const KolTreeItemWc: vue.DefineSetupFnComponent<JSX.KolTreeItemWc & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItemWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
61
+ declare const KolVersion: vue.DefineSetupFnComponent<JSX.KolVersion & InputProps<string | number | boolean>, {}, {}, JSX.KolVersion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
62
+
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 };
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",
@@ -242,8 +209,7 @@ const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
242
209
  const KolHeading = /* @__PURE__ */ defineContainer("kol-heading", void 0, [
243
210
  "_label",
244
211
  "_level",
245
- "_secondaryHeadline",
246
- "_variant"
212
+ "_secondaryHeadline"
247
213
  ]);
248
214
  const KolIcon = /* @__PURE__ */ defineContainer("kol-icon", void 0, [
249
215
  "_icons",
@@ -431,7 +397,6 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
431
397
  "_variant"
432
398
  ]);
433
399
  const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
434
- "_accessKey",
435
400
  "_disabled",
436
401
  "_hideMsg",
437
402
  "_hideLabel",
@@ -444,7 +409,6 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
444
409
  "_options",
445
410
  "_orientation",
446
411
  "_required",
447
- "_shortKey",
448
412
  "_syncValueBySelector",
449
413
  "_tooltipAlign",
450
414
  "_touched",
@@ -516,6 +480,7 @@ const KolLink = /* @__PURE__ */ defineContainer("kol-link", void 0, [
516
480
  "_href",
517
481
  "_icons",
518
482
  "_label",
483
+ "_variant",
519
484
  "_on",
520
485
  "_role",
521
486
  "_shortKey",
@@ -726,6 +691,7 @@ const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless",
726
691
  const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
727
692
  "_align",
728
693
  "_behavior",
694
+ "_hasCreateButton",
729
695
  "_label",
730
696
  "_on",
731
697
  "_selected",
@@ -758,10 +724,11 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
758
724
  "_touched",
759
725
  "_value"
760
726
  ]);
761
- const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
727
+ const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
762
728
  const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
763
729
  "_label",
764
- "_items"
730
+ "_items",
731
+ "_orientation"
765
732
  ]);
766
733
  const KolTree = /* @__PURE__ */ defineContainer("kol-tree", void 0, [
767
734
  "_label"
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.1",
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.1"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "vue": ">=3",
59
- "@public-ui/components": "3.0.1-rc.0"
59
+ "@public-ui/components": "3.0.1"
60
60
  },
61
61
  "sideEffects": false,
62
62
  "type": "module",