@public-ui/vue 2.2.11 → 2.2.12

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 +7 -44
  2. package/dist/index.d.cts +68 -0
  3. package/dist/index.d.mts +68 -0
  4. package/dist/index.mjs +8 -45
  5. package/package.json +6 -6
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
  };
@@ -178,7 +144,7 @@ const KolButton = /* @__PURE__ */ defineContainer("kol-button", void 0, [
178
144
  "_value",
179
145
  "_variant"
180
146
  ]);
181
- const KolButtonGroup = /* @__PURE__ */ defineContainer("kol-button-group", void 0);
147
+ const KolButtonGroup = /* @__PURE__ */ defineContainer("kol-button-group");
182
148
  const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0, [
183
149
  "_accessKey",
184
150
  "_ariaControls",
@@ -265,7 +231,7 @@ const KolImage = /* @__PURE__ */ defineContainer("kol-image", void 0, [
265
231
  "_src",
266
232
  "_srcset"
267
233
  ]);
268
- const KolIndentedText = /* @__PURE__ */ defineContainer("kol-indented-text", void 0);
234
+ const KolIndentedText = /* @__PURE__ */ defineContainer("kol-indented-text");
269
235
  const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", void 0, [
270
236
  "_accessKey",
271
237
  "_alert",
@@ -463,7 +429,6 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
463
429
  "_variant"
464
430
  ]);
465
431
  const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
466
- "_accessKey",
467
432
  "_alert",
468
433
  "_disabled",
469
434
  "_error",
@@ -478,7 +443,6 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
478
443
  "_options",
479
444
  "_orientation",
480
445
  "_required",
481
- "_shortKey",
482
446
  "_syncValueBySelector",
483
447
  "_tabIndex",
484
448
  "_tooltipAlign",
@@ -624,7 +588,6 @@ const KolPopoverButton = /* @__PURE__ */ defineContainer("kol-popover-button", v
624
588
  "_accessKey",
625
589
  "_ariaControls",
626
590
  "_ariaDescription",
627
- "_ariaExpanded",
628
591
  "_ariaSelected",
629
592
  "_customClass",
630
593
  "_disabled",
@@ -810,7 +773,7 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
810
773
  "_touched",
811
774
  "_value"
812
775
  ]);
813
- const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
776
+ const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
814
777
  const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
815
778
  "_label",
816
779
  "_items"
