@codemonster-ru/vueforge 0.62.0 → 0.64.0

package/dist/package/components/__tests__/tour.test.d.ts

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

package/dist/package/components/__tests__/wizard.test.d.ts

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

package/dist/package/components/tour.vue.d.ts

@@ -0,0 +1,98 @@
+type Placement = 'top' | 'bottom' | 'left' | 'right';
+export interface TourStep {
+    target?: string | HTMLElement;
+    title?: string;
+    content?: string;
+    placement?: Placement;
+    offset?: number;
+}
+interface Props {
+    modelValue?: boolean;
+    steps?: Array<TourStep>;
+    startIndex?: number;
+    placement?: Placement;
+    offset?: number;
+    mask?: boolean;
+    closeOnOverlay?: boolean;
+    closeOnEsc?: boolean;
+    showSkip?: boolean;
+    showProgress?: boolean;
+    spotlightPadding?: number;
+    nextLabel?: string;
+    prevLabel?: string;
+    finishLabel?: string;
+    skipLabel?: string;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {
+            step: TourStep | undefined;
+            index: number;
+        }): any;
+        default?(_: {
+            step: TourStep | undefined;
+            index: number;
+        }): any;
+        actions?(_: {
+            step: TourStep | undefined;
+            index: number;
+            isFirst: boolean;
+            isLast: boolean;
+            prev: () => void;
+            next: () => void;
+            skip: () => void;
+        }): any;
+    };
+    refs: {
+        panel: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    open: (...args: any[]) => void;
+    complete: (...args: any[]) => void;
+    stepChange: (...args: any[]) => void;
+    next: (...args: any[]) => void;
+    prev: (...args: any[]) => void;
+    skip: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((...args: any[]) => any) | undefined;
+    onStepChange?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+    onPrev?: ((...args: any[]) => any) | undefined;
+    onSkip?: ((...args: any[]) => any) | undefined;
+}>, {
+    mask: boolean;
+    modelValue: boolean;
+    ariaLabel: string;
+    placement: Placement;
+    prevLabel: string;
+    nextLabel: string;
+    closeOnOverlay: boolean;
+    closeOnEsc: boolean;
+    offset: number;
+    steps: Array<TourStep>;
+    startIndex: number;
+    showSkip: boolean;
+    showProgress: boolean;
+    spotlightPadding: number;
+    finishLabel: string;
+    skipLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    panel: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/components/wizard-context.d.ts

@@ -0,0 +1,9 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export type WizardValue = string | number;
+export type WizardContext = {
+    activeValue: ComputedRef<WizardValue | undefined>;
+    getPanelId: (value: WizardValue) => string;
+    getStepId: (value: WizardValue) => string;
+    isActive: (value: WizardValue) => boolean;
+};
+export declare const wizardKey: InjectionKey<WizardContext>;

package/dist/package/components/wizard-step.vue.d.ts

@@ -0,0 +1,21 @@
+import { WizardValue } from './wizard-context';
+interface Props {
+    value: WizardValue;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/components/wizard.vue.d.ts

@@ -0,0 +1,78 @@
+import { WizardValue } from './wizard-context';
+type ValidateResult = boolean | string | null | undefined;
+type ValidateHandler = (step: WizardStepItem, index: number, value: WizardValue) => ValidateResult | Promise<ValidateResult>;
+export interface WizardStepItem {
+    value: WizardValue;
+    title?: string;
+    description?: string;
+    optional?: boolean;
+    disabled?: boolean;
+    validate?: (value: WizardValue, index: number) => ValidateResult | Promise<ValidateResult>;
+}
+interface Props {
+    modelValue?: WizardValue;
+    steps?: Array<WizardStepItem>;
+    linear?: boolean;
+    disabled?: boolean;
+    nextLabel?: string;
+    prevLabel?: string;
+    finishLabel?: string;
+    validateStep?: ValidateHandler;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        indicator?(_: {
+            step: WizardStepItem;
+            index: number;
+        }): any;
+        default?(_: {}): any;
+        actions?(_: {
+            step: WizardStepItem | undefined;
+            index: number;
+            isFirst: boolean;
+            isLast: boolean;
+            next: () => Promise<void>;
+            prev: () => Promise<void>;
+            complete: () => Promise<void>;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    complete: (...args: any[]) => void;
+    next: (...args: any[]) => void;
+    prev: (...args: any[]) => void;
+    invalidStep: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+    onPrev?: ((...args: any[]) => any) | undefined;
+    onInvalidStep?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: WizardValue;
+    ariaLabel: string;
+    ariaLabelledby: string;
+    prevLabel: string;
+    nextLabel: string;
+    steps: Array<WizardStepItem>;
+    finishLabel: string;
+    linear: boolean;
+    validateStep: ValidateHandler;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/config/theme-core.d.ts

@@ -1413,6 +1413,45 @@ export type SplitterTokens = {
     gutterActiveBackgroundColor?: string;
     disabledOpacity?: string;
 };
+export type TourTokens = {
+    zIndex?: string;
+    overlayBackgroundColor?: string;
+    width?: string;
+    maxWidth?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    shadow?: string;
+    titleGap?: string;
+    titleFontSize?: string;
+    titleLineHeight?: string;
+    titleFontWeight?: string;
+    contentGap?: string;
+    contentFontSize?: string;
+    contentLineHeight?: string;
+    contentColor?: string;
+    progressGap?: string;
+    progressFontSize?: string;
+    progressColor?: string;
+    actionsGap?: string;
+    buttonMinWidth?: string;
+    buttonPadding?: string;
+    buttonRadius?: string;
+    buttonBorderColor?: string;
+    buttonBackgroundColor?: string;
+    buttonTextColor?: string;
+    buttonHoverBackgroundColor?: string;
+    secondaryButtonBorderColor?: string;
+    secondaryButtonBackgroundColor?: string;
+    secondaryButtonTextColor?: string;
+    secondaryButtonHoverBackgroundColor?: string;
+    spotlightRadius?: string;
+    spotlightBorderWidth?: string;
+    spotlightBorderColor?: string;
+    disabledOpacity?: string;
+};
 export type StepperTokens = {
     gap?: string;
     itemGap?: string;
@@ -1457,6 +1496,45 @@ export type StepperTokens = {
         itemGap?: string;
     };
 };
+export type WizardTokens = {
+    gap?: string;
+    borderColor?: string;
+    headerPaddingBottom?: string;
+    itemGap?: string;
+    stepGap?: string;
+    indicatorSize?: string;
+    indicatorBorderRadius?: string;
+    indicatorFontSize?: string;
+    indicatorBorderColor?: string;
+    indicatorBackgroundColor?: string;
+    indicatorTextColor?: string;
+    activeIndicatorBorderColor?: string;
+    activeIndicatorBackgroundColor?: string;
+    activeIndicatorTextColor?: string;
+    completedIndicatorBorderColor?: string;
+    completedIndicatorBackgroundColor?: string;
+    completedIndicatorTextColor?: string;
+    errorIndicatorBorderColor?: string;
+    errorIndicatorBackgroundColor?: string;
+    errorIndicatorTextColor?: string;
+    titleFontSize?: string;
+    titleColor?: string;
+    descriptionFontSize?: string;
+    descriptionColor?: string;
+    actionsGap?: string;
+    buttonMinWidth?: string;
+    buttonPadding?: string;
+    buttonBorderRadius?: string;
+    buttonBorderColor?: string;
+    buttonBackgroundColor?: string;
+    buttonTextColor?: string;
+    buttonHoverBackgroundColor?: string;
+    secondaryButtonBorderColor?: string;
+    secondaryButtonBackgroundColor?: string;
+    secondaryButtonTextColor?: string;
+    secondaryButtonHoverBackgroundColor?: string;
+    disabledOpacity?: string;
+};
 export type TimelineTokens = {
     gap?: string;
     itemGap?: string;
@@ -1858,11 +1936,13 @@ export type ThemeComponentTokens = {
     switch?: SwitchTokens;
     segmentedControl?: SegmentedControlTokens;
     tooltip?: TooltipTokens;
+    tour?: TourTokens;
     skeleton?: SkeletonTokens;
     progress?: ProgressTokens;
     slider?: SliderTokens;
     splitter?: SplitterTokens;
     stepper?: StepperTokens;
+    wizard?: WizardTokens;
     timeline?: TimelineTokens;
     datatable?: DataTableTokens;
     toast?: ToastTokens;

package/dist/package/themes/default/components/tour.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    zIndex: string;
+    overlayBackgroundColor: string;
+    width: string;
+    maxWidth: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    shadow: string;
+    titleGap: string;
+    titleFontSize: string;
+    titleLineHeight: string;
+    titleFontWeight: string;
+    contentGap: string;
+    contentFontSize: string;
+    contentLineHeight: string;
+    contentColor: string;
+    progressGap: string;
+    progressFontSize: string;
+    progressColor: string;
+    actionsGap: string;
+    buttonMinWidth: string;
+    buttonPadding: string;
+    buttonRadius: string;
+    buttonBorderColor: string;
+    buttonBackgroundColor: string;
+    buttonTextColor: string;
+    buttonHoverBackgroundColor: string;
+    secondaryButtonBorderColor: string;
+    secondaryButtonBackgroundColor: string;
+    secondaryButtonTextColor: string;
+    secondaryButtonHoverBackgroundColor: string;
+    spotlightRadius: string;
+    spotlightBorderWidth: string;
+    spotlightBorderColor: string;
+    disabledOpacity: string;
+};
+export default _default;

package/dist/package/themes/default/components/wizard.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    gap: string;
+    borderColor: string;
+    headerPaddingBottom: string;
+    itemGap: string;
+    stepGap: string;
+    indicatorSize: string;
+    indicatorBorderRadius: string;
+    indicatorFontSize: string;
+    indicatorBorderColor: string;
+    indicatorBackgroundColor: string;
+    indicatorTextColor: string;
+    activeIndicatorBorderColor: string;
+    activeIndicatorBackgroundColor: string;
+    activeIndicatorTextColor: string;
+    completedIndicatorBorderColor: string;
+    completedIndicatorBackgroundColor: string;
+    completedIndicatorTextColor: string;
+    errorIndicatorBorderColor: string;
+    errorIndicatorBackgroundColor: string;
+    errorIndicatorTextColor: string;
+    titleFontSize: string;
+    titleColor: string;
+    descriptionFontSize: string;
+    descriptionColor: string;
+    actionsGap: string;
+    buttonMinWidth: string;
+    buttonPadding: string;
+    buttonBorderRadius: string;
+    buttonBorderColor: string;
+    buttonBackgroundColor: string;
+    buttonTextColor: string;
+    buttonHoverBackgroundColor: string;
+    secondaryButtonBorderColor: string;
+    secondaryButtonBackgroundColor: string;
+    secondaryButtonTextColor: string;
+    secondaryButtonHoverBackgroundColor: string;
+    disabledOpacity: string;
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -1402,6 +1402,45 @@ declare const _default: {
             maxWidth: string;
             arrowSize: string;
         };
+        tour: {
+            zIndex: string;
+            overlayBackgroundColor: string;
+            width: string;
+            maxWidth: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            shadow: string;
+            titleGap: string;
+            titleFontSize: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            contentGap: string;
+            contentFontSize: string;
+            contentLineHeight: string;
+            contentColor: string;
+            progressGap: string;
+            progressFontSize: string;
+            progressColor: string;
+            actionsGap: string;
+            buttonMinWidth: string;
+            buttonPadding: string;
+            buttonRadius: string;
+            buttonBorderColor: string;
+            buttonBackgroundColor: string;
+            buttonTextColor: string;
+            buttonHoverBackgroundColor: string;
+            secondaryButtonBorderColor: string;
+            secondaryButtonBackgroundColor: string;
+            secondaryButtonTextColor: string;
+            secondaryButtonHoverBackgroundColor: string;
+            spotlightRadius: string;
+            spotlightBorderWidth: string;
+            spotlightBorderColor: string;
+            disabledOpacity: string;
+        };
         skeleton: {
             width: string;
             height: string;
@@ -1878,6 +1917,45 @@ declare const _default: {
                 itemGap: string;
             };
         };
+        wizard: {
+            gap: string;
+            borderColor: string;
+            headerPaddingBottom: string;
+            itemGap: string;
+            stepGap: string;
+            indicatorSize: string;
+            indicatorBorderRadius: string;
+            indicatorFontSize: string;
+            indicatorBorderColor: string;
+            indicatorBackgroundColor: string;
+            indicatorTextColor: string;
+            activeIndicatorBorderColor: string;
+            activeIndicatorBackgroundColor: string;
+            activeIndicatorTextColor: string;
+            completedIndicatorBorderColor: string;
+            completedIndicatorBackgroundColor: string;
+            completedIndicatorTextColor: string;
+            errorIndicatorBorderColor: string;
+            errorIndicatorBackgroundColor: string;
+            errorIndicatorTextColor: string;
+            titleFontSize: string;
+            titleColor: string;
+            descriptionFontSize: string;
+            descriptionColor: string;
+            actionsGap: string;
+            buttonMinWidth: string;
+            buttonPadding: string;
+            buttonBorderRadius: string;
+            buttonBorderColor: string;
+            buttonBackgroundColor: string;
+            buttonTextColor: string;
+            buttonHoverBackgroundColor: string;
+            secondaryButtonBorderColor: string;
+            secondaryButtonBackgroundColor: string;
+            secondaryButtonTextColor: string;
+            secondaryButtonHoverBackgroundColor: string;
+            disabledOpacity: string;
+        };
         timeline: {
             gap: string;
             itemGap: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.62.0",
+    "version": "0.64.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",