@webitel/ui-sdk 25.10.67 → 25.10.68
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/img/sprite/index.js +2 -0
- package/dist/img/sprite/tile.svg +6 -0
- package/dist/{install-CW8oHjb5.js → install-BX7DtU4E.js} +29181 -25087
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +1130 -609
- package/dist/{vidstack-Bq6c3Bam-LsSTFDin.js → vidstack-Bq6c3Bam-CcgXYtx3.js} +2 -2
- package/dist/{vidstack-D2pY00kU-BwJtWNq2.js → vidstack-D2pY00kU-Dd_evVt0.js} +2 -2
- package/dist/{vidstack-DDXt6fpN-CA2iLYFD.js → vidstack-DDXt6fpN-C7cfgYWh.js} +1 -1
- package/dist/{vidstack-D_-9AA6_-PulLI2mI.js → vidstack-D_-9AA6_-Dg186Vwc.js} +1 -1
- package/dist/{vidstack-DqAw8m9J-CfsZRUOX.js → vidstack-DqAw8m9J-C_JvCAxU.js} +1 -1
- package/dist/{vidstack-audio-CnObeLGZ.js → vidstack-audio-DsdkNpLr.js} +2 -2
- package/dist/{vidstack-dash-CrnWMZAr.js → vidstack-dash-CTibUY2Y.js} +3 -3
- package/dist/{vidstack-google-cast-C7wR4EmH.js → vidstack-google-cast-B7elqrpL.js} +3 -3
- package/dist/{vidstack-hls-C6Idke2U.js → vidstack-hls-CVaO-8ff.js} +3 -3
- package/dist/{vidstack-video-CdqnqAr9.js → vidstack-video-Bu1K77pl.js} +2 -2
- package/dist/{vidstack-vimeo-9Y9DFwy9.js → vidstack-vimeo-DnvfVz1H.js} +3 -3
- package/dist/{vidstack-youtube-C3w6gYqB.js → vidstack-youtube-Cj2UsmZj.js} +2 -2
- package/package.json +2 -2
- package/src/assets/icons/sprite/index.js +2 -0
- package/src/assets/icons/sprite/tile.svg +6 -0
- package/src/components/index.js +3 -0
- package/src/components/wt-galleria/types/WtGalleria.d.ts +6 -0
- package/src/components/wt-galleria/wt-galleria.vue +229 -0
- package/src/components/wt-popup/_variables.scss +1 -1
- package/src/composables/index.ts +1 -0
- package/src/composables/useGalleriaFullscreen/useGalleriaFullscreen.ts +65 -0
- package/src/plugins/primevue/primevue.plugin.js +2 -0
- package/src/plugins/primevue/theme/components/components.js +2 -0
- package/src/plugins/primevue/theme/components/galleria/galleria.js +71 -0
- package/types/components/index.d.ts +3 -1
- package/types/components/wt-galleria/wt-galleria.vue.d.ts +22 -0
- package/types/components/wt-popup/wt-popup.vue.d.ts +1 -1
- package/types/composables/index.d.ts +1 -0
- package/types/composables/useGalleriaFullscreen/useGalleriaFullscreen.d.ts +4 -0
- package/types/modules/Filters/components/filter-pagination.vue.d.ts +2 -2
- package/types/modules/Filters/components/filter-table-fields.vue.d.ts +2 -2
- package/types/plugins/primevue/theme/components/components.d.ts +2 -0
- package/types/plugins/primevue/theme/components/galleria/galleria.d.ts +233 -0
|
@@ -22,6 +22,7 @@ import WtEmpty from './wt-empty/wt-empty.vue';
|
|
|
22
22
|
import WtErrorPage from './wt-error-page/wt-error-page.vue';
|
|
23
23
|
import WtExpansionPanel from './wt-expansion-panel/wt-expansion-panel.vue';
|
|
24
24
|
import WtFiltersPanelWrapper from './wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue';
|
|
25
|
+
import WtGalleria from './wt-galleria/wt-galleria.vue';
|
|
25
26
|
import WtHeaderActions from './wt-app-header/wt-header-actions.vue';
|
|
26
27
|
import WtHeadline from './wt-headline/wt-headline.vue';
|
|
27
28
|
import WtHint from './wt-hint/wt-hint.vue';
|
|
@@ -145,7 +146,8 @@ declare namespace Components {
|
|
|
145
146
|
export { WtStartPage };
|
|
146
147
|
export { WtSelectionPopup };
|
|
147
148
|
export { WtDisplayChipItems };
|
|
149
|
+
export { WtGalleria };
|
|
148
150
|
export { WtVidstackPlayer };
|
|
149
151
|
export { WtChatEmoji };
|
|
150
152
|
}
|
|
151
|
-
export { WtActionBar, WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBreadcrumb, WtButton, WtButtonSelect, WtChatEmoji, WtCheckbox, WtChip, WtConfirmDialog, WtContextMenu, WtCopyAction, WtDatepicker, WtDisplayChipItems, WtDivider, WtDualPanel, WtDummy, WtEmpty, WtErrorPage, WtExpansionPanel, WtFiltersPanelWrapper, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInput, WtInputInfo, WtIntersectionObserver, WtItemLink, WtLabel, WtLoadBar, WtLoader, WtLogo, WtNavigationBar, WtNavigationMenu, WtNotification, WtNotificationsBar, WtPageHeader, WtPageWrapper, WtPagination, WtPlayer, WtPopover, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSearchBar, WtSelect, WtSelectionPopup, WtSlider, WtStartPage, WtStatusSelect, WtStepper, WtSwitcher, WtTable, WtTableActions, WtTableColumnSelect, WtTabs, WtTagsInput, WtTextarea, WtTimeInput, WtTimepicker, WtTooltip, WtTree, WtTreeTable, WtTypeExtensionValueInput, WtVidstackPlayer };
|
|
153
|
+
export { WtActionBar, WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBreadcrumb, WtButton, WtButtonSelect, WtChatEmoji, WtCheckbox, WtChip, WtConfirmDialog, WtContextMenu, WtCopyAction, WtDatepicker, WtDisplayChipItems, WtDivider, WtDualPanel, WtDummy, WtEmpty, WtErrorPage, WtExpansionPanel, WtFiltersPanelWrapper, WtGalleria, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInput, WtInputInfo, WtIntersectionObserver, WtItemLink, WtLabel, WtLoadBar, WtLoader, WtLogo, WtNavigationBar, WtNavigationMenu, WtNotification, WtNotificationsBar, WtPageHeader, WtPageWrapper, WtPagination, WtPlayer, WtPopover, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSearchBar, WtSelect, WtSelectionPopup, WtSlider, WtStartPage, WtStatusSelect, WtStepper, WtSwitcher, WtTable, WtTableActions, WtTableColumnSelect, WtTabs, WtTagsInput, WtTextarea, WtTimeInput, WtTimepicker, WtTooltip, WtTree, WtTreeTable, WtTypeExtensionValueInput, WtVidstackPlayer };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { WtGalleriaItem } from './types/WtGalleria.d.ts';
|
|
2
|
+
import type { GalleriaProps } from 'primevue';
|
|
3
|
+
interface Props extends GalleriaProps {
|
|
4
|
+
value: WtGalleriaItem[];
|
|
5
|
+
}
|
|
6
|
+
type __VLS_Props = Props;
|
|
7
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
8
|
+
'visible': boolean;
|
|
9
|
+
'activeIndex'?: number;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
|
+
delete: (...args: any[]) => void;
|
|
13
|
+
download: (...args: any[]) => void;
|
|
14
|
+
"update:visible": (value: boolean) => void;
|
|
15
|
+
"update:activeIndex": (value: number) => void;
|
|
16
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
17
|
+
onDelete?: (...args: any[]) => any;
|
|
18
|
+
onDownload?: (...args: any[]) => any;
|
|
19
|
+
"onUpdate:visible"?: (value: boolean) => any;
|
|
20
|
+
"onUpdate:activeIndex"?: (value: number) => any;
|
|
21
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
export default _default;
|
|
@@ -42,8 +42,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
|
|
|
42
42
|
disabled: boolean;
|
|
43
43
|
size: ComponentSize;
|
|
44
44
|
overflow: boolean;
|
|
45
|
-
closable: boolean;
|
|
46
45
|
shown: boolean;
|
|
46
|
+
closable: boolean;
|
|
47
47
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
48
48
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
49
49
|
export default _default;
|
|
@@ -8,3 +8,4 @@ export * from './useDestroyableSortable/useDestroyableSortable';
|
|
|
8
8
|
export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
|
|
9
9
|
export * from './useValidate/useValidate';
|
|
10
10
|
export * from './useWtTable/useWtTable';
|
|
11
|
+
export * from './useGalleriaFullscreen/useGalleriaFullscreen';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
-
isNext: boolean;
|
|
3
2
|
namespace: string;
|
|
3
|
+
isNext: boolean;
|
|
4
4
|
$props: {
|
|
5
|
-
readonly isNext?: boolean;
|
|
6
5
|
readonly namespace?: string;
|
|
6
|
+
readonly isNext?: boolean;
|
|
7
7
|
};
|
|
8
8
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
9
9
|
export default _default;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
2
|
$emit: (event: "change", ...args: any[]) => void;
|
|
3
3
|
headers: unknown[];
|
|
4
|
-
staticHeaders: unknown[];
|
|
5
4
|
namespace: string;
|
|
5
|
+
staticHeaders: unknown[];
|
|
6
6
|
$props: {
|
|
7
7
|
readonly headers?: unknown[];
|
|
8
|
-
readonly staticHeaders?: unknown[];
|
|
9
8
|
readonly namespace?: string;
|
|
9
|
+
readonly staticHeaders?: unknown[];
|
|
10
10
|
};
|
|
11
11
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
12
12
|
export default _default;
|
|
@@ -16,6 +16,7 @@ declare namespace components {
|
|
|
16
16
|
export { tooltip };
|
|
17
17
|
export { table as datatable };
|
|
18
18
|
export { toolbar };
|
|
19
|
+
export { galleria };
|
|
19
20
|
}
|
|
20
21
|
import autocomplete from './autocomplete/autocomplete.js';
|
|
21
22
|
import avatar from './avatar/avatar.js';
|
|
@@ -33,3 +34,4 @@ import slider from './slider/slider.js';
|
|
|
33
34
|
import tooltip from './tooltip/tooltip.js';
|
|
34
35
|
import table from './table/table.js';
|
|
35
36
|
import toolbar from './toolbar/toolbar.js';
|
|
37
|
+
import galleria from './galleria/galleria.js';
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
export default galleria;
|
|
2
|
+
declare const galleria: {
|
|
3
|
+
colorScheme: {
|
|
4
|
+
light: {
|
|
5
|
+
root: {
|
|
6
|
+
borderColor: string;
|
|
7
|
+
};
|
|
8
|
+
activeImageContainer: {
|
|
9
|
+
background: string;
|
|
10
|
+
};
|
|
11
|
+
navButton: {
|
|
12
|
+
background: string;
|
|
13
|
+
hoverBackground: string;
|
|
14
|
+
color: string;
|
|
15
|
+
hoverColor: string;
|
|
16
|
+
focusRing: {
|
|
17
|
+
color: string;
|
|
18
|
+
shadow: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
thumbnailsContent: {
|
|
22
|
+
background: string;
|
|
23
|
+
};
|
|
24
|
+
thumbnailNavButton: {
|
|
25
|
+
hoverBackground: string;
|
|
26
|
+
color: string;
|
|
27
|
+
hoverColor: string;
|
|
28
|
+
focusRing: {
|
|
29
|
+
color: string;
|
|
30
|
+
shadow: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
caption: {
|
|
34
|
+
background: string;
|
|
35
|
+
color: string;
|
|
36
|
+
};
|
|
37
|
+
indicatorButton: {
|
|
38
|
+
background: string;
|
|
39
|
+
hoverBackground: string;
|
|
40
|
+
activeBackground: string;
|
|
41
|
+
focusRing: {
|
|
42
|
+
color: string;
|
|
43
|
+
shadow: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
insetIndicatorList: {
|
|
47
|
+
background: string;
|
|
48
|
+
};
|
|
49
|
+
insetIndicatorButton: {
|
|
50
|
+
background: string;
|
|
51
|
+
hoverBackground: string;
|
|
52
|
+
activeBackground: string;
|
|
53
|
+
};
|
|
54
|
+
closeButton: {
|
|
55
|
+
background: string;
|
|
56
|
+
hoverBackground: string;
|
|
57
|
+
color: string;
|
|
58
|
+
hoverColor: string;
|
|
59
|
+
focusRing: {
|
|
60
|
+
color: string;
|
|
61
|
+
shadow: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
footer: {
|
|
65
|
+
background: string;
|
|
66
|
+
color: string;
|
|
67
|
+
};
|
|
68
|
+
footerIcon: {
|
|
69
|
+
color: string;
|
|
70
|
+
hoverColor: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
dark: {
|
|
74
|
+
root: {
|
|
75
|
+
borderColor: string;
|
|
76
|
+
};
|
|
77
|
+
activeImageContainer: {
|
|
78
|
+
background: string;
|
|
79
|
+
};
|
|
80
|
+
navButton: {
|
|
81
|
+
background: string;
|
|
82
|
+
hoverBackground: string;
|
|
83
|
+
color: string;
|
|
84
|
+
hoverColor: string;
|
|
85
|
+
focusRing: {
|
|
86
|
+
color: string;
|
|
87
|
+
shadow: string;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
thumbnailsContent: {
|
|
91
|
+
background: string;
|
|
92
|
+
};
|
|
93
|
+
thumbnailNavButton: {
|
|
94
|
+
hoverBackground: string;
|
|
95
|
+
color: string;
|
|
96
|
+
hoverColor: string;
|
|
97
|
+
focusRing: {
|
|
98
|
+
color: string;
|
|
99
|
+
shadow: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
caption: {
|
|
103
|
+
background: string;
|
|
104
|
+
color: string;
|
|
105
|
+
};
|
|
106
|
+
indicatorButton: {
|
|
107
|
+
background: string;
|
|
108
|
+
hoverBackground: string;
|
|
109
|
+
activeBackground: string;
|
|
110
|
+
focusRing: {
|
|
111
|
+
color: string;
|
|
112
|
+
shadow: string;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
insetIndicatorList: {
|
|
116
|
+
background: string;
|
|
117
|
+
};
|
|
118
|
+
insetIndicatorButton: {
|
|
119
|
+
background: string;
|
|
120
|
+
hoverBackground: string;
|
|
121
|
+
activeBackground: string;
|
|
122
|
+
};
|
|
123
|
+
closeButton: {
|
|
124
|
+
background: string;
|
|
125
|
+
hoverBackground: string;
|
|
126
|
+
color: string;
|
|
127
|
+
hoverColor: string;
|
|
128
|
+
focusRing: {
|
|
129
|
+
color: string;
|
|
130
|
+
shadow: string;
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
footer: {
|
|
134
|
+
background: string;
|
|
135
|
+
color: string;
|
|
136
|
+
};
|
|
137
|
+
footerIcon: {
|
|
138
|
+
color: string;
|
|
139
|
+
hoverColor: string;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
css: ({ dt }: {
|
|
144
|
+
dt: any;
|
|
145
|
+
}) => string;
|
|
146
|
+
root: {
|
|
147
|
+
borderWidth: string;
|
|
148
|
+
borderRadius: string;
|
|
149
|
+
transitionDuration: string;
|
|
150
|
+
};
|
|
151
|
+
mask: {
|
|
152
|
+
zIndex: string;
|
|
153
|
+
};
|
|
154
|
+
activeImageContainer: {
|
|
155
|
+
width: string;
|
|
156
|
+
height: string;
|
|
157
|
+
};
|
|
158
|
+
fullscreenImage: {
|
|
159
|
+
maxHeight: string;
|
|
160
|
+
maxWidth9: string;
|
|
161
|
+
};
|
|
162
|
+
navButton: {
|
|
163
|
+
size: string;
|
|
164
|
+
gutter: string;
|
|
165
|
+
prev: {
|
|
166
|
+
borderRadius: string;
|
|
167
|
+
};
|
|
168
|
+
next: {
|
|
169
|
+
borderRadius: string;
|
|
170
|
+
};
|
|
171
|
+
focusRing: {
|
|
172
|
+
width: string;
|
|
173
|
+
style: string;
|
|
174
|
+
offset: string;
|
|
175
|
+
};
|
|
176
|
+
};
|
|
177
|
+
navIcon: {
|
|
178
|
+
size: string;
|
|
179
|
+
};
|
|
180
|
+
thumbnailsContent: {
|
|
181
|
+
padding: string;
|
|
182
|
+
};
|
|
183
|
+
thumbnailImage: {
|
|
184
|
+
width: string;
|
|
185
|
+
height: string;
|
|
186
|
+
};
|
|
187
|
+
thumbnailNavButton: {
|
|
188
|
+
size: string;
|
|
189
|
+
borderRadius: string;
|
|
190
|
+
gutter: string;
|
|
191
|
+
focusRing: {
|
|
192
|
+
width: string;
|
|
193
|
+
style: string;
|
|
194
|
+
offset: string;
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
thumbnailNavButtonIcon: {
|
|
198
|
+
size: string;
|
|
199
|
+
};
|
|
200
|
+
caption: {
|
|
201
|
+
padding: string;
|
|
202
|
+
};
|
|
203
|
+
indicatorList: {
|
|
204
|
+
gap: string;
|
|
205
|
+
padding: string;
|
|
206
|
+
};
|
|
207
|
+
indicatorButton: {
|
|
208
|
+
width: string;
|
|
209
|
+
height: string;
|
|
210
|
+
borderRadius: string;
|
|
211
|
+
focusRing: {
|
|
212
|
+
width: string;
|
|
213
|
+
style: string;
|
|
214
|
+
offset: string;
|
|
215
|
+
};
|
|
216
|
+
};
|
|
217
|
+
closeButton: {
|
|
218
|
+
size: string;
|
|
219
|
+
gutter: string;
|
|
220
|
+
borderRadius: string;
|
|
221
|
+
focusRing: {
|
|
222
|
+
width: string;
|
|
223
|
+
style: string;
|
|
224
|
+
offset: string;
|
|
225
|
+
};
|
|
226
|
+
};
|
|
227
|
+
closeButtonIcon: {
|
|
228
|
+
size: string;
|
|
229
|
+
};
|
|
230
|
+
footer: {
|
|
231
|
+
padding: string;
|
|
232
|
+
};
|
|
233
|
+
};
|