package/dist/index.d.cts ADDED
@@ -0,0 +1,68 @@
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 KolButtonGroup: vue.DefineSetupFnComponent<JSX.KolButtonGroup & InputProps<string | number | boolean>, {}, {}, JSX.KolButtonGroup & InputProps<string | number | boolean> & {}, vue.PublicProps>;
19
+ declare const KolButtonLink: vue.DefineSetupFnComponent<JSX.KolButtonLink & InputProps<string | number | boolean>, {}, {}, JSX.KolButtonLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
20
+ declare const KolCard: vue.DefineSetupFnComponent<JSX.KolCard & InputProps<string | number | boolean>, {}, {}, JSX.KolCard & 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 KolIndentedText: vue.DefineSetupFnComponent<JSX.KolIndentedText & InputProps<string | number | boolean>, {}, {}, JSX.KolIndentedText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
29
+ declare const KolInputCheckbox: vue.DefineSetupFnComponent<JSX.KolInputCheckbox & InputProps<string | number | boolean>, {}, {}, JSX.KolInputCheckbox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
30
+ declare const KolInputColor: vue.DefineSetupFnComponent<JSX.KolInputColor & InputProps<string | number | boolean>, {}, {}, JSX.KolInputColor & InputProps<string | number | boolean> & {}, vue.PublicProps>;
31
+ declare const KolInputDate: vue.DefineSetupFnComponent<JSX.KolInputDate & InputProps<string | number | boolean>, {}, {}, JSX.KolInputDate & InputProps<string | number | boolean> & {}, vue.PublicProps>;
32
+ declare const KolInputEmail: vue.DefineSetupFnComponent<JSX.KolInputEmail & InputProps<string | number | boolean>, {}, {}, JSX.KolInputEmail & InputProps<string | number | boolean> & {}, vue.PublicProps>;
33
+ declare const KolInputFile: vue.DefineSetupFnComponent<JSX.KolInputFile & InputProps<string | number | boolean>, {}, {}, JSX.KolInputFile & InputProps<string | number | boolean> & {}, vue.PublicProps>;
34
+ declare const KolInputNumber: vue.DefineSetupFnComponent<JSX.KolInputNumber & InputProps<string | number | boolean>, {}, {}, JSX.KolInputNumber & InputProps<string | number | boolean> & {}, vue.PublicProps>;
35
+ declare const KolInputPassword: vue.DefineSetupFnComponent<JSX.KolInputPassword & InputProps<string | number | boolean>, {}, {}, JSX.KolInputPassword & InputProps<string | number | boolean> & {}, vue.PublicProps>;
36
+ declare const KolInputRadio: vue.DefineSetupFnComponent<JSX.KolInputRadio & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRadio & InputProps<string | number | boolean> & {}, vue.PublicProps>;
37
+ declare const KolInputRange: vue.DefineSetupFnComponent<JSX.KolInputRange & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRange & InputProps<string | number | boolean> & {}, vue.PublicProps>;
38
+ declare const KolInputText: vue.DefineSetupFnComponent<JSX.KolInputText & InputProps<string | number | boolean>, {}, {}, JSX.KolInputText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
39
+ declare const KolKolibri: vue.DefineSetupFnComponent<JSX.KolKolibri & InputProps<string | number | boolean>, {}, {}, JSX.KolKolibri & InputProps<string | number | boolean> & {}, vue.PublicProps>;
40
+ declare const KolLink: vue.DefineSetupFnComponent<JSX.KolLink & InputProps<string | number | boolean>, {}, {}, JSX.KolLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
41
+ declare const KolLinkButton: vue.DefineSetupFnComponent<JSX.KolLinkButton & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
42
+ declare const KolLinkGroup: vue.DefineSetupFnComponent<JSX.KolLinkGroup & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkGroup & InputProps<string | number | boolean> & {}, vue.PublicProps>;
43
+ declare const KolLogo: vue.DefineSetupFnComponent<JSX.KolLogo & InputProps<string | number | boolean>, {}, {}, JSX.KolLogo & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
+ declare const KolModal: vue.DefineSetupFnComponent<JSX.KolModal & InputProps<string | number | boolean>, {}, {}, JSX.KolModal & InputProps<string | number | boolean> & {}, vue.PublicProps>;
45
+ declare const KolNav: vue.DefineSetupFnComponent<JSX.KolNav & InputProps<string | number | boolean>, {}, {}, JSX.KolNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
46
+ declare const KolPagination: vue.DefineSetupFnComponent<JSX.KolPagination & InputProps<string | number | boolean>, {}, {}, JSX.KolPagination & InputProps<string | number | boolean> & {}, vue.PublicProps>;
47
+ declare const KolPopoverButton: vue.DefineSetupFnComponent<JSX.KolPopoverButton & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
48
+ declare const KolProgress: vue.DefineSetupFnComponent<JSX.KolProgress & InputProps<string | number | boolean>, {}, {}, JSX.KolProgress & InputProps<string | number | boolean> & {}, vue.PublicProps>;
49
+ declare const KolQuote: vue.DefineSetupFnComponent<JSX.KolQuote & InputProps<string | number | boolean>, {}, {}, JSX.KolQuote & InputProps<string | number | boolean> & {}, vue.PublicProps>;
50
+ declare const KolSelect: vue.DefineSetupFnComponent<JSX.KolSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
51
+ declare const KolSingleSelect: vue.DefineSetupFnComponent<JSX.KolSingleSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSingleSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
52
+ declare const KolSkipNav: vue.DefineSetupFnComponent<JSX.KolSkipNav & InputProps<string | number | boolean>, {}, {}, JSX.KolSkipNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
53
+ declare const KolSpin: vue.DefineSetupFnComponent<JSX.KolSpin & InputProps<string | number | boolean>, {}, {}, JSX.KolSpin & InputProps<string | number | boolean> & {}, vue.PublicProps>;
54
+ declare const KolSplitButton: vue.DefineSetupFnComponent<JSX.KolSplitButton & InputProps<string | number | boolean>, {}, {}, JSX.KolSplitButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
55
+ declare const KolSymbol: vue.DefineSetupFnComponent<JSX.KolSymbol & InputProps<string | number | boolean>, {}, {}, JSX.KolSymbol & InputProps<string | number | boolean> & {}, vue.PublicProps>;
56
+ declare const KolTable: vue.DefineSetupFnComponent<JSX.KolTable & InputProps<string | number | boolean>, {}, {}, JSX.KolTable & InputProps<string | number | boolean> & {}, vue.PublicProps>;
57
+ declare const KolTableStateful: vue.DefineSetupFnComponent<JSX.KolTableStateful & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateful & InputProps<string | number | boolean> & {}, vue.PublicProps>;
58
+ declare const KolTableStateless: vue.DefineSetupFnComponent<JSX.KolTableStateless & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateless & InputProps<string | number | boolean> & {}, vue.PublicProps>;
59
+ declare const KolTabs: vue.DefineSetupFnComponent<JSX.KolTabs & InputProps<string | number | boolean>, {}, {}, JSX.KolTabs & InputProps<string | number | boolean> & {}, vue.PublicProps>;
60
+ declare const KolTextarea: vue.DefineSetupFnComponent<JSX.KolTextarea & InputProps<string | number | boolean>, {}, {}, JSX.KolTextarea & InputProps<string | number | boolean> & {}, vue.PublicProps>;
61
+ declare const KolToastContainer: vue.DefineSetupFnComponent<JSX.KolToastContainer & InputProps<string | number | boolean>, {}, {}, JSX.KolToastContainer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
62
+ declare const KolToolbar: vue.DefineSetupFnComponent<JSX.KolToolbar & InputProps<string | number | boolean>, {}, {}, JSX.KolToolbar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
63
+ declare const KolTree: vue.DefineSetupFnComponent<JSX.KolTree & InputProps<string | number | boolean>, {}, {}, JSX.KolTree & InputProps<string | number | boolean> & {}, vue.PublicProps>;
64
+ declare const KolTreeItem: vue.DefineSetupFnComponent<JSX.KolTreeItem & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItem & InputProps<string | number | boolean> & {}, vue.PublicProps>;
65
+ declare const KolTreeItemWc: vue.DefineSetupFnComponent<JSX.KolTreeItemWc & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItemWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
66
+ declare const KolVersion: vue.DefineSetupFnComponent<JSX.KolVersion & InputProps<string | number | boolean>, {}, {}, JSX.KolVersion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
67
+
68
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonGroup, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolIndentedText, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolLinkGroup, KolLogo, KolModal, KolNav, KolPagination, KolPopoverButton, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolSymbol, KolTable, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
package/dist/index.d.mts ADDED
@@ -0,0 +1,68 @@
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 KolButtonGroup: vue.DefineSetupFnComponent<JSX.KolButtonGroup & InputProps<string | number | boolean>, {}, {}, JSX.KolButtonGroup & InputProps<string | number | boolean> & {}, vue.PublicProps>;
19
+ declare const KolButtonLink: vue.DefineSetupFnComponent<JSX.KolButtonLink & InputProps<string | number | boolean>, {}, {}, JSX.KolButtonLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
20
+ declare const KolCard: vue.DefineSetupFnComponent<JSX.KolCard & InputProps<string | number | boolean>, {}, {}, JSX.KolCard & 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 KolIndentedText: vue.DefineSetupFnComponent<JSX.KolIndentedText & InputProps<string | number | boolean>, {}, {}, JSX.KolIndentedText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
29
+ declare const KolInputCheckbox: vue.DefineSetupFnComponent<JSX.KolInputCheckbox & InputProps<string | number | boolean>, {}, {}, JSX.KolInputCheckbox & InputProps<string | number | boolean> & {}, vue.PublicProps>;
30
+ declare const KolInputColor: vue.DefineSetupFnComponent<JSX.KolInputColor & InputProps<string | number | boolean>, {}, {}, JSX.KolInputColor & InputProps<string | number | boolean> & {}, vue.PublicProps>;
31
+ declare const KolInputDate: vue.DefineSetupFnComponent<JSX.KolInputDate & InputProps<string | number | boolean>, {}, {}, JSX.KolInputDate & InputProps<string | number | boolean> & {}, vue.PublicProps>;
32
+ declare const KolInputEmail: vue.DefineSetupFnComponent<JSX.KolInputEmail & InputProps<string | number | boolean>, {}, {}, JSX.KolInputEmail & InputProps<string | number | boolean> & {}, vue.PublicProps>;
33
+ declare const KolInputFile: vue.DefineSetupFnComponent<JSX.KolInputFile & InputProps<string | number | boolean>, {}, {}, JSX.KolInputFile & InputProps<string | number | boolean> & {}, vue.PublicProps>;
34
+ declare const KolInputNumber: vue.DefineSetupFnComponent<JSX.KolInputNumber & InputProps<string | number | boolean>, {}, {}, JSX.KolInputNumber & InputProps<string | number | boolean> & {}, vue.PublicProps>;
35
+ declare const KolInputPassword: vue.DefineSetupFnComponent<JSX.KolInputPassword & InputProps<string | number | boolean>, {}, {}, JSX.KolInputPassword & InputProps<string | number | boolean> & {}, vue.PublicProps>;
36
+ declare const KolInputRadio: vue.DefineSetupFnComponent<JSX.KolInputRadio & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRadio & InputProps<string | number | boolean> & {}, vue.PublicProps>;
37
+ declare const KolInputRange: vue.DefineSetupFnComponent<JSX.KolInputRange & InputProps<string | number | boolean>, {}, {}, JSX.KolInputRange & InputProps<string | number | boolean> & {}, vue.PublicProps>;
38
+ declare const KolInputText: vue.DefineSetupFnComponent<JSX.KolInputText & InputProps<string | number | boolean>, {}, {}, JSX.KolInputText & InputProps<string | number | boolean> & {}, vue.PublicProps>;
39
+ declare const KolKolibri: vue.DefineSetupFnComponent<JSX.KolKolibri & InputProps<string | number | boolean>, {}, {}, JSX.KolKolibri & InputProps<string | number | boolean> & {}, vue.PublicProps>;
40
+ declare const KolLink: vue.DefineSetupFnComponent<JSX.KolLink & InputProps<string | number | boolean>, {}, {}, JSX.KolLink & InputProps<string | number | boolean> & {}, vue.PublicProps>;
41
+ declare const KolLinkButton: vue.DefineSetupFnComponent<JSX.KolLinkButton & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
42
+ declare const KolLinkGroup: vue.DefineSetupFnComponent<JSX.KolLinkGroup & InputProps<string | number | boolean>, {}, {}, JSX.KolLinkGroup & InputProps<string | number | boolean> & {}, vue.PublicProps>;
43
+ declare const KolLogo: vue.DefineSetupFnComponent<JSX.KolLogo & InputProps<string | number | boolean>, {}, {}, JSX.KolLogo & InputProps<string | number | boolean> & {}, vue.PublicProps>;
44
+ declare const KolModal: vue.DefineSetupFnComponent<JSX.KolModal & InputProps<string | number | boolean>, {}, {}, JSX.KolModal & InputProps<string | number | boolean> & {}, vue.PublicProps>;
45
+ declare const KolNav: vue.DefineSetupFnComponent<JSX.KolNav & InputProps<string | number | boolean>, {}, {}, JSX.KolNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
46
+ declare const KolPagination: vue.DefineSetupFnComponent<JSX.KolPagination & InputProps<string | number | boolean>, {}, {}, JSX.KolPagination & InputProps<string | number | boolean> & {}, vue.PublicProps>;
47
+ declare const KolPopoverButton: vue.DefineSetupFnComponent<JSX.KolPopoverButton & InputProps<string | number | boolean>, {}, {}, JSX.KolPopoverButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
48
+ declare const KolProgress: vue.DefineSetupFnComponent<JSX.KolProgress & InputProps<string | number | boolean>, {}, {}, JSX.KolProgress & InputProps<string | number | boolean> & {}, vue.PublicProps>;
49
+ declare const KolQuote: vue.DefineSetupFnComponent<JSX.KolQuote & InputProps<string | number | boolean>, {}, {}, JSX.KolQuote & InputProps<string | number | boolean> & {}, vue.PublicProps>;
50
+ declare const KolSelect: vue.DefineSetupFnComponent<JSX.KolSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
51
+ declare const KolSingleSelect: vue.DefineSetupFnComponent<JSX.KolSingleSelect & InputProps<string | number | boolean>, {}, {}, JSX.KolSingleSelect & InputProps<string | number | boolean> & {}, vue.PublicProps>;
52
+ declare const KolSkipNav: vue.DefineSetupFnComponent<JSX.KolSkipNav & InputProps<string | number | boolean>, {}, {}, JSX.KolSkipNav & InputProps<string | number | boolean> & {}, vue.PublicProps>;
53
+ declare const KolSpin: vue.DefineSetupFnComponent<JSX.KolSpin & InputProps<string | number | boolean>, {}, {}, JSX.KolSpin & InputProps<string | number | boolean> & {}, vue.PublicProps>;
54
+ declare const KolSplitButton: vue.DefineSetupFnComponent<JSX.KolSplitButton & InputProps<string | number | boolean>, {}, {}, JSX.KolSplitButton & InputProps<string | number | boolean> & {}, vue.PublicProps>;
55
+ declare const KolSymbol: vue.DefineSetupFnComponent<JSX.KolSymbol & InputProps<string | number | boolean>, {}, {}, JSX.KolSymbol & InputProps<string | number | boolean> & {}, vue.PublicProps>;
56
+ declare const KolTable: vue.DefineSetupFnComponent<JSX.KolTable & InputProps<string | number | boolean>, {}, {}, JSX.KolTable & InputProps<string | number | boolean> & {}, vue.PublicProps>;
57
+ declare const KolTableStateful: vue.DefineSetupFnComponent<JSX.KolTableStateful & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateful & InputProps<string | number | boolean> & {}, vue.PublicProps>;
58
+ declare const KolTableStateless: vue.DefineSetupFnComponent<JSX.KolTableStateless & InputProps<string | number | boolean>, {}, {}, JSX.KolTableStateless & InputProps<string | number | boolean> & {}, vue.PublicProps>;
59
+ declare const KolTabs: vue.DefineSetupFnComponent<JSX.KolTabs & InputProps<string | number | boolean>, {}, {}, JSX.KolTabs & InputProps<string | number | boolean> & {}, vue.PublicProps>;
60
+ declare const KolTextarea: vue.DefineSetupFnComponent<JSX.KolTextarea & InputProps<string | number | boolean>, {}, {}, JSX.KolTextarea & InputProps<string | number | boolean> & {}, vue.PublicProps>;
61
+ declare const KolToastContainer: vue.DefineSetupFnComponent<JSX.KolToastContainer & InputProps<string | number | boolean>, {}, {}, JSX.KolToastContainer & InputProps<string | number | boolean> & {}, vue.PublicProps>;
62
+ declare const KolToolbar: vue.DefineSetupFnComponent<JSX.KolToolbar & InputProps<string | number | boolean>, {}, {}, JSX.KolToolbar & InputProps<string | number | boolean> & {}, vue.PublicProps>;
63
+ declare const KolTree: vue.DefineSetupFnComponent<JSX.KolTree & InputProps<string | number | boolean>, {}, {}, JSX.KolTree & InputProps<string | number | boolean> & {}, vue.PublicProps>;
64
+ declare const KolTreeItem: vue.DefineSetupFnComponent<JSX.KolTreeItem & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItem & InputProps<string | number | boolean> & {}, vue.PublicProps>;
65
+ declare const KolTreeItemWc: vue.DefineSetupFnComponent<JSX.KolTreeItemWc & InputProps<string | number | boolean>, {}, {}, JSX.KolTreeItemWc & InputProps<string | number | boolean> & {}, vue.PublicProps>;
66
+ declare const KolVersion: vue.DefineSetupFnComponent<JSX.KolVersion & InputProps<string | number | boolean>, {}, {}, JSX.KolVersion & InputProps<string | number | boolean> & {}, vue.PublicProps>;
67
+
68
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonGroup, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolIndentedText, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolLinkGroup, KolLogo, KolModal, KolNav, KolPagination, KolPopoverButton, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolSymbol, KolTable, 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
  };
