@mekari/pixel3-input 0.0.4 → 0.0.6-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-IP4RFVD7.mjs → chunk-4WGVPYCM.mjs} +3 -3
- package/dist/{chunk-6JUSM6A5.mjs → chunk-575ZYGOA.mjs} +10 -8
- package/dist/{chunk-45BJFHHR.mjs → chunk-G6HMNOLC.mjs} +1 -3
- package/dist/{chunk-4YFPKPDU.mjs → chunk-L2WJRDG4.mjs} +1 -1
- package/dist/{chunk-VD5GL77E.mjs → chunk-P44SXIBM.mjs} +1 -1
- package/dist/index.js +12 -12
- package/dist/index.mjs +5 -5
- package/dist/input-addon.js +0 -1
- package/dist/input-addon.mjs +3 -3
- package/dist/input-group.js +0 -1
- package/dist/input-group.mjs +3 -3
- package/dist/input.js +12 -12
- package/dist/input.mjs +3 -3
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/input.connects.d.mts +2 -1
- package/dist/modules/input.connects.d.ts +2 -1
- package/dist/modules/input.connects.js +1 -3
- package/dist/modules/input.connects.mjs +1 -1
- package/dist/modules/input.hooks.d.mts +2 -1
- package/dist/modules/input.hooks.d.ts +2 -1
- package/dist/modules/input.hooks.js +3 -5
- package/dist/modules/input.hooks.mjs +2 -2
- package/package.json +9 -12
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
inputAddonConnect,
|
|
3
3
|
inputConnect,
|
|
4
4
|
inputGroupConnect
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-G6HMNOLC.mjs";
|
|
6
6
|
import {
|
|
7
7
|
__name
|
|
8
8
|
} from "./chunk-QZ7VFGWC.mjs";
|
|
@@ -10,11 +10,11 @@ import {
|
|
|
10
10
|
// src/modules/input.hooks.ts
|
|
11
11
|
import { computed, ref } from "vue";
|
|
12
12
|
import { inputSlotRecipe, inputGroupSlotRecipe, inputAddonSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
13
|
-
var useInput = /* @__PURE__ */ __name((props, emit) => {
|
|
13
|
+
var useInput = /* @__PURE__ */ __name((props, emit, formControlProp) => {
|
|
14
14
|
const context = ref(props);
|
|
15
15
|
const [value] = inputSlotRecipe.splitVariantProps(context.value);
|
|
16
16
|
const classes = inputSlotRecipe(value);
|
|
17
|
-
return computed(() => inputConnect(context.value, emit, classes));
|
|
17
|
+
return computed(() => inputConnect(context.value, emit, classes, formControlProp));
|
|
18
18
|
}, "useInput");
|
|
19
19
|
var useInputGroup = /* @__PURE__ */ __name((props) => {
|
|
20
20
|
const context = ref(props);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useInput
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-4WGVPYCM.mjs";
|
|
4
4
|
import {
|
|
5
5
|
inputEmits,
|
|
6
6
|
inputProps
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
// src/input.tsx
|
|
10
10
|
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
|
11
11
|
import { defineComponent, getCurrentInstance, onMounted, ref } from "vue";
|
|
12
|
+
import { useFormControlContext } from "@mekari/pixel3-form-control";
|
|
12
13
|
import { MpButton } from "@mekari/pixel3-button";
|
|
13
14
|
var MpInput = defineComponent({
|
|
14
15
|
name: "MpInput",
|
|
@@ -22,7 +23,8 @@ var MpInput = defineComponent({
|
|
|
22
23
|
const {
|
|
23
24
|
as: Component
|
|
24
25
|
} = props;
|
|
25
|
-
const
|
|
26
|
+
const formControlProp = useFormControlContext();
|
|
27
|
+
const api = useInput(props, emit, formControlProp);
|
|
26
28
|
const calcSpacing = ref({
|
|
27
29
|
left: 12,
|
|
28
30
|
right: 12
|
|
@@ -35,21 +37,21 @@ var MpInput = defineComponent({
|
|
|
35
37
|
const node = (_c = (_b = (_a = getCurrentInstance()) == null ? void 0 : _a.parent) == null ? void 0 : _b.subTree) == null ? void 0 : _c.children[0].children;
|
|
36
38
|
let isClearable = false;
|
|
37
39
|
node == null ? void 0 : node.map((vnode) => {
|
|
38
|
-
var _a2, _b2, _c2, _d, _e, _f;
|
|
40
|
+
var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i;
|
|
39
41
|
if (((_a2 = vnode.type) == null ? void 0 : _a2.name) === "MpInput") {
|
|
40
|
-
if ((_b2 = vnode.props) == null ? void 0 : _b2.hasOwnProperty("isClearable")) {
|
|
42
|
+
if (((_b2 = vnode.props) == null ? void 0 : _b2.hasOwnProperty("isClearable")) || ((_c2 = vnode.props) == null ? void 0 : _c2.hasOwnProperty("is-clearable"))) {
|
|
41
43
|
calcSpacing.value.right += 30;
|
|
42
44
|
isClearable = true;
|
|
43
45
|
}
|
|
44
46
|
}
|
|
45
|
-
if (((
|
|
47
|
+
if (((_d = vnode.type) == null ? void 0 : _d.name) === "MpInputLeftAddon") {
|
|
46
48
|
calcSpacing.value.left += 30;
|
|
47
|
-
if ((
|
|
49
|
+
if (((_e = vnode.props) == null ? void 0 : _e.hasOwnProperty("hasBackground")) || ((_f = vnode.props) == null ? void 0 : _f.hasOwnProperty("has-background")))
|
|
48
50
|
calcSpacing.value.left += parseInt(getComputedStyle(vnode.el).width, 10) - 30;
|
|
49
51
|
}
|
|
50
|
-
if (((
|
|
52
|
+
if (((_g = vnode.type) == null ? void 0 : _g.name) === "MpInputRightAddon") {
|
|
51
53
|
calcSpacing.value.right += 30;
|
|
52
|
-
if ((
|
|
54
|
+
if (((_h = vnode.props) == null ? void 0 : _h.hasOwnProperty("hasBackground")) || ((_i = vnode.props) == null ? void 0 : _i.hasOwnProperty("has-background"))) {
|
|
53
55
|
calcSpacing.value.right += parseInt(getComputedStyle(vnode.el).width, 10) - 30;
|
|
54
56
|
if (isClearable)
|
|
55
57
|
calcPosition.value.right += parseInt(getComputedStyle(vnode.el).width, 10);
|
|
@@ -3,10 +3,9 @@ import {
|
|
|
3
3
|
} from "./chunk-QZ7VFGWC.mjs";
|
|
4
4
|
|
|
5
5
|
// src/modules/input.connects.ts
|
|
6
|
-
import { useFormControlContext } from "@mekari/pixel3-form-control";
|
|
7
6
|
import { useId } from "@mekari/pixel3-utils";
|
|
8
7
|
import { cx } from "@mekari/pixel3-styled-system/css";
|
|
9
|
-
function inputConnect(state, emit, classes) {
|
|
8
|
+
function inputConnect(state, emit, classes, formControlProp) {
|
|
10
9
|
const {
|
|
11
10
|
id,
|
|
12
11
|
modelValue,
|
|
@@ -19,7 +18,6 @@ function inputConnect(state, emit, classes) {
|
|
|
19
18
|
isClearable
|
|
20
19
|
} = state;
|
|
21
20
|
const idx = id != null ? id : `mp-input-${useId()}`;
|
|
22
|
-
const formControlProp = useFormControlContext();
|
|
23
21
|
return {
|
|
24
22
|
modelValue,
|
|
25
23
|
isReadOnly,
|
package/dist/index.js
CHANGED
|
@@ -114,10 +114,9 @@ var import_vue = require("vue");
|
|
|
114
114
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
115
115
|
|
|
116
116
|
// src/modules/input.connects.ts
|
|
117
|
-
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
118
117
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
119
118
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
120
|
-
function inputConnect(state, emit, classes) {
|
|
119
|
+
function inputConnect(state, emit, classes, formControlProp) {
|
|
121
120
|
const {
|
|
122
121
|
id,
|
|
123
122
|
modelValue,
|
|
@@ -130,7 +129,6 @@ function inputConnect(state, emit, classes) {
|
|
|
130
129
|
isClearable
|
|
131
130
|
} = state;
|
|
132
131
|
const idx = id != null ? id : `mp-input-${(0, import_pixel3_utils2.useId)()}`;
|
|
133
|
-
const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
|
|
134
132
|
return {
|
|
135
133
|
modelValue,
|
|
136
134
|
isReadOnly,
|
|
@@ -222,11 +220,11 @@ function inputAddonConnect(state, classes) {
|
|
|
222
220
|
__name(inputAddonConnect, "inputAddonConnect");
|
|
223
221
|
|
|
224
222
|
// src/modules/input.hooks.ts
|
|
225
|
-
var useInput = /* @__PURE__ */ __name((props, emit) => {
|
|
223
|
+
var useInput = /* @__PURE__ */ __name((props, emit, formControlProp) => {
|
|
226
224
|
const context = (0, import_vue.ref)(props);
|
|
227
225
|
const [value] = import_recipes.inputSlotRecipe.splitVariantProps(context.value);
|
|
228
226
|
const classes = (0, import_recipes.inputSlotRecipe)(value);
|
|
229
|
-
return (0, import_vue.computed)(() => inputConnect(context.value, emit, classes));
|
|
227
|
+
return (0, import_vue.computed)(() => inputConnect(context.value, emit, classes, formControlProp));
|
|
230
228
|
}, "useInput");
|
|
231
229
|
var useInputGroup = /* @__PURE__ */ __name((props) => {
|
|
232
230
|
const context = (0, import_vue.ref)(props);
|
|
@@ -242,6 +240,7 @@ var useInputAddon = /* @__PURE__ */ __name((props) => {
|
|
|
242
240
|
}, "useInputAddon");
|
|
243
241
|
|
|
244
242
|
// src/input.tsx
|
|
243
|
+
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
245
244
|
var import_pixel3_button = require("@mekari/pixel3-button");
|
|
246
245
|
var MpInput = (0, import_vue3.defineComponent)({
|
|
247
246
|
name: "MpInput",
|
|
@@ -255,7 +254,8 @@ var MpInput = (0, import_vue3.defineComponent)({
|
|
|
255
254
|
const {
|
|
256
255
|
as: Component
|
|
257
256
|
} = props;
|
|
258
|
-
const
|
|
257
|
+
const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
|
|
258
|
+
const api = useInput(props, emit, formControlProp);
|
|
259
259
|
const calcSpacing = (0, import_vue3.ref)({
|
|
260
260
|
left: 12,
|
|
261
261
|
right: 12
|
|
@@ -268,21 +268,21 @@ var MpInput = (0, import_vue3.defineComponent)({
|
|
|
268
268
|
const node = (_c = (_b = (_a = (0, import_vue3.getCurrentInstance)()) == null ? void 0 : _a.parent) == null ? void 0 : _b.subTree) == null ? void 0 : _c.children[0].children;
|
|
269
269
|
let isClearable = false;
|
|
270
270
|
node == null ? void 0 : node.map((vnode) => {
|
|
271
|
-
var _a2, _b2, _c2, _d, _e, _f;
|
|
271
|
+
var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i;
|
|
272
272
|
if (((_a2 = vnode.type) == null ? void 0 : _a2.name) === "MpInput") {
|
|
273
|
-
if ((_b2 = vnode.props) == null ? void 0 : _b2.hasOwnProperty("isClearable")) {
|
|
273
|
+
if (((_b2 = vnode.props) == null ? void 0 : _b2.hasOwnProperty("isClearable")) || ((_c2 = vnode.props) == null ? void 0 : _c2.hasOwnProperty("is-clearable"))) {
|
|
274
274
|
calcSpacing.value.right += 30;
|
|
275
275
|
isClearable = true;
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
|
-
if (((
|
|
278
|
+
if (((_d = vnode.type) == null ? void 0 : _d.name) === "MpInputLeftAddon") {
|
|
279
279
|
calcSpacing.value.left += 30;
|
|
280
|
-
if ((
|
|
280
|
+
if (((_e = vnode.props) == null ? void 0 : _e.hasOwnProperty("hasBackground")) || ((_f = vnode.props) == null ? void 0 : _f.hasOwnProperty("has-background")))
|
|
281
281
|
calcSpacing.value.left += parseInt(getComputedStyle(vnode.el).width, 10) - 30;
|
|
282
282
|
}
|
|
283
|
-
if (((
|
|
283
|
+
if (((_g = vnode.type) == null ? void 0 : _g.name) === "MpInputRightAddon") {
|
|
284
284
|
calcSpacing.value.right += 30;
|
|
285
|
-
if ((
|
|
285
|
+
if (((_h = vnode.props) == null ? void 0 : _h.hasOwnProperty("hasBackground")) || ((_i = vnode.props) == null ? void 0 : _i.hasOwnProperty("has-background"))) {
|
|
286
286
|
calcSpacing.value.right += parseInt(getComputedStyle(vnode.el).width, 10) - 30;
|
|
287
287
|
if (isClearable)
|
|
288
288
|
calcPosition.value.right += parseInt(getComputedStyle(vnode.el).width, 10);
|
package/dist/index.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpInputLeftAddon,
|
|
3
3
|
MpInputRightAddon
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-P44SXIBM.mjs";
|
|
5
5
|
import {
|
|
6
6
|
MpInputGroup
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-L2WJRDG4.mjs";
|
|
8
8
|
import {
|
|
9
9
|
MpInput
|
|
10
|
-
} from "./chunk-
|
|
11
|
-
import "./chunk-
|
|
12
|
-
import "./chunk-
|
|
10
|
+
} from "./chunk-575ZYGOA.mjs";
|
|
11
|
+
import "./chunk-4WGVPYCM.mjs";
|
|
12
|
+
import "./chunk-G6HMNOLC.mjs";
|
|
13
13
|
import "./chunk-ZQ2NFCFA.mjs";
|
|
14
14
|
import "./chunk-QZ7VFGWC.mjs";
|
|
15
15
|
export {
|
package/dist/input-addon.js
CHANGED
|
@@ -55,7 +55,6 @@ var import_vue = require("vue");
|
|
|
55
55
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
56
56
|
|
|
57
57
|
// src/modules/input.connects.ts
|
|
58
|
-
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
59
58
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
60
59
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
61
60
|
function inputAddonConnect(state, classes) {
|
package/dist/input-addon.mjs
CHANGED
|
@@ -2,9 +2,9 @@ import {
|
|
|
2
2
|
MpInputAddon,
|
|
3
3
|
MpInputLeftAddon,
|
|
4
4
|
MpInputRightAddon
|
|
5
|
-
} from "./chunk-
|
|
6
|
-
import "./chunk-
|
|
7
|
-
import "./chunk-
|
|
5
|
+
} from "./chunk-P44SXIBM.mjs";
|
|
6
|
+
import "./chunk-4WGVPYCM.mjs";
|
|
7
|
+
import "./chunk-G6HMNOLC.mjs";
|
|
8
8
|
import "./chunk-ZQ2NFCFA.mjs";
|
|
9
9
|
import "./chunk-QZ7VFGWC.mjs";
|
|
10
10
|
export {
|
package/dist/input-group.js
CHANGED
|
@@ -46,7 +46,6 @@ var import_vue = require("vue");
|
|
|
46
46
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
47
47
|
|
|
48
48
|
// src/modules/input.connects.ts
|
|
49
|
-
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
50
49
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
51
50
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
52
51
|
function inputGroupConnect(state, classes) {
|
package/dist/input-group.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpInputGroup
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-L2WJRDG4.mjs";
|
|
4
|
+
import "./chunk-4WGVPYCM.mjs";
|
|
5
|
+
import "./chunk-G6HMNOLC.mjs";
|
|
6
6
|
import "./chunk-ZQ2NFCFA.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
package/dist/input.js
CHANGED
|
@@ -83,10 +83,9 @@ var import_vue = require("vue");
|
|
|
83
83
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
84
84
|
|
|
85
85
|
// src/modules/input.connects.ts
|
|
86
|
-
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
87
86
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
88
87
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
89
|
-
function inputConnect(state, emit, classes) {
|
|
88
|
+
function inputConnect(state, emit, classes, formControlProp) {
|
|
90
89
|
const {
|
|
91
90
|
id,
|
|
92
91
|
modelValue,
|
|
@@ -99,7 +98,6 @@ function inputConnect(state, emit, classes) {
|
|
|
99
98
|
isClearable
|
|
100
99
|
} = state;
|
|
101
100
|
const idx = id != null ? id : `mp-input-${(0, import_pixel3_utils2.useId)()}`;
|
|
102
|
-
const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
|
|
103
101
|
return {
|
|
104
102
|
modelValue,
|
|
105
103
|
isReadOnly,
|
|
@@ -159,14 +157,15 @@ function inputConnect(state, emit, classes) {
|
|
|
159
157
|
__name(inputConnect, "inputConnect");
|
|
160
158
|
|
|
161
159
|
// src/modules/input.hooks.ts
|
|
162
|
-
var useInput = /* @__PURE__ */ __name((props, emit) => {
|
|
160
|
+
var useInput = /* @__PURE__ */ __name((props, emit, formControlProp) => {
|
|
163
161
|
const context = (0, import_vue.ref)(props);
|
|
164
162
|
const [value] = import_recipes.inputSlotRecipe.splitVariantProps(context.value);
|
|
165
163
|
const classes = (0, import_recipes.inputSlotRecipe)(value);
|
|
166
|
-
return (0, import_vue.computed)(() => inputConnect(context.value, emit, classes));
|
|
164
|
+
return (0, import_vue.computed)(() => inputConnect(context.value, emit, classes, formControlProp));
|
|
167
165
|
}, "useInput");
|
|
168
166
|
|
|
169
167
|
// src/input.tsx
|
|
168
|
+
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
170
169
|
var import_pixel3_button = require("@mekari/pixel3-button");
|
|
171
170
|
var MpInput = (0, import_vue3.defineComponent)({
|
|
172
171
|
name: "MpInput",
|
|
@@ -180,7 +179,8 @@ var MpInput = (0, import_vue3.defineComponent)({
|
|
|
180
179
|
const {
|
|
181
180
|
as: Component
|
|
182
181
|
} = props;
|
|
183
|
-
const
|
|
182
|
+
const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
|
|
183
|
+
const api = useInput(props, emit, formControlProp);
|
|
184
184
|
const calcSpacing = (0, import_vue3.ref)({
|
|
185
185
|
left: 12,
|
|
186
186
|
right: 12
|
|
@@ -193,21 +193,21 @@ var MpInput = (0, import_vue3.defineComponent)({
|
|
|
193
193
|
const node = (_c = (_b = (_a = (0, import_vue3.getCurrentInstance)()) == null ? void 0 : _a.parent) == null ? void 0 : _b.subTree) == null ? void 0 : _c.children[0].children;
|
|
194
194
|
let isClearable = false;
|
|
195
195
|
node == null ? void 0 : node.map((vnode) => {
|
|
196
|
-
var _a2, _b2, _c2, _d, _e, _f;
|
|
196
|
+
var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i;
|
|
197
197
|
if (((_a2 = vnode.type) == null ? void 0 : _a2.name) === "MpInput") {
|
|
198
|
-
if ((_b2 = vnode.props) == null ? void 0 : _b2.hasOwnProperty("isClearable")) {
|
|
198
|
+
if (((_b2 = vnode.props) == null ? void 0 : _b2.hasOwnProperty("isClearable")) || ((_c2 = vnode.props) == null ? void 0 : _c2.hasOwnProperty("is-clearable"))) {
|
|
199
199
|
calcSpacing.value.right += 30;
|
|
200
200
|
isClearable = true;
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
|
-
if (((
|
|
203
|
+
if (((_d = vnode.type) == null ? void 0 : _d.name) === "MpInputLeftAddon") {
|
|
204
204
|
calcSpacing.value.left += 30;
|
|
205
|
-
if ((
|
|
205
|
+
if (((_e = vnode.props) == null ? void 0 : _e.hasOwnProperty("hasBackground")) || ((_f = vnode.props) == null ? void 0 : _f.hasOwnProperty("has-background")))
|
|
206
206
|
calcSpacing.value.left += parseInt(getComputedStyle(vnode.el).width, 10) - 30;
|
|
207
207
|
}
|
|
208
|
-
if (((
|
|
208
|
+
if (((_g = vnode.type) == null ? void 0 : _g.name) === "MpInputRightAddon") {
|
|
209
209
|
calcSpacing.value.right += 30;
|
|
210
|
-
if ((
|
|
210
|
+
if (((_h = vnode.props) == null ? void 0 : _h.hasOwnProperty("hasBackground")) || ((_i = vnode.props) == null ? void 0 : _i.hasOwnProperty("has-background"))) {
|
|
211
211
|
calcSpacing.value.right += parseInt(getComputedStyle(vnode.el).width, 10) - 30;
|
|
212
212
|
if (isClearable)
|
|
213
213
|
calcPosition.value.right += parseInt(getComputedStyle(vnode.el).width, 10);
|
package/dist/input.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpInput
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-575ZYGOA.mjs";
|
|
4
|
+
import "./chunk-4WGVPYCM.mjs";
|
|
5
|
+
import "./chunk-G6HMNOLC.mjs";
|
|
6
6
|
import "./chunk-ZQ2NFCFA.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":3391,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":1465,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":3388,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":1097,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":2030,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":245},"src/input.tsx":{"bytesInOutput":3335},"src/modules/input.props.ts":{"bytesInOutput":1153},"src/modules/input.hooks.ts":{"bytesInOutput":1210},"src/modules/input.connects.ts":{"bytesInOutput":3545},"src/input-group.tsx":{"bytesInOutput":825},"src/input-addon.tsx":{"bytesInOutput":1122}},"bytes":12710},"dist/input-addon.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-addon.tsx","inputs":{"src/input-addon.tsx":{"bytesInOutput":1365},"src/modules/input.props.ts":{"bytesInOutput":392},"src/modules/input.hooks.ts":{"bytesInOutput":465},"src/modules/input.connects.ts":{"bytesInOutput":573}},"bytes":4006},"dist/input-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-group.tsx","inputs":{"src/input-group.tsx":{"bytesInOutput":978},"src/modules/input.props.ts":{"bytesInOutput":272},"src/modules/input.hooks.ts":{"bytesInOutput":465},"src/modules/input.connects.ts":{"bytesInOutput":460}},"bytes":3345},"dist/input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input.tsx","inputs":{"src/input.tsx":{"bytesInOutput":3460},"src/modules/input.props.ts":{"bytesInOutput":819},"src/modules/input.hooks.ts":{"bytesInOutput":486},"src/modules/input.connects.ts":{"bytesInOutput":2756}},"bytes":8674},"dist/modules/input.connects.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.connects.ts","inputs":{"src/modules/input.connects.ts":{"bytesInOutput":3795}},"bytes":4866},"dist/modules/input.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.hooks.ts","inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":1431},"src/modules/input.connects.ts":{"bytesInOutput":3541}},"bytes":6093},"dist/modules/input.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.props.ts","inputs":{"src/modules/input.props.ts":{"bytesInOutput":1418}},"bytes":2404},"dist/modules/input.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":82}},"bytes":784}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":3391,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":1465,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":3388,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":1097,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":2030,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-P44SXIBM.mjs","kind":"import-statement"},{"path":"dist/chunk-L2WJRDG4.mjs","kind":"import-statement"},{"path":"dist/chunk-575ZYGOA.mjs","kind":"import-statement"},{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-G6HMNOLC.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput","MpInputGroup","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":388},"dist/input-addon.mjs":{"imports":[{"path":"dist/chunk-P44SXIBM.mjs","kind":"import-statement"},{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-G6HMNOLC.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/input-addon.tsx","inputs":{},"bytes":288},"dist/chunk-P44SXIBM.mjs":{"imports":[{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"inputs":{"src/input-addon.tsx":{"bytesInOutput":1045}},"bytes":1252},"dist/input-group.mjs":{"imports":[{"path":"dist/chunk-L2WJRDG4.mjs","kind":"import-statement"},{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-G6HMNOLC.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputGroup"],"entryPoint":"src/input-group.tsx","inputs":{},"bytes":206},"dist/chunk-L2WJRDG4.mjs":{"imports":[{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpInputGroup"],"inputs":{"src/input-group.tsx":{"bytesInOutput":731}},"bytes":897},"dist/input.mjs":{"imports":[{"path":"dist/chunk-575ZYGOA.mjs","kind":"import-statement"},{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-G6HMNOLC.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":196},"dist/chunk-575ZYGOA.mjs":{"imports":[{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"exports":["MpInput"],"inputs":{"src/input.tsx":{"bytesInOutput":3187}},"bytes":3346},"dist/modules/input.connects.mjs":{"imports":[{"path":"dist/chunk-G6HMNOLC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"entryPoint":"src/modules/input.connects.ts","inputs":{},"bytes":199},"dist/modules/input.hooks.mjs":{"imports":[{"path":"dist/chunk-4WGVPYCM.mjs","kind":"import-statement"},{"path":"dist/chunk-G6HMNOLC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useInput","useInputAddon","useInputGroup"],"entryPoint":"src/modules/input.hooks.ts","inputs":{},"bytes":207},"dist/chunk-4WGVPYCM.mjs":{"imports":[{"path":"dist/chunk-G6HMNOLC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useInput","useInputAddon","useInputGroup"],"inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":1059}},"bytes":1294},"dist/chunk-G6HMNOLC.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"inputs":{"src/modules/input.connects.ts":{"bytesInOutput":3430}},"bytes":3583},"dist/modules/input.props.mjs":{"imports":[{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"entryPoint":"src/modules/input.props.ts","inputs":{},"bytes":215},"dist/chunk-ZQ2NFCFA.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"inputs":{"src/modules/input.props.ts":{"bytesInOutput":1121}},"bytes":1229},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/input.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":0}},"bytes":0}}}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { InputState, InputClasses, InputApiMachine, InputGroupState, InputGroupApiMachine, InputAddonState, InputAddonApiMachine } from './input.types.mjs';
|
|
2
|
+
import { FormControlContext } from '@mekari/pixel3-form-control';
|
|
2
3
|
import '@mekari/pixel3-utils';
|
|
3
4
|
|
|
4
5
|
/**
|
|
5
6
|
* Exported input connects.
|
|
6
7
|
*/
|
|
7
8
|
|
|
8
|
-
declare function inputConnect(state: InputState, emit: CallableFunction, classes: InputClasses): InputApiMachine;
|
|
9
|
+
declare function inputConnect(state: InputState, emit: CallableFunction, classes: InputClasses, formControlProp: FormControlContext): InputApiMachine;
|
|
9
10
|
declare function inputGroupConnect(state: InputGroupState, classes: InputClasses): InputGroupApiMachine;
|
|
10
11
|
declare function inputAddonConnect(state: InputAddonState, classes: InputClasses): InputAddonApiMachine;
|
|
11
12
|
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { InputState, InputClasses, InputApiMachine, InputGroupState, InputGroupApiMachine, InputAddonState, InputAddonApiMachine } from './input.types.js';
|
|
2
|
+
import { FormControlContext } from '@mekari/pixel3-form-control';
|
|
2
3
|
import '@mekari/pixel3-utils';
|
|
3
4
|
|
|
4
5
|
/**
|
|
5
6
|
* Exported input connects.
|
|
6
7
|
*/
|
|
7
8
|
|
|
8
|
-
declare function inputConnect(state: InputState, emit: CallableFunction, classes: InputClasses): InputApiMachine;
|
|
9
|
+
declare function inputConnect(state: InputState, emit: CallableFunction, classes: InputClasses, formControlProp: FormControlContext): InputApiMachine;
|
|
9
10
|
declare function inputGroupConnect(state: InputGroupState, classes: InputClasses): InputGroupApiMachine;
|
|
10
11
|
declare function inputAddonConnect(state: InputAddonState, classes: InputClasses): InputAddonApiMachine;
|
|
11
12
|
|
|
@@ -26,10 +26,9 @@ __export(input_connects_exports, {
|
|
|
26
26
|
inputGroupConnect: () => inputGroupConnect
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(input_connects_exports);
|
|
29
|
-
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
30
29
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
31
30
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
32
|
-
function inputConnect(state, emit, classes) {
|
|
31
|
+
function inputConnect(state, emit, classes, formControlProp) {
|
|
33
32
|
const {
|
|
34
33
|
id,
|
|
35
34
|
modelValue,
|
|
@@ -42,7 +41,6 @@ function inputConnect(state, emit, classes) {
|
|
|
42
41
|
isClearable
|
|
43
42
|
} = state;
|
|
44
43
|
const idx = id != null ? id : `mp-input-${(0, import_pixel3_utils.useId)()}`;
|
|
45
|
-
const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
|
|
46
44
|
return {
|
|
47
45
|
modelValue,
|
|
48
46
|
isReadOnly,
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
import { InputDefinedContext, InputApiMachine, InputGroupDefinedContext, InputGroupApiMachine, InputAddonDefinedContext, InputAddonApiMachine } from './input.types.mjs';
|
|
3
3
|
import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
|
|
4
|
+
import { FormControlContext } from '@mekari/pixel3-form-control';
|
|
4
5
|
|
|
5
|
-
declare const useInput: (props: InputDefinedContext, emit: CallableFunction) => vue.ComputedRef<InputApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
6
|
+
declare const useInput: (props: InputDefinedContext, emit: CallableFunction, formControlProp: FormControlContext) => vue.ComputedRef<InputApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
6
7
|
declare const useInputGroup: (props: InputGroupDefinedContext) => vue.ComputedRef<InputGroupApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
7
8
|
declare const useInputAddon: (props: InputAddonDefinedContext) => vue.ComputedRef<InputAddonApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
8
9
|
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
import { InputDefinedContext, InputApiMachine, InputGroupDefinedContext, InputGroupApiMachine, InputAddonDefinedContext, InputAddonApiMachine } from './input.types.js';
|
|
3
3
|
import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
|
|
4
|
+
import { FormControlContext } from '@mekari/pixel3-form-control';
|
|
4
5
|
|
|
5
|
-
declare const useInput: (props: InputDefinedContext, emit: CallableFunction) => vue.ComputedRef<InputApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
6
|
+
declare const useInput: (props: InputDefinedContext, emit: CallableFunction, formControlProp: FormControlContext) => vue.ComputedRef<InputApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
6
7
|
declare const useInputGroup: (props: InputGroupDefinedContext) => vue.ComputedRef<InputGroupApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
7
8
|
declare const useInputAddon: (props: InputAddonDefinedContext) => vue.ComputedRef<InputAddonApiMachine<_mekari_pixel3_utils.PropTypes>>;
|
|
8
9
|
|
|
@@ -30,10 +30,9 @@ var import_vue = require("vue");
|
|
|
30
30
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
31
31
|
|
|
32
32
|
// src/modules/input.connects.ts
|
|
33
|
-
var import_pixel3_form_control = require("@mekari/pixel3-form-control");
|
|
34
33
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
35
34
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
36
|
-
function inputConnect(state, emit, classes) {
|
|
35
|
+
function inputConnect(state, emit, classes, formControlProp) {
|
|
37
36
|
const {
|
|
38
37
|
id,
|
|
39
38
|
modelValue,
|
|
@@ -46,7 +45,6 @@ function inputConnect(state, emit, classes) {
|
|
|
46
45
|
isClearable
|
|
47
46
|
} = state;
|
|
48
47
|
const idx = id != null ? id : `mp-input-${(0, import_pixel3_utils.useId)()}`;
|
|
49
|
-
const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
|
|
50
48
|
return {
|
|
51
49
|
modelValue,
|
|
52
50
|
isReadOnly,
|
|
@@ -138,11 +136,11 @@ function inputAddonConnect(state, classes) {
|
|
|
138
136
|
__name(inputAddonConnect, "inputAddonConnect");
|
|
139
137
|
|
|
140
138
|
// src/modules/input.hooks.ts
|
|
141
|
-
var useInput = /* @__PURE__ */ __name((props, emit) => {
|
|
139
|
+
var useInput = /* @__PURE__ */ __name((props, emit, formControlProp) => {
|
|
142
140
|
const context = (0, import_vue.ref)(props);
|
|
143
141
|
const [value] = import_recipes.inputSlotRecipe.splitVariantProps(context.value);
|
|
144
142
|
const classes = (0, import_recipes.inputSlotRecipe)(value);
|
|
145
|
-
return (0, import_vue.computed)(() => inputConnect(context.value, emit, classes));
|
|
143
|
+
return (0, import_vue.computed)(() => inputConnect(context.value, emit, classes, formControlProp));
|
|
146
144
|
}, "useInput");
|
|
147
145
|
var useInputGroup = /* @__PURE__ */ __name((props) => {
|
|
148
146
|
const context = (0, import_vue.ref)(props);
|
package/package.json
CHANGED
|
@@ -1,29 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-input",
|
|
3
3
|
"description": "Mekari Pixel 3 | Input component is used to get user input in a text field",
|
|
4
|
-
"version": "0.0.
|
|
5
|
-
"license": "LGPL-3.0",
|
|
6
|
-
"author": "Dirga Prakesha <dirga.prakesha@mekari.com>",
|
|
7
|
-
"sideEffects": false,
|
|
4
|
+
"version": "0.0.6-dev.0",
|
|
8
5
|
"main": "dist/index.js",
|
|
6
|
+
"license": "MIT",
|
|
9
7
|
"files": [
|
|
10
8
|
"dist"
|
|
11
9
|
],
|
|
12
10
|
"dependencies": {
|
|
13
|
-
"@mekari/pixel3-form-control": "0.0.
|
|
14
|
-
"@mekari/pixel3-button": "0.0.
|
|
15
|
-
"@mekari/pixel3-styled-system": "0.0.
|
|
16
|
-
"@mekari/pixel3-utils": "0.0.
|
|
11
|
+
"@mekari/pixel3-form-control": "0.0.6-dev.0",
|
|
12
|
+
"@mekari/pixel3-button": "0.0.6-dev.0",
|
|
13
|
+
"@mekari/pixel3-styled-system": "0.0.4-dev.0",
|
|
14
|
+
"@mekari/pixel3-utils": "0.0.4"
|
|
17
15
|
},
|
|
18
16
|
"peerDependencies": {
|
|
19
17
|
"vue": "^3.4.9"
|
|
20
18
|
},
|
|
21
|
-
"publishConfig": {
|
|
22
|
-
"access": "public"
|
|
23
|
-
},
|
|
24
19
|
"devDependencies": {
|
|
25
20
|
"vue": "^3.4.9"
|
|
26
21
|
},
|
|
22
|
+
"publishConfig": {
|
|
23
|
+
"access": "public"
|
|
24
|
+
},
|
|
27
25
|
"module": "dist/index.mjs",
|
|
28
26
|
"types": "dist/index.d.ts",
|
|
29
27
|
"exports": {
|
|
@@ -38,7 +36,6 @@
|
|
|
38
36
|
"build": "tsup && pnpm build:types",
|
|
39
37
|
"build:fast": "tsup",
|
|
40
38
|
"build:types": "tsup src --dts-only",
|
|
41
|
-
"build:external": "tsup src/index.tsx --external @acme-org/styled-system",
|
|
42
39
|
"types:check": "tsc --noEmit",
|
|
43
40
|
"replace-config": "clean-package",
|
|
44
41
|
"restore-config": "clean-package restore"
|