@cnamts/synapse 0.0.9-alpha → 0.0.11-alpha

package/dist/src/components/RangeField/RangeSlider/types.d.ts

@@ -0,0 +1,13 @@
+import { MaybeRef } from 'vue';
+export interface Range {
+    selectedMin: MaybeRef<number>;
+    selectedMax: MaybeRef<number>;
+    rangeMin: MaybeRef<number>;
+    rangeMax: MaybeRef<number>;
+    step: MaybeRef<number>;
+}
+export interface PropsStyle {
+    'thumb-color'?: string;
+    'track-color'?: string;
+    'track-fill-color'?: string;
+}

package/dist/src/components/RangeField/RangeSlider/useMouseSlide.d.ts

@@ -0,0 +1,18 @@
+import { MaybeRef } from 'vue';
+/**
+ * Custom hook to handle mouse dragging functionality for a slider component.
+ *
+ * @param track - The track element of the slider.
+ * @param currentValue - The current range value of the slider.
+ * @param rangeStart - The minimal value of the slider range.
+ * @param rangeEnd - The maximal value of the slider range.
+ * @param step - The step value for the slider.
+ * @param minSelectableValue - The minimum currently selectable value for the slider.
+ * @param maxSelectableValue - The maximum currently selectable value for the slider.
+ * @param callback - The callback function to be called with the new value when the slider is dragged.
+ *
+ * @returns An object containing the `startDrag` function to initiate the dragging.
+ */
+export default function useMouseSlide(thumb: MaybeRef<HTMLElement>, track: MaybeRef<HTMLElement>, currentValue: Readonly<MaybeRef<number>>, rangeStart: MaybeRef<number>, rangeEnd: MaybeRef<number>, step: MaybeRef<number>, minSelectableValue: MaybeRef<number>, maxSelectableValue: MaybeRef<number>, callback: (value: number) => void): {
+    inProgress: import('vue').Ref<boolean, boolean>;
+};

package/dist/src/components/RangeField/RangeSlider/useRangeSlider.d.ts

@@ -0,0 +1,17 @@
+import { MaybeRef } from 'vue';
+/**
+ * Handle the incoming values for a range slider.
+ *
+ * @param min The minimum value of the range.
+ * @param max The maximum value of the range.
+ * @param step The step value for the slider.
+ * @param value {[number, number]} The current value of the slider.
+ * @returns An reactive object containing the selected min and max values, the range min and max values, and the step value.
+ */
+export default function useRangeSlider(min: MaybeRef<number | string>, max: MaybeRef<number | string>, step: MaybeRef<number | string>, value: MaybeRef<Array<number | string>>): {
+    selectedMin: import('vue').Ref<number, number>;
+    selectedMax: import('vue').Ref<number, number>;
+    rangeMin: import('vue').Ref<number, number>;
+    rangeMax: import('vue').Ref<number, number>;
+    step: import('vue').Ref<number, number>;
+};

package/dist/src/components/RangeField/RangeSlider/useThumb.d.ts

@@ -0,0 +1,6 @@
+import { MaybeRef } from 'vue';
+export default function useThumb(selected: MaybeRef<number>, rangeMin: MaybeRef<number>, rangeMax: MaybeRef<number>): {
+    thumbStyle: import('vue').ComputedRef<{
+        left: string;
+    }>;
+};

package/dist/src/components/RangeField/RangeSlider/useThumbKeyboard.d.ts

@@ -0,0 +1,12 @@
+import { MaybeRef, Ref } from 'vue';
+/**
+ * Custom hook to handle keyboard events for a slider thumb.
+ *
+ * @param thumb The thumb element of the slider.
+ * @param value The current value of the slider.
+ * @param minSelectableValue The minimum currently selectable value for the slider.
+ * @param maxSelectableValue The maximum currently selectable value for the slider.
+ * @param step The step displacement for the slider.
+ * @param setValue The function to set the value of the slider.
+ */
+export default function useThumbKeyboard(thumb: MaybeRef<HTMLElement>, value: Ref<number>, minSelectableValue: MaybeRef<number>, maxSelectableValue: MaybeRef<number>, step: MaybeRef<number>, setValue: (value: number) => void): void;

