@wizleap-inc/wiz-ui-next 2.38.1 → 2.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { PropType } from "vue";
2
2
  import type { TIcon } from '../../../components/icons';
3
- import { ButtonGroupItem } from "../popup-button-group/types";
3
+ import { ButtonGroupItem, PopupButtonOption } from "../popup-button-group/types";
4
4
  declare const _sfc_main: import("vue").DefineComponent<{
5
5
  icon: {
6
6
  type: PropType<TIcon>;
@@ -28,6 +28,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
28
28
  required: false;
29
29
  default: null;
30
30
  };
31
+ /**
32
+ * @deprecated この プロパティ は削除予定です。
33
+ */
31
34
  lockingPopup: {
32
35
  type: BooleanConstructor;
33
36
  required: false;
@@ -48,66 +51,525 @@ declare const _sfc_main: import("vue").DefineComponent<{
48
51
  navItemRef: import("vue").Ref<HTMLElement | undefined>;
49
52
  existPopup: import("vue").ComputedRef<boolean | undefined>;
50
53
  navItemOnClick: () => void;
51
- navItemMouseEnter: () => void;
52
- navItemMouseLeave: () => void;
53
54
  popupOnClose: () => void;
54
- popupMouseEnter: () => void;
55
- popupMouseLeave: () => void;
56
- readonly navigationItemStyle: string;
55
+ buttonsWithClickOnClose: (buttons: ButtonGroupItem[]) => ButtonGroupItem[];
56
+ popupButtons: import("vue").ComputedRef<ButtonGroupItem[]>;
57
57
  readonly navigationItemActiveStyle: string;
58
- readonly navigationItemIconStyle: string;
59
- readonly navigationItemIconActiveStyle: string;
60
- readonly navigationItemTextStyle: string;
61
- readonly navigationItemTextActiveStyle: string;
62
58
  readonly navigationItemDisabledStyle: string;
59
+ readonly navigationItemIconActiveStyle: string;
63
60
  readonly navigationItemIconDisabledStyle: string;
61
+ readonly navigationItemIconStyle: string;
62
+ readonly navigationItemStyle: string;
63
+ readonly navigationItemTextActiveStyle: string;
64
+ readonly navigationItemTextStyle: string;
64
65
  readonly navigationPopupContainerStyle: string;
65
- readonly WizPopupContainer: import("vue").DefineComponent<{
66
- expand: {
66
+ readonly WizHStack: import("vue").DefineComponent<{
67
+ align: {
68
+ type: PropType<"start" | "center" | "end" | "stretch">;
69
+ required: false;
70
+ };
71
+ justify: {
72
+ type: PropType<"start" | "center" | "end" | "between" | "around" | "evenly">;
73
+ required: false;
74
+ };
75
+ wrap: {
67
76
  type: BooleanConstructor;
68
77
  required: false;
69
78
  };
79
+ gap: {
80
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
81
+ required: false;
82
+ };
83
+ gx: {
84
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
85
+ required: false;
86
+ };
87
+ gy: {
88
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
89
+ required: false;
90
+ };
91
+ p: {
92
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
93
+ required: false;
94
+ };
95
+ pt: {
96
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
97
+ required: false;
98
+ };
99
+ pr: {
100
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
101
+ required: false;
102
+ };
103
+ pb: {
104
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
105
+ required: false;
106
+ };
107
+ pl: {
108
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
109
+ required: false;
110
+ };
111
+ px: {
112
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
113
+ required: false;
114
+ };
115
+ py: {
116
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
117
+ required: false;
118
+ };
119
+ m: {
120
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
121
+ required: false;
122
+ };
123
+ mt: {
124
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
125
+ required: false;
126
+ };
127
+ mr: {
128
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
129
+ required: false;
130
+ };
131
+ mb: {
132
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
133
+ required: false;
134
+ };
135
+ ml: {
136
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
137
+ required: false;
138
+ };
139
+ mx: {
140
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
141
+ required: false;
142
+ };
143
+ my: {
144
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
145
+ required: false;
146
+ };
70
147
  width: {
71
148
  type: StringConstructor;
72
149
  required: false;
73
- default: string;
150
+ };
151
+ height: {
152
+ type: StringConstructor;
153
+ required: false;
154
+ };
155
+ overflow: {
156
+ type: StringConstructor;
157
+ required: false;
158
+ };
159
+ reverse: {
160
+ type: BooleanConstructor;
161
+ required: false;
162
+ };
163
+ position: {
164
+ type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
165
+ required: false;
74
166
  };
75
167
  }, {
76
- popupContainerRef: import("vue").Ref<HTMLElement | undefined>;
77
- provider: {
78
- initialPxInfo: {
79
- top: number;
80
- left: number;
81
- right: number;
82
- bottom: number;
83
- width: number;
84
- height: number;
168
+ readonly WizStack: import("vue").DefineComponent<{
169
+ direction: {
170
+ type: PropType<"horizontal" | "vertical">;
171
+ required: false;
172
+ default: string;
85
173
  };
86
- bodyPxInfo: {
87
- readonly top: number;
88
- readonly left: number;
89
- readonly right: number;
90
- readonly bottom: number;
91
- readonly width: number;
92
- readonly height: number;
174
+ align: {
175
+ type: PropType<"start" | "center" | "end" | "stretch">;
176
+ required: false;
177
+ default: string;
93
178
  };
94
- updateBodyPxInfo: (isPopupFixed: boolean) => void;
95
- containerRef: import("vue").Ref<HTMLElement | undefined>;
96
- };
97
- readonly popupContainerStyle: string;
179
+ justify: {
180
+ type: PropType<"start" | "center" | "end" | "between" | "around" | "evenly">;
181
+ required: false;
182
+ default: string;
183
+ };
184
+ wrap: {
185
+ type: BooleanConstructor;
186
+ required: false;
187
+ default: boolean;
188
+ };
189
+ gap: {
190
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
191
+ required: false;
192
+ };
193
+ gx: {
194
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
195
+ required: false;
196
+ };
197
+ gy: {
198
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
199
+ required: false;
200
+ };
201
+ p: {
202
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
203
+ required: false;
204
+ };
205
+ pt: {
206
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
207
+ required: false;
208
+ };
209
+ pr: {
210
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
211
+ required: false;
212
+ };
213
+ pb: {
214
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
215
+ required: false;
216
+ };
217
+ pl: {
218
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
219
+ required: false;
220
+ };
221
+ px: {
222
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
223
+ required: false;
224
+ };
225
+ py: {
226
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
227
+ required: false;
228
+ };
229
+ m: {
230
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
231
+ required: false;
232
+ };
233
+ mt: {
234
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
235
+ required: false;
236
+ };
237
+ mr: {
238
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
239
+ required: false;
240
+ };
241
+ mb: {
242
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
243
+ required: false;
244
+ };
245
+ ml: {
246
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
247
+ required: false;
248
+ };
249
+ mx: {
250
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
251
+ required: false;
252
+ };
253
+ my: {
254
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
255
+ required: false;
256
+ };
257
+ width: {
258
+ type: StringConstructor;
259
+ required: false;
260
+ default: string;
261
+ };
262
+ height: {
263
+ type: StringConstructor;
264
+ required: false;
265
+ default: string;
266
+ };
267
+ overflow: {
268
+ type: StringConstructor;
269
+ required: false;
270
+ default: string;
271
+ };
272
+ reverse: {
273
+ type: BooleanConstructor;
274
+ required: false;
275
+ };
276
+ position: {
277
+ type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
278
+ required: false;
279
+ };
280
+ }, {
281
+ props: any;
282
+ computedDirection: import("vue").ComputedRef<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse">;
283
+ readonly stackStyle: string;
284
+ readonly stackDirectionStyle: Record<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse", string>;
285
+ readonly stackJustifyStyle: Record<"start" | "center" | "end" | "between" | "around" | "evenly", string>;
286
+ readonly stackAlignStyle: Record<"start" | "center" | "end" | "stretch", string>;
287
+ readonly stackWrapStyle: string;
288
+ readonly stackPositionStyle: Record<"fixed" | "absolute" | "relative" | "sticky" | "static", string>;
289
+ readonly gapStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
290
+ readonly gapXStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
291
+ readonly gapYStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
292
+ readonly marginStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
293
+ readonly marginXStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
294
+ readonly marginYStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
295
+ readonly marginTopStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
296
+ readonly marginRightStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
297
+ readonly marginBottomStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
298
+ readonly marginLeftStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
299
+ readonly paddingStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
300
+ readonly paddingXStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
301
+ readonly paddingYStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
302
+ readonly paddingTopStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
303
+ readonly paddingRightStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
304
+ readonly paddingBottomStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
305
+ readonly paddingLeftStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
306
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
307
+ direction: {
308
+ type: PropType<"horizontal" | "vertical">;
309
+ required: false;
310
+ default: string;
311
+ };
312
+ align: {
313
+ type: PropType<"start" | "center" | "end" | "stretch">;
314
+ required: false;
315
+ default: string;
316
+ };
317
+ justify: {
318
+ type: PropType<"start" | "center" | "end" | "between" | "around" | "evenly">;
319
+ required: false;
320
+ default: string;
321
+ };
322
+ wrap: {
323
+ type: BooleanConstructor;
324
+ required: false;
325
+ default: boolean;
326
+ };
327
+ gap: {
328
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
329
+ required: false;
330
+ };
331
+ gx: {
332
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
333
+ required: false;
334
+ };
335
+ gy: {
336
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
337
+ required: false;
338
+ };
339
+ p: {
340
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
341
+ required: false;
342
+ };
343
+ pt: {
344
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
345
+ required: false;
346
+ };
347
+ pr: {
348
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
349
+ required: false;
350
+ };
351
+ pb: {
352
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
353
+ required: false;
354
+ };
355
+ pl: {
356
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
357
+ required: false;
358
+ };
359
+ px: {
360
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
361
+ required: false;
362
+ };
363
+ py: {
364
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
365
+ required: false;
366
+ };
367
+ m: {
368
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
369
+ required: false;
370
+ };
371
+ mt: {
372
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
373
+ required: false;
374
+ };
375
+ mr: {
376
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
377
+ required: false;
378
+ };
379
+ mb: {
380
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
381
+ required: false;
382
+ };
383
+ ml: {
384
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
385
+ required: false;
386
+ };
387
+ mx: {
388
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
389
+ required: false;
390
+ };
391
+ my: {
392
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
393
+ required: false;
394
+ };
395
+ width: {
396
+ type: StringConstructor;
397
+ required: false;
398
+ default: string;
399
+ };
400
+ height: {
401
+ type: StringConstructor;
402
+ required: false;
403
+ default: string;
404
+ };
405
+ overflow: {
406
+ type: StringConstructor;
407
+ required: false;
408
+ default: string;
409
+ };
410
+ reverse: {
411
+ type: BooleanConstructor;
412
+ required: false;
413
+ };
414
+ position: {
415
+ type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
416
+ required: false;
417
+ };
418
+ }>>, {
419
+ reverse: boolean;
420
+ width: string;
421
+ height: string;
422
+ overflow: string;
423
+ align: "start" | "center" | "end" | "stretch";
424
+ justify: "start" | "center" | "end" | "between" | "around" | "evenly";
425
+ wrap: boolean;
426
+ direction: "horizontal" | "vertical";
427
+ }, {}>;
98
428
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
99
- expand: {
429
+ align: {
430
+ type: PropType<"start" | "center" | "end" | "stretch">;
431
+ required: false;
432
+ };
433
+ justify: {
434
+ type: PropType<"start" | "center" | "end" | "between" | "around" | "evenly">;
435
+ required: false;
436
+ };
437
+ wrap: {
100
438
  type: BooleanConstructor;
101
439
  required: false;
102
440
  };
441
+ gap: {
442
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
443
+ required: false;
444
+ };
445
+ gx: {
446
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
447
+ required: false;
448
+ };
449
+ gy: {
450
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
451
+ required: false;
452
+ };
453
+ p: {
454
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
455
+ required: false;
456
+ };
457
+ pt: {
458
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
459
+ required: false;
460
+ };
461
+ pr: {
462
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
463
+ required: false;
464
+ };
465
+ pb: {
466
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
467
+ required: false;
468
+ };
469
+ pl: {
470
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
471
+ required: false;
472
+ };
473
+ px: {
474
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
475
+ required: false;
476
+ };
477
+ py: {
478
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
479
+ required: false;
480
+ };
481
+ m: {
482
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
483
+ required: false;
484
+ };
485
+ mt: {
486
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
487
+ required: false;
488
+ };
489
+ mr: {
490
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
491
+ required: false;
492
+ };
493
+ mb: {
494
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
495
+ required: false;
496
+ };
497
+ ml: {
498
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
499
+ required: false;
500
+ };
501
+ mx: {
502
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
503
+ required: false;
504
+ };
505
+ my: {
506
+ type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
507
+ required: false;
508
+ };
103
509
  width: {
104
510
  type: StringConstructor;
105
511
  required: false;
512
+ };
513
+ height: {
514
+ type: StringConstructor;
515
+ required: false;
516
+ };
517
+ overflow: {
518
+ type: StringConstructor;
519
+ required: false;
520
+ };
521
+ reverse: {
522
+ type: BooleanConstructor;
523
+ required: false;
524
+ };
525
+ position: {
526
+ type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
527
+ required: false;
528
+ };
529
+ }>>, {
530
+ reverse: boolean;
531
+ wrap: boolean;
532
+ }, {}>;
533
+ readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
534
+ readonly WizIcon: import("vue").DefineComponent<{
535
+ icon: {
536
+ type: PropType<TIcon>;
537
+ required: true;
538
+ };
539
+ color: {
540
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
541
+ required: false;
542
+ default: string;
543
+ };
544
+ size: {
545
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
546
+ required: false;
547
+ default: string;
548
+ };
549
+ }, {
550
+ readonly iconStyle: string;
551
+ readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
552
+ readonly iconDefaultStyle: string;
553
+ readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
554
+ readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
555
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
556
+ icon: {
557
+ type: PropType<TIcon>;
558
+ required: true;
559
+ };
560
+ color: {
561
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
562
+ required: false;
563
+ default: string;
564
+ };
565
+ size: {
566
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
567
+ required: false;
106
568
  default: string;
107
569
  };
108
570
  }>>, {
109
- width: string;
110
- expand: boolean;
571
+ size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
572
+ color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
111
573
  }, {}>;
112
574
  readonly WizPopup: import("vue").DefineComponent<{
113
575
  isOpen: {
@@ -135,7 +597,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
135
597
  default: string;
136
598
  };
137
599
  shadow: {
138
- type: BooleanConstructor;
600
+ type: BooleanConstructor; /**
601
+ * @deprecated この プロパティ は削除予定です。
602
+ */
139
603
  required: false;
140
604
  default: boolean;
141
605
  };
@@ -248,7 +712,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
248
712
  default: string;
249
713
  };
250
714
  shadow: {
251
- type: BooleanConstructor;
715
+ type: BooleanConstructor; /**
716
+ * @deprecated この プロパティ は削除予定です。
717
+ */
252
718
  required: false;
253
719
  default: boolean;
254
720
  };
@@ -327,7 +793,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
327
793
  kind: "item";
328
794
  item: {
329
795
  kind: "button";
330
- option: import("../popup-button-group/types").PopupButtonOption;
796
+ option: PopupButtonOption;
331
797
  } | {
332
798
  kind: "group";
333
799
  title: string;
@@ -1122,6 +1588,53 @@ declare const _sfc_main: import("vue").DefineComponent<{
1122
1588
  buttonDivider: boolean;
1123
1589
  depth: number;
1124
1590
  }, {}>;
1591
+ readonly WizPopupContainer: import("vue").DefineComponent<{
1592
+ expand: {
1593
+ type: BooleanConstructor;
1594
+ required: false;
1595
+ };
1596
+ width: {
1597
+ type: StringConstructor;
1598
+ required: false;
1599
+ default: string;
1600
+ };
1601
+ }, {
1602
+ popupContainerRef: import("vue").Ref<HTMLElement | undefined>;
1603
+ provider: {
1604
+ initialPxInfo: {
1605
+ top: number;
1606
+ left: number;
1607
+ right: number;
1608
+ bottom: number;
1609
+ width: number;
1610
+ height: number;
1611
+ };
1612
+ bodyPxInfo: {
1613
+ readonly top: number;
1614
+ readonly left: number;
1615
+ readonly right: number;
1616
+ readonly bottom: number;
1617
+ readonly width: number;
1618
+ readonly height: number;
1619
+ };
1620
+ updateBodyPxInfo: (isPopupFixed: boolean) => void;
1621
+ containerRef: import("vue").Ref<HTMLElement | undefined>;
1622
+ };
1623
+ readonly popupContainerStyle: string;
1624
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1625
+ expand: {
1626
+ type: BooleanConstructor;
1627
+ required: false;
1628
+ };
1629
+ width: {
1630
+ type: StringConstructor;
1631
+ required: false;
1632
+ default: string;
1633
+ };
1634
+ }>>, {
1635
+ width: string;
1636
+ expand: boolean;
1637
+ }, {}>;
1125
1638
  readonly WizTooltip: import("vue").DefineComponent<{
1126
1639
  direction: {
1127
1640
  type: PropType<"left" | "right" | "top" | "bottom">;
@@ -1182,7 +1695,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
1182
1695
  default: string;
1183
1696
  };
1184
1697
  shadow: {
1185
- type: BooleanConstructor;
1698
+ type: BooleanConstructor; /**
1699
+ * @deprecated この プロパティ は削除予定です。
1700
+ */
1186
1701
  required: false;
1187
1702
  default: boolean;
1188
1703
  };
@@ -1295,7 +1810,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
1295
1810
  default: string;
1296
1811
  };
1297
1812
  shadow: {
1298
- type: BooleanConstructor;
1813
+ type: BooleanConstructor; /**
1814
+ * @deprecated この プロパティ は削除予定です。
1815
+ */
1299
1816
  required: false;
1300
1817
  default: boolean;
1301
1818
  };
@@ -1423,6 +1940,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
1423
1940
  required: false;
1424
1941
  default: null;
1425
1942
  };
1943
+ /**
1944
+ * @deprecated この プロパティ は削除予定です。
1945
+ */
1426
1946
  lockingPopup: {
1427
1947
  type: BooleanConstructor;
1428
1948
  required: false;