@mekari/pixel3-color-picker 0.1.7 → 0.1.8
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-NT4KAY3K.mjs → chunk-IZJ2HLBR.mjs} +1 -1
- package/dist/{chunk-5VPWEGKC.mjs → chunk-L7FIEGK4.mjs} +1 -1
- package/dist/color-picker.d.mts +5 -5
- package/dist/color-picker.d.ts +5 -5
- package/dist/color-picker.js +1 -1
- package/dist/color-picker.mjs +2 -2
- package/dist/index.js +1 -1
- package/dist/index.mjs +2 -2
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/color-picker.hooks.d.mts +1 -1
- package/dist/modules/color-picker.hooks.d.ts +1 -1
- package/dist/modules/color-picker.hooks.js +1 -1
- package/dist/modules/color-picker.hooks.mjs +1 -1
- package/package.json +8 -8
|
@@ -45,7 +45,7 @@ function useColorPicker(props, emit) {
|
|
|
45
45
|
return {
|
|
46
46
|
id: `popover-${getId}`,
|
|
47
47
|
placement: placement.value,
|
|
48
|
-
|
|
48
|
+
isDefaultOpen: isShowPopover.value,
|
|
49
49
|
initialFocusRef: `#input-${getId}`,
|
|
50
50
|
isManual: isDisabled.value,
|
|
51
51
|
// hack way to disabled Popover
|
package/dist/color-picker.d.mts
CHANGED
|
@@ -120,20 +120,20 @@ declare const MpColorPicker: vue.DefineComponent<{
|
|
|
120
120
|
}>> & {
|
|
121
121
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
122
122
|
}, {
|
|
123
|
-
value: string;
|
|
124
|
-
title: string;
|
|
125
123
|
id: string;
|
|
124
|
+
title: string;
|
|
125
|
+
value: string;
|
|
126
126
|
placeholder: string;
|
|
127
|
-
placement: Placement;
|
|
128
|
-
isDisabled: boolean;
|
|
129
127
|
variant: ColorPickerVariant;
|
|
130
|
-
|
|
128
|
+
placement: Placement;
|
|
131
129
|
preset: string[];
|
|
132
130
|
isShowPopover: boolean;
|
|
133
131
|
isShowSaturation: boolean;
|
|
134
132
|
isShowHue: boolean;
|
|
135
133
|
isShowInput: boolean;
|
|
136
134
|
isShowPreset: boolean;
|
|
135
|
+
isDisabled: boolean;
|
|
136
|
+
isInvalid: boolean;
|
|
137
137
|
}, {}>;
|
|
138
138
|
|
|
139
139
|
export { MpColorPicker };
|
package/dist/color-picker.d.ts
CHANGED
|
@@ -120,20 +120,20 @@ declare const MpColorPicker: vue.DefineComponent<{
|
|
|
120
120
|
}>> & {
|
|
121
121
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
122
122
|
}, {
|
|
123
|
-
value: string;
|
|
124
|
-
title: string;
|
|
125
123
|
id: string;
|
|
124
|
+
title: string;
|
|
125
|
+
value: string;
|
|
126
126
|
placeholder: string;
|
|
127
|
-
placement: Placement;
|
|
128
|
-
isDisabled: boolean;
|
|
129
127
|
variant: ColorPickerVariant;
|
|
130
|
-
|
|
128
|
+
placement: Placement;
|
|
131
129
|
preset: string[];
|
|
132
130
|
isShowPopover: boolean;
|
|
133
131
|
isShowSaturation: boolean;
|
|
134
132
|
isShowHue: boolean;
|
|
135
133
|
isShowInput: boolean;
|
|
136
134
|
isShowPreset: boolean;
|
|
135
|
+
isDisabled: boolean;
|
|
136
|
+
isInvalid: boolean;
|
|
137
137
|
}, {}>;
|
|
138
138
|
|
|
139
139
|
export { MpColorPicker };
|
package/dist/color-picker.js
CHANGED
|
@@ -150,7 +150,7 @@ function useColorPicker(props, emit) {
|
|
|
150
150
|
return {
|
|
151
151
|
id: `popover-${getId}`,
|
|
152
152
|
placement: placement.value,
|
|
153
|
-
|
|
153
|
+
isDefaultOpen: isShowPopover.value,
|
|
154
154
|
initialFocusRef: `#input-${getId}`,
|
|
155
155
|
isManual: isDisabled.value,
|
|
156
156
|
// hack way to disabled Popover
|
package/dist/color-picker.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpColorPicker
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-IZJ2HLBR.mjs";
|
|
4
4
|
import "./chunk-PULVLME3.mjs";
|
|
5
5
|
import "./chunk-MILYTHNM.mjs";
|
|
6
6
|
import "./chunk-5CI43L4Q.mjs";
|
|
7
7
|
import "./chunk-AEUPCATZ.mjs";
|
|
8
|
-
import "./chunk-
|
|
8
|
+
import "./chunk-L7FIEGK4.mjs";
|
|
9
9
|
import "./chunk-2ZZBAQKR.mjs";
|
|
10
10
|
import "./chunk-QZ7VFGWC.mjs";
|
|
11
11
|
export {
|
package/dist/index.js
CHANGED
|
@@ -152,7 +152,7 @@ function useColorPicker(props, emit) {
|
|
|
152
152
|
return {
|
|
153
153
|
id: `popover-${getId}`,
|
|
154
154
|
placement: placement.value,
|
|
155
|
-
|
|
155
|
+
isDefaultOpen: isShowPopover.value,
|
|
156
156
|
initialFocusRef: `#input-${getId}`,
|
|
157
157
|
isManual: isDisabled.value,
|
|
158
158
|
// hack way to disabled Popover
|
package/dist/index.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./chunk-62SESCIE.mjs";
|
|
2
2
|
import {
|
|
3
3
|
MpColorPicker
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-IZJ2HLBR.mjs";
|
|
5
5
|
import "./chunk-PULVLME3.mjs";
|
|
6
6
|
import "./chunk-MILYTHNM.mjs";
|
|
7
7
|
import "./chunk-5CI43L4Q.mjs";
|
|
8
8
|
import "./chunk-AEUPCATZ.mjs";
|
|
9
|
-
import "./chunk-
|
|
9
|
+
import "./chunk-L7FIEGK4.mjs";
|
|
10
10
|
import "./chunk-2ZZBAQKR.mjs";
|
|
11
11
|
import "./chunk-QZ7VFGWC.mjs";
|
|
12
12
|
export {
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/color-picker.props.ts":{"bytes":2062,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./color-picker.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.hooks.ts":{"bytes":8472,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/saturation.tsx":{"bytes":4652,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/hue.tsx":{"bytes":5692,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./modules/color-picker.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":2197,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/preset.tsx":{"bytes":1585,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/color-picker.tsx":{"bytes":4830,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/color-picker.props.ts","kind":"import-statement","original":"./modules/color-picker.props"},{"path":"src/modules/color-picker.hooks.ts","kind":"import-statement","original":"./modules/color-picker.hooks"},{"path":"src/saturation.tsx","kind":"import-statement","original":"./saturation"},{"path":"src/hue.tsx","kind":"import-statement","original":"./hue"},{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/preset.tsx","kind":"import-statement","original":"./preset"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.types.ts":{"bytes":200,"imports":[],"format":"esm"},"src/index.ts":{"bytes":178,"imports":[{"path":"src/color-picker.tsx","kind":"import-statement","original":"./color-picker"},{"path":"src/modules/color-picker.types.ts","kind":"import-statement","original":"./modules/color-picker.types"}],"format":"esm"}},"outputs":{"dist/modules/color-picker.types.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/color-picker.types.ts","inputs":{},"bytes":32},"dist/color-picker.mjs":{"imports":[{"path":"dist/chunk-NT4KAY3K.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-5VPWEGKC.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/color-picker.tsx","inputs":{},"bytes":301},"dist/hue.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorHue"],"entryPoint":"src/hue.tsx","inputs":{},"bytes":109},"dist/index.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"},{"path":"dist/chunk-NT4KAY3K.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-5VPWEGKC.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":332},"dist/chunk-62SESCIE.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/color-picker.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-NT4KAY3K.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-5VPWEGKC.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPicker"],"inputs":{"src/color-picker.tsx":{"bytesInOutput":4454}},"bytes":4897},"dist/chunk-PULVLME3.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorHue"],"inputs":{"src/hue.tsx":{"bytesInOutput":6037}},"bytes":6128},"dist/input.mjs":{"imports":[{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":113},"dist/chunk-MILYTHNM.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorInput"],"inputs":{"src/input.tsx":{"bytesInOutput":1949}},"bytes":2044},"dist/preset.mjs":{"imports":[{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPreset"],"entryPoint":"src/preset.tsx","inputs":{},"bytes":115},"dist/chunk-5CI43L4Q.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPreset"],"inputs":{"src/preset.tsx":{"bytesInOutput":1513}},"bytes":1610},"dist/saturation.mjs":{"imports":[{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorSaturation"],"entryPoint":"src/saturation.tsx","inputs":{},"bytes":123},"dist/chunk-AEUPCATZ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorSaturation"],"inputs":{"src/saturation.tsx":{"bytesInOutput":4709}},"bytes":4814},"dist/modules/color-picker.hooks.mjs":{"imports":[{"path":"dist/chunk-5VPWEGKC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useColorPicker"],"entryPoint":"src/modules/color-picker.hooks.ts","inputs":{},"bytes":119},"dist/chunk-5VPWEGKC.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useColorPicker"],"inputs":{"src/modules/color-picker.hooks.ts":{"bytesInOutput":8121}},"bytes":8238},"dist/modules/color-picker.props.mjs":{"imports":[{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["colorPickerEmit","colorPickerProps"],"entryPoint":"src/modules/color-picker.props.ts","inputs":{},"bytes":161},"dist/chunk-2ZZBAQKR.mjs":{"imports":[],"exports":["colorPickerEmit","colorPickerProps"],"inputs":{"src/modules/color-picker.props.ts":{"bytesInOutput":1139}},"bytes":1227},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
1
|
+
{"inputs":{"src/modules/color-picker.props.ts":{"bytes":2062,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./color-picker.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.hooks.ts":{"bytes":8472,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/saturation.tsx":{"bytes":4652,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/hue.tsx":{"bytes":5692,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./modules/color-picker.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":2197,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/preset.tsx":{"bytes":1585,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/color-picker.tsx":{"bytes":4830,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/color-picker.props.ts","kind":"import-statement","original":"./modules/color-picker.props"},{"path":"src/modules/color-picker.hooks.ts","kind":"import-statement","original":"./modules/color-picker.hooks"},{"path":"src/saturation.tsx","kind":"import-statement","original":"./saturation"},{"path":"src/hue.tsx","kind":"import-statement","original":"./hue"},{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/preset.tsx","kind":"import-statement","original":"./preset"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.types.ts":{"bytes":200,"imports":[],"format":"esm"},"src/index.ts":{"bytes":178,"imports":[{"path":"src/color-picker.tsx","kind":"import-statement","original":"./color-picker"},{"path":"src/modules/color-picker.types.ts","kind":"import-statement","original":"./modules/color-picker.types"}],"format":"esm"}},"outputs":{"dist/modules/color-picker.types.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/color-picker.types.ts","inputs":{},"bytes":32},"dist/color-picker.mjs":{"imports":[{"path":"dist/chunk-IZJ2HLBR.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/color-picker.tsx","inputs":{},"bytes":301},"dist/hue.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorHue"],"entryPoint":"src/hue.tsx","inputs":{},"bytes":109},"dist/index.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"},{"path":"dist/chunk-IZJ2HLBR.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":332},"dist/chunk-62SESCIE.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/color-picker.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-IZJ2HLBR.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPicker"],"inputs":{"src/color-picker.tsx":{"bytesInOutput":4454}},"bytes":4897},"dist/chunk-PULVLME3.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorHue"],"inputs":{"src/hue.tsx":{"bytesInOutput":6037}},"bytes":6128},"dist/input.mjs":{"imports":[{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":113},"dist/chunk-MILYTHNM.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorInput"],"inputs":{"src/input.tsx":{"bytesInOutput":1949}},"bytes":2044},"dist/preset.mjs":{"imports":[{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPreset"],"entryPoint":"src/preset.tsx","inputs":{},"bytes":115},"dist/chunk-5CI43L4Q.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPreset"],"inputs":{"src/preset.tsx":{"bytesInOutput":1513}},"bytes":1610},"dist/saturation.mjs":{"imports":[{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorSaturation"],"entryPoint":"src/saturation.tsx","inputs":{},"bytes":123},"dist/chunk-AEUPCATZ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorSaturation"],"inputs":{"src/saturation.tsx":{"bytesInOutput":4709}},"bytes":4814},"dist/modules/color-picker.hooks.mjs":{"imports":[{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useColorPicker"],"entryPoint":"src/modules/color-picker.hooks.ts","inputs":{},"bytes":119},"dist/chunk-L7FIEGK4.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useColorPicker"],"inputs":{"src/modules/color-picker.hooks.ts":{"bytesInOutput":8121}},"bytes":8238},"dist/modules/color-picker.props.mjs":{"imports":[{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["colorPickerEmit","colorPickerProps"],"entryPoint":"src/modules/color-picker.props.ts","inputs":{},"bytes":161},"dist/chunk-2ZZBAQKR.mjs":{"imports":[],"exports":["colorPickerEmit","colorPickerProps"],"inputs":{"src/modules/color-picker.props.ts":{"bytesInOutput":1139}},"bytes":1227},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -11,7 +11,7 @@ declare function useColorPicker(props: ColorPickerProps, emit: ColorPickerEmit):
|
|
|
11
11
|
popoverAttrs: vue.ComputedRef<{
|
|
12
12
|
id: string;
|
|
13
13
|
placement: Placement;
|
|
14
|
-
|
|
14
|
+
isDefaultOpen: boolean;
|
|
15
15
|
initialFocusRef: string;
|
|
16
16
|
isManual: boolean;
|
|
17
17
|
onOpen: () => void;
|
|
@@ -11,7 +11,7 @@ declare function useColorPicker(props: ColorPickerProps, emit: ColorPickerEmit):
|
|
|
11
11
|
popoverAttrs: vue.ComputedRef<{
|
|
12
12
|
id: string;
|
|
13
13
|
placement: Placement;
|
|
14
|
-
|
|
14
|
+
isDefaultOpen: boolean;
|
|
15
15
|
initialFocusRef: string;
|
|
16
16
|
isManual: boolean;
|
|
17
17
|
onOpen: () => void;
|
|
@@ -76,7 +76,7 @@ function useColorPicker(props, emit) {
|
|
|
76
76
|
return {
|
|
77
77
|
id: `popover-${getId}`,
|
|
78
78
|
placement: placement.value,
|
|
79
|
-
|
|
79
|
+
isDefaultOpen: isShowPopover.value,
|
|
80
80
|
initialFocusRef: `#input-${getId}`,
|
|
81
81
|
isManual: isDisabled.value,
|
|
82
82
|
// hack way to disabled Popover
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-color-picker",
|
|
3
3
|
"description": "Color picker component for mekari pixel 3",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.8",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
@@ -11,13 +11,13 @@
|
|
|
11
11
|
"clamp": "^1.0.1",
|
|
12
12
|
"lodash.throttle": "^4.0.0",
|
|
13
13
|
"tinycolor2": "^1.1.2",
|
|
14
|
-
"@mekari/pixel3-button": "0.1.
|
|
15
|
-
"@mekari/pixel3-
|
|
16
|
-
"@mekari/pixel3-
|
|
17
|
-
"@mekari/pixel3-input": "0.0.
|
|
18
|
-
"@mekari/pixel3-popover": "0.0.
|
|
19
|
-
"@mekari/pixel3-styled-system": "0.1.
|
|
20
|
-
"@mekari/pixel3-text": "0.0.
|
|
14
|
+
"@mekari/pixel3-button": "0.1.6",
|
|
15
|
+
"@mekari/pixel3-icon": "0.0.23",
|
|
16
|
+
"@mekari/pixel3-divider": "0.0.21",
|
|
17
|
+
"@mekari/pixel3-input": "0.0.23",
|
|
18
|
+
"@mekari/pixel3-popover": "0.0.23",
|
|
19
|
+
"@mekari/pixel3-styled-system": "0.1.7",
|
|
20
|
+
"@mekari/pixel3-text": "0.0.21",
|
|
21
21
|
"@mekari/pixel3-utils": "0.0.8"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|