@dpa-id-components/dpa-shared-components 8.3.2 → 8.4.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.
- package/dist/UseBreakpoints.stories.ts +22 -0
- package/dist/UseBreakpoints.vue +12 -0
- package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +72 -0
- package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +22 -0
- package/dist/dpa-shared-components.mjs +8550 -9258
- package/dist/dpa-shared-components.umd.js +5 -5
- package/dist/style.css +1 -1
- package/dist/tailwind/UseBreakpoints.stories.d.ts +10 -0
- package/dist/tailwind/useBreakpoints.d.ts +9 -0
- package/dist/useBreakpoints.ts +19 -0
- package/package.json +1 -1
- package/dist/bookmark-4ff074d8.mjs +0 -19
- package/dist/bookmark-fill-731ae06c.mjs +0 -19
- package/dist/graphic-90b2d2fc.mjs +0 -20
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import UseBreakpoints from "./UseBreakpoints.vue";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/vue3";
|
|
3
|
+
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "tailwind/UseBreakpoints.ts",
|
|
6
|
+
component: UseBreakpoints,
|
|
7
|
+
argTypes: {},
|
|
8
|
+
parameters: {},
|
|
9
|
+
} satisfies Meta<typeof UseBreakpoints>;
|
|
10
|
+
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
|
|
14
|
+
export const Default: Story = {
|
|
15
|
+
render: (args: any) => ({
|
|
16
|
+
setup() {
|
|
17
|
+
return { args };
|
|
18
|
+
},
|
|
19
|
+
components: { UseBreakpoints },
|
|
20
|
+
template: `<div><UseBreakpoints /></div>`,
|
|
21
|
+
}),
|
|
22
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<UiButton v-if="lg">Button for LG</UiButton>
|
|
3
|
+
<UiIconButton v-else icon-name="emoji" />
|
|
4
|
+
</template>
|
|
5
|
+
|
|
6
|
+
<script setup lang="ts">
|
|
7
|
+
import useBreakpoints from "./useBreakpoints";
|
|
8
|
+
import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
|
|
9
|
+
import UiButton from "@/components/UiButton/UiButton.vue";
|
|
10
|
+
|
|
11
|
+
const { lg } = useBreakpoints();
|
|
12
|
+
</script>
|
|
@@ -12,6 +12,8 @@ declare const meta: {
|
|
|
12
12
|
hiddenFilterRules?: number | undefined;
|
|
13
13
|
isFilterChipEditable?: boolean | undefined;
|
|
14
14
|
hasChips?: boolean | undefined;
|
|
15
|
+
executeSearchButtonTitle?: string | undefined;
|
|
16
|
+
resetSearchButtonTittle?: string | undefined;
|
|
15
17
|
class?: unknown;
|
|
16
18
|
style?: unknown;
|
|
17
19
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
@@ -103,6 +105,16 @@ declare const meta: {
|
|
|
103
105
|
type: import("vue").PropType<boolean>;
|
|
104
106
|
default: boolean;
|
|
105
107
|
};
|
|
108
|
+
executeSearchButtonTitle: {
|
|
109
|
+
type: import("vue").PropType<string>;
|
|
110
|
+
required: true;
|
|
111
|
+
default: string;
|
|
112
|
+
};
|
|
113
|
+
resetSearchButtonTittle: {
|
|
114
|
+
type: import("vue").PropType<string>;
|
|
115
|
+
required: true;
|
|
116
|
+
default: string;
|
|
117
|
+
};
|
|
106
118
|
}>> & {
|
|
107
119
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
108
120
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -126,6 +138,8 @@ declare const meta: {
|
|
|
126
138
|
hiddenFilterRules: number;
|
|
127
139
|
isFilterChipEditable: boolean;
|
|
128
140
|
hasChips: boolean;
|
|
141
|
+
executeSearchButtonTitle: string;
|
|
142
|
+
resetSearchButtonTittle: string;
|
|
129
143
|
}, {}, string, {}> & {
|
|
130
144
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
131
145
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -173,6 +187,16 @@ declare const meta: {
|
|
|
173
187
|
type: import("vue").PropType<boolean>;
|
|
174
188
|
default: boolean;
|
|
175
189
|
};
|
|
190
|
+
executeSearchButtonTitle: {
|
|
191
|
+
type: import("vue").PropType<string>;
|
|
192
|
+
required: true;
|
|
193
|
+
default: string;
|
|
194
|
+
};
|
|
195
|
+
resetSearchButtonTittle: {
|
|
196
|
+
type: import("vue").PropType<string>;
|
|
197
|
+
required: true;
|
|
198
|
+
default: string;
|
|
199
|
+
};
|
|
176
200
|
}>> & {
|
|
177
201
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
178
202
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -213,6 +237,16 @@ declare const meta: {
|
|
|
213
237
|
type: import("vue").PropType<boolean>;
|
|
214
238
|
default: boolean;
|
|
215
239
|
};
|
|
240
|
+
executeSearchButtonTitle: {
|
|
241
|
+
type: import("vue").PropType<string>;
|
|
242
|
+
required: true;
|
|
243
|
+
default: string;
|
|
244
|
+
};
|
|
245
|
+
resetSearchButtonTittle: {
|
|
246
|
+
type: import("vue").PropType<string>;
|
|
247
|
+
required: true;
|
|
248
|
+
default: string;
|
|
249
|
+
};
|
|
216
250
|
}>> & {
|
|
217
251
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
218
252
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -236,6 +270,8 @@ declare const meta: {
|
|
|
236
270
|
hiddenFilterRules: number;
|
|
237
271
|
isFilterChipEditable: boolean;
|
|
238
272
|
hasChips: boolean;
|
|
273
|
+
executeSearchButtonTitle: string;
|
|
274
|
+
resetSearchButtonTittle: string;
|
|
239
275
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
240
276
|
$slots: {
|
|
241
277
|
nonEditableChips?(_: {}): any;
|
|
@@ -288,6 +324,8 @@ export declare const WithChips: {
|
|
|
288
324
|
hiddenFilterRules?: number | undefined;
|
|
289
325
|
isFilterChipEditable?: boolean | undefined;
|
|
290
326
|
hasChips?: boolean | undefined;
|
|
327
|
+
executeSearchButtonTitle?: string | undefined;
|
|
328
|
+
resetSearchButtonTittle?: string | undefined;
|
|
291
329
|
class?: unknown;
|
|
292
330
|
style?: unknown;
|
|
293
331
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
@@ -379,6 +417,16 @@ export declare const WithChips: {
|
|
|
379
417
|
type: import("vue").PropType<boolean>;
|
|
380
418
|
default: boolean;
|
|
381
419
|
};
|
|
420
|
+
executeSearchButtonTitle: {
|
|
421
|
+
type: import("vue").PropType<string>;
|
|
422
|
+
required: true;
|
|
423
|
+
default: string;
|
|
424
|
+
};
|
|
425
|
+
resetSearchButtonTittle: {
|
|
426
|
+
type: import("vue").PropType<string>;
|
|
427
|
+
required: true;
|
|
428
|
+
default: string;
|
|
429
|
+
};
|
|
382
430
|
}>> & {
|
|
383
431
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
384
432
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -402,6 +450,8 @@ export declare const WithChips: {
|
|
|
402
450
|
hiddenFilterRules: number;
|
|
403
451
|
isFilterChipEditable: boolean;
|
|
404
452
|
hasChips: boolean;
|
|
453
|
+
executeSearchButtonTitle: string;
|
|
454
|
+
resetSearchButtonTittle: string;
|
|
405
455
|
}, {}, string, {}> & {
|
|
406
456
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
407
457
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -449,6 +499,16 @@ export declare const WithChips: {
|
|
|
449
499
|
type: import("vue").PropType<boolean>;
|
|
450
500
|
default: boolean;
|
|
451
501
|
};
|
|
502
|
+
executeSearchButtonTitle: {
|
|
503
|
+
type: import("vue").PropType<string>;
|
|
504
|
+
required: true;
|
|
505
|
+
default: string;
|
|
506
|
+
};
|
|
507
|
+
resetSearchButtonTittle: {
|
|
508
|
+
type: import("vue").PropType<string>;
|
|
509
|
+
required: true;
|
|
510
|
+
default: string;
|
|
511
|
+
};
|
|
452
512
|
}>> & {
|
|
453
513
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
454
514
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -489,6 +549,16 @@ export declare const WithChips: {
|
|
|
489
549
|
type: import("vue").PropType<boolean>;
|
|
490
550
|
default: boolean;
|
|
491
551
|
};
|
|
552
|
+
executeSearchButtonTitle: {
|
|
553
|
+
type: import("vue").PropType<string>;
|
|
554
|
+
required: true;
|
|
555
|
+
default: string;
|
|
556
|
+
};
|
|
557
|
+
resetSearchButtonTittle: {
|
|
558
|
+
type: import("vue").PropType<string>;
|
|
559
|
+
required: true;
|
|
560
|
+
default: string;
|
|
561
|
+
};
|
|
492
562
|
}>> & {
|
|
493
563
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
494
564
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -512,6 +582,8 @@ export declare const WithChips: {
|
|
|
512
582
|
hiddenFilterRules: number;
|
|
513
583
|
isFilterChipEditable: boolean;
|
|
514
584
|
hasChips: boolean;
|
|
585
|
+
executeSearchButtonTitle: string;
|
|
586
|
+
resetSearchButtonTittle: string;
|
|
515
587
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
516
588
|
$slots: {
|
|
517
589
|
nonEditableChips?(_: {}): any;
|
|
@@ -25,6 +25,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
25
25
|
type: import("vue").PropType<boolean>;
|
|
26
26
|
default: boolean;
|
|
27
27
|
};
|
|
28
|
+
executeSearchButtonTitle: {
|
|
29
|
+
type: import("vue").PropType<string>;
|
|
30
|
+
required: true;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
resetSearchButtonTittle: {
|
|
34
|
+
type: import("vue").PropType<string>;
|
|
35
|
+
required: true;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
28
38
|
}, {
|
|
29
39
|
searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
|
|
30
40
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -61,6 +71,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
61
71
|
type: import("vue").PropType<boolean>;
|
|
62
72
|
default: boolean;
|
|
63
73
|
};
|
|
74
|
+
executeSearchButtonTitle: {
|
|
75
|
+
type: import("vue").PropType<string>;
|
|
76
|
+
required: true;
|
|
77
|
+
default: string;
|
|
78
|
+
};
|
|
79
|
+
resetSearchButtonTittle: {
|
|
80
|
+
type: import("vue").PropType<string>;
|
|
81
|
+
required: true;
|
|
82
|
+
default: string;
|
|
83
|
+
};
|
|
64
84
|
}>> & {
|
|
65
85
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
66
86
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -75,6 +95,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
75
95
|
hiddenFilterRules: number;
|
|
76
96
|
isFilterChipEditable: boolean;
|
|
77
97
|
hasChips: boolean;
|
|
98
|
+
executeSearchButtonTitle: string;
|
|
99
|
+
resetSearchButtonTittle: string;
|
|
78
100
|
}, {}>, {
|
|
79
101
|
nonEditableChips?(_: {}): any;
|
|
80
102
|
editableChips?(_: {}): any;
|