@synopackageland/ui 0.20.4 → 0.20.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/LICENSES/THIRD_PARTY.md +2 -32
  3. package/dist/cli.js +0 -0
  4. package/dist/components/app/app-layout/AppLayout.vue.d.ts +21 -1
  5. package/dist/components/app/app-layout/pageTitle.d.ts +24 -0
  6. package/dist/components/app/app-tab-bar/AppTabBar.vue.d.ts +1 -1
  7. package/dist/components/app/aside-panel/AsidePanel.vue.d.ts +1 -1
  8. package/dist/components/app/section-tabs/SectionTabs.vue.d.ts +22 -4
  9. package/dist/components/composite/about-dialog/AboutDialog.vue.d.ts +1 -1
  10. package/dist/components/composite/adaptive-panel/AdaptivePanel.vue.d.ts +1 -1
  11. package/dist/components/composite/data-grid/DataGrid.vue.d.ts +19 -1
  12. package/dist/components/composite/data-grid/labels.d.ts +15 -0
  13. package/dist/components/composite/data-grid/listLayout.d.ts +26 -0
  14. package/dist/components/composite/data-table/DataTable.vue.d.ts +33 -7
  15. package/dist/components/composite/file-picker/FilePicker.vue.d.ts +2 -2
  16. package/dist/components/composite/form/FormGroup.vue.d.ts +1 -1
  17. package/dist/components/composite/form/context.d.ts +13 -0
  18. package/dist/components/composite/form-actions/FormActions.vue.d.ts +6 -2
  19. package/dist/components/composite/record-panel/RecordPanel.vue.d.ts +20 -6
  20. package/dist/components/composite/settings-section/SettingsSection.vue.d.ts +1 -1
  21. package/dist/components/composite/tag-editor/TagEditor.vue.d.ts +2 -2
  22. package/dist/components/composite/tree-view/TreeView.vue.d.ts +4 -4
  23. package/dist/components/composite/wizard/WizardDialog.vue.d.ts +2 -2
  24. package/dist/components/containers/list-detail/ListDetail.vue.d.ts +5 -3
  25. package/dist/components/feedback/validation-popup/ValidationPopup.vue.d.ts +1 -1
  26. package/dist/components/primitives/color-picker/ColorPicker.vue.d.ts +4 -4
  27. package/dist/components/primitives/combobox/Combobox.vue.d.ts +4 -4
  28. package/dist/components/primitives/context-menu/ContextMenu.vue.d.ts +2 -2
  29. package/dist/components/primitives/dialog/Dialog.vue.d.ts +17 -9
  30. package/dist/components/primitives/dropdown-menu/DropdownMenu.vue.d.ts +3 -3
  31. package/dist/components/primitives/dropdown-menu/DropdownMenuSheet.vue.d.ts +28 -0
  32. package/dist/components/primitives/input/Input.vue.d.ts +8 -1
  33. package/dist/components/primitives/input/Textarea.vue.d.ts +1 -1
  34. package/dist/components/primitives/input-steppers/InputSteppers.vue.d.ts +1 -1
  35. package/dist/components/primitives/motion/PushTransition.vue.d.ts +38 -0
  36. package/dist/components/primitives/multiple-select/MultipleSelect.vue.d.ts +4 -4
  37. package/dist/components/primitives/pagination/Pagination.vue.d.ts +22 -9
  38. package/dist/components/primitives/pagination/PaginationSheet.vue.d.ts +27 -0
  39. package/dist/components/primitives/pagination/labels.d.ts +6 -0
  40. package/dist/components/primitives/popover/Popover.vue.d.ts +1 -1
  41. package/dist/components/primitives/select/internal/ComboboxField.vue.d.ts +5 -5
  42. package/dist/components/primitives/select/internal/SelectSheet.vue.d.ts +42 -0
  43. package/dist/components/primitives/sheet/BottomSheet.vue.d.ts +69 -0
  44. package/dist/components/primitives/sheet/Sheet.vue.d.ts +13 -5
  45. package/dist/components/primitives/sheet/phone.d.ts +7 -0
  46. package/dist/components/primitives/superbox-select/SuperboxSelect.vue.d.ts +4 -4
  47. package/dist/components/rich-text-editor/RichTextEditor.vue.d.ts +1 -1
  48. package/dist/composables/formControl.d.ts +18 -0
  49. package/dist/composables/phoneSurface.d.ts +35 -0
  50. package/dist/feedback/StatusSlot.vue.d.ts +1 -1
  51. package/dist/grid/host/GridHost.vue.d.ts +1 -1
  52. package/dist/grid.js +358 -259
  53. package/dist/i18n/text.d.ts +11 -0
  54. package/dist/index.d.ts +7 -2
  55. package/dist/index.js +23021 -18391
  56. package/dist/json-preview/preview.js +16926 -12450
  57. package/dist/reka-runtime.json +15 -12
  58. package/dist/rich-text.js +1 -1
  59. package/dist/theme.css +1 -1
  60. package/dist/themes/dsm7-embedded-reset.css +1 -1
  61. package/dist/themes/dsm7-embedded-theme.css +1 -1
  62. package/dist/themes/dsm7-embedded.css +1 -1
  63. package/dist/themes/dsm7.css +1 -1
  64. package/docs/adaptive-layout.md +11 -9
  65. package/docs/app-local-modal.md +1 -1
  66. package/docs/layout-rules.md +14 -0
  67. package/docs/list-detail.md +9 -3
  68. package/docs/mobile-native.md +299 -11
  69. package/docs/release-checks.md +5 -0
  70. package/docs/theme-hooks.md +2 -2
  71. package/package.json +64 -57
