@nmorph/nmorph-ui-kit 2.2.57 → 2.2.59

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const a = "2.2.57", e = {
+const a = "2.2.59", e = {
   version: a
 };
 export {

package/dist/src/components/feedback/index.d.ts

@@ -4,4 +4,7 @@ export { default as NmorphCallout } from './nmorph-callout/NmorphCallout.vue';
 export * from './nmorph-callout/types';
 export { default as NmorphDialog } from './nmorph-dialog/NmorphDialog.vue';
 export { default as NmorphDrawer } from './nmorph-drawer/NmorphDrawer.vue';
+export { default as NmorphGuide } from './nmorph-guide/NmorphGuide.vue';
+export { default as NmorphGuideStep } from './nmorph-guide/NmorphGuideStep.vue';
+export * from './nmorph-guide/types';
 export { default as NmorphTooltip } from './nmorph-tooltip/NmorphTooltip.vue';

package/dist/src/components/feedback/nmorph-guide/NmorphGuide.vue.d.ts

@@ -0,0 +1,48 @@
+import { INmorphGuideProps, INmorphGuideStepItem, INmorphGuideResolvedStep, NmorphGuideStepName } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphGuideProps, {
+    back: () => void;
+    next: () => void;
+    finish: () => void;
+    close: () => void;
+    goToStep: (name: NmorphGuideStepName) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:model-value": (value: boolean) => any;
+    change: (step: INmorphGuideResolvedStep, index: number) => any;
+    close: (step: INmorphGuideResolvedStep, index: number) => any;
+    next: (step: INmorphGuideResolvedStep, index: number) => any;
+    "update:active-step": (value: NmorphGuideStepName) => any;
+    back: (step: INmorphGuideResolvedStep, index: number) => any;
+    finish: (step: INmorphGuideResolvedStep, index: number) => any;
+}, string, PublicProps, Readonly<INmorphGuideProps> & Readonly<{
+    "onUpdate:model-value"?: (value: boolean) => any;
+    onChange?: (step: INmorphGuideResolvedStep, index: number) => any;
+    onClose?: (step: INmorphGuideResolvedStep, index: number) => any;
+    onNext?: (step: INmorphGuideResolvedStep, index: number) => any;
+    "onUpdate:active-step"?: (value: NmorphGuideStepName) => any;
+    onBack?: (step: INmorphGuideResolvedStep, index: number) => any;
+    onFinish?: (step: INmorphGuideResolvedStep, index: number) => any;
+}>, {
+    modelValue: boolean;
+    width: string | number;
+    zIndex: number;
+    loop: boolean;
+    showClose: boolean;
+    activeStep: NmorphGuideStepName;
+    steps: INmorphGuideStepItem[];
+    closeOnFinish: boolean;
+    showProgress: boolean;
+    backText: string;
+    nextText: string;
+    finishText: string;
+    closeText: string;
+    maxWidth: string | number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/feedback/nmorph-guide/NmorphGuideStep.vue.d.ts

@@ -0,0 +1,18 @@
+import { INmorphGuideStepProps, INmorphGuideStepSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { NmorphPlacementType } from '../../../types';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphGuideStepProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphGuideStepProps> & Readonly<{}>, {
+    title: string;
+    text: string;
+    disabled: boolean;
+    imageSrc: string;
+    order: number;
+    position: NmorphPlacementType;
+    imageAlt: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<INmorphGuideStepSlots> & INmorphGuideStepSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/feedback/nmorph-guide/types.d.ts

@@ -0,0 +1,90 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { NmorphPlacementType } from '../../../types';
+export type NmorphGuideStepName = string | number;
+export interface INmorphGuideStepItem {
+    name: NmorphGuideStepName;
+    title?: string;
+    text?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    position?: NmorphPlacementType;
+    order?: number;
+    disabled?: boolean;
+}
+export interface INmorphGuideResolvedStep extends INmorphGuideStepItem {
+    registrationOrder: number;
+}
+export interface INmorphGuideProps {
+    modelValue?: boolean;
+    activeStep?: NmorphGuideStepName;
+    steps?: INmorphGuideStepItem[];
+    loop?: boolean;
+    closeOnFinish?: boolean;
+    showClose?: boolean;
+    showProgress?: boolean;
+    backText?: string;
+    nextText?: string;
+    finishText?: string;
+    closeText?: string;
+    zIndex?: number;
+    width?: number | string;
+    maxWidth?: number | string;
+}
+export interface INmorphGuideEmit {
+    (event: 'update:model-value', value: boolean): void;
+    (event: 'update:active-step', value: NmorphGuideStepName): void;
+    (event: 'change', step: INmorphGuideResolvedStep, index: number): void;
+    (event: 'back', step: INmorphGuideResolvedStep, index: number): void;
+    (event: 'next', step: INmorphGuideResolvedStep, index: number): void;
+    (event: 'finish', step: INmorphGuideResolvedStep | null, index: number): void;
+    (event: 'close', step: INmorphGuideResolvedStep | null, index: number): void;
+}
+export interface INmorphGuideStepProps {
+    name: NmorphGuideStepName;
+    title?: string;
+    text?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    position?: NmorphPlacementType;
+    order?: number;
+    disabled?: boolean;
+}
+export interface INmorphGuideStepSlotProps {
+    step: INmorphGuideResolvedStep;
+    index: number;
+    total: number;
+    isFirst: boolean;
+    isLast: boolean;
+    back: () => void;
+    next: () => void;
+    close: () => void;
+    finish: () => void;
+}
+export interface INmorphGuideStepSlots {
+    default?: (props: Record<string, never>) => unknown;
+    content?: (props: INmorphGuideStepSlotProps) => unknown;
+}
+export interface INmorphGuideContext {
+    active: ComputedRef<boolean>;
+    activeStep: ComputedRef<INmorphGuideResolvedStep | null>;
+    activeIndex: ComputedRef<number>;
+    steps: ComputedRef<INmorphGuideResolvedStep[]>;
+    loop: ComputedRef<boolean>;
+    showClose: ComputedRef<boolean>;
+    showProgress: ComputedRef<boolean>;
+    backText: ComputedRef<string>;
+    nextText: ComputedRef<string>;
+    finishText: ComputedRef<string>;
+    closeText: ComputedRef<string>;
+    zIndex: ComputedRef<number | undefined>;
+    width: ComputedRef<number | string | undefined>;
+    maxWidth: ComputedRef<number | string | undefined>;
+    registerStep: (step: INmorphGuideStepItem) => void;
+    unregisterStep: (name: NmorphGuideStepName) => void;
+    goToStep: (name: NmorphGuideStepName) => void;
+    back: () => void;
+    next: () => void;
+    finish: () => void;
+    close: () => void;
+}
+export declare const nmorphGuideInjectionKey: InjectionKey<INmorphGuideContext>;

package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts

@@ -16,10 +16,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTooltipP
     touch: NmorphTooltipTouchBehavior;
     openDelay: number;
     closeDelay: number;
+    maxWidth: string | number;
     forceShow: boolean;
     forceCoordinate: Partial< INmorphCoords<string>>;
     trigger: NmorphTooltipTrigger;
-    maxWidth: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     tooltipDOMRef: HTMLDivElement;
     slotDOMRef: HTMLDivElement;

package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts

@@ -33,10 +33,10 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             touch: NmorphTooltipTouchBehavior;
             openDelay: number;
             closeDelay: number;
+            maxWidth: string | number;
             forceShow: boolean;
             forceCoordinate: Partial< INmorphCoords<string>>;
             trigger: NmorphTooltipTrigger;
-            maxWidth: string | number;
         }> & Omit<{
             readonly text?: string;
             readonly position?: NmorphPlacementType;
@@ -51,7 +51,7 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             readonly width?: string | number;
             readonly maxWidth?: string | number;
             readonly height?: string | number;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "height" | "disabled" | "width" | "zIndex" | "position" | "touch" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "maxWidth">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "height" | "disabled" | "width" | "zIndex" | "position" | "touch" | "openDelay" | "closeDelay" | "maxWidth" | "forceShow" | "forceCoordinate" | "trigger">;
         $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
@@ -83,10 +83,10 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             touch: NmorphTooltipTouchBehavior;
             openDelay: number;
             closeDelay: number;
+            maxWidth: string | number;
             forceShow: boolean;
             forceCoordinate: Partial< INmorphCoords<string>>;
             trigger: NmorphTooltipTrigger;
-            maxWidth: string | number;
         }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -117,11 +117,11 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
         touch: NmorphTooltipTouchBehavior;
         openDelay: number;
         closeDelay: number;
+        maxWidth: string | number;
         forceShow: boolean;
         forceCoordinate: Partial< INmorphCoords<string>>;
         trigger: NmorphTooltipTrigger;
-        maxWidth: string | number;
-    }> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "toggle" | "close" | "open" | "tooltipBody" | ("text" | "height" | "disabled" | "width" | "zIndex" | "position" | "touch" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "maxWidth")> & {
+    }> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "toggle" | "close" | "open" | "tooltipBody" | ("text" | "height" | "disabled" | "width" | "zIndex" | "position" | "touch" | "openDelay" | "closeDelay" | "maxWidth" | "forceShow" | "forceCoordinate" | "trigger")> & {
         tooltipBody: HTMLElement;
         open: () => void;
         close: () => void;

package/dist/src/components/navigation/index.d.ts

@@ -5,6 +5,8 @@ export { default as NmorphBreadcrumbItem } from './nmorph-breadcrumb/components/
 export { default as NmorphContextMenu } from './nmorph-context-menu/NmorphContextMenu.vue';
 export * from './nmorph-context-menu/types';
 export { default as NmorphDropdown } from './nmorph-dropdown/NmorphDropdown.vue';
+export { default as NmorphStepper } from './nmorph-stepper/NmorphStepper.vue';
+export * from './nmorph-stepper/types';
 export { default as NmorphTabs } from './nmorph-tabs/NmorphTabs.vue';
 export * from './nmorph-tabs/types';
 export * from './nmorph-tabs/utils';

package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts

@@ -33,10 +33,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphContextM
     hideShadow: boolean;
     options: NmorphContextMenuOption[];
     placement: NmorphPlacementType;
+    maxWidth: string | number;
     yOffset: number;
     xOffset: number;
     trigger: NmorphContextMenuTrigger;
-    maxWidth: string | number;
     fillWidth: boolean;
     closeOnScroll: boolean;
     mobileMode: NmorphContextMenuMobileMode;

package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts

@@ -19,9 +19,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphDropdown
     role: string;
     hideShadow: boolean;
     placement: NmorphPlacementType;
+    maxWidth: string | number;
     yOffset: number;
     xOffset: number;
-    maxWidth: string | number;
     fillWidth: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdownDOMRef: HTMLDivElement;

package/dist/src/components/navigation/nmorph-stepper/NmorphStepper.vue.d.ts

@@ -0,0 +1,27 @@
+import { INmorphStepperChangePayload, INmorphStepperProps, INmorphStepperSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphStepperProps, {
+    goTo: (index: number) => void;
+    next: () => void;
+    previous: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:model-value": (value: number) => any;
+    change: (value: INmorphStepperChangePayload) => any;
+}, string, PublicProps, Readonly<INmorphStepperProps> & Readonly<{
+    "onUpdate:model-value"?: (value: number) => any;
+    onChange?: (value: INmorphStepperChangePayload) => any;
+}>, {
+    modelValue: number;
+    disabled: boolean;
+    wheel: boolean;
+    ariaLabel: string;
+    loop: boolean;
+    count: number;
+    swipe: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, Readonly<INmorphStepperSlots> & INmorphStepperSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/navigation/nmorph-stepper/types.d.ts

@@ -0,0 +1,30 @@
+export type NmorphStepperDirection = 'previous' | 'next';
+export interface INmorphStepperChangePayload {
+    index: number;
+    previousIndex: number;
+    direction: NmorphStepperDirection;
+}
+export interface INmorphStepperProps {
+    modelValue?: number;
+    count?: number;
+    disabled?: boolean;
+    loop?: boolean;
+    wheel?: boolean;
+    swipe?: boolean;
+    ariaLabel?: string;
+}
+export interface INmorphStepperEmit {
+    (event: 'update:model-value', value: number): void;
+    (event: 'change', value: INmorphStepperChangePayload): void;
+}
+export interface INmorphStepperIndicatorSlotProps {
+    index: number;
+    count: number;
+    goTo: (index: number) => void;
+    next: () => void;
+    previous: () => void;
+}
+export interface INmorphStepperSlots {
+    default?: (props: Record<string, never>) => unknown;
+    indicator?: (props: INmorphStepperIndicatorSlotProps) => unknown;
+}