@getcortexlabs/mavis-core 0.1.0-alpha.2 → 0.1.0-alpha.3
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/README.md +2 -2
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/sheet.d.ts +5 -0
- package/dist/sheet.d.ts.map +1 -0
- package/dist/sheet.js +14 -0
- package/dist/sheet.js.map +1 -0
- package/dist/vue/global-components.d.ts +7 -0
- package/dist/vue/global-components.d.ts.map +1 -1
- package/dist/vue/index.d.ts +1 -1
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +1 -1
- package/dist/vue/index.js.map +1 -1
- package/dist/vue/props.d.ts +94 -0
- package/dist/vue/props.d.ts.map +1 -1
- package/dist/vue/props.js +27 -1
- package/dist/vue/props.js.map +1 -1
- package/package.json +1 -1
- package/src/index.ts +2 -0
- package/src/sheet.ts +17 -0
- package/src/vue/global-components.ts +7 -0
- package/src/vue/index.ts +2 -0
- package/src/vue/props.ts +27 -1
package/README.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
# Mavis core
|
|
2
2
|
|
|
3
|
-
Shared themes and contracts for Mavis UI `0.1.0-alpha.
|
|
3
|
+
Shared themes and contracts for Mavis UI `0.1.0-alpha.3`. This is an experimental prerelease; the API can change between alpha versions. Licensed under MIT.
|
|
4
4
|
|
|
5
5
|
```sh
|
|
6
|
-
npm install @getcortexlabs/mavis-core@0.1.0-alpha.
|
|
6
|
+
npm install @getcortexlabs/mavis-core@0.1.0-alpha.3
|
|
7
7
|
```
|
|
8
8
|
|
|
9
9
|
Theme values, spacing resolution, and slider step conversion have no platform dependencies. The optional `/vue` entry provides the theme context, layout context, and common template types through Vue's renderer-independent runtime core.
|
package/dist/index.d.ts
CHANGED
|
@@ -9,4 +9,6 @@ export { icons, iconFontVersion } from './icons.js';
|
|
|
9
9
|
export { iconGlyph, iconFontFamily, iconSizes, resolveIconSize, checkIconOnly } from './icon.js';
|
|
10
10
|
export type { IconName, IconSize } from './icon.js';
|
|
11
11
|
export type { InputHandle } from './input.js';
|
|
12
|
+
export { checkSheetName, sheetCloseReasons } from './sheet.js';
|
|
13
|
+
export type { SheetCloseReason } from './sheet.js';
|
|
12
14
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,EACN,aAAa,EACb,IAAI,GACL,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC1E,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAChG,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACnD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,EACN,aAAa,EACb,IAAI,GACL,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC1E,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAChG,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACnD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9D,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -5,4 +5,5 @@ export { resolveDimension, resolveRadius, nonNegative } from './layout.js';
|
|
|
5
5
|
export { validateInput } from './input.js';
|
|
6
6
|
export { icons, iconFontVersion } from './icons.js';
|
|
7
7
|
export { iconGlyph, iconFontFamily, iconSizes, resolveIconSize, checkIconOnly } from './icon.js';
|
|
8
|
+
export { checkSheetName, sheetCloseReasons } from './sheet.js';
|
|
8
9
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAajD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAajD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAGhG,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA"}
|
package/dist/sheet.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/** Why a sheet closed: the component's own control, a platform dismissal, or `open` set to false. */
|
|
2
|
+
export type SheetCloseReason = 'button' | 'backdrop' | 'escape' | 'back' | 'swipe' | 'program';
|
|
3
|
+
export declare const sheetCloseReasons: readonly SheetCloseReason[];
|
|
4
|
+
export declare function checkSheetName(title: string | undefined, label: string | undefined): void;
|
|
5
|
+
//# sourceMappingURL=sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../src/sheet.ts"],"names":[],"mappings":"AAAA,qGAAqG;AACrG,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9F,eAAO,MAAM,iBAAiB,EAAE,SAAS,gBAAgB,EAOxD,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,QAIlF"}
|
package/dist/sheet.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const sheetCloseReasons = [
|
|
2
|
+
'button',
|
|
3
|
+
'backdrop',
|
|
4
|
+
'escape',
|
|
5
|
+
'back',
|
|
6
|
+
'swipe',
|
|
7
|
+
'program',
|
|
8
|
+
];
|
|
9
|
+
export function checkSheetName(title, label) {
|
|
10
|
+
if (!title && !label) {
|
|
11
|
+
throw new RangeError('A sheet needs a title or an accessibilityLabel');
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=sheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../src/sheet.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,iBAAiB,GAAgC;IAC5D,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,MAAM;IACN,OAAO;IACP,SAAS;CACV,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,KAAyB,EAAE,KAAyB;IACjF,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACrB,MAAM,IAAI,UAAU,CAAC,gDAAgD,CAAC,CAAA;IACxE,CAAC;AACH,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { ComponentProps } from './props.js';
|
|
2
|
+
import type { SheetCloseReason } from '../sheet.js';
|
|
2
3
|
type Action = {
|
|
3
4
|
onClick?: () => void;
|
|
4
5
|
};
|
|
@@ -11,6 +12,11 @@ type InputEvents = {
|
|
|
11
12
|
onBlur?: () => void;
|
|
12
13
|
onSubmit?: (value: string) => void;
|
|
13
14
|
};
|
|
15
|
+
type SheetEvents = {
|
|
16
|
+
'onUpdate:open'?: (value: boolean) => void;
|
|
17
|
+
onClose?: (reason: SheetCloseReason) => void;
|
|
18
|
+
onOpened?: () => void;
|
|
19
|
+
};
|
|
14
20
|
/** Template props come from the same declarations used by both renderers. */
|
|
15
21
|
declare module '@vue/runtime-core' {
|
|
16
22
|
interface GlobalComponents {
|
|
@@ -25,6 +31,7 @@ declare module '@vue/runtime-core' {
|
|
|
25
31
|
MInput: DefineComponent<ComponentProps['MInput'] & InputEvents>;
|
|
26
32
|
MIcon: DefineComponent<ComponentProps['MIcon']>;
|
|
27
33
|
MReveal: DefineComponent<ComponentProps['MReveal']>;
|
|
34
|
+
MSheet: DefineComponent<ComponentProps['MSheet'] & SheetEvents>;
|
|
28
35
|
}
|
|
29
36
|
}
|
|
30
37
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global-components.d.ts","sourceRoot":"","sources":["../../src/vue/global-components.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"global-components.d.ts","sourceRoot":"","sources":["../../src/vue/global-components.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD,KAAK,MAAM,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AACtC,KAAK,KAAK,GAAG;IAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAAA;AAChE,KAAK,WAAW,GAAG;IACjB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AACD,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,6EAA6E;AAC7E,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAiB,gBAAgB;QAC/B,OAAO,EAAE,eAAe,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;QACnD,IAAI,EAAE,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;QAC7C,OAAO,EAAE,eAAe,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;QACnD,IAAI,EAAE,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;QAC7C,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,CAAA;QACxD,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;QAC/C,OAAO,EAAE,eAAe,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAA;QAC5D,OAAO,EAAE,eAAe,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,CAAA;QAC3D,MAAM,EAAE,eAAe,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAA;QAC/D,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;QAC/C,OAAO,EAAE,eAAe,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;QACnD,MAAM,EAAE,eAAe,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAA;KAChE;CACF"}
|
package/dist/vue/index.d.ts
CHANGED
|
@@ -3,6 +3,6 @@ export type { MavisThemeContext, Appearance, AppearanceMode, AppearanceSource, T
|
|
|
3
3
|
export { layoutDirection, useDefaultShrink } from './layout-context.js';
|
|
4
4
|
export { textContent } from './text-content.js';
|
|
5
5
|
export type {} from './global-components.js';
|
|
6
|
-
export { boxProps, spacingProp, rowProps, columnProps, cardProps, buttonProps, textProps, sliderProps, inputProps, inputEmits, iconProps, screenProps, revealProps, componentProps, viewAttrs, actionEmits, sliderEmits, } from './props.js';
|
|
6
|
+
export { boxProps, spacingProp, rowProps, columnProps, cardProps, buttonProps, textProps, sliderProps, inputProps, inputEmits, iconProps, screenProps, revealProps, sheetProps, sheetEmits, componentProps, viewAttrs, actionEmits, sliderEmits, } from './props.js';
|
|
7
7
|
export type { BoxProps, ComponentProps, Align, Justify } from './props.js';
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/vue/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACxE,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAA;AACnB,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACxE,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAA;AACnB,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
package/dist/vue/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { createThemeContext, themeKey, useMavisTheme } from './theme.js';
|
|
2
2
|
export { layoutDirection, useDefaultShrink } from './layout-context.js';
|
|
3
3
|
export { textContent } from './text-content.js';
|
|
4
|
-
export { boxProps, spacingProp, rowProps, columnProps, cardProps, buttonProps, textProps, sliderProps, inputProps, inputEmits, iconProps, screenProps, revealProps, componentProps, viewAttrs, actionEmits, sliderEmits, } from './props.js';
|
|
4
|
+
export { boxProps, spacingProp, rowProps, columnProps, cardProps, buttonProps, textProps, sliderProps, inputProps, inputEmits, iconProps, screenProps, revealProps, sheetProps, sheetEmits, componentProps, viewAttrs, actionEmits, sliderEmits, } from './props.js';
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
package/dist/vue/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQxE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQxE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAA"}
|
package/dist/vue/props.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from '@vue/ru
|
|
|
2
2
|
import type { Palette, Spacing, Radius } from '../theme/types.js';
|
|
3
3
|
import type { Dimension } from '../layout.js';
|
|
4
4
|
import { type IconName, type IconSize } from '../icon.js';
|
|
5
|
+
import { type SheetCloseReason } from '../sheet.js';
|
|
5
6
|
export declare const spacingProp: {
|
|
6
7
|
type: PropType<Spacing>;
|
|
7
8
|
default: undefined;
|
|
@@ -505,6 +506,11 @@ export declare const iconProps: {
|
|
|
505
506
|
};
|
|
506
507
|
export declare const screenProps: {
|
|
507
508
|
scroll: BooleanConstructor;
|
|
509
|
+
/** Puts the software keyboard away on a tap outside the editor and, with `scroll`, on a drag towards it. */
|
|
510
|
+
dismissKeyboard: {
|
|
511
|
+
type: BooleanConstructor;
|
|
512
|
+
default: boolean;
|
|
513
|
+
};
|
|
508
514
|
id: {
|
|
509
515
|
type: StringConstructor;
|
|
510
516
|
default: undefined;
|
|
@@ -581,6 +587,50 @@ export declare const revealProps: {
|
|
|
581
587
|
default: undefined;
|
|
582
588
|
};
|
|
583
589
|
};
|
|
590
|
+
export declare const sheetProps: {
|
|
591
|
+
id: {
|
|
592
|
+
type: StringConstructor;
|
|
593
|
+
default: undefined;
|
|
594
|
+
};
|
|
595
|
+
accessibilityLabel: {
|
|
596
|
+
type: StringConstructor;
|
|
597
|
+
default: undefined;
|
|
598
|
+
};
|
|
599
|
+
open: BooleanConstructor;
|
|
600
|
+
/** Rendered as the sheet heading and used as its accessible name. */
|
|
601
|
+
title: {
|
|
602
|
+
type: StringConstructor;
|
|
603
|
+
default: undefined;
|
|
604
|
+
};
|
|
605
|
+
/** Allows the scrim, Escape, the back gesture, swiping down and the close button. */
|
|
606
|
+
dismissible: {
|
|
607
|
+
type: BooleanConstructor;
|
|
608
|
+
default: boolean;
|
|
609
|
+
};
|
|
610
|
+
fullscreen: BooleanConstructor;
|
|
611
|
+
closeLabel: {
|
|
612
|
+
type: StringConstructor;
|
|
613
|
+
default: string;
|
|
614
|
+
};
|
|
615
|
+
padding: {
|
|
616
|
+
default: string;
|
|
617
|
+
type: PropType<Spacing>;
|
|
618
|
+
};
|
|
619
|
+
gap: {
|
|
620
|
+
type: PropType<Spacing>;
|
|
621
|
+
default: undefined;
|
|
622
|
+
};
|
|
623
|
+
align: {
|
|
624
|
+
type: PropType<Align>;
|
|
625
|
+
default: Align;
|
|
626
|
+
validator: (value: Align) => boolean;
|
|
627
|
+
};
|
|
628
|
+
};
|
|
629
|
+
export declare const sheetEmits: {
|
|
630
|
+
'update:open': (value: boolean) => boolean;
|
|
631
|
+
close: (reason: SheetCloseReason) => boolean;
|
|
632
|
+
opened: () => boolean;
|
|
633
|
+
};
|
|
584
634
|
export declare const actionEmits: {
|
|
585
635
|
click: () => boolean;
|
|
586
636
|
};
|
|
@@ -590,6 +640,11 @@ export declare const sliderEmits: {
|
|
|
590
640
|
export declare const componentProps: {
|
|
591
641
|
MScreen: {
|
|
592
642
|
scroll: BooleanConstructor;
|
|
643
|
+
/** Puts the software keyboard away on a tap outside the editor and, with `scroll`, on a drag towards it. */
|
|
644
|
+
dismissKeyboard: {
|
|
645
|
+
type: BooleanConstructor;
|
|
646
|
+
default: boolean;
|
|
647
|
+
};
|
|
593
648
|
id: {
|
|
594
649
|
type: StringConstructor;
|
|
595
650
|
default: undefined;
|
|
@@ -1126,6 +1181,45 @@ export declare const componentProps: {
|
|
|
1126
1181
|
default: undefined;
|
|
1127
1182
|
};
|
|
1128
1183
|
};
|
|
1184
|
+
MSheet: {
|
|
1185
|
+
id: {
|
|
1186
|
+
type: StringConstructor;
|
|
1187
|
+
default: undefined;
|
|
1188
|
+
};
|
|
1189
|
+
accessibilityLabel: {
|
|
1190
|
+
type: StringConstructor;
|
|
1191
|
+
default: undefined;
|
|
1192
|
+
};
|
|
1193
|
+
open: BooleanConstructor;
|
|
1194
|
+
/** Rendered as the sheet heading and used as its accessible name. */
|
|
1195
|
+
title: {
|
|
1196
|
+
type: StringConstructor;
|
|
1197
|
+
default: undefined;
|
|
1198
|
+
};
|
|
1199
|
+
/** Allows the scrim, Escape, the back gesture, swiping down and the close button. */
|
|
1200
|
+
dismissible: {
|
|
1201
|
+
type: BooleanConstructor;
|
|
1202
|
+
default: boolean;
|
|
1203
|
+
};
|
|
1204
|
+
fullscreen: BooleanConstructor;
|
|
1205
|
+
closeLabel: {
|
|
1206
|
+
type: StringConstructor;
|
|
1207
|
+
default: string;
|
|
1208
|
+
};
|
|
1209
|
+
padding: {
|
|
1210
|
+
default: string;
|
|
1211
|
+
type: PropType<Spacing>;
|
|
1212
|
+
};
|
|
1213
|
+
gap: {
|
|
1214
|
+
type: PropType<Spacing>;
|
|
1215
|
+
default: undefined;
|
|
1216
|
+
};
|
|
1217
|
+
align: {
|
|
1218
|
+
type: PropType<Align>;
|
|
1219
|
+
default: Align;
|
|
1220
|
+
validator: (value: Align) => boolean;
|
|
1221
|
+
};
|
|
1222
|
+
};
|
|
1129
1223
|
};
|
|
1130
1224
|
export type BoxProps = ExtractPropTypes<typeof boxProps>;
|
|
1131
1225
|
export type ComponentProps = {
|
package/dist/vue/props.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/vue/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3F,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAa,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/vue/props.ts"],"names":[],"mappings":"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"}
|
package/dist/vue/props.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { iconSizes } from '../icon.js';
|
|
2
|
+
import { sheetCloseReasons } from '../sheet.js';
|
|
2
3
|
function choice(values, defaultValue) {
|
|
3
4
|
return {
|
|
4
5
|
type: String,
|
|
@@ -147,8 +148,32 @@ export const iconProps = {
|
|
|
147
148
|
/** Accessible name. Without it the icon is decorative and hidden from assistive technology. */
|
|
148
149
|
label: { type: String, default: undefined },
|
|
149
150
|
};
|
|
150
|
-
export const screenProps = {
|
|
151
|
+
export const screenProps = {
|
|
152
|
+
...viewProps,
|
|
153
|
+
scroll: Boolean,
|
|
154
|
+
/** Puts the software keyboard away on a tap outside the editor and, with `scroll`, on a drag towards it. */
|
|
155
|
+
dismissKeyboard: { type: Boolean, default: true },
|
|
156
|
+
};
|
|
151
157
|
export const revealProps = { ...columnProps, show: Boolean };
|
|
158
|
+
export const sheetProps = {
|
|
159
|
+
id: viewProps.id,
|
|
160
|
+
accessibilityLabel: viewProps.accessibilityLabel,
|
|
161
|
+
open: Boolean,
|
|
162
|
+
/** Rendered as the sheet heading and used as its accessible name. */
|
|
163
|
+
title: { type: String, default: undefined },
|
|
164
|
+
/** Allows the scrim, Escape, the back gesture, swiping down and the close button. */
|
|
165
|
+
dismissible: { type: Boolean, default: true },
|
|
166
|
+
fullscreen: Boolean,
|
|
167
|
+
closeLabel: { type: String, default: 'Close' },
|
|
168
|
+
padding: { ...spacingProp, default: 'lg' },
|
|
169
|
+
gap: spacingProp,
|
|
170
|
+
align: columnProps.align,
|
|
171
|
+
};
|
|
172
|
+
export const sheetEmits = {
|
|
173
|
+
'update:open': (value) => typeof value === 'boolean',
|
|
174
|
+
close: (reason) => sheetCloseReasons.includes(reason),
|
|
175
|
+
opened: () => true,
|
|
176
|
+
};
|
|
152
177
|
export const actionEmits = { click: () => true };
|
|
153
178
|
export const sliderEmits = { 'update:modelValue': (value) => Number.isFinite(value) };
|
|
154
179
|
export const componentProps = {
|
|
@@ -163,5 +188,6 @@ export const componentProps = {
|
|
|
163
188
|
MInput: inputProps,
|
|
164
189
|
MIcon: iconProps,
|
|
165
190
|
MReveal: revealProps,
|
|
191
|
+
MSheet: sheetProps,
|
|
166
192
|
};
|
|
167
193
|
//# sourceMappingURL=props.js.map
|
package/dist/vue/props.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/vue/props.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAgC,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/vue/props.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/index.ts
CHANGED
|
@@ -20,3 +20,5 @@ export { icons, iconFontVersion } from './icons.js'
|
|
|
20
20
|
export { iconGlyph, iconFontFamily, iconSizes, resolveIconSize, checkIconOnly } from './icon.js'
|
|
21
21
|
export type { IconName, IconSize } from './icon.js'
|
|
22
22
|
export type { InputHandle } from './input.js'
|
|
23
|
+
export { checkSheetName, sheetCloseReasons } from './sheet.js'
|
|
24
|
+
export type { SheetCloseReason } from './sheet.js'
|
package/src/sheet.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** Why a sheet closed: the component's own control, a platform dismissal, or `open` set to false. */
|
|
2
|
+
export type SheetCloseReason = 'button' | 'backdrop' | 'escape' | 'back' | 'swipe' | 'program'
|
|
3
|
+
|
|
4
|
+
export const sheetCloseReasons: readonly SheetCloseReason[] = [
|
|
5
|
+
'button',
|
|
6
|
+
'backdrop',
|
|
7
|
+
'escape',
|
|
8
|
+
'back',
|
|
9
|
+
'swipe',
|
|
10
|
+
'program',
|
|
11
|
+
]
|
|
12
|
+
|
|
13
|
+
export function checkSheetName(title: string | undefined, label: string | undefined) {
|
|
14
|
+
if (!title && !label) {
|
|
15
|
+
throw new RangeError('A sheet needs a title or an accessibilityLabel')
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { DefineComponent } from '@vue/runtime-core'
|
|
2
2
|
import type { ComponentProps } from './props.js'
|
|
3
|
+
import type { SheetCloseReason } from '../sheet.js'
|
|
3
4
|
|
|
4
5
|
type Action = { onClick?: () => void }
|
|
5
6
|
type Model = { 'onUpdate:modelValue'?: (value: number) => void }
|
|
@@ -9,6 +10,11 @@ type InputEvents = {
|
|
|
9
10
|
onBlur?: () => void
|
|
10
11
|
onSubmit?: (value: string) => void
|
|
11
12
|
}
|
|
13
|
+
type SheetEvents = {
|
|
14
|
+
'onUpdate:open'?: (value: boolean) => void
|
|
15
|
+
onClose?: (reason: SheetCloseReason) => void
|
|
16
|
+
onOpened?: () => void
|
|
17
|
+
}
|
|
12
18
|
|
|
13
19
|
/** Template props come from the same declarations used by both renderers. */
|
|
14
20
|
declare module '@vue/runtime-core' {
|
|
@@ -24,5 +30,6 @@ declare module '@vue/runtime-core' {
|
|
|
24
30
|
MInput: DefineComponent<ComponentProps['MInput'] & InputEvents>
|
|
25
31
|
MIcon: DefineComponent<ComponentProps['MIcon']>
|
|
26
32
|
MReveal: DefineComponent<ComponentProps['MReveal']>
|
|
33
|
+
MSheet: DefineComponent<ComponentProps['MSheet'] & SheetEvents>
|
|
27
34
|
}
|
|
28
35
|
}
|
package/src/vue/index.ts
CHANGED
package/src/vue/props.ts
CHANGED
|
@@ -2,6 +2,7 @@ import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from '@vue/ru
|
|
|
2
2
|
import type { Palette, Spacing, Radius } from '../theme/types.js'
|
|
3
3
|
import type { Dimension } from '../layout.js'
|
|
4
4
|
import { iconSizes, type IconName, type IconSize } from '../icon.js'
|
|
5
|
+
import { sheetCloseReasons, type SheetCloseReason } from '../sheet.js'
|
|
5
6
|
|
|
6
7
|
function choice<T extends string>(values: readonly T[], defaultValue: T) {
|
|
7
8
|
return {
|
|
@@ -161,8 +162,32 @@ export const iconProps = {
|
|
|
161
162
|
/** Accessible name. Without it the icon is decorative and hidden from assistive technology. */
|
|
162
163
|
label: { type: String, default: undefined },
|
|
163
164
|
}
|
|
164
|
-
export const screenProps = {
|
|
165
|
+
export const screenProps = {
|
|
166
|
+
...viewProps,
|
|
167
|
+
scroll: Boolean,
|
|
168
|
+
/** Puts the software keyboard away on a tap outside the editor and, with `scroll`, on a drag towards it. */
|
|
169
|
+
dismissKeyboard: { type: Boolean, default: true },
|
|
170
|
+
}
|
|
165
171
|
export const revealProps = { ...columnProps, show: Boolean }
|
|
172
|
+
export const sheetProps = {
|
|
173
|
+
id: viewProps.id,
|
|
174
|
+
accessibilityLabel: viewProps.accessibilityLabel,
|
|
175
|
+
open: Boolean,
|
|
176
|
+
/** Rendered as the sheet heading and used as its accessible name. */
|
|
177
|
+
title: { type: String, default: undefined },
|
|
178
|
+
/** Allows the scrim, Escape, the back gesture, swiping down and the close button. */
|
|
179
|
+
dismissible: { type: Boolean, default: true },
|
|
180
|
+
fullscreen: Boolean,
|
|
181
|
+
closeLabel: { type: String, default: 'Close' },
|
|
182
|
+
padding: { ...spacingProp, default: 'lg' },
|
|
183
|
+
gap: spacingProp,
|
|
184
|
+
align: columnProps.align,
|
|
185
|
+
}
|
|
186
|
+
export const sheetEmits = {
|
|
187
|
+
'update:open': (value: boolean) => typeof value === 'boolean',
|
|
188
|
+
close: (reason: SheetCloseReason) => sheetCloseReasons.includes(reason),
|
|
189
|
+
opened: () => true,
|
|
190
|
+
}
|
|
166
191
|
export const actionEmits = { click: () => true }
|
|
167
192
|
export const sliderEmits = { 'update:modelValue': (value: number) => Number.isFinite(value) }
|
|
168
193
|
|
|
@@ -178,6 +203,7 @@ export const componentProps = {
|
|
|
178
203
|
MInput: inputProps,
|
|
179
204
|
MIcon: iconProps,
|
|
180
205
|
MReveal: revealProps,
|
|
206
|
+
MSheet: sheetProps,
|
|
181
207
|
}
|
|
182
208
|
export type BoxProps = ExtractPropTypes<typeof boxProps>
|
|
183
209
|
export type ComponentProps = {
|