package/dist/src/components/RangeField/RangeSlider/useTooltipsNudge.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+import { default as Tooltip } from './Tooltip/Tooltip';
+import { Range } from './types';
+/**
+ * Handles nudging the tooltips when they overlap.
+ *
+ * @param minThumb The min thumb tooltip.
+ * @param maxThumb The max thumb tooltip.
+ * @param placeholderMinThumb A fake min thumb tooltip with no animations that is used to calculate the nudge.
+ * @param placeholderMaxThumb A fake max thumb tooltip with no animations that is used to calculate the nudge.
+ * @param range The range informations.
+ */
+export default function useTooltipsNudge(minThumb: Ref<typeof Tooltip | null>, maxThumb: Ref<typeof Tooltip | null>, placeholderMinThumb: Ref<typeof Tooltip | null>, placeholderMaxThumb: Ref<typeof Tooltip | null>, range: Range): {
+    nudgeMinThumb: Ref<number, number>;
+    nudgeMaxThumb: Ref<number, number>;
+};

package/dist/src/components/RangeField/RangeSlider/useTrack.d.ts

@@ -0,0 +1,13 @@
+import { MaybeRef } from 'vue';
+import { Range } from './types';
+/**
+ * Custom hook to handle the click event on the track of a
+ * min - max slider component.
+ *
+ * @param track The track element of the slider.
+ * @param range An object containing the the following informations about the range: rangeMin, rangeMax, selectedMin, selectedMax, step.
+ * @param setMin A function to set the minimum value.
+ * @param setMax A function to set the maximum value.
+ * @param disable Temporary disable the click on the track
+ */
+export default function useTrack(track: MaybeRef<HTMLElement>, range: Range, setMin: (value: number) => void, setMax: (value: number) => void, disable?: MaybeRef<boolean>): void;

package/dist/src/components/RangeField/RangeSlider/vAnimateClick.d.ts

@@ -0,0 +1,3 @@
+export declare const vAnimateClick: {
+    mounted: (el: HTMLElement) => void;
+};

package/dist/src/components/RangeField/config.d.ts

@@ -0,0 +1,6 @@
+export declare const config: {
+    readonly textField: {
+        readonly class: "ma-3";
+        readonly variant: "outlined";
+    };
+};

package/dist/src/components/RangeField/constants/ExpertiseLevelEnum.d.ts

@@ -0,0 +1,4 @@
+export declare enum ExpertiseLevelEnum {
+    DEV = "dev",
+    DESIGN = "design"
+}

package/dist/src/components/RangeField/locales.d.ts

@@ -0,0 +1,4 @@
+export declare const locales: {
+    minLabel: string;
+    maxLabel: string;
+};

package/dist/src/components/RangeField/tests/RangeField.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/RatingPicker/AccessibiliteItems.d.ts