@@ -176,7 +142,7 @@ const KolButton = /* @__PURE__ */ defineContainer("kol-button", void 0, [
176
142
  "_value",
177
143
  "_variant"
178
144
  ]);
179
- const KolButtonGroup = /* @__PURE__ */ defineContainer("kol-button-group", void 0);
145
+ const KolButtonGroup = /* @__PURE__ */ defineContainer("kol-button-group");
180
146
  const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0, [
181
147
  "_accessKey",
182
148
  "_ariaControls",
@@ -263,7 +229,7 @@ const KolImage = /* @__PURE__ */ defineContainer("kol-image", void 0, [
263
229
  "_src",
264
230
  "_srcset"
265
231
  ]);
266
- const KolIndentedText = /* @__PURE__ */ defineContainer("kol-indented-text", void 0);
232
+ const KolIndentedText = /* @__PURE__ */ defineContainer("kol-indented-text");
267
233
  const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", void 0, [
268
234
  "_accessKey",
269
235
  "_alert",
@@ -461,7 +427,6 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
461
427
  "_variant"
462
428
  ]);
463
429
  const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
464
- "_accessKey",
465
430
  "_alert",
466
431
  "_disabled",
467
432
  "_error",
@@ -476,7 +441,6 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
476
441
  "_options",
477
442
  "_orientation",
