@wikicasa-dev/components 2.2.8-alpha.32 → 2.2.8-alpha.33

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 (3) hide show
  1. package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +3 -2
  2. package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js +45 -44
  3. package/package.json +1 -1
package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts CHANGED
@@ -24,8 +24,9 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
24
24
  readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
25
25
  readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
26
26
  readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
27
+ readonly onInputClick?: ((args_0: MouseEvent) => any) | undefined;
27
28
  readonly "onUpdate:inputValue"?: ((args_0: string) => any) | undefined;
28
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue"> & ({
29
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onInputClick" | "onUpdate:inputValue"> & ({
29
30
  open?: boolean;
30
31
  modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
31
32
  } & ClearableAutocompleteProps<TID, TPayload>) & Partial<{}>> & import('vue').PublicProps;
@@ -43,7 +44,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
43
44
  idx: number;
44
45
  }): any;
45
46
  };
46
- emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "update:inputValue", args_0: string) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
47
+ emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => void) & ((evt: "update:inputValue", args_0: string) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
47
48
  }>) => import('vue').VNode & {
48
49
  __ctx?: Awaited<typeof __VLS_setup>;
49
50
  };
package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as K, mergeModels as B, useModel as M, useTemplateRef as m, shallowRef as d, onBeforeMount as L, watch as b, nextTick as W, createBlock as V, openBlock as y, withCtx as C, createElementBlock as I, Fragment as N, renderList as A, renderSlot as c, createElementVNode as u, normalizeClass as f, withDirectives as F, vModelText as H, toDisplayString as G, withModifiers as P, normalizeStyle as X, createTextVNode as j, vShow as q } from "vue";
1
+ import { defineComponent as K, mergeModels as B, useModel as M, useTemplateRef as m, shallowRef as p, onBeforeMount as L, watch as b, nextTick as W, createBlock as V, openBlock as C, withCtx as y, createElementBlock as I, Fragment as N, renderList as A, renderSlot as c, createElementVNode as u, normalizeClass as f, withDirectives as F, vModelText as H, toDisplayString as G, withModifiers as P, normalizeStyle as X, createTextVNode as j, vShow as q } from "vue";
2
2
  import J from "../BaseDropDown.vue.js";
3
3
  import '../../../../../assets/BaseDropDown.css';/* empty css */
4
4
  import Q from "../BaseSelect/SelectItem.vue.js";
@@ -23,38 +23,38 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
23
23
  modelValue: { default: null },
24
24
  modelModifiers: {}
25
25
  }),
