@bethinkpl/design-system 41.1.0 → 41.1.1

package/dist/lib/js/components/Image/Image.vue.d.ts

@@ -21,7 +21,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         MEDIUM: string;
         LARGE: string;
     }>;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {
+    onError(event: Event): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (event: Event) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     fit: {
         type: PropType<ImageFit>;
         default: string;
@@ -30,7 +34,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+}>, {
     fit: string;
 }, {}, {
     DsSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/lib/js/components/Image/Image.vue

@@ -9,7 +9,7 @@
 			draggable="false"
 			loading="lazy"
 			:src="src"
-			@error="isLoading = false"
+			@error="onError"
 			@load="isLoading = false"
 		/>
 		<div v-if="isLoading" class="ds-image__loader">
@@ -73,6 +73,9 @@ export default defineComponent({
 			required: true,
 		},
 	},
+	emits: {
+		error: (event: Event) => event instanceof Event,
+	},
 	data() {
 		return {
 			isLoading: true,
@@ -80,5 +83,11 @@ export default defineComponent({
 			SKELETON_RADIUS_SIZES: Object.freeze(SKELETON_RADIUS_SIZES),
 		};
 	},
+	methods: {
+		onError(event: Event) {
+			this.isLoading = false;
+			this.$emit('error', event);
+		},
+	},
 });
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "41.1.0",
+  "version": "41.1.1",
   "description": "Bethink universe design-system",
   "repository": {
     "type": "git",