@pantograph/vue 0.30.6 → 0.30.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.
@@ -1,115 +1,7 @@
1
- import { GOItem, GoPickerGroup, GOPickerModel, GOPickerProps } from './GOPicker.model';
1
+ import { GOItem, GoPickerGroup, GOPickerModel, GOPickerProps, GOPickerSlots } from './GOPicker.model';
2
2
  declare function __VLS_template(): {
3
3
  attrs: Partial<{}>;
4
- slots: {
5
- default?(_: {
6
- model: GOPickerModel | undefined;
7
- disabled: boolean;
8
- borderless: boolean | undefined;
9
- id: string | undefined;
10
- }): any;
11
- fgHeader?(_: {}): any;
12
- fgItem?(_: {
13
- class?: import('class-variance-authority/types').ClassValue;
14
- flipOnDir?: import('..').FlipOnDir;
15
- icon?: string;
16
- customStroke?: boolean;
17
- fg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectFG | string;
18
- bg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBG | string;
19
- br?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBR | string;
20
- size?: "sm" | "md" | undefined;
21
- selected?: boolean;
22
- disabled?: boolean;
23
- type?: import('..').ColorSwatchType;
24
- customPickerIcon?: string;
25
- value?: string;
26
- }): any;
27
- fgIcon?(_: {
28
- class?: import('class-variance-authority/types').ClassValue;
29
- flipOnDir?: import('..').FlipOnDir;
30
- icon?: string;
31
- customStroke?: boolean;
32
- fg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectFG | string;
33
- bg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBG | string;
34
- br?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBR | string;
35
- size?: "sm" | "md" | undefined;
36
- selected?: boolean;
37
- disabled?: boolean;
38
- type?: import('..').ColorSwatchType;
39
- customPickerIcon?: string;
40
- value?: string;
41
- }): any;
42
- bgHeader?(_: {}): any;
43
- bgItem?(_: {
44
- class?: import('class-variance-authority/types').ClassValue;
45
- flipOnDir?: import('..').FlipOnDir;
46
- icon?: string;
47
- customStroke?: boolean;
48
- fg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectFG | string;
49
- bg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBG | string;
50
- br?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBR | string;
51
- size?: "sm" | "md" | undefined;
52
- selected?: boolean;
53
- disabled?: boolean;
54
- type?: import('..').ColorSwatchType;
55
- customPickerIcon?: string;
56
- value?: string;
57
- }): any;
58
- bgIcon?(_: {
59
- class?: import('class-variance-authority/types').ClassValue;
60
- flipOnDir?: import('..').FlipOnDir;
61
- icon?: string;
62
- customStroke?: boolean;
63
- fg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectFG | string;
64
- bg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBG | string;
65
- br?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBR | string;
66
- size?: "sm" | "md" | undefined;
67
- selected?: boolean;
68
- disabled?: boolean;
69
- type?: import('..').ColorSwatchType;
70
- customPickerIcon?: string;
71
- value?: string;
72
- }): any;
73
- brHeader?(_: {}): any;
74
- brItem?(_: {
75
- class?: import('class-variance-authority/types').ClassValue;
76
- flipOnDir?: import('..').FlipOnDir;
77
- icon?: string;
78
- customStroke?: boolean;
79
- fg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectFG | string;
80
- bg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBG | string;
81
- br?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBR | string;
82
- size?: "sm" | "md" | undefined;
83
- selected?: boolean;
84
- disabled?: boolean;
85
- type?: import('..').ColorSwatchType;
86
- customPickerIcon?: string;
87
- value?: string;
88
- }): any;
89
- brIcon?(_: {
90
- class?: import('class-variance-authority/types').ClassValue;
91
- flipOnDir?: import('..').FlipOnDir;
92
- icon?: string;
93
- customStroke?: boolean;
94
- fg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectFG | string;
95
- bg?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBG | string;
96
- br?: import('../GraphicalObject/GraphicalObject.model').GraphicalObjectBR | string;
97
- size?: "sm" | "md" | undefined;
98
- selected?: boolean;
99
- disabled?: boolean;
100
- type?: import('..').ColorSwatchType;
101
- customPickerIcon?: string;
102
- value?: string;
103
- }): any;
104
- item?(_: {
105
- item: GOItem;
106
- group: "icon";
107
- }): any;
108
- item?(_: {
109
- item: GOItem;
110
- group: "emoji";
111
- }): any;
112
- };
4
+ slots: Readonly<GOPickerSlots> & GOPickerSlots;
113
5
  refs: {};
114
6
  rootEl: any;
115
7
  };