478
443
  "_required",
479
- "_shortKey",
480
444
  "_syncValueBySelector",
481
445
  "_tabIndex",
482
446
  "_tooltipAlign",
@@ -622,7 +586,6 @@ const KolPopoverButton = /* @__PURE__ */ defineContainer("kol-popover-button", v
622
586
  "_accessKey",
623
587
  "_ariaControls",
624
588
  "_ariaDescription",
625
- "_ariaExpanded",
626
589
  "_ariaSelected",
627
590
  "_customClass",
628
591
  "_disabled",
@@ -808,7 +771,7 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
808
771
  "_touched",
809
772
  "_value"
810
773
  ]);
811
- const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
774
+ const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
812
775
  const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
813
776
  "_label",
814
777
  "_items"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/vue",
3
- "version": "2.2.11",
3
+ "version": "2.2.12",
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.27.1",
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
52
  "typescript": "5.8.3",
53
- "unbuild": "1.2.1",
54
- "vue": "3.4.21",
55
- "@public-ui/components": "2.2.11"
53
+ "unbuild": "3.5.0",
54
+ "vue": "3.5.16",
55
+ "@public-ui/components": "2.2.12"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "vue": ">=3",
59
- "@public-ui/components": "2.2.11"
59
+ "@public-ui/components": "2.2.12"
60
60
  },
61
61
  "sideEffects": false,
62
62
  "type": "module",