@central-design-system/components 3.0.3 → 3.1.0

package/dist/components/CdsImage/{CdsImage.vue.d.ts → CdsImage.d.ts}

@@ -1,264 +1,269 @@
 import { ISrcObject } from './composable';
 export declare const componentName = "CdsImage";
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     transition: {
-        type: import("vue").PropType<string | boolean | (import("vue").TransitionProps & {
-            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        type: import('vue').PropType<string | boolean | (import('vue').TransitionProps & {
+            component?: import('vue').Component;
         })>;
         default: string;
         validator: (value: unknown) => boolean;
     };
     height: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     width: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     maxHeight: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     maxWidth: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     minHeight: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     minWidth: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     aspectRatio: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<string | number>;
         default: undefined;
     };
     contentClass: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     inline: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: undefined;
     };
     src: {
-        type: import("vue").PropType<string | ISrcObject>;
+        type: import('vue').PropType<string | ISrcObject>;
         required: true;
         default: string;
     };
     srcset: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     lazySrc: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     sizes: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     crossorigin: {
-        type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
+        type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
         default: undefined;
     };
     referrerpolicy: {
-        type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        type: import('vue').PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
         default: undefined;
     };
     absolute: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     position: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     cover: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     alt: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     color: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     eager: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     gradient: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     draggable: {
-        type: import("vue").PropType<boolean | "true" | "false">;
+        type: import('vue').PropType<boolean | "true" | "false">;
         default: undefined;
     };
     options: {
-        type: import("vue").PropType<IntersectionObserverInit>;
+        type: import('vue').PropType<IntersectionObserverInit>;
         default: () => {
             root: undefined;
             rootMargin: undefined;
             threshold: undefined;
         };
     };
-}, {
-    currentSrc: import("vue").ShallowRef<string>;
-    image: import("vue").Ref<HTMLImageElement | undefined>;
-    state: import("vue").ShallowRef<"error" | "loading" | "idle" | "loaded">;
-    naturalWidth: import("vue").ShallowRef<number | undefined>;
-    naturalHeight: import("vue").ShallowRef<number | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    currentSrc: import('vue').ShallowRef<string, string>;
+    image: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
+    state: import('vue').ShallowRef<"error" | "loading" | "idle" | "loaded", "error" | "loading" | "idle" | "loaded">;
+    naturalWidth: import('vue').ShallowRef<number | undefined, number | undefined>;
+    naturalHeight: import('vue').ShallowRef<number | undefined, number | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     loadstart: (value: string | undefined) => true;
     load: (value: string | undefined) => true;
     error: (value: string | undefined) => true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     transition: {
-        type: import("vue").PropType<string | boolean | (import("vue").TransitionProps & {
-            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        type: import('vue').PropType<string | boolean | (import('vue').TransitionProps & {
+            component?: import('vue').Component;
         })>;
         default: string;
         validator: (value: unknown) => boolean;
     };
     height: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     width: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     maxHeight: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     maxWidth: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     minHeight: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     minWidth: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<number | string>;
         default: string;
     };
     aspectRatio: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<string | number>;
         default: undefined;
     };
     contentClass: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     inline: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: undefined;
     };
     src: {
-        type: import("vue").PropType<string | ISrcObject>;
+        type: import('vue').PropType<string | ISrcObject>;
         required: true;
         default: string;
     };
     srcset: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     lazySrc: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     sizes: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     crossorigin: {
-        type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
+        type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
         default: undefined;
     };
     referrerpolicy: {
-        type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        type: import('vue').PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
         default: undefined;
     };
     absolute: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     position: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     cover: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     alt: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     color: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     eager: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     gradient: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     draggable: {
-        type: import("vue").PropType<boolean | "true" | "false">;
+        type: import('vue').PropType<boolean | "true" | "false">;
         default: undefined;
     };
     options: {
-        type: import("vue").PropType<IntersectionObserverInit>;
+        type: import('vue').PropType<IntersectionObserverInit>;
         default: () => {
             root: undefined;
             rootMargin: undefined;
             threshold: undefined;
         };
     };
-}>> & {
+}>> & Readonly<{
     onError?: ((value: string | undefined) => any) | undefined;
-    onLoadstart?: ((value: string | undefined) => any) | undefined;
     onLoad?: ((value: string | undefined) => any) | undefined;
-}, {
+    onLoadstart?: ((value: string | undefined) => any) | undefined;
+}>, {
     draggable: boolean | "true" | "false";
-    eager: boolean;
-    transition: string | boolean | (import("vue").TransitionProps & {
-        component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+    color: string;
+    transition: string | boolean | (import('vue').TransitionProps & {
+        component?: import('vue').Component;
     });
+    eager: boolean;
     height: string | number;
     width: string | number;
     maxHeight: string | number;
     maxWidth: string | number;
     minHeight: string | number;
     minWidth: string | number;
-    color: string;
+    absolute: boolean;
+    position: string;
+    options: IntersectionObserverInit;
     src: string | ISrcObject;
     srcset: string;
     lazySrc: string;
     sizes: string;
     crossorigin: "" | "anonymous" | "use-credentials";
     referrerpolicy: "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
-    absolute: boolean;
-    position: string;
     cover: boolean;
     alt: string;
     gradient: string;
-    options: IntersectionObserverInit;
     aspectRatio: string | number;
     contentClass: string;
     inline: boolean;
-}>;
-export default _sfc_main;
+}, {}, {}, {
+    Intersect: {
+        mounted: (el: HTMLElement, binding: import('../../directives/intersect').ObserverDirectiveBinding) => void;
+        unmounted: (el: HTMLElement, binding: import('../../directives/intersect').ObserverDirectiveBinding) => void;
+    };
+}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CdsImage/components/CdsResponsive.d.ts

@@ -0,0 +1,87 @@
+export declare const componentName = "CdsResponsive";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    height: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    width: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    maxHeight: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    maxWidth: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    minHeight: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    minWidth: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    aspectRatio: {
+        type: import('vue').PropType<string | number>;
+        default: undefined;
+    };
+    contentClass: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    height: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    width: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    maxHeight: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    maxWidth: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    minHeight: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    minWidth: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    aspectRatio: {
+        type: import('vue').PropType<string | number>;
+        default: undefined;
+    };
+    contentClass: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    aspectRatio: string | number;
+    contentClass: string;
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CdsImage/components/index.d.ts

@@ -1 +1 @@
-export { default as CdsResponsive } from './CdsResponsive.vue';
+export { default as CdsResponsive } from './CdsResponsive';

package/dist/components/CdsImage/composable/image.d.ts

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import { PropType } from 'vue';
 export interface ISrcObject {
     src?: string;
     srcset?: string;
@@ -64,7 +64,7 @@ export declare const makeImageProps: <Defaults extends {
      * Указывает, какой referrer будет отправлен при получении ресурса
      */
     referrerpolicy: {
-        type: PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        type: PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
         default: undefined;
     };
     absolute: {

package/dist/components/CdsImage/composable/responsive.d.ts

@@ -29,7 +29,7 @@ export declare const makeResponsiveProps: <Defaults extends {
 export declare function useAspectStyles(props: {
     aspectRatio?: string | number;
 }): {
-    aspectStyles: import("vue").ComputedRef<{
+    aspectStyles: import('vue').ComputedRef<{
         paddingBottom: string;
     } | undefined>;
 };

package/dist/components/CdsImage/index.d.ts

@@ -1,2 +1,2 @@
-export { default as CdsImage } from './CdsImage.vue';
+export { default as CdsImage } from './CdsImage';
 export * from './composable';