valtech-components 2.0.359 → 2.0.361
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/esm2022/lib/components/atoms/image/image.component.mjs +344 -12
- package/esm2022/lib/components/atoms/image/types.mjs +1 -1
- package/esm2022/lib/services/lang-provider/content.mjs +26 -1
- package/fesm2022/valtech-components.mjs +367 -12
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/image/image.component.d.ts +31 -0
- package/lib/components/atoms/image/types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -63,6 +63,10 @@ const globalContentData = {
|
|
|
63
63
|
copied: '¡Copiado al portapapeles!',
|
|
64
64
|
seeMore: 'ver más',
|
|
65
65
|
selected: 'seleccionados',
|
|
66
|
+
// Image preview
|
|
67
|
+
zoomIn: 'Acercar',
|
|
68
|
+
zoomOut: 'Alejar',
|
|
69
|
+
resetZoom: 'Restablecer zoom',
|
|
66
70
|
},
|
|
67
71
|
en: {
|
|
68
72
|
// Common buttons
|
|
@@ -118,14 +122,35 @@ const globalContentData = {
|
|
|
118
122
|
copied: 'Copied to clipboard!',
|
|
119
123
|
seeMore: 'see more',
|
|
120
124
|
selected: 'selected',
|
|
125
|
+
// Image preview
|
|
126
|
+
zoomIn: 'Zoom in',
|
|
127
|
+
zoomOut: 'Zoom out',
|
|
128
|
+
resetZoom: 'Reset zoom',
|
|
121
129
|
},
|
|
122
130
|
};
|
|
123
131
|
const GlobalContent = new TextContent(globalContentData);
|
|
132
|
+
// ImageComponent specific content
|
|
133
|
+
const imageComponentData = {
|
|
134
|
+
es: {
|
|
135
|
+
close: 'Cerrar',
|
|
136
|
+
zoomIn: 'Acercar',
|
|
137
|
+
zoomOut: 'Alejar',
|
|
138
|
+
resetZoom: 'Restablecer zoom',
|
|
139
|
+
},
|
|
140
|
+
en: {
|
|
141
|
+
close: 'Close',
|
|
142
|
+
zoomIn: 'Zoom in',
|
|
143
|
+
zoomOut: 'Zoom out',
|
|
144
|
+
resetZoom: 'Reset zoom',
|
|
145
|
+
},
|
|
146
|
+
};
|
|
147
|
+
const ImageComponentContent = new TextContent(imageComponentData);
|
|
124
148
|
const content = {
|
|
125
149
|
_global: GlobalContent,
|
|
126
150
|
LangSettings,
|
|
151
|
+
ImageComponent: ImageComponentContent,
|
|
127
152
|
};
|
|
128
153
|
export default content;
|
|
129
154
|
// Export named exports for user convenience
|
|
130
155
|
export { content, GlobalContent, globalContentData };
|
|
131
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL3NlcnZpY2VzL2xhbmctcHJvdmlkZXIvY29udGVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVksTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQW9CLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQU14RDs7Ozs7OztHQU9HO0FBQ0gsTUFBTSxpQkFBaUIsR0FBcUI7SUFDMUMsRUFBRSxFQUFFO1FBQ0YsaUJBQWlCO1FBQ2pCLEVBQUUsRUFBRSxTQUFTO1FBQ2IsTUFBTSxFQUFFLFVBQVU7UUFDbEIsSUFBSSxFQUFFLFNBQVM7UUFDZixNQUFNLEVBQUUsVUFBVTtRQUNsQixJQUFJLEVBQUUsUUFBUTtRQUNkLEtBQUssRUFBRSxRQUFRO1FBQ2YsSUFBSSxFQUFFLFFBQVE7UUFDZCxJQUFJLEVBQUUsV0FBVztRQUNqQixRQUFRLEVBQUUsVUFBVTtRQUNwQixNQUFNLEVBQUUsV0FBVztRQUNuQixRQUFRLEVBQUUsV0FBVztRQUVyQixpQkFBaUI7UUFDakIsR0FBRyxFQUFFLFNBQVM7UUFDZCxNQUFNLEVBQUUsUUFBUTtRQUNoQixNQUFNLEVBQUUsUUFBUTtRQUNoQixNQUFNLEVBQUUsU0FBUztRQUNqQixJQUFJLEVBQUUsU0FBUztRQUNmLE9BQU8sRUFBRSxZQUFZO1FBRXJCLDZCQUE2QjtRQUM3QixPQUFPLEVBQUUsYUFBYTtRQUN0QixVQUFVLEVBQUUscUJBQXFCO1FBQ2pDLE1BQU0sRUFBRSwwQkFBMEI7UUFDbEMsS0FBSyxFQUFFLE9BQU87UUFDZCxPQUFPLEVBQUUsT0FBTztRQUNoQixPQUFPLEVBQUUsYUFBYTtRQUN0QixJQUFJLEVBQUUsYUFBYTtRQUNuQixRQUFRLEVBQUUsUUFBUTtRQUVsQix1QkFBdUI7UUFDdkIsVUFBVSxFQUFFLGdCQUFnQjtR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b3J0IExhbmdTZXR0aW5ncyBmcm9tICcuL2NvbXBvbmVudHMvbGFuZy1zZXR0aW5ncyc7XG5pbXBvcnQgeyBMYW5ndWFnZXNDb250ZW50LCBUZXh0Q29udGVudCB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3ZpZGVyIHtcbiAgW3g6IHN0cmluZ106IFRleHRDb250ZW50O1xufVxuXG4vKipcbiAqIEdsb2JhbCBjb250ZW50IHRoYXQgY2FuIGJlIHVzZWQgYWNyb3NzIGFsbCBjb21wb25lbnRzLlxuICogVGhlc2UgYXJlIGNvbW1vbiB0ZXh0cyBsaWtlIGJ1dHRvbnMsIGFjdGlvbnMsIHN0YXRlcywgZXRjLlxuICogU3RydWN0dXJlOiB7ZXM6IHtrZXkxOiAndmFsdWUxJywga2V5MjogJ3ZhbHVlMid9LCBlbjoge2tleTE6ICd2YWx1ZTEnLCBrZXkyOiAndmFsdWUyJ30sIGZyOiB7Li4ufX1cbiAqXG4gKiBOb3RlOiBZb3UgY2FuIGFkZCBhbnkgbGFuZ3VhZ2UgY29kZS4gVGhlIHN5c3RlbSB3aWxsIGF1dG9tYXRpY2FsbHkgZGV0ZWN0IGF2YWlsYWJsZSBsYW5ndWFnZXNcbiAqIGFuZCBwcm92aWRlIGludGVsbGlnZW50IGZhbGxiYWNrcyB3aXRoIHdhcm5pbmdzIGZvciBtaXNzaW5nIHRyYW5zbGF0aW9ucy5cbiAqL1xuY29uc3QgZ2xvYmFsQ29udGVudERhdGE6IExhbmd1YWdlc0NvbnRlbnQgPSB7XG4gIGVzOiB7XG4gICAgLy8gQ29tbW9uIGJ1dHRvbnNcbiAgICBvazogJ0FjZXB0YXInLFxuICAgIGNhbmNlbDogJ0NhbmNlbGFyJyxcbiAgICBzYXZlOiAnR3VhcmRhcicsXG4gICAgZGVsZXRlOiAnRWxpbWluYXInLFxuICAgIGVkaXQ6ICdFZGl0YXInLFxuICAgIGNsb3NlOiAnQ2VycmFyJyxcbiAgICBiYWNrOiAnVm9sdmVyJyxcbiAgICBuZXh0OiAnU2lndWllbnRlJyxcbiAgICBwcmV2aW91czogJ0FudGVyaW9yJyxcbiAgICBmaW5pc2g6ICdGaW5hbGl6YXInLFxuICAgIGNvbnRpbnVlOiAnQ29udGludWFyJyxcblxuICAgIC8vIENvbW1vbiBhY3Rpb25zXG4gICAgYWRkOiAnQWdyZWdhcicsXG4gICAgcmVtb3ZlOiAnUXVpdGFyJyxcbiAgICBzZWFyY2g6ICdCdXNjYXInLFxuICAgIGZpbHRlcjogJ0ZpbHRyYXInLFxuICAgIHNvcnQ6ICdPcmRlbmFyJyxcbiAgICByZWZyZXNoOiAnQWN0dWFsaXphcicsXG5cbiAgICAvLyBDb21tb24gc3RhdGVzIGFuZCBtZXNzYWdlc1xuICAgIGxvYWRpbmc6ICdDYXJnYW5kby4uLicsXG4gICAgcGxlYXNlV2FpdDogJ1BvciBmYXZvciBlc3BlcmUuLi4nLFxuICAgIG5vRGF0YTogJ05vIGhheSBkYXRvcyBkaXNwb25pYmxlcycsXG4gICAgZXJyb3I6ICdFcnJvcicsXG4gICAgc3VjY2VzczogJ8OJeGl0bycsXG4gICAgd2FybmluZzogJ0FkdmVydGVuY2lhJyxcbiAgICBpbmZvOiAnSW5mb3JtYWNpw7NuJyxcbiAgICBsYW5ndWFnZTogJ0lkaW9tYScsXG5cbiAgICAvLyBDb21tb24gY29uZmlybWF0aW9uc1xuICAgIGFyZVlvdVN1cmU6ICfCv0VzdMOhcyBzZWd1cm8/JyxcblxuICAgIC8vIExhbmd1YWdlIG5hbWVzICh0cmFuc2xhdGVkKSAtIGZsYXQga2V5cyBmb3IgdHlwZSBjb21wYXRpYmlsaXR5XG4gICAgbGFuZ3VhZ2VOYW1lX2VzOiAnRXNwYcOxb2wnLFxuICAgIGxhbmd1YWdlTmFtZV9lbjogJ0luZ2zDqXMnLFxuICAgIGxhbmd1YWdlTmFtZV9mcjogJ0ZyYW5jw6lzJyxcbiAgICBsYW5ndWFnZU5hbWVfZGU6ICdBbGVtw6FuJyxcbiAgICBsYW5ndWFnZU5hbWVfcHQ6ICdQb3J0dWd1w6lzJyxcbiAgICBsYW5ndWFnZU5hbWVfaXQ6ICdJdGFsaWFubycsXG4gICAgbGFuZ3VhZ2VOYW1lX3poOiAnQ2hpbm8nLFxuICAgIGxhbmd1YWdlTmFtZV9qYTogJ0phcG9uw6lzJyxcbiAgICBsYW5ndWFnZU5hbWVfa286ICdDb3JlYW5vJyxcbiAgICBsYW5ndWFnZU5hbWVfcnU6ICdSdXNvJyxcbiAgICBsYW5ndWFnZU5hbWVfYXI6ICfDgXJhYmUnLFxuICAgIGRlbGV0ZUNvbmZpcm1hdGlvbjogJ8K/RXN0w6FzIHNlZ3VybyBkZSBxdWUgZGVzZWFzIGVsaW1pbmFyIHtpdGVtTmFtZX0/JyxcbiAgICB1bnNhdmVkQ2hhbmdlczogJ1RpZW5lcyBjYW1iaW9zIHNpbiBndWFyZGFyLiDCv0Rlc2VhcyBjb250aW51YXI/JyxcblxuICAgIC8vIENvbW1vbiBwbGFjZWhvbGRlcnNcbiAgICBzZWFyY2hQbGFjZWhvbGRlcjogJ0J1c2Nhci4uLicsXG4gICAgc2VsZWN0OiAnU2VsZWNjaW9uYXIuLi4nLFxuICAgIHNlbGVjdE9wdGlvbjogJ1NlbGVjY2lvbmUgdW5hIG9wY2nDs24nLFxuICAgIHNlbGVjdExhbmd1YWdlOiAnU2VsZWNjaW9uYXIgaWRpb21hLi4uJyxcblxuICAgIC8vIFN0YXR1cyBtZXNzYWdlc1xuICAgIGNvcGllZDogJ8KhQ29waWFkbyBhbCBwb3J0YXBhcGVsZXMhJyxcbiAgICBzZWVNb3JlOiAndmVyIG3DoXMnLFxuICAgIHNlbGVjdGVkOiAnc2VsZWNjaW9uYWRvcycsXG4gIH0sXG4gIGVuOiB7XG4gICAgLy8gQ29tbW9uIGJ1dHRvbnNcbiAgICBvazogJ09LJyxcbiAgICBjYW5jZWw6ICdDYW5jZWwnLFxuICAgIHNhdmU6ICdTYXZlJyxcbiAgICBkZWxldGU6ICdEZWxldGUnLFxuICAgIGVkaXQ6ICdFZGl0JyxcbiAgICBjbG9zZTogJ0Nsb3NlJyxcbiAgICBiYWNrOiAnQmFjaycsXG4gICAgbmV4dDogJ05leHQnLFxuICAgIHByZXZpb3VzOiAnUHJldmlvdXMnLFxuICAgIGZpbmlzaDogJ0ZpbmlzaCcsXG4gICAgY29udGludWU6ICdDb250aW51ZScsXG5cbiAgICAvLyBDb21tb24gYWN0aW9uc1xuICAgIGFkZDogJ0FkZCcsXG4gICAgcmVtb3ZlOiAnUmVtb3ZlJyxcbiAgICBzZWFyY2g6ICdTZWFyY2gnLFxuICAgIGZpbHRlcjogJ0ZpbHRlcicsXG4gICAgc29ydDogJ1NvcnQnLFxuICAgIHJlZnJlc2g6ICdSZWZyZXNoJyxcblxuICAgIC8vIENvbW1vbiBzdGF0ZXMgYW5kIG1lc3NhZ2VzXG4gICAgbG9hZGluZzogJ0xvYWRpbmcuLi4nLFxuICAgIHBsZWFzZVdhaXQ6ICdQbGVhc2Ugd2FpdC4uLicsXG4gICAgbm9EYXRhOiAnTm8gZGF0YSBhdmFpbGFibGUnLFxuICAgIGVycm9yOiAnRXJyb3InLFxuICAgIHN1Y2Nlc3M6ICdTdWNjZXNzJyxcbiAgICB3YXJuaW5nOiAnV2FybmluZycsXG4gICAgaW5mbzogJ0luZm9ybWF0aW9uJyxcbiAgICBsYW5ndWFnZTogJ0xhbmd1YWdlJyxcblxuICAgIC8vIENvbW1vbiBjb25maXJtYXRpb25zXG4gICAgYXJlWW91U3VyZTogJ0FyZSB5b3Ugc3VyZT8nLFxuXG4gICAgLy8gTGFuZ3VhZ2UgbmFtZXMgKHRyYW5zbGF0ZWQpIC0gZmxhdCBrZXlzIGZvciB0eXBlIGNvbXBhdGliaWxpdHlcbiAgICBsYW5ndWFnZU5hbWVfZXM6ICdTcGFuaXNoJyxcbiAgICBsYW5ndWFnZU5hbWVfZW46ICdFbmdsaXNoJyxcbiAgICBsYW5ndWFnZU5hbWVfZnI6ICdGcmVuY2gnLFxuICAgIGxhbmd1YWdlTmFtZV9kZTogJ0dlcm1hbicsXG4gICAgbGFuZ3VhZ2VOYW1lX3B0OiAnUG9ydHVndWVzZScsXG4gICAgbGFuZ3VhZ2VOYW1lX2l0OiAnSXRhbGlhbicsXG4gICAgbGFuZ3VhZ2VOYW1lX3poOiAnQ2hpbmVzZScsXG4gICAgbGFuZ3VhZ2VOYW1lX2phOiAnSmFwYW5lc2UnLFxuICAgIGxhbmd1YWdlTmFtZV9rbzogJ0tvcmVhbicsXG4gICAgbGFuZ3VhZ2VOYW1lX3J1OiAnUnVzc2lhbicsXG4gICAgbGFuZ3VhZ2VOYW1lX2FyOiAnQXJhYmljJyxcbiAgICBkZWxldGVDb25maXJtYXRpb246ICdBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gZGVsZXRlIHtpdGVtTmFtZX0/JyxcbiAgICB1bnNhdmVkQ2hhbmdlczogJ1lvdSBoYXZlIHVuc2F2ZWQgY2hhbmdlcy4gRG8geW91IHdhbnQgdG8gY29udGludWU/JyxcblxuICAgIC8vIENvbW1vbiBwbGFjZWhvbGRlcnNcbiAgICBzZWFyY2hQbGFjZWhvbGRlcjogJ1NlYXJjaC4uLicsXG4gICAgc2VsZWN0OiAnU2VsZWN0Li4uJyxcbiAgICBzZWxlY3RPcHRpb246ICdTZWxlY3QgYW4gb3B0aW9uJyxcbiAgICBzZWxlY3RMYW5ndWFnZTogJ1NlbGVjdCBsYW5ndWFnZS4uLicsXG5cbiAgICAvLyBTdGF0dXMgbWVzc2FnZXNcbiAgICBjb3BpZWQ6ICdDb3BpZWQgdG8gY2xpcGJvYXJkIScsXG4gICAgc2VlTW9yZTogJ3NlZSBtb3JlJyxcbiAgICBzZWxlY3RlZDogJ3NlbGVjdGVkJyxcbiAgfSxcbn07XG5cbmNvbnN0IEdsb2JhbENvbnRlbnQgPSBuZXcgVGV4dENvbnRlbnQoZ2xvYmFsQ29udGVudERhdGEpO1xuXG5jb25zdCBjb250ZW50OiBQcm92aWRlciA9IHtcbiAgX2dsb2JhbDogR2xvYmFsQ29udGVudCxcbiAgTGFuZ1NldHRpbmdzLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29udGVudDtcblxuLy8gRXhwb3J0IG5hbWVkIGV4cG9ydHMgZm9yIHVzZXIgY29udmVuaWVuY2VcbmV4cG9ydCB7IGNvbnRlbnQsIEdsb2JhbENvbnRlbnQsIGdsb2JhbENvbnRlbnREYXRhIH07XG4iXX0=
|
|
156
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL3NlcnZpY2VzL2xhbmctcHJvdmlkZXIvY29udGVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVksTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQW9CLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQU14RDs7Ozs7OztHQU9HO0FBQ0gsTUFBTSxpQkFBaUIsR0FBcUI7SUFDMUMsRUFBRSxFQUFFO1FBQ0YsaUJBQWlCO1FBQ2pCLEVBQUUsRUFBRSxTQUFTO1FBQ2IsTUFBTSxFQUFFLFVBQVU7UUFDbEIsSUFBSSxFQUFFLFNBQVM7UUFDZixNQUFNLEVBQUUsVUFBVTtRQUNsQixJQUFJLEVBQUUsUUFBUTtRQUNkLEtBQUssRUFBRSxRQUFRO1FBQ2YsSUFBSSxFQUFFLFFBQVE7UUFDZCxJQUFJLEVBQUUsV0FBVztRQUNqQixRQUFRLEVBQUUsVUFBVTtRQUNwQixNQUFNLEVBQUUsV0FBVztRQUNuQixRQUFRLEVBQUUsV0FBVztRQUVyQixpQkFBaUI7UUFDakIsR0FBRyxFQUFFLFNBQVM7UUFDZCxNQUFNLEVBQUUsUUFBUTtRQUNoQixNQUFNLEVBQUUsUUFBUTtRQUNoQixNQUFNLEVBQUUsU0FBUztRQUNqQixJQUFJLEVBQUUsU0FBUztRQUNmLE9BQU8sRUFBRSxZQUFZO1FBRXJCLDZCQUE2QjtRQUM3QixPQUFPLEVBQUUsYUFBYTtRQUN0QixVQUFVLEVBQUUscUJBQXFCO1FBQ2pDLE1BQU0sRUFBRSwwQkFBMEI7UUFDbEMsS0FBSyxFQUFFLE9BQU87UUFDZCxPQUFPLEVBQUUsT0FBTztRQUNoQixPQUFPLEVBQUUsYUFBYTtRQUN0QixJQUFJLEVBQUUsYUFBYTtRQUNuQixRQUFRLEVBQUUsUUFBUTtRQUVsQix1QkFBdUI7UUFDdkIsVUFBVSxFQUFFLGdCQUFnQjtR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LE1BQU0sa0JBQWtCLEdBQXFCO0lBQzNDLEVBQUUsRUFBRTtRQUNGLEtBQUssRUFBRSxRQUFRO1FBQ2YsTUFBTSxFQUFFLFNBQVM7UUFDakIsT0FBTyxFQUFFLFFBQVE7UUFDakIsU0FBUyxFQUFFLGtCQUFrQjtLQUM5QjtJQUNELEVBQUUsRUFBRTtRQUNGLEtBQUssRUFBRSxPQUFPO1FBQ2QsTUFBTSxFQUFFLFNBQVM7UUFDakIsT0FBTyxFQUFFLFVBQVU7UUFDbkIsU0FBUyxFQUFFLFlBQVk7S0FDeEI7Q0FDRixDQUFDO0FBRUYsTUFBTSxxQkFBcUIsR0FBRyxJQUFJLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0FBRWxFLE1BQU0sT0FBTyxHQUFhO0lBQ3hCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLFlBQVk7SUFDWixjQUFjLEVBQUUscUJBQXFCO0NBQ3RDLENBQUM7QUFFRixlQUFlLE9BQU8sQ0FBQztBQUV2Qiw0Q0FBNEM7QUFDNUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBMYW5nU2V0dGluZ3MgZnJvbSAnLi9jb21wb25lbnRzL2xhbmctc2V0dGluZ3MnO1xuaW1wb3J0IHsgTGFuZ3VhZ2VzQ29udGVudCwgVGV4dENvbnRlbnQgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm92aWRlciB7XG4gIFt4OiBzdHJpbmddOiBUZXh0Q29udGVudDtcbn1cblxuLyoqXG4gKiBHbG9iYWwgY29udGVudCB0aGF0IGNhbiBiZSB1c2VkIGFjcm9zcyBhbGwgY29tcG9uZW50cy5cbiAqIFRoZXNlIGFyZSBjb21tb24gdGV4dHMgbGlrZSBidXR0b25zLCBhY3Rpb25zLCBzdGF0ZXMsIGV0Yy5cbiAqIFN0cnVjdHVyZToge2VzOiB7a2V5MTogJ3ZhbHVlMScsIGtleTI6ICd2YWx1ZTInfSwgZW46IHtrZXkxOiAndmFsdWUxJywga2V5MjogJ3ZhbHVlMid9LCBmcjogey4uLn19XG4gKlxuICogTm90ZTogWW91IGNhbiBhZGQgYW55IGxhbmd1YWdlIGNvZGUuIFRoZSBzeXN0ZW0gd2lsbCBhdXRvbWF0aWNhbGx5IGRldGVjdCBhdmFpbGFibGUgbGFuZ3VhZ2VzXG4gKiBhbmQgcHJvdmlkZSBpbnRlbGxpZ2VudCBmYWxsYmFja3Mgd2l0aCB3YXJuaW5ncyBmb3IgbWlzc2luZyB0cmFuc2xhdGlvbnMuXG4gKi9cbmNvbnN0IGdsb2JhbENvbnRlbnREYXRhOiBMYW5ndWFnZXNDb250ZW50ID0ge1xuICBlczoge1xuICAgIC8vIENvbW1vbiBidXR0b25zXG4gICAgb2s6ICdBY2VwdGFyJyxcbiAgICBjYW5jZWw6ICdDYW5jZWxhcicsXG4gICAgc2F2ZTogJ0d1YXJkYXInLFxuICAgIGRlbGV0ZTogJ0VsaW1pbmFyJyxcbiAgICBlZGl0OiAnRWRpdGFyJyxcbiAgICBjbG9zZTogJ0NlcnJhcicsXG4gICAgYmFjazogJ1ZvbHZlcicsXG4gICAgbmV4dDogJ1NpZ3VpZW50ZScsXG4gICAgcHJldmlvdXM6ICdBbnRlcmlvcicsXG4gICAgZmluaXNoOiAnRmluYWxpemFyJyxcbiAgICBjb250aW51ZTogJ0NvbnRpbnVhcicsXG5cbiAgICAvLyBDb21tb24gYWN0aW9uc1xuICAgIGFkZDogJ0FncmVnYXInLFxuICAgIHJlbW92ZTogJ1F1aXRhcicsXG4gICAgc2VhcmNoOiAnQnVzY2FyJyxcbiAgICBmaWx0ZXI6ICdGaWx0cmFyJyxcbiAgICBzb3J0OiAnT3JkZW5hcicsXG4gICAgcmVmcmVzaDogJ0FjdHVhbGl6YXInLFxuXG4gICAgLy8gQ29tbW9uIHN0YXRlcyBhbmQgbWVzc2FnZXNcbiAgICBsb2FkaW5nOiAnQ2FyZ2FuZG8uLi4nLFxuICAgIHBsZWFzZVdhaXQ6ICdQb3IgZmF2b3IgZXNwZXJlLi4uJyxcbiAgICBub0RhdGE6ICdObyBoYXkgZGF0b3MgZGlzcG9uaWJsZXMnLFxuICAgIGVycm9yOiAnRXJyb3InLFxuICAgIHN1Y2Nlc3M6ICfDiXhpdG8nLFxuICAgIHdhcm5pbmc6ICdBZHZlcnRlbmNpYScsXG4gICAgaW5mbzogJ0luZm9ybWFjacOzbicsXG4gICAgbGFuZ3VhZ2U6ICdJZGlvbWEnLFxuXG4gICAgLy8gQ29tbW9uIGNvbmZpcm1hdGlvbnNcbiAgICBhcmVZb3VTdXJlOiAnwr9Fc3TDoXMgc2VndXJvPycsXG5cbiAgICAvLyBMYW5ndWFnZSBuYW1lcyAodHJhbnNsYXRlZCkgLSBmbGF0IGtleXMgZm9yIHR5cGUgY29tcGF0aWJpbGl0eVxuICAgIGxhbmd1YWdlTmFtZV9lczogJ0VzcGHDsW9sJyxcbiAgICBsYW5ndWFnZU5hbWVfZW46ICdJbmdsw6lzJyxcbiAgICBsYW5ndWFnZU5hbWVfZnI6ICdGcmFuY8OpcycsXG4gICAgbGFuZ3VhZ2VOYW1lX2RlOiAnQWxlbcOhbicsXG4gICAgbGFuZ3VhZ2VOYW1lX3B0OiAnUG9ydHVndcOpcycsXG4gICAgbGFuZ3VhZ2VOYW1lX2l0OiAnSXRhbGlhbm8nLFxuICAgIGxhbmd1YWdlTmFtZV96aDogJ0NoaW5vJyxcbiAgICBsYW5ndWFnZU5hbWVfamE6ICdKYXBvbsOpcycsXG4gICAgbGFuZ3VhZ2VOYW1lX2tvOiAnQ29yZWFubycsXG4gICAgbGFuZ3VhZ2VOYW1lX3J1OiAnUnVzbycsXG4gICAgbGFuZ3VhZ2VOYW1lX2FyOiAnw4FyYWJlJyxcbiAgICBkZWxldGVDb25maXJtYXRpb246ICfCv0VzdMOhcyBzZWd1cm8gZGUgcXVlIGRlc2VhcyBlbGltaW5hciB7aXRlbU5hbWV9PycsXG4gICAgdW5zYXZlZENoYW5nZXM6ICdUaWVuZXMgY2FtYmlvcyBzaW4gZ3VhcmRhci4gwr9EZXNlYXMgY29udGludWFyPycsXG5cbiAgICAvLyBDb21tb24gcGxhY2Vob2xkZXJzXG4gICAgc2VhcmNoUGxhY2Vob2xkZXI6ICdCdXNjYXIuLi4nLFxuICAgIHNlbGVjdDogJ1NlbGVjY2lvbmFyLi4uJyxcbiAgICBzZWxlY3RPcHRpb246ICdTZWxlY2Npb25lIHVuYSBvcGNpw7NuJyxcbiAgICBzZWxlY3RMYW5ndWFnZTogJ1NlbGVjY2lvbmFyIGlkaW9tYS4uLicsXG5cbiAgICAvLyBTdGF0dXMgbWVzc2FnZXNcbiAgICBjb3BpZWQ6ICfCoUNvcGlhZG8gYWwgcG9ydGFwYXBlbGVzIScsXG4gICAgc2VlTW9yZTogJ3ZlciBtw6FzJyxcbiAgICBzZWxlY3RlZDogJ3NlbGVjY2lvbmFkb3MnLFxuXG4gICAgLy8gSW1hZ2UgcHJldmlld1xuICAgIHpvb21JbjogJ0FjZXJjYXInLFxuICAgIHpvb21PdXQ6ICdBbGVqYXInLFxuICAgIHJlc2V0Wm9vbTogJ1Jlc3RhYmxlY2VyIHpvb20nLFxuICB9LFxuICBlbjoge1xuICAgIC8vIENvbW1vbiBidXR0b25zXG4gICAgb2s6ICdPSycsXG4gICAgY2FuY2VsOiAnQ2FuY2VsJyxcbiAgICBzYXZlOiAnU2F2ZScsXG4gICAgZGVsZXRlOiAnRGVsZXRlJyxcbiAgICBlZGl0OiAnRWRpdCcsXG4gICAgY2xvc2U6ICdDbG9zZScsXG4gICAgYmFjazogJ0JhY2snLFxuICAgIG5leHQ6ICdOZXh0JyxcbiAgICBwcmV2aW91czogJ1ByZXZpb3VzJyxcbiAgICBmaW5pc2g6ICdGaW5pc2gnLFxuICAgIGNvbnRpbnVlOiAnQ29udGludWUnLFxuXG4gICAgLy8gQ29tbW9uIGFjdGlvbnNcbiAgICBhZGQ6ICdBZGQnLFxuICAgIHJlbW92ZTogJ1JlbW92ZScsXG4gICAgc2VhcmNoOiAnU2VhcmNoJyxcbiAgICBmaWx0ZXI6ICdGaWx0ZXInLFxuICAgIHNvcnQ6ICdTb3J0JyxcbiAgICByZWZyZXNoOiAnUmVmcmVzaCcsXG5cbiAgICAvLyBDb21tb24gc3RhdGVzIGFuZCBtZXNzYWdlc1xuICAgIGxvYWRpbmc6ICdMb2FkaW5nLi4uJyxcbiAgICBwbGVhc2VXYWl0OiAnUGxlYXNlIHdhaXQuLi4nLFxuICAgIG5vRGF0YTogJ05vIGRhdGEgYXZhaWxhYmxlJyxcbiAgICBlcnJvcjogJ0Vycm9yJyxcbiAgICBzdWNjZXNzOiAnU3VjY2VzcycsXG4gICAgd2FybmluZzogJ1dhcm5pbmcnLFxuICAgIGluZm86ICdJbmZvcm1hdGlvbicsXG4gICAgbGFuZ3VhZ2U6ICdMYW5ndWFnZScsXG5cbiAgICAvLyBDb21tb24gY29uZmlybWF0aW9uc1xuICAgIGFyZVlvdVN1cmU6ICdBcmUgeW91IHN1cmU/JyxcblxuICAgIC8vIExhbmd1YWdlIG5hbWVzICh0cmFuc2xhdGVkKSAtIGZsYXQga2V5cyBmb3IgdHlwZSBjb21wYXRpYmlsaXR5XG4gICAgbGFuZ3VhZ2VOYW1lX2VzOiAnU3BhbmlzaCcsXG4gICAgbGFuZ3VhZ2VOYW1lX2VuOiAnRW5nbGlzaCcsXG4gICAgbGFuZ3VhZ2VOYW1lX2ZyOiAnRnJlbmNoJyxcbiAgICBsYW5ndWFnZU5hbWVfZGU6ICdHZXJtYW4nLFxuICAgIGxhbmd1YWdlTmFtZV9wdDogJ1BvcnR1Z3Vlc2UnLFxuICAgIGxhbmd1YWdlTmFtZV9pdDogJ0l0YWxpYW4nLFxuICAgIGxhbmd1YWdlTmFtZV96aDogJ0NoaW5lc2UnLFxuICAgIGxhbmd1YWdlTmFtZV9qYTogJ0phcGFuZXNlJyxcbiAgICBsYW5ndWFnZU5hbWVfa286ICdLb3JlYW4nLFxuICAgIGxhbmd1YWdlTmFtZV9ydTogJ1J1c3NpYW4nLFxuICAgIGxhbmd1YWdlTmFtZV9hcjogJ0FyYWJpYycsXG4gICAgZGVsZXRlQ29uZmlybWF0aW9uOiAnQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIGRlbGV0ZSB7aXRlbU5hbWV9PycsXG4gICAgdW5zYXZlZENoYW5nZXM6ICdZb3UgaGF2ZSB1bnNhdmVkIGNoYW5nZXMuIERvIHlvdSB3YW50IHRvIGNvbnRpbnVlPycsXG5cbiAgICAvLyBDb21tb24gcGxhY2Vob2xkZXJzXG4gICAgc2VhcmNoUGxhY2Vob2xkZXI6ICdTZWFyY2guLi4nLFxuICAgIHNlbGVjdDogJ1NlbGVjdC4uLicsXG4gICAgc2VsZWN0T3B0aW9uOiAnU2VsZWN0IGFuIG9wdGlvbicsXG4gICAgc2VsZWN0TGFuZ3VhZ2U6ICdTZWxlY3QgbGFuZ3VhZ2UuLi4nLFxuXG4gICAgLy8gU3RhdHVzIG1lc3NhZ2VzXG4gICAgY29waWVkOiAnQ29waWVkIHRvIGNsaXBib2FyZCEnLFxuICAgIHNlZU1vcmU6ICdzZWUgbW9yZScsXG4gICAgc2VsZWN0ZWQ6ICdzZWxlY3RlZCcsXG5cbiAgICAvLyBJbWFnZSBwcmV2aWV3XG4gICAgem9vbUluOiAnWm9vbSBpbicsXG4gICAgem9vbU91dDogJ1pvb20gb3V0JyxcbiAgICByZXNldFpvb206ICdSZXNldCB6b29tJyxcbiAgfSxcbn07XG5cbmNvbnN0IEdsb2JhbENvbnRlbnQgPSBuZXcgVGV4dENvbnRlbnQoZ2xvYmFsQ29udGVudERhdGEpO1xuXG4vLyBJbWFnZUNvbXBvbmVudCBzcGVjaWZpYyBjb250ZW50XG5jb25zdCBpbWFnZUNvbXBvbmVudERhdGE6IExhbmd1YWdlc0NvbnRlbnQgPSB7XG4gIGVzOiB7XG4gICAgY2xvc2U6ICdDZXJyYXInLFxuICAgIHpvb21JbjogJ0FjZXJjYXInLFxuICAgIHpvb21PdXQ6ICdBbGVqYXInLFxuICAgIHJlc2V0Wm9vbTogJ1Jlc3RhYmxlY2VyIHpvb20nLFxuICB9LFxuICBlbjoge1xuICAgIGNsb3NlOiAnQ2xvc2UnLFxuICAgIHpvb21JbjogJ1pvb20gaW4nLFxuICAgIHpvb21PdXQ6ICdab29tIG91dCcsXG4gICAgcmVzZXRab29tOiAnUmVzZXQgem9vbScsXG4gIH0sXG59O1xuXG5jb25zdCBJbWFnZUNvbXBvbmVudENvbnRlbnQgPSBuZXcgVGV4dENvbnRlbnQoaW1hZ2VDb21wb25lbnREYXRhKTtcblxuY29uc3QgY29udGVudDogUHJvdmlkZXIgPSB7XG4gIF9nbG9iYWw6IEdsb2JhbENvbnRlbnQsXG4gIExhbmdTZXR0aW5ncyxcbiAgSW1hZ2VDb21wb25lbnQ6IEltYWdlQ29tcG9uZW50Q29udGVudCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbnRlbnQ7XG5cbi8vIEV4cG9ydCBuYW1lZCBleHBvcnRzIGZvciB1c2VyIGNvbnZlbmllbmNlXG5leHBvcnQgeyBjb250ZW50LCBHbG9iYWxDb250ZW50LCBnbG9iYWxDb250ZW50RGF0YSB9O1xuIl19
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, Injectable, inject, InjectionToken, Inject, ChangeDetectorRef, Pipe, ChangeDetectionStrategy, ViewChild } from '@angular/core';
|
|
3
|
-
import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonProgressBar, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox,
|
|
2
|
+
import { EventEmitter, Component, Input, Output, Injectable, inject, InjectionToken, Inject, ChangeDetectorRef, HostListener, Pipe, ChangeDetectionStrategy, ViewChild } from '@angular/core';
|
|
3
|
+
import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonTitle, IonContent, IonButtons, IonProgressBar, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonLabel, IonRadioGroup, IonRadio, IonSearchbar, IonMenuButton, IonFooter, IonList, IonListHeader, IonNote, IonItem } from '@ionic/angular/standalone';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule, NgStyle, AsyncPipe, NgFor, NgClass } from '@angular/common';
|
|
6
6
|
import { addIcons } from 'ionicons';
|
|
@@ -1796,7 +1796,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1796
1796
|
* Displays an image with various display options (bordered, shaded, dark, etc).
|
|
1797
1797
|
* Now includes a container wrapper for better flexbox support and alignment options.
|
|
1798
1798
|
*
|
|
1799
|
-
*
|
|
1799
|
+
* NEW: Optional preview mode with full-screen zoom capabilities:
|
|
1800
|
+
* - Click to open full-screen preview (when previewMode is enabled)
|
|
1801
|
+
* - Pinch-to-zoom on mobile devices
|
|
1802
|
+
* - Mouse wheel zoom on desktop
|
|
1803
|
+
* - Pan/drag to navigate zoomed images
|
|
1804
|
+
* - Zoom controls with buttons
|
|
1805
|
+
* - Keyboard shortcuts (Esc to close, +/- to zoom, 0 to reset)
|
|
1806
|
+
* - Touch-friendly interface with gesture support
|
|
1807
|
+
*
|
|
1808
|
+
* @example Basic usage:
|
|
1800
1809
|
* <val-image [props]="{
|
|
1801
1810
|
* src: 'url',
|
|
1802
1811
|
* alt: 'desc',
|
|
@@ -1807,11 +1816,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1807
1816
|
* caption: 'Image description'
|
|
1808
1817
|
* }"></val-image>
|
|
1809
1818
|
*
|
|
1810
|
-
* @
|
|
1819
|
+
* @example With preview mode:
|
|
1820
|
+
* <val-image [props]="{
|
|
1821
|
+
* src: 'url',
|
|
1822
|
+
* alt: 'desc',
|
|
1823
|
+
* previewMode: true,
|
|
1824
|
+
* bordered: true,
|
|
1825
|
+
* alignment: 'center'
|
|
1826
|
+
* }"></val-image>
|
|
1827
|
+
*
|
|
1828
|
+
* @input props: ImageMetadata - Configuration for the image (src, alt, size, mode, alignment, caption, previewMode, etc.)
|
|
1811
1829
|
*/
|
|
1812
1830
|
class ImageComponent {
|
|
1813
1831
|
constructor() {
|
|
1814
1832
|
this.available = true;
|
|
1833
|
+
// Preview mode properties
|
|
1834
|
+
this.isPreviewOpen = false;
|
|
1835
|
+
this.zoomLevel = 1;
|
|
1836
|
+
this.minZoom = 0.5;
|
|
1837
|
+
this.maxZoom = 5;
|
|
1838
|
+
this.panX = 0;
|
|
1839
|
+
this.panY = 0;
|
|
1840
|
+
// Touch and mouse interaction properties
|
|
1841
|
+
this.isDragging = false;
|
|
1842
|
+
this.lastPanX = 0;
|
|
1843
|
+
this.lastPanY = 0;
|
|
1844
|
+
this.startX = 0;
|
|
1845
|
+
this.startY = 0;
|
|
1846
|
+
// Touch gesture properties
|
|
1847
|
+
this.initialDistance = 0;
|
|
1848
|
+
this.initialZoom = 1;
|
|
1849
|
+
this.touches = [];
|
|
1850
|
+
// Lang service
|
|
1851
|
+
this.langService = inject(LangService);
|
|
1852
|
+
// Math for template
|
|
1853
|
+
this.Math = Math;
|
|
1815
1854
|
}
|
|
1816
1855
|
ngOnInit() {
|
|
1817
1856
|
// Set default values
|
|
@@ -1830,8 +1869,142 @@ class ImageComponent {
|
|
|
1830
1869
|
this.available = true;
|
|
1831
1870
|
}, 100);
|
|
1832
1871
|
}
|
|
1872
|
+
// Preview mode methods
|
|
1873
|
+
openPreview() {
|
|
1874
|
+
if (!this.props.previewMode)
|
|
1875
|
+
return;
|
|
1876
|
+
this.isPreviewOpen = true;
|
|
1877
|
+
this.resetZoom();
|
|
1878
|
+
}
|
|
1879
|
+
closePreview() {
|
|
1880
|
+
this.isPreviewOpen = false;
|
|
1881
|
+
}
|
|
1882
|
+
// Zoom methods
|
|
1883
|
+
zoomIn() {
|
|
1884
|
+
if (this.zoomLevel < this.maxZoom) {
|
|
1885
|
+
this.zoomLevel = Math.min(this.zoomLevel * 1.2, this.maxZoom);
|
|
1886
|
+
}
|
|
1887
|
+
}
|
|
1888
|
+
zoomOut() {
|
|
1889
|
+
if (this.zoomLevel > this.minZoom) {
|
|
1890
|
+
this.zoomLevel = Math.max(this.zoomLevel / 1.2, this.minZoom);
|
|
1891
|
+
// Reset pan if zoomed out to 1x or less
|
|
1892
|
+
if (this.zoomLevel <= 1) {
|
|
1893
|
+
this.panX = 0;
|
|
1894
|
+
this.panY = 0;
|
|
1895
|
+
}
|
|
1896
|
+
}
|
|
1897
|
+
}
|
|
1898
|
+
resetZoom() {
|
|
1899
|
+
this.zoomLevel = 1;
|
|
1900
|
+
this.panX = 0;
|
|
1901
|
+
this.panY = 0;
|
|
1902
|
+
}
|
|
1903
|
+
// Mouse events
|
|
1904
|
+
onMouseDown(event) {
|
|
1905
|
+
if (this.zoomLevel <= 1)
|
|
1906
|
+
return;
|
|
1907
|
+
this.isDragging = true;
|
|
1908
|
+
this.startX = event.clientX - this.panX;
|
|
1909
|
+
this.startY = event.clientY - this.panY;
|
|
1910
|
+
event.preventDefault();
|
|
1911
|
+
}
|
|
1912
|
+
onMouseMove(event) {
|
|
1913
|
+
if (!this.isDragging || this.zoomLevel <= 1)
|
|
1914
|
+
return;
|
|
1915
|
+
this.panX = event.clientX - this.startX;
|
|
1916
|
+
this.panY = event.clientY - this.startY;
|
|
1917
|
+
event.preventDefault();
|
|
1918
|
+
}
|
|
1919
|
+
onMouseUp(event) {
|
|
1920
|
+
this.isDragging = false;
|
|
1921
|
+
}
|
|
1922
|
+
// Touch events for mobile
|
|
1923
|
+
onTouchStart(event) {
|
|
1924
|
+
event.preventDefault();
|
|
1925
|
+
this.touches = Array.from(event.touches);
|
|
1926
|
+
if (this.touches.length === 1) {
|
|
1927
|
+
// Single touch - start dragging
|
|
1928
|
+
if (this.zoomLevel > 1) {
|
|
1929
|
+
this.isDragging = true;
|
|
1930
|
+
this.startX = this.touches[0].clientX - this.panX;
|
|
1931
|
+
this.startY = this.touches[0].clientY - this.panY;
|
|
1932
|
+
}
|
|
1933
|
+
}
|
|
1934
|
+
else if (this.touches.length === 2) {
|
|
1935
|
+
// Two touches - start pinch zoom
|
|
1936
|
+
this.isDragging = false;
|
|
1937
|
+
this.initialDistance = this.getDistance(this.touches[0], this.touches[1]);
|
|
1938
|
+
this.initialZoom = this.zoomLevel;
|
|
1939
|
+
}
|
|
1940
|
+
}
|
|
1941
|
+
onTouchMove(event) {
|
|
1942
|
+
event.preventDefault();
|
|
1943
|
+
this.touches = Array.from(event.touches);
|
|
1944
|
+
if (this.touches.length === 1 && this.isDragging && this.zoomLevel > 1) {
|
|
1945
|
+
// Single touch - drag
|
|
1946
|
+
this.panX = this.touches[0].clientX - this.startX;
|
|
1947
|
+
this.panY = this.touches[0].clientY - this.startY;
|
|
1948
|
+
}
|
|
1949
|
+
else if (this.touches.length === 2) {
|
|
1950
|
+
// Two touches - pinch zoom
|
|
1951
|
+
const currentDistance = this.getDistance(this.touches[0], this.touches[1]);
|
|
1952
|
+
const scale = currentDistance / this.initialDistance;
|
|
1953
|
+
this.zoomLevel = Math.min(Math.max(this.initialZoom * scale, this.minZoom), this.maxZoom);
|
|
1954
|
+
// Reset pan if zoomed out to 1x or less
|
|
1955
|
+
if (this.zoomLevel <= 1) {
|
|
1956
|
+
this.panX = 0;
|
|
1957
|
+
this.panY = 0;
|
|
1958
|
+
}
|
|
1959
|
+
}
|
|
1960
|
+
}
|
|
1961
|
+
onTouchEnd(event) {
|
|
1962
|
+
this.isDragging = false;
|
|
1963
|
+
this.touches = Array.from(event.touches);
|
|
1964
|
+
}
|
|
1965
|
+
// Mouse wheel zoom
|
|
1966
|
+
onWheel(event) {
|
|
1967
|
+
event.preventDefault();
|
|
1968
|
+
const delta = event.deltaY > 0 ? -1 : 1;
|
|
1969
|
+
const zoomFactor = 1 + delta * 0.1;
|
|
1970
|
+
this.zoomLevel = Math.min(Math.max(this.zoomLevel * zoomFactor, this.minZoom), this.maxZoom);
|
|
1971
|
+
// Reset pan if zoomed out to 1x or less
|
|
1972
|
+
if (this.zoomLevel <= 1) {
|
|
1973
|
+
this.panX = 0;
|
|
1974
|
+
this.panY = 0;
|
|
1975
|
+
}
|
|
1976
|
+
}
|
|
1977
|
+
// Helper methods
|
|
1978
|
+
getDistance(touch1, touch2) {
|
|
1979
|
+
const dx = touch1.clientX - touch2.clientX;
|
|
1980
|
+
const dy = touch1.clientY - touch2.clientY;
|
|
1981
|
+
return Math.sqrt(dx * dx + dy * dy);
|
|
1982
|
+
}
|
|
1983
|
+
// Keyboard shortcuts
|
|
1984
|
+
onKeyDown(event) {
|
|
1985
|
+
if (!this.isPreviewOpen)
|
|
1986
|
+
return;
|
|
1987
|
+
switch (event.key) {
|
|
1988
|
+
case 'Escape':
|
|
1989
|
+
this.closePreview();
|
|
1990
|
+
break;
|
|
1991
|
+
case '+':
|
|
1992
|
+
case '=':
|
|
1993
|
+
event.preventDefault();
|
|
1994
|
+
this.zoomIn();
|
|
1995
|
+
break;
|
|
1996
|
+
case '-':
|
|
1997
|
+
event.preventDefault();
|
|
1998
|
+
this.zoomOut();
|
|
1999
|
+
break;
|
|
2000
|
+
case '0':
|
|
2001
|
+
event.preventDefault();
|
|
2002
|
+
this.resetZoom();
|
|
2003
|
+
break;
|
|
2004
|
+
}
|
|
2005
|
+
}
|
|
1833
2006
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1834
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ImageComponent, isStandalone: true, selector: "val-image", inputs: { props: "props" }, ngImport: i0, template: `
|
|
2007
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ImageComponent, isStandalone: true, selector: "val-image", inputs: { props: "props" }, host: { listeners: { "document:keydown": "onKeyDown($event)" } }, ngImport: i0, template: `
|
|
1835
2008
|
<figure
|
|
1836
2009
|
class="val-image-container"
|
|
1837
2010
|
[class]="props.containerClass"
|
|
@@ -1848,7 +2021,11 @@ class ImageComponent {
|
|
|
1848
2021
|
@if (props.src.includes('--')) {
|
|
1849
2022
|
<img
|
|
1850
2023
|
class="val-image"
|
|
1851
|
-
[ngClass]="[
|
|
2024
|
+
[ngClass]="[
|
|
2025
|
+
props.mode,
|
|
2026
|
+
!props.width ? props.size : '',
|
|
2027
|
+
props.previewMode ? 'val-image--preview-enabled' : '',
|
|
2028
|
+
]"
|
|
1852
2029
|
[ngStyle]="{
|
|
1853
2030
|
content: 'var(' + props.src + ')',
|
|
1854
2031
|
}"
|
|
@@ -1861,11 +2038,16 @@ class ImageComponent {
|
|
|
1861
2038
|
[style.width.rem]="props.width"
|
|
1862
2039
|
[style.max-width.rem]="props.width"
|
|
1863
2040
|
[style.height.px]="props.height"
|
|
2041
|
+
(click)="props.previewMode ? openPreview() : null"
|
|
1864
2042
|
/>
|
|
1865
2043
|
} @else {
|
|
1866
2044
|
<img
|
|
1867
2045
|
class="val-image"
|
|
1868
|
-
[ngClass]="[
|
|
2046
|
+
[ngClass]="[
|
|
2047
|
+
props.mode,
|
|
2048
|
+
!props.width ? props.size : '',
|
|
2049
|
+
props.previewMode ? 'val-image--preview-enabled' : '',
|
|
2050
|
+
]"
|
|
1869
2051
|
[class.bordered]="props.bordered"
|
|
1870
2052
|
[class.shaded]="props.shaded"
|
|
1871
2053
|
[class.dark]="props.dark"
|
|
@@ -1876,6 +2058,7 @@ class ImageComponent {
|
|
|
1876
2058
|
[style.width.rem]="props.width"
|
|
1877
2059
|
[style.max-width.rem]="props.width"
|
|
1878
2060
|
[style.height.px]="props.height"
|
|
2061
|
+
(click)="props.previewMode ? openPreview() : null"
|
|
1879
2062
|
/>
|
|
1880
2063
|
}
|
|
1881
2064
|
</div>
|
|
@@ -1893,11 +2076,78 @@ class ImageComponent {
|
|
|
1893
2076
|
</figcaption>
|
|
1894
2077
|
}
|
|
1895
2078
|
</figure>
|
|
1896
|
-
|
|
2079
|
+
|
|
2080
|
+
<!-- Modal de previsualización con ion-modal -->
|
|
2081
|
+
<ion-modal [isOpen]="isPreviewOpen" (didDismiss)="closePreview()">
|
|
2082
|
+
<ng-template>
|
|
2083
|
+
<ion-header>
|
|
2084
|
+
<ion-toolbar>
|
|
2085
|
+
<ion-title>{{ props.alt || 'Previsualización de imagen' }}</ion-title>
|
|
2086
|
+
<ion-buttons slot="end">
|
|
2087
|
+
<ion-button (click)="closePreview()" fill="clear">
|
|
2088
|
+
<ion-icon name="close"></ion-icon>
|
|
2089
|
+
</ion-button>
|
|
2090
|
+
</ion-buttons>
|
|
2091
|
+
</ion-toolbar>
|
|
2092
|
+
</ion-header>
|
|
2093
|
+
|
|
2094
|
+
<ion-content>
|
|
2095
|
+
<!-- Controles de zoom -->
|
|
2096
|
+
<div class="val-image-preview-controls">
|
|
2097
|
+
<ion-button
|
|
2098
|
+
(click)="zoomOut(); $event.stopPropagation()"
|
|
2099
|
+
[disabled]="zoomLevel <= minZoom"
|
|
2100
|
+
fill="clear"
|
|
2101
|
+
size="large"
|
|
2102
|
+
>
|
|
2103
|
+
<ion-icon name="remove"></ion-icon>
|
|
2104
|
+
</ion-button>
|
|
2105
|
+
|
|
2106
|
+
<span class="val-image-preview-zoom-level">{{ Math.round(zoomLevel * 100) }}%</span>
|
|
2107
|
+
|
|
2108
|
+
<ion-button
|
|
2109
|
+
(click)="zoomIn(); $event.stopPropagation()"
|
|
2110
|
+
[disabled]="zoomLevel >= maxZoom"
|
|
2111
|
+
fill="clear"
|
|
2112
|
+
size="large"
|
|
2113
|
+
>
|
|
2114
|
+
<ion-icon name="add"></ion-icon>
|
|
2115
|
+
</ion-button>
|
|
2116
|
+
</div>
|
|
2117
|
+
|
|
2118
|
+
<!-- Imagen ampliada -->
|
|
2119
|
+
<div
|
|
2120
|
+
class="val-image-preview-viewport"
|
|
2121
|
+
(touchstart)="onTouchStart($event)"
|
|
2122
|
+
(touchmove)="onTouchMove($event)"
|
|
2123
|
+
(touchend)="onTouchEnd($event)"
|
|
2124
|
+
(wheel)="onWheel($event)"
|
|
2125
|
+
(mousedown)="onMouseDown($event)"
|
|
2126
|
+
(mousemove)="onMouseMove($event)"
|
|
2127
|
+
(mouseup)="onMouseUp($event)"
|
|
2128
|
+
(mouseleave)="onMouseUp($event)"
|
|
2129
|
+
>
|
|
2130
|
+
<img
|
|
2131
|
+
#previewImage
|
|
2132
|
+
class="val-image-preview-img"
|
|
2133
|
+
[src]="props.src.includes('--') ? null : props.src"
|
|
2134
|
+
[ngStyle]="{
|
|
2135
|
+
content: props.src.includes('--') ? 'var(' + props.src + ')' : null,
|
|
2136
|
+
transform: 'scale(' + zoomLevel + ') translate(' + panX + 'px, ' + panY + 'px)',
|
|
2137
|
+
cursor: isDragging ? 'grabbing' : zoomLevel > 1 ? 'grab' : 'default',
|
|
2138
|
+
}"
|
|
2139
|
+
[alt]="props.alt"
|
|
2140
|
+
draggable="false"
|
|
2141
|
+
/>
|
|
2142
|
+
</div>
|
|
2143
|
+
</ion-content>
|
|
2144
|
+
</ng-template>
|
|
2145
|
+
</ion-modal>
|
|
2146
|
+
`, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.val-image-container{margin:0;padding:0;max-width:100%}.val-image-container--left{margin-right:auto;text-align:left}.val-image-container--center{margin-left:auto;margin-right:auto;text-align:center}.val-image-container--right{margin-left:auto;text-align:right}.val-image-wrapper{display:inline-block;position:relative}.val-image{width:100%;height:auto;display:block;opacity:1;max-width:100%}.val-image.center{margin:0 auto}.val-image.rounded{border-radius:.5rem}.val-image.circular{border-radius:50%;aspect-ratio:1;object-fit:cover}.val-image.box{border-radius:0}.val-image.bordered{border:.0625rem solid var(--ion-color-medium)}.val-image.shaded{box-shadow:.1875rem .625rem .5rem #1219541a}@media (prefers-color-scheme: dark){.val-image.dark{filter:invert(1)}}.val-image.limited{max-width:100%}@media (max-width: 768px){.val-image .val-image-wrapper.small{width:40%}.val-image .val-image-wrapper.medium{width:60%}.val-image .val-image-wrapper.large{width:80%}.val-image .val-image-wrapper.xlarge{width:100%}}.val-image.small{width:30%}.val-image.medium{width:50%}.val-image.large{width:70%}.val-image.xlarge{width:100%}.val-image-caption{margin-top:.5rem;color:var(--ion-color-medium-shade, #666);font-style:italic;line-height:1.4}.val-image-caption--small{font-size:.75rem}.val-image-caption--medium{font-size:.875rem}.val-image-caption--large{font-size:1rem}.val-image.visible{animation:appearance ease-in 1s forwards}@keyframes appearance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.val-image-container{flex-shrink:0;align-self:flex-start}.flexbox-container .val-image-container--left{align-self:flex-start}.flexbox-container .val-image-container--center{align-self:center}.flexbox-container .val-image-container--right{align-self:flex-end}.val-image--preview-enabled{cursor:pointer;transition:opacity .2s ease,transform .2s ease}.val-image--preview-enabled:hover{opacity:.9;transform:scale(1.02)}ion-modal ion-content{position:relative;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.val-image-preview-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:15px;background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.9);padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026}.val-image-preview-zoom-level{font-size:14px;font-weight:600;min-width:50px;text-align:center;color:var(--ion-text-color)}.val-image-preview-viewport{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.val-image-preview-img{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform .1s ease-out;transform-origin:center center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 768px){.val-image-preview-controls{bottom:10px;padding:8px 16px;gap:10px}.val-image-preview-zoom-level{font-size:12px;min-width:40px}.val-image-preview-img{max-width:95vw;max-height:85vh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }] }); }
|
|
1897
2147
|
}
|
|
1898
2148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
1899
2149
|
type: Component,
|
|
1900
|
-
args: [{ selector: 'val-image', standalone: true, imports: [CommonModule], template: `
|
|
2150
|
+
args: [{ selector: 'val-image', standalone: true, imports: [CommonModule, IonModal, IonHeader, IonToolbar, IonTitle, IonContent, IonButton, IonIcon, IonButtons], template: `
|
|
1901
2151
|
<figure
|
|
1902
2152
|
class="val-image-container"
|
|
1903
2153
|
[class]="props.containerClass"
|
|
@@ -1914,7 +2164,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1914
2164
|
@if (props.src.includes('--')) {
|
|
1915
2165
|
<img
|
|
1916
2166
|
class="val-image"
|
|
1917
|
-
[ngClass]="[
|
|
2167
|
+
[ngClass]="[
|
|
2168
|
+
props.mode,
|
|
2169
|
+
!props.width ? props.size : '',
|
|
2170
|
+
props.previewMode ? 'val-image--preview-enabled' : '',
|
|
2171
|
+
]"
|
|
1918
2172
|
[ngStyle]="{
|
|
1919
2173
|
content: 'var(' + props.src + ')',
|
|
1920
2174
|
}"
|
|
@@ -1927,11 +2181,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1927
2181
|
[style.width.rem]="props.width"
|
|
1928
2182
|
[style.max-width.rem]="props.width"
|
|
1929
2183
|
[style.height.px]="props.height"
|
|
2184
|
+
(click)="props.previewMode ? openPreview() : null"
|
|
1930
2185
|
/>
|
|
1931
2186
|
} @else {
|
|
1932
2187
|
<img
|
|
1933
2188
|
class="val-image"
|
|
1934
|
-
[ngClass]="[
|
|
2189
|
+
[ngClass]="[
|
|
2190
|
+
props.mode,
|
|
2191
|
+
!props.width ? props.size : '',
|
|
2192
|
+
props.previewMode ? 'val-image--preview-enabled' : '',
|
|
2193
|
+
]"
|
|
1935
2194
|
[class.bordered]="props.bordered"
|
|
1936
2195
|
[class.shaded]="props.shaded"
|
|
1937
2196
|
[class.dark]="props.dark"
|
|
@@ -1942,6 +2201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1942
2201
|
[style.width.rem]="props.width"
|
|
1943
2202
|
[style.max-width.rem]="props.width"
|
|
1944
2203
|
[style.height.px]="props.height"
|
|
2204
|
+
(click)="props.previewMode ? openPreview() : null"
|
|
1945
2205
|
/>
|
|
1946
2206
|
}
|
|
1947
2207
|
</div>
|
|
@@ -1959,9 +2219,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1959
2219
|
</figcaption>
|
|
1960
2220
|
}
|
|
1961
2221
|
</figure>
|
|
1962
|
-
|
|
2222
|
+
|
|
2223
|
+
<!-- Modal de previsualización con ion-modal -->
|
|
2224
|
+
<ion-modal [isOpen]="isPreviewOpen" (didDismiss)="closePreview()">
|
|
2225
|
+
<ng-template>
|
|
2226
|
+
<ion-header>
|
|
2227
|
+
<ion-toolbar>
|
|
2228
|
+
<ion-title>{{ props.alt || 'Previsualización de imagen' }}</ion-title>
|
|
2229
|
+
<ion-buttons slot="end">
|
|
2230
|
+
<ion-button (click)="closePreview()" fill="clear">
|
|
2231
|
+
<ion-icon name="close"></ion-icon>
|
|
2232
|
+
</ion-button>
|
|
2233
|
+
</ion-buttons>
|
|
2234
|
+
</ion-toolbar>
|
|
2235
|
+
</ion-header>
|
|
2236
|
+
|
|
2237
|
+
<ion-content>
|
|
2238
|
+
<!-- Controles de zoom -->
|
|
2239
|
+
<div class="val-image-preview-controls">
|
|
2240
|
+
<ion-button
|
|
2241
|
+
(click)="zoomOut(); $event.stopPropagation()"
|
|
2242
|
+
[disabled]="zoomLevel <= minZoom"
|
|
2243
|
+
fill="clear"
|
|
2244
|
+
size="large"
|
|
2245
|
+
>
|
|
2246
|
+
<ion-icon name="remove"></ion-icon>
|
|
2247
|
+
</ion-button>
|
|
2248
|
+
|
|
2249
|
+
<span class="val-image-preview-zoom-level">{{ Math.round(zoomLevel * 100) }}%</span>
|
|
2250
|
+
|
|
2251
|
+
<ion-button
|
|
2252
|
+
(click)="zoomIn(); $event.stopPropagation()"
|
|
2253
|
+
[disabled]="zoomLevel >= maxZoom"
|
|
2254
|
+
fill="clear"
|
|
2255
|
+
size="large"
|
|
2256
|
+
>
|
|
2257
|
+
<ion-icon name="add"></ion-icon>
|
|
2258
|
+
</ion-button>
|
|
2259
|
+
</div>
|
|
2260
|
+
|
|
2261
|
+
<!-- Imagen ampliada -->
|
|
2262
|
+
<div
|
|
2263
|
+
class="val-image-preview-viewport"
|
|
2264
|
+
(touchstart)="onTouchStart($event)"
|
|
2265
|
+
(touchmove)="onTouchMove($event)"
|
|
2266
|
+
(touchend)="onTouchEnd($event)"
|
|
2267
|
+
(wheel)="onWheel($event)"
|
|
2268
|
+
(mousedown)="onMouseDown($event)"
|
|
2269
|
+
(mousemove)="onMouseMove($event)"
|
|
2270
|
+
(mouseup)="onMouseUp($event)"
|
|
2271
|
+
(mouseleave)="onMouseUp($event)"
|
|
2272
|
+
>
|
|
2273
|
+
<img
|
|
2274
|
+
#previewImage
|
|
2275
|
+
class="val-image-preview-img"
|
|
2276
|
+
[src]="props.src.includes('--') ? null : props.src"
|
|
2277
|
+
[ngStyle]="{
|
|
2278
|
+
content: props.src.includes('--') ? 'var(' + props.src + ')' : null,
|
|
2279
|
+
transform: 'scale(' + zoomLevel + ') translate(' + panX + 'px, ' + panY + 'px)',
|
|
2280
|
+
cursor: isDragging ? 'grabbing' : zoomLevel > 1 ? 'grab' : 'default',
|
|
2281
|
+
}"
|
|
2282
|
+
[alt]="props.alt"
|
|
2283
|
+
draggable="false"
|
|
2284
|
+
/>
|
|
2285
|
+
</div>
|
|
2286
|
+
</ion-content>
|
|
2287
|
+
</ng-template>
|
|
2288
|
+
</ion-modal>
|
|
2289
|
+
`, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.val-image-container{margin:0;padding:0;max-width:100%}.val-image-container--left{margin-right:auto;text-align:left}.val-image-container--center{margin-left:auto;margin-right:auto;text-align:center}.val-image-container--right{margin-left:auto;text-align:right}.val-image-wrapper{display:inline-block;position:relative}.val-image{width:100%;height:auto;display:block;opacity:1;max-width:100%}.val-image.center{margin:0 auto}.val-image.rounded{border-radius:.5rem}.val-image.circular{border-radius:50%;aspect-ratio:1;object-fit:cover}.val-image.box{border-radius:0}.val-image.bordered{border:.0625rem solid var(--ion-color-medium)}.val-image.shaded{box-shadow:.1875rem .625rem .5rem #1219541a}@media (prefers-color-scheme: dark){.val-image.dark{filter:invert(1)}}.val-image.limited{max-width:100%}@media (max-width: 768px){.val-image .val-image-wrapper.small{width:40%}.val-image .val-image-wrapper.medium{width:60%}.val-image .val-image-wrapper.large{width:80%}.val-image .val-image-wrapper.xlarge{width:100%}}.val-image.small{width:30%}.val-image.medium{width:50%}.val-image.large{width:70%}.val-image.xlarge{width:100%}.val-image-caption{margin-top:.5rem;color:var(--ion-color-medium-shade, #666);font-style:italic;line-height:1.4}.val-image-caption--small{font-size:.75rem}.val-image-caption--medium{font-size:.875rem}.val-image-caption--large{font-size:1rem}.val-image.visible{animation:appearance ease-in 1s forwards}@keyframes appearance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.val-image-container{flex-shrink:0;align-self:flex-start}.flexbox-container .val-image-container--left{align-self:flex-start}.flexbox-container .val-image-container--center{align-self:center}.flexbox-container .val-image-container--right{align-self:flex-end}.val-image--preview-enabled{cursor:pointer;transition:opacity .2s ease,transform .2s ease}.val-image--preview-enabled:hover{opacity:.9;transform:scale(1.02)}ion-modal ion-content{position:relative;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.val-image-preview-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:15px;background:rgba(var(--ion-background-color-rgb, 255, 255, 255),.9);padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026}.val-image-preview-zoom-level{font-size:14px;font-weight:600;min-width:50px;text-align:center;color:var(--ion-text-color)}.val-image-preview-viewport{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.val-image-preview-img{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform .1s ease-out;transform-origin:center center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 768px){.val-image-preview-controls{bottom:10px;padding:8px 16px;gap:10px}.val-image-preview-zoom-level{font-size:12px;min-width:40px}.val-image-preview-img{max-width:95vw;max-height:85vh}}\n"] }]
|
|
1963
2290
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
1964
2291
|
type: Input
|
|
2292
|
+
}], onKeyDown: [{
|
|
2293
|
+
type: HostListener,
|
|
2294
|
+
args: ['document:keydown', ['$event']]
|
|
1965
2295
|
}] } });
|
|
1966
2296
|
|
|
1967
2297
|
/**
|
|
@@ -8257,6 +8587,10 @@ const globalContentData = {
|
|
|
8257
8587
|
copied: '¡Copiado al portapapeles!',
|
|
8258
8588
|
seeMore: 'ver más',
|
|
8259
8589
|
selected: 'seleccionados',
|
|
8590
|
+
// Image preview
|
|
8591
|
+
zoomIn: 'Acercar',
|
|
8592
|
+
zoomOut: 'Alejar',
|
|
8593
|
+
resetZoom: 'Restablecer zoom',
|
|
8260
8594
|
},
|
|
8261
8595
|
en: {
|
|
8262
8596
|
// Common buttons
|
|
@@ -8312,12 +8646,33 @@ const globalContentData = {
|
|
|
8312
8646
|
copied: 'Copied to clipboard!',
|
|
8313
8647
|
seeMore: 'see more',
|
|
8314
8648
|
selected: 'selected',
|
|
8649
|
+
// Image preview
|
|
8650
|
+
zoomIn: 'Zoom in',
|
|
8651
|
+
zoomOut: 'Zoom out',
|
|
8652
|
+
resetZoom: 'Reset zoom',
|
|
8315
8653
|
},
|
|
8316
8654
|
};
|
|
8317
8655
|
const GlobalContent = new TextContent(globalContentData);
|
|
8656
|
+
// ImageComponent specific content
|
|
8657
|
+
const imageComponentData = {
|
|
8658
|
+
es: {
|
|
8659
|
+
close: 'Cerrar',
|
|
8660
|
+
zoomIn: 'Acercar',
|
|
8661
|
+
zoomOut: 'Alejar',
|
|
8662
|
+
resetZoom: 'Restablecer zoom',
|
|
8663
|
+
},
|
|
8664
|
+
en: {
|
|
8665
|
+
close: 'Close',
|
|
8666
|
+
zoomIn: 'Zoom in',
|
|
8667
|
+
zoomOut: 'Zoom out',
|
|
8668
|
+
resetZoom: 'Reset zoom',
|
|
8669
|
+
},
|
|
8670
|
+
};
|
|
8671
|
+
const ImageComponentContent = new TextContent(imageComponentData);
|
|
8318
8672
|
const content = {
|
|
8319
8673
|
_global: GlobalContent,
|
|
8320
8674
|
LangSettings,
|
|
8675
|
+
ImageComponent: ImageComponentContent,
|
|
8321
8676
|
};
|
|
8322
8677
|
|
|
8323
8678
|
/**
|