@@ -0,0 +1,80 @@
+import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum';
+export declare const AccessibiliteItemsIndeterminate: ({
+    title: string;
+    subtitle: string;
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+    items2?: undefined;
+} | {
+    title: string;
+    subtitle: string;
+    items2: {
+        subtitle: string;
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+})[];
+export declare const AccessibiliteItemsValidated: ({
+    title: string;
+    subtitle: string;
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+    items2?: undefined;
+} | {
+    title: string;
+    subtitle: string;
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+    items2: {
+        subtitle: string;
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+            info4: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+})[];

package/dist/src/components/RatingPicker/EmotionPicker/EmotionPicker.d.ts

@@ -0,0 +1,65 @@
+import { PropType } from 'vue';
+import { RatingEnum } from '../Rating';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<string | null>;
+        default: RatingEnum;
+    };
+    length: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    itemLabels: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<string | null>;
+        default: RatingEnum;
+    };
+    length: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    itemLabels: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: number;
+    label: string | null;
+    length: number;
+    readonly: boolean;
+    itemLabels: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>, {
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/RatingPicker/EmotionPicker/locales.d.ts

@@ -0,0 +1,3 @@
+export declare const locales: {
+    defaultEmotionLabels: string[];
+};

package/dist/src/components/RatingPicker/EmotionPicker/tests/EmotionPicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/RatingPicker/NumberPicker/NumberPicker.d.ts

@@ -0,0 +1,64 @@
+import { RatingEnum } from '../Rating';
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<string | undefined>;
+        default: RatingEnum;
+    };
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemLabels: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<string | undefined>;
+        default: RatingEnum;
+    };
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemLabels: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: number;
+    label: string | undefined;
+    length: number;
+    readonly: boolean;
+    itemLabels: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>, {
+    label?(_: {}): any;
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/RatingPicker/NumberPicker/locales.d.ts

@@ -0,0 +1,3 @@
+export declare const locales: {
+    ariaLabel: (index: number, length: number) => string;
+};

package/dist/src/components/RatingPicker/NumberPicker/tests/NumberPicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/RatingPicker/Rating.d.ts

@@ -0,0 +1,25 @@
+export interface RatingInterface {
+    emitInputEvent(event: string | number): void;
+}
+export declare enum RatingEnum {
+    EMOTION = "emotion",
+    NUMBER = "number",
+    STARS = "stars"
+}
+export declare const RATING_ENUM_VALUES: RatingEnum[];
+export declare enum AlertTypeEnum {
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}
+export declare const ALERT_TYPE_ENUM_VALUES: AlertTypeEnum[];
+export declare function useRating(props: {
+    label: string | null | undefined;
+    readonly: boolean;
+    modelValue: number;
+}, emit: (event: 'update:modelValue', value: number) => void): {
+    internalValue: import('vue').Ref<number, number>;
+    hasAnswered: import('vue').ComputedRef<boolean>;
+    emitInputEvent: (value: string | number) => void;
+};

package/dist/src/components/RatingPicker/RatingPicker.d.ts

@@ -0,0 +1,82 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    label: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    itemLabels: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    twoEmotions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideAlert: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    label: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    itemLabels: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    twoEmotions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideAlert: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: number;
+    label: string | null;
+    readonly: boolean;
+    itemLabels: string[];
+    twoEmotions: boolean;
+    hideAlert: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    label?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/RatingPicker/StarsPicker/StarsPicker.d.ts

@@ -0,0 +1,54 @@
+import { PropType } from 'vue';
+import { RatingEnum } from '../Rating';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<string | null>;
+        default: RatingEnum;
+    };
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<string | null>;
+        default: RatingEnum;
+    };
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: number;
+    label: string | null;
+    length: number;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>, {
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/RatingPicker/StarsPicker/tests/StarsPicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/RatingPicker/constants/ExpertiseLevelEnum.d.ts

@@ -0,0 +1,4 @@
+export declare enum ExpertiseLevelEnum {
+    DEV = "dev",
+    DESIGN = "design"
+}

package/dist/src/components/RatingPicker/locales.d.ts

@@ -0,0 +1,3 @@
+export declare const locales: {
+    thanks: string;
+};

package/dist/src/components/RatingPicker/tests/Rating.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/RatingPicker/tests/RatingPicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/SearchListField/AccessibiliteItems.d.ts

@@ -0,0 +1,90 @@
+import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum';
+export declare const AccessibiliteItemsIndeterminate: ({
+    title: string;
+    subtitle: string;
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+    items2?: undefined;
+} | {
+    title: string;
+    subtitle: string;
+    items2: ({
+        subtitle: string;
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+            info4: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    } | {
+        subtitle: string;
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    })[];
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+})[];
+export declare const AccessibiliteItemsValidated: ({
+    title: string;
+    subtitle: string;
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+    items2?: undefined;
+} | {
+    title: string;
+    subtitle: string;
+    items: {
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+    items2: {
+        subtitle: string;
+        precision: string;
+        link: string;
+        solution: {
+            info1: string;
+            info2: string;
+            info3: string;
+        }[];
+        expertise: ExpertiseLevelEnum;
+    }[];
+})[];

package/dist/src/components/SearchListField/SearchListField.d.ts

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { SearchListItem } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+    };
+    items: {
+        type: PropType<SearchListItem[]>;
+        default: () => never[];
+    };
+    outlined: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    filteredItems: import('vue').ComputedRef<SearchListItem[]>;
+    search: import('vue').Ref<string | null, string | null>;
+    emitChangeEvent: (value: unknown[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+    };
+    items: {
+        type: PropType<SearchListItem[]>;
+        default: () => never[];
+    };
+    outlined: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    outlined: boolean;
+    modelValue: unknown[];
+    items: SearchListItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;