@@ -43,11 +43,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
43
43
  collapseNode: (id: string) => void;
44
44
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
45
45
  select: (node: TreeNode) => any;
46
- "update:modelValue": (value: string | string[] | undefined) => any;
47
46
  load: (payload: {
48
47
  node: TreeNode;
49
48
  children: TreeNode[];
50
49
  }) => any;
50
+ "update:modelValue": (value: string | string[] | undefined) => any;
51
51
  check: (payload: TreeViewCheckPayload) => any;
52
52
  "update:checkedKeys": (value: string[]) => any;
53
53
  "update:expanded": (value: string[]) => any;
@@ -62,11 +62,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
62
62
  collapse: (node: TreeNode) => any;
63
63
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
64
64
  onSelect?: ((node: TreeNode) => any) | undefined;
65
- "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
66
65
  onLoad?: ((payload: {
67
66
  node: TreeNode;
68
67
  children: TreeNode[];
69
68
  }) => any) | undefined;
69
+ "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
70
70
  onCheck?: ((payload: TreeViewCheckPayload) => any) | undefined;
71
71
  "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
72
72
  "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
@@ -80,10 +80,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
80
80
  "onUpdate:nodes"?: ((value: TreeNode[]) => any) | undefined;
81
81
  onCollapse?: ((node: TreeNode) => any) | undefined;