@@ -120,12 +12,14 @@ declare const __VLS_component: import('vue').DefineComponent<GOPickerProps, {},
120
12
  change: (value?: GOPickerModel | undefined) => any;
121
13
  "update:modelValue": (value?: GOPickerModel | undefined) => any;
122
14
  "update:group": (value?: GoPickerGroup | undefined) => any;
15
+ "update:search": (value?: string | undefined) => any;
123
16
  }, string, import('vue').PublicProps, Readonly<GOPickerProps> & Readonly<{
124
17
  onSelect?: ((value: GOItem) => any) | undefined;
125
18
  onClear?: (() => any) | undefined;
126
19
  onChange?: ((value?: GOPickerModel | undefined) => any) | undefined;
127
20
  "onUpdate:modelValue"?: ((value?: GOPickerModel | undefined) => any) | undefined;
128
21
  "onUpdate:group"?: ((value?: GoPickerGroup | undefined) => any) | undefined;
22
+ "onUpdate:search"?: ((value?: string | undefined) => any) | undefined;
129
23
  }>, {
130
24
  disabled: boolean;
131
25
  popoverProps: import('..').PopoverProps;
@@ -5,9 +5,13 @@ import { ScrollContainerProps } from '../ScrollContainer/ScrollContainer';
5
5
  import { ColorTriggerSize } from '../ColorTrigger/ColorTrigger.model';
6
6
  import { ComputedRef, Ref } from 'vue';
7
7
  import { ClassValue } from 'class-variance-authority/types';
8
+ import { ColorSwatchSlots } from '../ColorSwatch';
9
+ import { BaseInputSlots } from '../Base/BaseInput/BaseInput';
10
+ import { InputProps } from '../Input';
8
11
  export interface GOItem {
9
12
  keywords?: string[];
10
13
  value: string;
14
+ group?: number;
11
15
  }
12
16
  export type GoPickerGroup = 'icon' | 'emoji';
13
17
  type ColorPicker = 'fg' | 'bg' | 'br';
@@ -52,6 +56,8 @@ export interface GOPickerProps {
52
56
  scrollContainerProps?: ScrollContainerProps;
53
57
  size?: ColorTriggerSize;
54
58
  id?: string;
59
+ search?: string;
60
+ inputProps?: InputProps;
55
61
  resetColorsOnChangeType?: {
56
62
  icon?: ('fg' | 'bg' | 'br')[];
57
63
  emoji?: ('fg' | 'bg' | 'br')[];
@@ -59,10 +65,11 @@ export interface GOPickerProps {
59
65
  }
60
66
  export interface GOPickerEmits {
61
67
  (e: 'update:group', value?: GoPickerGroup): void;
68
+ (e: 'update:search', value?: string): void;
69
+ (e: 'update:modelValue', value?: GOPickerModel): void;
62
70
  (e: 'clear'): void;
63
71
  (e: 'change', value?: GOPickerModel): void;
64
72
  (e: 'select', value: GOItem): void;
65
- (e: 'update:modelValue', value?: GOPickerModel): void;
66
73
  }
67
74
  export interface GOPickerContext {
68
75
  props: GOPickerProps;
@@ -72,5 +79,23 @@ export interface GOPickerContext {
72
79
  setValue: (value: GOItem) => void;
73
80
  groupModel: Ref<GoPickerGroup | undefined>;
74
81
  }
82
+ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' | 'trailing' | 'clearIcon'>> {
83
+ default?: (data: Partial<Pick<GOPickerProps, 'disabled' | 'borderless' | 'id'>> & {
84
+ model: GOPickerProps['modelValue'];
85
+ }) => never;
86
+ fgHeader?: () => never;
87
+ fgItem?: ColorSwatchSlots['default'];
88
+ fgIcon?: ColorSwatchSlots['icon'];
89
+ bgHeader?: () => never;
90
+ bgItem?: ColorSwatchSlots['default'];
91
+ bgIcon?: ColorSwatchSlots['icon'];
92
+ brHeader?: () => never;
93
+ brItem?: ColorSwatchSlots['default'];
94
+ brIcon?: ColorSwatchSlots['icon'];
95
+ item?: (data: {
96
+ item: GOItem;
97
+ group: GoPickerGroup | undefined;
98
+ }) => never;
99
+ }
75
100
  export declare const goPickerPrefix: string;
76
101
  export {};