@ptlm-azulejo/datepicker 0.1.2 → 0.1.3-alpha.208
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.
- package/CHANGELOG.md +77 -0
- package/dist/index.js +118 -62
- package/dist/index.umd.cjs +1 -1
- package/dist/src/index.stories.d.ts +1 -2
- package/dist/src/index.stories.d.ts.map +1 -1
- package/dist/src/index.vue.d.ts +11 -85
- package/dist/src/index.vue.d.ts.map +1 -1
- package/dist/style.css +3 -1
- package/package.json +5 -8
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
# Change Log
|
|
2
|
+
|
|
3
|
+
## 0.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 06a62d2: Keep publishing the stylesheet as `./style.css`. Vite 6 stopped hardcoding that name in library mode and started deriving it from the entry name, which would have moved the file to `index.css` and broken the documented import path. The entry points and type definitions are unchanged.
|
|
8
|
+
- 19ed560: Rebuild on Vite 8, which bundles with Rolldown and minifies CSS with Lightning CSS. The ESM, CJS and type entry points are unchanged, and `vue` stays external in both the ESM build and the UMD global. The published CSS is equivalent but slightly larger, because Lightning CSS expands shorthands to match the configured build target.
|
|
9
|
+
|
|
10
|
+
## 0.1.2
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- fbbee70: Formatting-only release. The repository adopted Prettier as its single
|
|
15
|
+
formatting authority, and every shipped file was reformatted in one pass: the
|
|
16
|
+
theme and font stylesheets (published verbatim, so their bytes change), each
|
|
17
|
+
package's README, and the component sources behind `dist/`.
|
|
18
|
+
|
|
19
|
+
No public API, prop, slot, event, CSS variable, class name or rendered output
|
|
20
|
+
changed. Upgrading requires nothing, and skipping this version costs nothing.
|
|
21
|
+
|
|
22
|
+
One internal cleanup rides along in `AzSegmentedControl`: a dead `null`
|
|
23
|
+
initializer and the unreachable branch guarding it were removed from the
|
|
24
|
+
keyboard handler. Arrow / Home / End navigation behaves exactly as before.
|
|
25
|
+
|
|
26
|
+
## 0.1.1
|
|
27
|
+
|
|
28
|
+
### Patch Changes
|
|
29
|
+
|
|
30
|
+
- e5341cd: Documentation. Every package README now spells out both brands end to end instead
|
|
31
|
+
of showing one snippet with an "or" comment: which preset stylesheet to import,
|
|
32
|
+
which `.preset-*` class goes on `<html>` to select the theme at runtime,
|
|
33
|
+
`data-theme` for light/dark, and which font package the project needs (Leroy
|
|
34
|
+
Merlin → `@ptlm-azulejo/fonts-leroy-merlin`, Adeo → `@ptlm-azulejo/fonts-adeo`).
|
|
35
|
+
|
|
36
|
+
No component behaviour, prop or token changed. The patch bump exists because npm
|
|
37
|
+
ships `README.md` inside the tarball and renders it as the package page, so the
|
|
38
|
+
corrected instructions only reach consumers on a release.
|
|
39
|
+
|
|
40
|
+
## 0.1.0
|
|
41
|
+
|
|
42
|
+
### Minor Changes
|
|
43
|
+
|
|
44
|
+
- eb0b0f8: Make components follow the brand typeface, add the medium (500) font weight, and
|
|
45
|
+
expose stable `data-testid` hooks.
|
|
46
|
+
|
|
47
|
+
- Each preset now names its brand's typeface in `--font-family`
|
|
48
|
+
(`presets/leroy-merlin.css` → LeroyMerlin, `presets/adeo.css` → Roboto), with
|
|
49
|
+
`Arial, sans-serif` as the fallback stack.
|
|
50
|
+
- Components apply that typeface on their root, so they follow the active brand
|
|
51
|
+
instead of inheriting the host page's font. Opt out per component by setting
|
|
52
|
+
`--font-family: inherit` on it.
|
|
53
|
+
- `base.css` adds `--font-weight-medium: 500`, alongside the existing regular
|
|
54
|
+
(400), semi-bold (600) and bold (700) weights.
|
|
55
|
+
- Every component now exposes `data-testid` on its root and on meaningful
|
|
56
|
+
sub-parts (`button` / `button-spinner`, `loader` / `loader-text`,
|
|
57
|
+
`datepicker` / `datepicker-clear`, `segmented-control` /
|
|
58
|
+
`segmented-control-segment`), so tests can target them without depending on
|
|
59
|
+
CSS class names.
|
|
60
|
+
|
|
61
|
+
As with upstream Mozaic, the presets **name** the typeface but ship no
|
|
62
|
+
`@font-face` and no font binaries — loading the files stays the app's job, so you
|
|
63
|
+
keep control of hosting, subsetting and preload. Until you load them the fallback
|
|
64
|
+
stack renders and nothing breaks. Install the font package matching your brand
|
|
65
|
+
alongside the preset:
|
|
66
|
+
|
|
67
|
+
```bash
|
|
68
|
+
# Leroy Merlin
|
|
69
|
+
yarn add @ptlm-azulejo/themes @ptlm-azulejo/fonts-leroy-merlin
|
|
70
|
+
# Adeo
|
|
71
|
+
yarn add @ptlm-azulejo/themes @ptlm-azulejo/fonts-adeo
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
See the Fonts section of `packages/themes/README.md` for the full recipe.
|
|
75
|
+
|
|
76
|
+
All notable changes to this project will be documented in this file.
|
|
77
|
+
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,74 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { computed as p, createCommentVNode as k, createElementBlock as b, createElementVNode as s, defineComponent as x, mergeProps as O, normalizeClass as h, openBlock as m, toDisplayString as z } from "vue";
|
|
2
2
|
import "@ptlm-azulejo/icons/style.css";
|
|
3
|
-
|
|
3
|
+
function d(t) {
|
|
4
|
+
"@babel/helpers - typeof";
|
|
5
|
+
return d = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(a) {
|
|
6
|
+
return typeof a;
|
|
7
|
+
} : function(a) {
|
|
8
|
+
return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
|
|
9
|
+
}, d(t);
|
|
10
|
+
}
|
|
11
|
+
function j(t, a) {
|
|
12
|
+
if (d(t) != "object" || !t)
|
|
13
|
+
return t;
|
|
14
|
+
var e = t[Symbol.toPrimitive];
|
|
15
|
+
if (e !== void 0) {
|
|
16
|
+
var n = e.call(t, a || "default");
|
|
17
|
+
if (d(n) != "object")
|
|
18
|
+
return n;
|
|
19
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
20
|
+
}
|
|
21
|
+
return (a === "string" ? String : Number)(t);
|
|
22
|
+
}
|
|
23
|
+
function P(t) {
|
|
24
|
+
var a = j(t, "string");
|
|
25
|
+
return d(a) == "symbol" ? a : a + "";
|
|
26
|
+
}
|
|
27
|
+
function w(t, a, e) {
|
|
28
|
+
return (a = P(a)) in t ? Object.defineProperty(t, a, {
|
|
29
|
+
value: e,
|
|
30
|
+
enumerable: !0,
|
|
31
|
+
configurable: !0,
|
|
32
|
+
writable: !0
|
|
33
|
+
}) : t[a] = e, t;
|
|
34
|
+
}
|
|
35
|
+
function f(t, a) {
|
|
36
|
+
var e = Object.keys(t);
|
|
37
|
+
if (Object.getOwnPropertySymbols) {
|
|
38
|
+
var n = Object.getOwnPropertySymbols(t);
|
|
39
|
+
a && (n = n.filter(function(l) {
|
|
40
|
+
return Object.getOwnPropertyDescriptor(t, l).enumerable;
|
|
41
|
+
})), e.push.apply(e, n);
|
|
42
|
+
}
|
|
43
|
+
return e;
|
|
44
|
+
}
|
|
45
|
+
function v(t) {
|
|
46
|
+
for (var a = 1; a < arguments.length; a++) {
|
|
47
|
+
var e = arguments[a] != null ? arguments[a] : {};
|
|
48
|
+
a % 2 ? f(Object(e), !0).forEach(function(n) {
|
|
49
|
+
w(t, n, e[n]);
|
|
50
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(e)) : f(Object(e)).forEach(function(n) {
|
|
51
|
+
Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(e, n));
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
return t;
|
|
55
|
+
}
|
|
56
|
+
var S = [
|
|
57
|
+
"id",
|
|
58
|
+
"value",
|
|
59
|
+
"name",
|
|
60
|
+
"disabled",
|
|
61
|
+
"aria-invalid",
|
|
62
|
+
"readonly",
|
|
63
|
+
"min",
|
|
64
|
+
"max"
|
|
65
|
+
], V = {
|
|
4
66
|
key: 0,
|
|
5
67
|
class: "absolute right-11 top-3 az-datepicker__controls-options"
|
|
6
|
-
},
|
|
68
|
+
}, B = {
|
|
7
69
|
"data-testid": "datepicker-clear-label",
|
|
8
70
|
class: "sr-only"
|
|
9
|
-
},
|
|
10
|
-
inheritAttrs: !1,
|
|
71
|
+
}, E = /* @__PURE__ */ x(v(v({}, { inheritAttrs: !1 }), {}, {
|
|
11
72
|
__name: "index",
|
|
12
73
|
props: {
|
|
13
74
|
id: {},
|
|
@@ -25,81 +86,76 @@ const h = ["id", "value", "name", "disabled", "aria-invalid", "readonly", "min",
|
|
|
25
86
|
disabledDates: {}
|
|
26
87
|
},
|
|
27
88
|
emits: ["update:modelValue"],
|
|
28
|
-
setup(
|
|
29
|
-
const e =
|
|
89
|
+
setup(t, { emit: a }) {
|
|
90
|
+
const e = t, n = p(() => ({
|
|
30
91
|
[`az-text-input--${e.size} az-datepicker--${e.size}`]: e.size && e.size != "m",
|
|
31
92
|
"is-invalid": e.isInvalid
|
|
32
|
-
})),
|
|
33
|
-
var
|
|
34
|
-
const
|
|
35
|
-
return e.minDate &&
|
|
36
|
-
}),
|
|
37
|
-
var
|
|
38
|
-
const
|
|
39
|
-
return e.maxDate &&
|
|
40
|
-
}),
|
|
41
|
-
var
|
|
42
|
-
return
|
|
43
|
-
},
|
|
44
|
-
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
d("update:modelValue", "");
|
|
93
|
+
})), l = p(() => {
|
|
94
|
+
var i;
|
|
95
|
+
const r = !((i = e.enabledDates) === null || i === void 0) && i.length ? [...e.enabledDates].sort()[0] : void 0;
|
|
96
|
+
return e.minDate && r ? e.minDate > r ? e.minDate : r : r != null ? r : e.minDate;
|
|
97
|
+
}), y = p(() => {
|
|
98
|
+
var i;
|
|
99
|
+
const r = !((i = e.enabledDates) === null || i === void 0) && i.length ? [...e.enabledDates].sort().pop() : void 0;
|
|
100
|
+
return e.maxDate && r ? e.maxDate < r ? e.maxDate : r : r != null ? r : e.maxDate;
|
|
101
|
+
}), g = (i) => {
|
|
102
|
+
var r, o;
|
|
103
|
+
return i ? !((r = e.enabledDates) === null || r === void 0) && r.length ? !e.enabledDates.includes(i) : !((o = e.disabledDates) === null || o === void 0) && o.length ? e.disabledDates.includes(i) : !1 : !1;
|
|
104
|
+
}, D = () => {
|
|
105
|
+
u("update:modelValue", "");
|
|
106
|
+
}, _ = (i) => {
|
|
107
|
+
const r = i.target, o = r.value;
|
|
108
|
+
if (!o) {
|
|
109
|
+
u("update:modelValue", "");
|
|
50
110
|
return;
|
|
51
111
|
}
|
|
52
|
-
if (
|
|
53
|
-
|
|
112
|
+
if (g(o)) {
|
|
113
|
+
var c;
|
|
114
|
+
r.value = String((c = e.modelValue) !== null && c !== void 0 ? c : "");
|
|
54
115
|
return;
|
|
55
116
|
}
|
|
56
|
-
|
|
57
|
-
},
|
|
58
|
-
return (
|
|
117
|
+
u("update:modelValue", o);
|
|
118
|
+
}, u = a;
|
|
119
|
+
return (i, r) => (m(), b("div", {
|
|
59
120
|
"data-testid": "datepicker",
|
|
60
|
-
class:
|
|
121
|
+
class: h(["relative flex items-center gap-2 w-full h-12 bg-surface text-fg rounded border border-[var(--forms-color-border-default)] transition-all duration-200 az-text-input az-datepicker", n.value])
|
|
61
122
|
}, [
|
|
62
|
-
|
|
63
|
-
id:
|
|
123
|
+
s("input", O({
|
|
124
|
+
id: t.id,
|
|
64
125
|
"data-testid": "datepicker-input",
|
|
65
126
|
class: "bg-transparent border-0 outline-none grow text-base font-normal text-fg az-text-input__control az-datepicker__control",
|
|
66
127
|
value: e.modelValue,
|
|
67
128
|
type: "date",
|
|
68
|
-
name:
|
|
69
|
-
disabled:
|
|
70
|
-
"aria-invalid":
|
|
71
|
-
readonly:
|
|
72
|
-
min:
|
|
73
|
-
max:
|
|
74
|
-
},
|
|
75
|
-
|
|
129
|
+
name: t.name,
|
|
130
|
+
disabled: t.disabled,
|
|
131
|
+
"aria-invalid": t.isInvalid,
|
|
132
|
+
readonly: t.readonly,
|
|
133
|
+
min: l.value,
|
|
134
|
+
max: y.value
|
|
135
|
+
}, i.$attrs, { onInput: _ }), null, 16, S),
|
|
136
|
+
r[1] || (r[1] = s("span", {
|
|
76
137
|
"data-testid": "datepicker-icon",
|
|
77
138
|
class: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 block w-4 h-4 az-datepicker__icon",
|
|
78
139
|
"aria-hidden": "true"
|
|
79
140
|
}, null, -1)),
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
"aria-hidden": "true"
|
|
91
|
-
}, null, -1)),
|
|
92
|
-
i("span", _, z(n.clearLabel), 1)
|
|
93
|
-
])
|
|
94
|
-
])) : y("", !0)
|
|
141
|
+
t.isClearable && e.modelValue ? (m(), b("div", V, [s("button", {
|
|
142
|
+
type: "button",
|
|
143
|
+
"data-testid": "datepicker-clear",
|
|
144
|
+
class: "flex items-center justify-center bg-transparent border-0 p-0 cursor-pointer",
|
|
145
|
+
onClick: D
|
|
146
|
+
}, [r[0] || (r[0] = s("i", {
|
|
147
|
+
"data-testid": "datepicker-clear-icon",
|
|
148
|
+
class: "az az-ui-cross-circle-filled az-controls-options__icon",
|
|
149
|
+
"aria-hidden": "true"
|
|
150
|
+
}, null, -1)), s("span", B, z(t.clearLabel), 1)])])) : k("", !0)
|
|
95
151
|
], 2));
|
|
96
152
|
}
|
|
97
|
-
}), C = (
|
|
98
|
-
const e =
|
|
99
|
-
for (const [
|
|
100
|
-
e[
|
|
153
|
+
})), C = (t, a) => {
|
|
154
|
+
const e = t.__vccOpts || t;
|
|
155
|
+
for (const [n, l] of a)
|
|
156
|
+
e[n] = l;
|
|
101
157
|
return e;
|
|
102
|
-
},
|
|
158
|
+
}, N = /* @__PURE__ */ C(E, [["__scopeId", "data-v-a16d36be"]]);
|
|
103
159
|
export {
|
|
104
|
-
|
|
160
|
+
N as AzDatepicker
|
|
105
161
|
};
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(l,
|
|
1
|
+
(function(l,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("vue"),require("@ptlm-azulejo/icons/style.css")):typeof define=="function"&&define.amd?define(["exports","vue","@ptlm-azulejo/icons/style.css"],r):(l=typeof globalThis!="undefined"?globalThis:l||self,r(l.datepicker={},l.Vue,l.icons))})(this,function(l,r,V){Object.defineProperty(l,Symbol.toStringTag,{value:"Module"});function d(t){"@babel/helpers - typeof";return d=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(a){return typeof a}:function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},d(t)}function b(t,a){if(d(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var o=e.call(t,a||"default");if(d(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(t)}function y(t){var a=b(t,"string");return d(a)=="symbol"?a:a+""}function v(t,a,e){return(a=y(a))in t?Object.defineProperty(t,a,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[a]=e,t}function m(t,a){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);a&&(o=o.filter(function(c){return Object.getOwnPropertyDescriptor(t,c).enumerable})),e.push.apply(e,o)}return e}function f(t){for(var a=1;a<arguments.length;a++){var e=arguments[a]!=null?arguments[a]:{};a%2?m(Object(e),!0).forEach(function(o){v(t,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})}return t}var g=["id","value","name","disabled","aria-invalid","readonly","min","max"],D={key:0,class:"absolute right-11 top-3 az-datepicker__controls-options"},_={"data-testid":"datepicker-clear-label",class:"sr-only"},k=(0,r.defineComponent)(f(f({},{inheritAttrs:!1}),{},{__name:"index",props:{id:{},name:{},modelValue:{},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},readonly:{type:Boolean},isClearable:{type:Boolean},clearLabel:{default:"clear content"},minDate:{},maxDate:{},enabledDates:{},disabledDates:{}},emits:["update:modelValue"],setup(t,{emit:a}){const e=t,o=(0,r.computed)(()=>({[`az-text-input--${e.size} az-datepicker--${e.size}`]:e.size&&e.size!="m","is-invalid":e.isInvalid})),c=(0,r.computed)(()=>{var i;const n=!((i=e.enabledDates)===null||i===void 0)&&i.length?[...e.enabledDates].sort()[0]:void 0;return e.minDate&&n?e.minDate>n?e.minDate:n:n!=null?n:e.minDate}),x=(0,r.computed)(()=>{var i;const n=!((i=e.enabledDates)===null||i===void 0)&&i.length?[...e.enabledDates].sort().pop():void 0;return e.maxDate&&n?e.maxDate<n?e.maxDate:n:n!=null?n:e.maxDate}),z=i=>{var n,s;return i?!((n=e.enabledDates)===null||n===void 0)&&n.length?!e.enabledDates.includes(i):!((s=e.disabledDates)===null||s===void 0)&&s.length?e.disabledDates.includes(i):!1:!1},O=()=>{u("update:modelValue","")},P=i=>{const n=i.target,s=n.value;if(!s){u("update:modelValue","");return}if(z(s)){var p;n.value=String((p=e.modelValue)!==null&&p!==void 0?p:"");return}u("update:modelValue",s)},u=a;return(i,n)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{"data-testid":"datepicker",class:(0,r.normalizeClass)(["relative flex items-center gap-2 w-full h-12 bg-surface text-fg rounded border border-[var(--forms-color-border-default)] transition-all duration-200 az-text-input az-datepicker",o.value])},[(0,r.createElementVNode)("input",(0,r.mergeProps)({id:t.id,"data-testid":"datepicker-input",class:"bg-transparent border-0 outline-none grow text-base font-normal text-fg az-text-input__control az-datepicker__control",value:e.modelValue,type:"date",name:t.name,disabled:t.disabled,"aria-invalid":t.isInvalid,readonly:t.readonly,min:c.value,max:x.value},i.$attrs,{onInput:P}),null,16,g),n[1]||(n[1]=(0,r.createElementVNode)("span",{"data-testid":"datepicker-icon",class:"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 block w-4 h-4 az-datepicker__icon","aria-hidden":"true"},null,-1)),t.isClearable&&e.modelValue?((0,r.openBlock)(),(0,r.createElementBlock)("div",D,[(0,r.createElementVNode)("button",{type:"button","data-testid":"datepicker-clear",class:"flex items-center justify-center bg-transparent border-0 p-0 cursor-pointer",onClick:O},[n[0]||(n[0]=(0,r.createElementVNode)("i",{"data-testid":"datepicker-clear-icon",class:"az az-ui-cross-circle-filled az-controls-options__icon","aria-hidden":"true"},null,-1)),(0,r.createElementVNode)("span",_,(0,r.toDisplayString)(t.clearLabel),1)])])):(0,r.createCommentVNode)("",!0)],2))}})),h=(t,a)=>{const e=t.__vccOpts||t;for(const[o,c]of a)e[o]=c;return e},j=h(k,[["__scopeId","data-v-a16d36be"]]);l.AzDatepicker=j});
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
2
|
import { default as Datepicker } from './index.vue';
|
|
3
|
-
|
|
4
3
|
declare const meta: Meta<typeof Datepicker>;
|
|
5
4
|
export default meta;
|
|
6
5
|
type Story = StoryObj<typeof meta>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,UAAU,MAAM,aAAa,CAAA;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAuLjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAA"}
|
package/dist/src/index.vue.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* A date picker is an input component that allows users to select a date from a calendar interface or manually enter a date value. It enhances usability by providing structured date selection, reducing input errors, and ensuring format consistency. Date Pickers are commonly used in forms, booking systems, scheduling tools, and data filtering interfaces to facilitate accurate date entry.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#input).
|
|
3
|
+
*/
|
|
4
|
+
type __VLS_Props = {
|
|
3
5
|
/**
|
|
4
6
|
* A unique identifier for the datepicker element, used to associate the label with the form element.
|
|
5
7
|
*/
|
|
@@ -23,7 +25,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
23
25
|
/**
|
|
24
26
|
* Determines the size of the datepicker.
|
|
25
27
|
*/
|
|
26
|
-
size?:
|
|
28
|
+
size?: 's' | 'm';
|
|
27
29
|
/**
|
|
28
30
|
* If `true`, the datepicker is read-only (cannot be edited).
|
|
29
31
|
*/
|
|
@@ -54,91 +56,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
54
56
|
* the min/max range remain enabled. Format: ["YYYY-MM-DD", ...]
|
|
55
57
|
*/
|
|
56
58
|
disabledDates?: string[];
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
"update:modelValue": (value: string | number) => void;
|
|
62
|
-
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
63
|
-
/**
|
|
64
|
-
* A unique identifier for the datepicker element, used to associate the label with the form element.
|
|
65
|
-
*/
|
|
66
|
-
id: string;
|
|
67
|
-
/**
|
|
68
|
-
* The name attribute for the datepicker element, typically used for form submission.
|
|
69
|
-
*/
|
|
70
|
-
name?: string;
|
|
71
|
-
/**
|
|
72
|
-
* The current value of the datepicker field.
|
|
73
|
-
*/
|
|
74
|
-
modelValue?: string | number;
|
|
75
|
-
/**
|
|
76
|
-
* If `true`, applies an invalid state to the datepicker.
|
|
77
|
-
*/
|
|
78
|
-
isInvalid?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* If `true`, disables the datepicker, making it non-interactive.
|
|
81
|
-
*/
|
|
82
|
-
disabled?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Determines the size of the datepicker.
|
|
85
|
-
*/
|
|
86
|
-
size?: "s" | "m";
|
|
87
|
-
/**
|
|
88
|
-
* If `true`, the datepicker is read-only (cannot be edited).
|
|
89
|
-
*/
|
|
90
|
-
readonly?: boolean;
|
|
91
|
-
/**
|
|
92
|
-
* If `true`, a clear button will appear when the datepicker has a value.
|
|
93
|
-
*/
|
|
94
|
-
isClearable?: boolean;
|
|
95
|
-
/**
|
|
96
|
-
* The label text for the clear button.
|
|
97
|
-
*/
|
|
98
|
-
clearLabel?: string;
|
|
99
|
-
/**
|
|
100
|
-
* The minimum selectable date (format: YYYY-MM-DD).
|
|
101
|
-
*/
|
|
102
|
-
minDate?: string;
|
|
103
|
-
/**
|
|
104
|
-
* The maximum selectable date (format: YYYY-MM-DD).
|
|
105
|
-
*/
|
|
106
|
-
maxDate?: string;
|
|
107
|
-
/**
|
|
108
|
-
* Array of specific dates that should be enabled. All other dates will be disabled.
|
|
109
|
-
* Takes priority over disabled-dates. Format: ["YYYY-MM-DD", ...]
|
|
110
|
-
*/
|
|
111
|
-
enabledDates?: string[];
|
|
112
|
-
/**
|
|
113
|
-
* Array of specific dates that should be disabled. All other dates within
|
|
114
|
-
* the min/max range remain enabled. Format: ["YYYY-MM-DD", ...]
|
|
115
|
-
*/
|
|
116
|
-
disabledDates?: string[];
|
|
117
|
-
}>, {
|
|
118
|
-
size: string;
|
|
119
|
-
clearLabel: string;
|
|
120
|
-
}>>> & Readonly<{
|
|
59
|
+
};
|
|
60
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
61
|
+
"update:modelValue": (value: string | number) => any;
|
|
62
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
121
63
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
122
64
|
}>, {
|
|
123
65
|
size: "s" | "m";
|
|
124
66
|
clearLabel: string;
|
|
125
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions,
|
|
67
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
68
|
+
declare const _default: typeof __VLS_export;
|
|
126
69
|
export default _default;
|
|
127
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
128
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
129
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
130
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
131
|
-
} : {
|
|
132
|
-
type: import('vue').PropType<T[K]>;
|
|
133
|
-
required: true;
|
|
134
|
-
};
|
|
135
|
-
};
|
|
136
|
-
type __VLS_WithDefaults<P, D> = {
|
|
137
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
138
|
-
default: D[K];
|
|
139
|
-
}> : P[K];
|
|
140
|
-
};
|
|
141
|
-
type __VLS_Prettify<T> = {
|
|
142
|
-
[K in keyof T]: T[K];
|
|
143
|
-
} & {};
|
|
144
70
|
//# sourceMappingURL=index.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"AAwSA,OAAO,+BAA+B,CAAA;AACtC;;GAEG;AACH,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CACzB,CAAC;AA6NJ,QAAA,MAAM,YAAY;;;;;UA5PP,GAAG,GAAG,GAAG;gBAYH,MAAM;6EAoPrB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.az-text-input[data-v-a16d36be],.az-text-input__control[data-v-a16d36be]{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.az-text-input[data-v-a16d36be]:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid,#fff), 0 0 0 .25rem var(--focus-color-outer,#000);outline-offset:.125rem;outline:.125rem solid transparent}.az-text-input[data-v-a16d36be]:hover:not(:focus-within){border-color:var(--forms-color-border-hover,#4d4d4d);box-shadow:0 0 0 .0625rem var(--forms-color-border-hover,#4d4d4d)}.az-text-input[data-v-a16d36be]:has(input:disabled){background-color:var(--color-background-disabled);cursor:not-allowed;box-shadow:none;color:var(--color-text-disabled);pointer-events:none;border-color:transparent}.az-text-input[data-v-a16d36be]:has(input[readonly]){border-color:var(--color-border-readonly,#ccc);pointer-events:none}.az-text-input.is-invalid[data-v-a16d36be]{border-color:var(--color-status-standalone-error,#ea302d);box-shadow:0 0 0 .0625rem var(--color-status-standalone-error,#ea302d)}.az-text-input.is-invalid[data-v-a16d36be]:hover:not(:focus-within){border-color:var(--color-status-standalone-error-hover,#c61112);box-shadow:0 0 0 .0625rem var(--color-status-standalone-error-hover,#c61112)}.az-text-input[data-v-a16d36be]:has(.az-datepicker__controls-options):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.az-text-input[data-v-a16d36be]:has(.az-datepicker__controls-options):not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.az-text-input[data-v-a16d36be]:has(.az-datepicker__controls-options):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.az-text-input[data-v-a16d36be]:has(.az-datepicker__controls-options):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.az-text-input[data-v-a16d36be]:has(.az-datepicker__controls-options):-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.az-text-input[data-v-a16d36be]:has(.az-datepicker__controls-options):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.az-text-input:has(.az-datepicker__controls-options) .az-text-input__control[data-v-a16d36be]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.az-text-input:has(.az-datepicker__controls-options) .az-text-input__control[data-v-a16d36be]:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.az-text-input:has(.az-datepicker__controls-options) .az-text-input__control[data-v-a16d36be]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.az-text-input:has(.az-datepicker__controls-options) .az-text-input__control[data-v-a16d36be]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.az-text-input:has(.az-datepicker__controls-options) .az-text-input__control[data-v-a16d36be]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.az-text-input:has(.az-datepicker__controls-options) .az-text-input__control[data-v-a16d36be]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.az-text-input--s[data-v-a16d36be]{height:2rem}.az-text-input--s .az-text-input__control[data-v-a16d36be]{padding:.375rem .6875rem;font-size:.875rem;line-height:1.3}.az-text-input__control[data-v-a16d36be]{padding:.75rem .6875rem;line-height:1.3}.az-text-input__control[data-v-a16d36be]::-webkit-input-placeholder{color:var(--forms-color-placeholder,#666)}.az-text-input__control[data-v-a16d36be]::-moz-placeholder{color:var(--forms-color-placeholder,#666)}.az-text-input__control[data-v-a16d36be]::-ms-input-placeholder{color:var(--forms-color-placeholder,#666)}.az-text-input__control[data-v-a16d36be]::placeholder{color:var(--forms-color-placeholder,#666)}.az-datepicker__control[data-v-a16d36be]{background-position:right .75rem center;background-repeat:no-repeat;padding:0 .75rem}.az-datepicker__control[data-v-a16d36be]::-webkit-calendar-picker-indicator{opacity:0;padding-right:1rem;transform:scale(2)}.az-datepicker__icon[data-v-a16d36be]{background-color:var(--color-icon-primary,#000);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.az-datepicker__control[data-v-a16d36be]:disabled{background-color:var(--color-background-disabled);cursor:not-allowed;box-shadow:none;color:var(--color-text-disabled);border-color:transparent}.az-text-input:has(input:disabled) .az-datepicker__icon[data-v-a16d36be]{background-color:var(--color-icon-disabled,#737373)}.az-datepicker--s .az-datepicker__icon[data-v-a16d36be]{width:1.25rem;height:1.25rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") 50%/contain no-repeat}.az-controls-options__icon[data-v-a16d36be]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);color:var(--forms-color-icon-clear,#666)}.az-text-input[data-v-a16d36be] *{box-sizing:border-box}
|
|
3
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ptlm-azulejo/datepicker",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3-alpha.208",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.umd.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -30,13 +30,10 @@
|
|
|
30
30
|
"@ptlm-azulejo/fonts-adeo": "*",
|
|
31
31
|
"@ptlm-azulejo/fonts-leroy-merlin": "*",
|
|
32
32
|
"@ptlm-azulejo/themes": "*",
|
|
33
|
-
"@storybook/
|
|
34
|
-
"@
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"@tailwindcss/vite": "^4.0.0",
|
|
38
|
-
"storybook": "^7.0.0",
|
|
39
|
-
"tailwindcss": "^4.0.0",
|
|
33
|
+
"@storybook/vue3-vite": "^10.5.8",
|
|
34
|
+
"@tailwindcss/vite": "^4.3.3",
|
|
35
|
+
"storybook": "^10.5.8",
|
|
36
|
+
"tailwindcss": "^4.3.3",
|
|
40
37
|
"vue": "^3.3.4"
|
|
41
38
|
},
|
|
42
39
|
"peerDependencies": {
|