82
82
  }>, {
83
- multiple: boolean;
84
83
  expanded: string[];
85
- checkedKeys: string[];
86
84
  draggable: boolean | TreeViewDraggableConfig;
85
+ multiple: boolean;
86
+ checkedKeys: string[];
87
87
  showIcons: boolean;
88
88
  checkable: boolean;
89
89
  defaultCheckedKeys: string[];
@@ -31,11 +31,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
31
31
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
32
32
  onFinished?: (() => any) | undefined;
33
33
  }>, {
34
- defaultOpen: boolean;
35
34
  open: boolean;
35
+ defaultOpen: boolean;
36
36
  showClose: boolean;
37
- closeOnFinish: boolean;
38
37
  confirmClose: boolean;
38
+ closeOnFinish: boolean;
39
39
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
40
40
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
41
41
  declare const _default: typeof __VLS_export;
@@ -18,13 +18,15 @@ type __VLS_Props = {
18
18
  };
19
19
  /** Goes back to the default width and forgets the remembered one. */
20
20
  declare function reset(): void;
21
- declare var __VLS_1: {}, __VLS_3: {}, __VLS_13: {};
21
+ declare var __VLS_1: {}, __VLS_12: {}, __VLS_14: {}, __VLS_24: {};
22
22
  type __VLS_Slots = {} & {
23
23
  default?: (props: typeof __VLS_1) => any;
24
24
  } & {
25
- header?: (props: typeof __VLS_3) => any;
25
+ header?: (props: typeof __VLS_12) => any;
26
26
  } & {
27
- detail?: (props: typeof __VLS_13) => any;
27
+ header?: (props: typeof __VLS_14) => any;
28
+ } & {
29
+ detail?: (props: typeof __VLS_24) => any;
28
30
  };
29
31
  declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
30
32
  reset: typeof reset;
@@ -24,11 +24,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
24
24
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
25
25
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
26
26
  }>, {
27
+ open: boolean;
27
28
  offset: number;
28
29
  side: "top" | "right" | "bottom" | "left";
29
30
  align: "start" | "center" | "end";
30
31
  defaultOpen: boolean;
31
- open: boolean;
32
32
  disable: boolean;
33
33
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
34
34
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -34,13 +34,13 @@ type __VLS_Props = {
34
34
  declare function reset(): void;
35
35
  declare function showCustom(): void;
36
36
  declare function closeDropdown(): void;
37
- declare var __VLS_36: {}, __VLS_38: {}, __VLS_40: {};
37
+ declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
38
38
  type __VLS_Slots = {} & {
39
- 'top-custom'?: (props: typeof __VLS_36) => any;
39
+ 'top-custom'?: (props: typeof __VLS_7) => any;
40
40
  } & {
41
- 'bottom-custom'?: (props: typeof __VLS_38) => any;
41
+ 'bottom-custom'?: (props: typeof __VLS_9) => any;
42
42
  } & {
43
- bottom?: (props: typeof __VLS_40) => any;
43
+ bottom?: (props: typeof __VLS_11) => any;
44
44
  };
45
45
  declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
46
46
  reset: typeof reset;
@@ -6,21 +6,21 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
6
6
  declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
7
  select: (option: SelectOption) => any;
8
8
  blur: (event: FocusEvent) => any;
9
+ focus: (event: FocusEvent) => any;
9
10
  invalid: (text: string) => any;
10
11
  "update:modelValue": (value: string) => any;
11
- focus: (event: FocusEvent) => any;
12
- "update:loading": (loading: boolean) => any;
13
12
  create: (value: string) => any;
13
+ "update:loading": (loading: boolean) => any;
14
14
  "open-dropdown": () => any;
15
15
  "close-dropdown": () => any;
16
16
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
17
17
  onSelect?: ((option: SelectOption) => any) | undefined;
18
18
  onBlur?: ((event: FocusEvent) => any) | undefined;
19
+ onFocus?: ((event: FocusEvent) => any) | undefined;
19
20
  onInvalid?: ((text: string) => any) | undefined;
20
21
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
21
- onFocus?: ((event: FocusEvent) => any) | undefined;
22
- "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
23
22
  onCreate?: ((value: string) => any) | undefined;
23
+ "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
24
24
  "onOpen-dropdown"?: (() => any) | undefined;
25
25
  "onClose-dropdown"?: (() => any) | undefined;
26
26
  }>, {
@@ -5,9 +5,9 @@ type __VLS_Props = {
5
5
  /** How long a touch press is held before the menu opens, in ms; Reka's 700 when unset. */
6
6
  pressOpenDelay?: number;
7
7
  };
8
- declare var __VLS_18: {};
8
+ declare var __VLS_17: {};
9
9
  type __VLS_Slots = {} & {
10
- default?: (props: typeof __VLS_18) => any;
10
+ default?: (props: typeof __VLS_17) => any;
11
11
  };
12
12
  declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
13
13
  select: (key: string) => any;
@@ -16,7 +16,7 @@ type __VLS_Props = {
16
16
  minHeight?: string;
17
17
  /** The tallest the panel grows before its body scrolls (default 85vh), capped to the available height. */
18
18
  maxHeight?: string;
19
- /** Fills the viewport: `true` always, `'mobile'` only on a phone-width screen (640px and narrower), for a dialog that is a page there. */
19
+ /** Fills the viewport: `true` always, `'mobile'` only on a phone (an app 640px or narrower), for a dialog that is a page there. On a phone every dialog is a bottom sheet: `true`, `'mobile'` and a form of more than 3 fields fill the screen, the rest fit their content. */
20
20
  fullscreen?: boolean | 'mobile';
21
21
  closeLabel?: string;
22
22
  /** Hides the header close affordance for fixed-flow dialogs that own their dismiss path. */
@@ -30,15 +30,23 @@ type __VLS_Props = {
30
30
  /** The mask over the app behind: `dim` (default), `light` (a faint tint, as DSM leaves the window behind a wizard) or `none`. It blocks presses in each case. */
31
31
  scrim?: 'dim' | 'light' | 'none';
32
32
  };
33
- declare var __VLS_14: {}, __VLS_62: {}, __VLS_75: {}, __VLS_83: {};
33
+ declare var __VLS_15: {}, __VLS_18: {}, __VLS_20: {}, __VLS_23: {}, __VLS_38: {}, __VLS_86: {}, __VLS_99: {}, __VLS_107: {};
34
34
  type __VLS_Slots = {} & {
35
- trigger?: (props: typeof __VLS_14) => any;
35
+ trigger?: (props: typeof __VLS_15) => any;
36
36
  } & {
37
- header?: (props: typeof __VLS_62) => any;
37
+ header?: (props: typeof __VLS_18) => any;
38
38
  } & {
39
- default?: (props: typeof __VLS_75) => any;
39
+ default?: (props: typeof __VLS_20) => any;
40
40
  } & {
41
- footer?: (props: typeof __VLS_83) => any;
41
+ footer?: (props: typeof __VLS_23) => any;
42
+ } & {
43
+ trigger?: (props: typeof __VLS_38) => any;
44
+ } & {
45
+ header?: (props: typeof __VLS_86) => any;
46
+ } & {
47
+ default?: (props: typeof __VLS_99) => any;
48
+ } & {
49
+ footer?: (props: typeof __VLS_107) => any;
42
50
  };
43
51
  declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
44
52
  escapeKeyDown: (event: KeyboardEvent) => any;
@@ -55,13 +63,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
55
63
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
56
64
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
57
65
  }>, {
66
+ open: boolean;
58
67
  flush: boolean;
59
68
  defaultOpen: boolean;
60
- open: boolean;
61
- closeOnOutside: boolean;
62
69
  showClose: boolean;
63
- headerDivider: boolean;
70
+ closeOnOutside: boolean;
64
71
  scrim: "dim" | "light" | "none";
72
+ headerDivider: boolean;
65
73
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
66
74
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
67
75
  declare const _default: typeof __VLS_export;
@@ -17,9 +17,9 @@ type __VLS_Props = {
17
17
  /** `none` drops the open and close motion (a grid editor's menu); inherits `provideOverlayMotion`. */
18
18
  motion?: OverlayMotion;
19
19
  };
20
- declare var __VLS_16: {};
20
+ declare var __VLS_17: {};
21
21
  type __VLS_Slots = {} & {
22
- trigger?: (props: typeof __VLS_16) => any;
22
+ trigger?: (props: typeof __VLS_17) => any;
23
23
  };
24
24
  declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
25
25
  select: (key: string) => any;
@@ -38,8 +38,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
38
38
  "onUpdate:radioValues"?: ((value: Record<string, string>) => any) | undefined;
39
39
  onRadioSelect?: ((value: string, key: string, group: string) => any) | undefined;
40
40
  }>, {
41
- align: "start" | "center" | "end";
42
41
  open: boolean;
42
+ align: "start" | "center" | "end";
43
43
  motion: OverlayMotion;
44
44
  radioIndicator: "dot" | "check";
45
45
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
@@ -0,0 +1,28 @@
1
+ import { DropdownMenuEntry } from './types';
2
+ type __VLS_Props = {
3
+ open: boolean;
4
+ items: DropdownMenuEntry[];
5
+ /** The sheet's title on the first level, e.g. the name of the button that opened it. */
6
+ title?: string;
7
+ checkedKeys?: string[];
8
+ radioValues?: Record<string, string>;
9
+ radioIndicator?: 'dot' | 'check';
10
+ };
11
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ select: (key: string) => any;
13
+ radio: (value: string, key: string, group: string) => any;
14
+ toggle: (key: string, checked: boolean) => any;
15
+ "update:open": (value: boolean) => any;
16
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
17
+ onSelect?: ((key: string) => any) | undefined;
18
+ onRadio?: ((value: string, key: string, group: string) => any) | undefined;
19
+ onToggle?: ((key: string, checked: boolean) => any) | undefined;
20
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
21
+ }>, {
22
+ title: string;
23
+ checkedKeys: string[];
24
+ radioValues: Record<string, string>;
25
+ radioIndicator: "dot" | "check";
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
27
+ declare const _default: typeof __VLS_export;
28
+ export default _default;
@@ -1,5 +1,12 @@
1
1
  type __VLS_Props = {
2
2
  modelValue?: string | number;
3
+ /**
4
+ * The native input type, plus `integer` and `decimal`: text fields that open
5
+ * a number keyboard (`inputmode` numeric or decimal) without the native
6
+ * number field's spinner and value parsing. The type also sets the phone
7
+ * keyboard's hints (`inputmode`, `autocapitalize`, `spellcheck`,
8
+ * `enterkeyhint`); an attribute of the same name overrides each.
9
+ */
3
10
  type?: string;
4
11
  placeholder?: string;
5
12
  disabled?: boolean;
@@ -25,9 +32,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
25
32
  size: "sm" | "md" | "lg";
26
33
  type: string;
27
34
  disabled: boolean;
35
+ invalid: boolean;
28
36
  modelValue: string | number;
29
37
  readonly: boolean;
30
- invalid: boolean;
31
38
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
32
39
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
33
40
  declare const _default: typeof __VLS_export;
@@ -16,9 +16,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
16
16
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
17
17
  }>, {
18
18
  disabled: boolean;
19
+ invalid: boolean;
19
20
  modelValue: string;
20
21
  readonly: boolean;
21
- invalid: boolean;
22
22
  rows: number;
23
23
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
24
24
  declare const _default: typeof __VLS_export;
@@ -42,8 +42,8 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
42
42
  }>, {
43
43
  menu: InputSteppersMenuItem[];
44
44
  disabled: boolean;
45
- modelValue: number;
46
45
  width: number;
46
+ modelValue: number;
47
47
  controlsType: "right-left" | "up-down";
48
48
  hasDivider: boolean;
49
49
  selectOnFocus: boolean;
@@ -0,0 +1,38 @@
1
+ type __VLS_Props = {
2
+ /** Whether the page is pushed. */
3
+ show: boolean;
4
+ /** Push motion, the edge swipe, the back header and the Back key. Off: the page shows and hides at once. */
5
+ enabled?: boolean;
6
+ /** The page underneath: it slides 30% left, dims and turns inert while covered. */
7
+ under?: HTMLElement | null;
8
+ /** The back header's title; without it (and without the `title` slot) the page has no back header. */
9
+ title?: string;
10
+ /** Keeps the page mounted, hidden, while it is popped (its local drafts stay). */
11
+ keepMounted?: boolean;
12
+ /** The page's element. */
13
+ as?: string;
14
+ };
15
+ type __VLS_Slots = {
16
+ default?: () => unknown;
17
+ title?: () => unknown;
18
+ 'header-actions'?: () => unknown;
19
+ };
20
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
+ pop: () => any;
22
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
23
+ onPop?: (() => any) | undefined;
24
+ }>, {
25
+ title: string;
26
+ as: string;
27
+ enabled: boolean;
28
+ under: HTMLElement | null;
29
+ keepMounted: boolean;
30
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
31
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
32
+ declare const _default: typeof __VLS_export;
33
+ export default _default;
34
+ type __VLS_WithSlots<T, S> = T & {
35
+ new (): {
36
+ $slots: S;
37
+ };
38
+ };
@@ -6,21 +6,21 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
6
6
  declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
7
  select: (option: SelectOption) => any;
8
8
  blur: (event: FocusEvent) => any;
9
+ focus: (event: FocusEvent) => any;
9
10
  invalid: (text: string) => any;
10
11
  "update:modelValue": (value: string[]) => any;
11
- focus: (event: FocusEvent) => any;
12
- "update:loading": (loading: boolean) => any;
13
12
  create: (value: string) => any;
13
+ "update:loading": (loading: boolean) => any;
14
14
  "open-dropdown": () => any;
15
15
  "close-dropdown": () => any;
16
16
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
17
17
  onSelect?: ((option: SelectOption) => any) | undefined;
18
18
  onBlur?: ((event: FocusEvent) => any) | undefined;
19
+ onFocus?: ((event: FocusEvent) => any) | undefined;
19
20
  onInvalid?: ((text: string) => any) | undefined;
20
21
  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
21
- onFocus?: ((event: FocusEvent) => any) | undefined;
22
- "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
23
22
  onCreate?: ((value: string) => any) | undefined;
23
+ "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
24
24
  "onOpen-dropdown"?: (() => any) | undefined;
25
25
  "onClose-dropdown"?: (() => any) | undefined;
26
26
  }>, {
@@ -29,7 +29,8 @@ type __VLS_Props = {
29
29
  showTotal?: boolean;
30
30
  /** Page-size choices; `false` hides the selector. Bind `v-model:page-size` to follow it. */
31
31
  itemsPerPage?: false | PaginationPageSizeOption[];
32
- mode?: 'normal' | 'less';
32
+ /** `phone` is the `‹ Page 1 of N ›` pager with its page sheet; an app 640px or narrower uses it whatever the mode. */
33
+ mode?: 'normal' | 'less' | 'phone';
33
34
  hasFirstBtn?: boolean;
34
35
  hasLastBtn?: boolean;
35
36
  /** Unknown total: no page numbers and no totals, only previous/next. */
@@ -54,13 +55,25 @@ declare var __VLS_1: {
54
55
  pageCount: number;
55
56
  start: number;
56
57
  end: number;
57
- }, __VLS_59: {}, __VLS_81: {};
58
+ }, __VLS_33: {}, __VLS_48: {}, __VLS_58: {
59
+ total: number;
60
+ page: number;
61
+ pageCount: number;
62
+ start: number;
63
+ end: number;
64
+ }, __VLS_116: {}, __VLS_138: {};
58
65
  type __VLS_Slots = {} & {
59
66
  total?: (props: typeof __VLS_1) => any;
60
67
  } & {
61
- right?: (props: typeof __VLS_59) => any;
68
+ right?: (props: typeof __VLS_33) => any;
69
+ } & {
70
+ 'right-wrapper'?: (props: typeof __VLS_48) => any;
71
+ } & {
72
+ total?: (props: typeof __VLS_58) => any;
73
+ } & {
74
+ right?: (props: typeof __VLS_116) => any;
62
75
  } & {
63
- 'right-wrapper'?: (props: typeof __VLS_81) => any;
76
+ 'right-wrapper'?: (props: typeof __VLS_138) => any;
64
77
  };
65
78
  declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
66
79
  focusPrevious: () => void;
@@ -80,23 +93,23 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
80
93
  }>, {
81
94
  modelValue: number;
82
95
  end: string | number;
83
- mode: "normal" | "less";
96
+ mode: "normal" | "less" | "phone";
84
97
  labels: Partial<PaginationLabels>;
85
98
  start: string | number;
99
+ hasNext: boolean;
86
100
  refresh: boolean;
87
- total: string | number;
101
+ endless: boolean;
88
102
  pageSize: number;
89
- hasNext: boolean;
103
+ itemsPerPage: false | PaginationPageSizeOption[];
104
+ total: string | number;
90
105
  hasPrev: boolean;
91
106
  selectedCount: string | number;
92
107
  filteredCount: string | number;
93
108
  switchPage: boolean;
94
109
  pageShiftUnit: number;
95
110
  showTotal: boolean;
96
- itemsPerPage: false | PaginationPageSizeOption[];
97
111
  hasFirstBtn: boolean;
98
112
  hasLastBtn: boolean;
99
- endless: boolean;
100
113
  autoLess: boolean;
101
114
  lessWidth: number;
102
115
  maxPageButtons: number;
@@ -0,0 +1,27 @@
1
+ type __VLS_Props = {
2
+ open: boolean;
3
+ page: number;
4
+ pageCount: number;
5
+ /** Unknown total: no page field, only the sizes. */
6
+ endless: boolean;
7
+ pageSize: number;
8
+ sizes: {
9
+ label: string;
10
+ value: string;
11
+ }[];
12
+ title: string;
13
+ hint: string;
14
+ go: string;
15
+ itemsPerPage: string;
16
+ };
17
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ "update:open": (open: boolean) => any;
19
+ page: (page: number) => any;
20
+ pageSize: (value: string) => any;
21
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
22
+ "onUpdate:open"?: ((open: boolean) => any) | undefined;
23
+ onPage?: ((page: number) => any) | undefined;
24
+ onPageSize?: ((value: string) => any) | undefined;
25
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
+ declare const _default: typeof __VLS_export;
27
+ export default _default;
@@ -12,6 +12,12 @@ export type PaginationLabels = {
12
12
  /** Accessible name of an inactive page button. */
13
13
  goToPage: (page: number) => string;
14
14
  itemsPerPage: string;
15
+ /** The phone pager's middle label, `Page 1 of 24`; it opens the page sheet. */
16
+ pageOf: (page: number, pageCount: number) => string;
17
+ /** Title of the phone page sheet and its page field. */
18
+ goToPageTitle: string;
19
+ /** The page sheet's confirm button. */
20
+ go: string;
15
21
  /** Templates for `totalTextMode`; `{total}`, `{start}`, `{end}`, `{filteredCount}` and `{selectedCount}` are replaced. */
16
22
  totalText: Record<PaginationTotalTextMode, string>;
17
23
  };
@@ -23,10 +23,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
23
23
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
24
24
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
25
25
  }>, {
26
+ open: boolean;
26
27
  width: string;
27
28
  side: "top" | "right" | "bottom" | "left";
28
29
  align: "start" | "center" | "end";
29
- open: boolean;
30
30
  motion: OverlayMotion;
31
31
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
32
32
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -2,21 +2,21 @@ import { SelectFieldProps, SelectOption } from './types';
2
2
  declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
3
  select: (option: SelectOption) => any;
4
4
  blur: (event: FocusEvent) => any;
5
+ focus: (event: FocusEvent) => any;
5
6
  invalid: (text: string) => any;
6
7
  "update:modelValue": (value: string | string[]) => any;
7
- focus: (event: FocusEvent) => any;
8
- "update:loading": (loading: boolean) => any;
9
8
  create: (value: string) => any;
9
+ "update:loading": (loading: boolean) => any;
10
10
  "open-dropdown": () => any;
11
11
  "close-dropdown": () => any;
12
12
  }, string, import('vue').PublicProps, Readonly<SelectFieldProps> & Readonly<{
13
13
  onSelect?: ((option: SelectOption) => any) | undefined;
14
14
  onBlur?: ((event: FocusEvent) => any) | undefined;
15
+ onFocus?: ((event: FocusEvent) => any) | undefined;
15
16
  onInvalid?: ((text: string) => any) | undefined;
16
17
  "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
17
- onFocus?: ((event: FocusEvent) => any) | undefined;
18
- "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
19
18
  onCreate?: ((value: string) => any) | undefined;
19
+ "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
20
20
  "onOpen-dropdown"?: (() => any) | undefined;
21
21
  "onClose-dropdown"?: (() => any) | undefined;
22
22
  }>, {
@@ -28,10 +28,10 @@ declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {},
28
28
  ariaLabelledby: string;
29
29
  defaultValue: string | string[];
30
30
  options: import('./types').SelectOptions;
31
+ multiple: boolean;
31
32
  minSearchChar: number;
32
33
  caseSensitive: boolean;
33
34
  motion: "auto" | "none";
34
- multiple: boolean;
35
35
  allowCreate: import('./types').SelectAllowCreate;
36
36
  editable: boolean;
37
37
  clearable: boolean;
@@ -0,0 +1,42 @@
1
+ import { SelectGroup } from './options';
2
+ type __VLS_Props = {
3
+ open: boolean;
4
+ title?: string;
5
+ groups: SelectGroup[];
6
+ /** The chosen value, or values with `multiple`. */
7
+ value?: string | string[];
8
+ multiple?: boolean;
9
+ /** Shows the search field. */
10
+ search?: boolean;
11
+ query?: string;
12
+ searchPlaceholder?: string;
13
+ loading?: boolean;
14
+ loadingText?: string;
15
+ notFoundText?: string;
16
+ /** A last row that adds what was typed, e.g. `Add "Lisbon"`. */
17
+ createText?: string;
18
+ };
19
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
+ "update:open": (value: boolean) => any;
21
+ "update:query": (value: string) => any;
22
+ pick: (value: string) => any;
23
+ create: () => any;
24
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
25
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
26
+ "onUpdate:query"?: ((value: string) => any) | undefined;
27
+ onPick?: ((value: string) => any) | undefined;
28
+ onCreate?: (() => any) | undefined;
29
+ }>, {
30
+ search: boolean;
31
+ title: string;
32
+ loading: boolean;
33
+ value: string | string[];
34
+ multiple: boolean;
35
+ query: string;
36
+ searchPlaceholder: string;
37
+ loadingText: string;
38
+ notFoundText: string;
39
+ createText: string;
40
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
41
+ declare const _default: typeof __VLS_export;
42
+ export default _default;
@@ -0,0 +1,69 @@
1
+ /** `auto` fits the content up to 92%; `large` is 92% (a strip of the page stays, a tap there closes); `full` fills the screen. Any other value is a CSS height, capped at 92%. */
2
+ export type BottomSheetHeight = 'auto' | 'large' | 'full' | (string & {});
3
+ type __VLS_Props = {
4
+ open?: boolean;
5
+ defaultOpen?: boolean;
6
+ title?: string;
7
+ description?: string;
8
+ height?: BottomSheetHeight;
9
+ /** Resting points as fractions of the screen (or px), e.g. `[0.5, 0.92]`. */
10
+ snapPoints?: (number | string)[];
11
+ closeLabel?: string;
12
+ showClose?: boolean;
13
+ /** `false` keeps the sheet open on a press outside it. */
14
+ closeOnOutside?: boolean;
15
+ /** `false` leaves the page usable behind the sheet: no scrim, scroll lock or focus trap. */
16
+ modal?: boolean;
17
+ /** The mask behind: `dim` (default), `light` or `none`. */
18
+ scrim?: 'dim' | 'light' | 'none';
19
+ /** Drops the body's padding and scrolling, for content that scrolls itself. */
20
+ flush?: boolean;
21
+ /** Asks "Discard changes?" before a swipe, Back, Escape, an outside press or the close button closes it (set while a form is dirty). */
22
+ confirmClose?: boolean;
23
+ /** Whether Back closes the sheet. Default: on a phone. */
24
+ backDismiss?: boolean;
25
+ };
26
+ declare var __VLS_16: {}, __VLS_71: {}, __VLS_90: {}, __VLS_98: {};
27
+ type __VLS_Slots = {} & {
28
+ trigger?: (props: typeof __VLS_16) => any;
29
+ } & {
30
+ header?: (props: typeof __VLS_71) => any;
31
+ } & {
32
+ default?: (props: typeof __VLS_90) => any;
33
+ } & {
34
+ footer?: (props: typeof __VLS_98) => any;
35
+ };
36
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
37
+ escapeKeyDown: (event: KeyboardEvent) => any;
38
+ pointerDownOutside: (event: Event) => any;
39
+ interactOutside: (event: Event) => any;
40
+ openAutoFocus: (event: Event) => any;
41
+ closeAutoFocus: (event: Event) => any;
42
+ "update:open": (value: boolean) => any;
43
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
44
+ onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
45
+ onPointerDownOutside?: ((event: Event) => any) | undefined;
46
+ onInteractOutside?: ((event: Event) => any) | undefined;
47
+ onOpenAutoFocus?: ((event: Event) => any) | undefined;
48
+ onCloseAutoFocus?: ((event: Event) => any) | undefined;
49
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
50
+ }>, {
51
+ height: BottomSheetHeight;
52
+ open: boolean;
53
+ flush: boolean;
54
+ defaultOpen: boolean;
55
+ modal: boolean;
56
+ showClose: boolean;
57
+ closeOnOutside: boolean;
58
+ scrim: "dim" | "light" | "none";
59
+ confirmClose: boolean;
60
+ backDismiss: boolean;
61
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
62
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
63
+ declare const _default: typeof __VLS_export;
64
+ export default _default;
65
+ type __VLS_WithSlots<T, S> = T & {
66
+ new (): {
67
+ $slots: S;
68
+ };
69
+ };