26
- emits: /* @__PURE__ */ B(["click", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
27
- setup(l, { expose: $, emit: E }) {
28
- const r = M(l, "open"), a = M(l, "modelValue"), p = E, O = m("inputRef"), n = d(a.value?.label || ""), v = d(0), k = d(!1), w = d(null), i = d([]), h = m("dropdownRef"), g = m("hiddenSpan"), R = () => {
29
- n.value = "", a.value = null, p("update:inputValue", "");
26
+ emits: /* @__PURE__ */ B(["click", "inputClick", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
27
+ setup(n, { expose: $, emit: E }) {
28
+ const r = M(n, "open"), a = M(n, "modelValue"), s = E, O = m("inputRef"), o = p(a.value?.label || ""), v = p(0), k = p(!1), w = p(null), i = p([]), g = m("dropdownRef"), h = m("hiddenSpan"), R = () => {
29
+ o.value = "", a.value = null, s("update:inputValue", "");
30
30
  }, U = async (t) => {
31
- if (p("update:inputValue", t), !t) {
31
+ if (s("update:inputValue", t), !t) {
32
32
  i.value = [], r.value = !1;
33
33
  return;
34
34
  }
35
35
  i.value = await w.value?.(t) || [], k.value = !0, r.value = !!i.value.length;
36
36
  }, S = (t = -1) => {
37
37
  const e = i.value[t];
38
- !e || e.id === a.value?.id || (l.onOptionSelectedCb?.(e), n.value = e.label, r.value = !1, a.value = e, i.value = []);
38
+ !e || e.id === a.value?.id || (n.onOptionSelectedCb?.(e), o.value = e.label, r.value = !1, a.value = e, i.value = []);
39
39
  }, x = () => {
40
40
  O.value?.select();
41
41
  };
42
42
  return L(() => {
43
- w.value = Y({ delay: 300 }, l.onInputChangeCb);
43
+ w.value = Y({ delay: 300 }, n.onInputChangeCb);
44
44
  }), b(
45
- [n, () => g.value],
45
+ [o, () => h.value],
46
46
  ([t, e]) => {
47
47
  e && W(() => {
48
48
  if (!e) return;
49
- const o = e.offsetWidth;
50
- o !== v.value && (console.log("DEBUG:updating icon positioning", {
49
+ const l = e.offsetWidth;
50
+ l !== v.value && (console.log("DEBUG:updating icon positioning", {
51
51
  curInputValue: t
52
- }), v.value = o);
52
+ }), v.value = l);
53
53
  });
54
54
  },
55
55
  { immediate: !0 }
56
56
  ), b(
57
- () => h.value?.selectedIdx,
57
+ () => g.value?.selectedIdx,
58
58
  (t) => {
59
59
  const e = t ?? -1;
60
60
  e !== -1 && S(e);
@@ -62,71 +62,72 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
62
62
  ), b(
63
63
  a,
64
64
  (t, e) => {
65
- t === e || t?.label === n.value || (n.value = t?.label || "");
65
+ t === e || t?.label === o.value || (o.value = t?.label || "");
66
66
  },
67
67
  { immediate: !0 }
68
68
  ), $({
69
69
  select: x,
70
- getRootElement: () => h.value?.getRootElement()
71
- }), (t, e) => (y(), V(J, {
70
+ getRootElement: () => g.value?.getRootElement()
71
+ }), (t, e) => (C(), V(J, {
72
72
  ref: "dropdownRef",
73
73
  class: "uikit-clearable-autocomplete",
74
- "data-cy": l.dataCy,
74
+ "data-cy": n.dataCy,
75
75
  "dropdown-element": "ul",
76
- "dropdown-classes": ["uikit-z-30", l.dropdownClasses],
76
+ "dropdown-classes": ["uikit-z-30", n.dropdownClasses],
77
77
  "open-dropdown": r.value,
78
- "keep-state": !i.value.length || l.keepState === "closed" ? "closed" : "opened",
79
- "activate-keyboard-controller": l.enableKeyboardController,
78
+ "keep-state": !i.value.length || n.keepState === "closed" ? "closed" : "opened",
79
+ "activate-keyboard-controller": n.enableKeyboardController,
80
80
  "reset-keyboard-controller": k.value,
81
- "onUpdate:resetKeyboardController": e[3] || (e[3] = (o) => k.value = o),
82
- "onUpdate:dropdownState": e[4] || (e[4] = (o) => r.value = o)
81
+ "onUpdate:resetKeyboardController": e[4] || (e[4] = (l) => k.value = l),
82
+ "onUpdate:dropdownState": e[5] || (e[5] = (l) => r.value = l)
83
83
  }, {
84
- btn_slot: C(() => [
84
+ btn_slot: y(() => [
85
85
  u("div", {
86
- class: f(["uikit-text-16", l.triggerWrapperClasses]),
87
- onClick: e[2] || (e[2] = (o) => p("click", o))
86
+ class: f(["uikit-text-16", n.triggerWrapperClasses]),
87
+ onClick: e[3] || (e[3] = (l) => s("click", l))
88
88
  }, [
89
89
  c(t.$slots, "left-icon"),
90
90
  u("div", {
91
- class: f(["uikit-relative", l.inputWrapperClasses])
91
+ class: f(["uikit-relative", n.inputWrapperClasses])
92
92
  }, [
93
93
  F(u("input", {
94
94
  ref: "inputRef",
95
95
  "onUpdate:modelValue": [
96
- e[0] || (e[0] = (o) => n.value = o),
96
+ e[0] || (e[0] = (l) => o.value = l),
97
97
  U
98
98
  ],
99
99
  readonly: !!a.value?.label,
100
- class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", l.inputClasses]),
100
+ class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", n.inputClasses]),
101
101
  style: {
102
102
  font: "inherit",
103
103
  fontSize: "inherit"
104
104
  },
105
- placeholder: l.placeholder,
106
- onKeydown: e[1] || (e[1] = (o) => p("keydown", o))
105
+ placeholder: n.placeholder,
106
+ onKeydown: e[1] || (e[1] = (l) => s("keydown", l)),
107
+ onClick: e[2] || (e[2] = (l) => s("inputClick", l))
107
108
  }, null, 42, Z), [
108
- [H, n.value]
109
+ [H, o.value]
109
110
  ]),
110
111
  u("span", {
111
112
  ref_key: "hiddenSpan",
112
- ref: g,
113
+ ref: h,
113
114
  class: "uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre",
114
115
  style: {
115
116
  font: "inherit",
116
117
  fontSize: "inherit"
117
118
  }
118
- }, G(n.value), 513),
119
+ }, G(o.value), 513),
119
120
  F(u("button", {
120
121
  type: "button",
121
- class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", l.clearButton?.classes]),
122
+ class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", n.clearButton?.classes]),
122
123
  "aria-label": "Clear input",
123
124
  style: X({
124
- left: `${v.value + (l.clearButton?.offset || 10)}px`
125
+ left: `${v.value + (n.clearButton?.offset || 10)}px`
125
126
  }),
126
127
  onClick: P(R, ["stop"])
127
128
  }, [
128
129
  c(t.$slots, "clear-icon", {}, () => [
129
- e[5] || (e[5] = j("X", -1))
130
+ e[6] || (e[6] = j("X", -1))
130
131
  ])
131
132
  ], 6), [
132
133
  [q, a.value?.label]
@@ -135,18 +136,18 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
135
136
  c(t.$slots, "right-icon")
136
137
  ], 2)
137
138
  ]),
138
- default: C(({ activeIdx: o, setActiveIdx: z }) => [
139
- (y(!0), I(N, null, A(i.value, (T, s) => (y(), V(Q, {
140
- key: s,
141
- active: o === s,
139
+ default: y(({ activeIdx: l, setActiveIdx: z }) => [
140
+ (C(!0), I(N, null, A(i.value, (T, d) => (C(), V(Q, {
141
+ key: d,
142
+ active: l === d,
142
143
  class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
143
- onClick: (D) => S(s),
144
- onMouseover: (D) => z(s)
144
+ onClick: (D) => S(d),
145
+ onMouseover: (D) => z(d)
145
146
  }, {
146
- default: C(() => [
147
+ default: y(() => [
147
148
  c(t.$slots, "option-content", {
148
149
  option: T,
149
- idx: s
150
+ idx: d
150
151
  }, () => [
151
152
  u("span", {
152
153
  innerHTML: T.label
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.2.8-alpha.32",
3
+ "version": "2.2.8-alpha.33",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",