@omnia/fx 8.0.41-dev → 8.0.42-dev

package/internal-do-not-import-from-here/ux/appprovisioning/appprovisioningwizard/AppProvisioningWizard.d.ts

@@ -1,67 +1,749 @@
-import { IWizardInstance, WizardStepModel, WizardStyles } from "@omnia/fx/ux";
-import { AppDefinition, AppInstance, AppProvisioningStepContext, AppProvisioningStepInfo, AppTemplate, GuidValue } from "../../../models";
-import { TemplateStyles } from "../../templatepicker/TemplatePicker.css";
-import { AppProvisioningComponentBase } from "../components";
-import { IAppProvisioningWizard } from "./IAppProvisioningWizard";
-export declare class AppProvisioningWizard extends AppProvisioningComponentBase implements IAppProvisioningWizard {
-    styles?: typeof WizardStyles;
-    initialAppTemplate?: AppTemplate;
-    initialAppDefinition?: AppDefinition;
-    initialAppInstance?: AppInstance;
-    templatesToShow?: string[];
-    isOnDialog?: boolean;
-    horizontalMinHeight: number;
-    colsGrid?: number;
-    templatePickerWrapperClass: string;
-    stylesTemplate?: typeof TemplateStyles;
-    isSort?: boolean;
-    private appNamingPolicyValidationState;
-    private appPolicyValidationState;
-    private summaryInfoState;
-    private themeStore;
-    protected steps: WizardStepModel[];
-    protected isTemplateSelected: boolean;
-    protected isCompleted: boolean;
-    protected isProvisioningCompleted: boolean;
-    protected wizardInstance: IWizardInstance;
-    protected stepCallbacks: {
-        [id: string]: {
-            onGoToNext?: () => Promise<boolean>;
-            onGoToPrev?: () => Promise<boolean>;
-        };
-    };
-    private showRejectDialog;
-    private rejectComment;
-    private isRejecting;
-    private isCreating;
-    private instanceTabStyles;
-    private omniaUrl;
-    constructor();
-    created(): Promise<void>;
-    private defaultStepIndex;
-    mounted(): void;
-    beforeDestroy(): void;
-    private ensureData;
-    private onWizardInstanceCreated;
-    protected onGoToNext: (stepId: string) => Promise<boolean>;
-    protected onGoToPrev: (stepId: string) => Promise<boolean>;
-    protected onCompleteProvisioningSteps(stepId: string): void;
-    private approveAppInstance;
-    private rejectAppInstance;
-    private createOrSendApproval;
-    private createAppInstanceInputInfo;
-    private ensureDefaultReactiveValues;
-    protected onTemplateSelected(appTemplate: AppTemplate, appDefinition: AppDefinition): void;
-    protected getAppProvisioningWizardSteps(steps: AppProvisioningStepInfo[]): WizardStepModel[];
-    protected getAppProvisioningWizardStep(stepInfo: AppProvisioningStepInfo, isFirstStep: boolean, isLastStep: boolean): WizardStepModel;
-    protected renderAppProvisioningFeatureComponent: (context: AppProvisioningStepContext, elementToRender: string) => () => JSX.Element;
-    protected renderAppProvisioningStepComponent: (context: AppProvisioningStepContext, elementToRender: string) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    protected registerOnGoToNext: (stepId: GuidValue, onGoToNextCallback: () => Promise<boolean>) => void;
-    protected registerOnGoToPrev: (stepId: GuidValue, onGoToPrevCallback: () => Promise<boolean>) => void;
-    protected renderAppInstanceTemplatePickerComponent(appDefinitionId: GuidValue, showEnabledTemplatesOnly: boolean): JSX.Element;
-    protected renderCompletedMessage(): JSX.Element;
-    private renderRejectDialog;
-    render(): JSX.Element;
-}
+import { AppDefinition, AppInstance, AppTemplate, GuidValue } from "../../../models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly appDefinitionId?: unknown;
+            readonly styles?: unknown;
+            readonly showEnabledTemplatesOnly?: boolean;
+            readonly "show-enabled-templates-only"?: boolean;
+            readonly onApproved?: () => void;
+            readonly "on-approved"?: () => void;
+            readonly onProvisioningCanceled?: () => void;
+            readonly "on-provisioning-canceled"?: () => void;
+            readonly onProvisioningStarted?: () => void;
+            readonly "on-provisioning-started"?: () => void;
+            readonly onInstancePropertiesChanged?: () => void;
+            readonly "on-instance-properties-changed"?: () => void;
+            readonly onProvisioningCompleted?: (appInstance: AppInstance) => void;
+            readonly "on-provisioning-completed"?: (appInstance: AppInstance) => void;
+            readonly enableUserStep?: boolean;
+            readonly "enable-user-step"?: boolean;
+            readonly allowMultipleAppAdministrators?: boolean;
+            readonly "allow-multiple-app-administrators"?: boolean;
+            readonly allowMemberAndGroup?: boolean;
+            readonly "allow-member-and-group"?: boolean;
+            readonly initialAppTemplate?: AppTemplate;
+            readonly "initial-app-template"?: AppTemplate;
+            readonly initialAppDefinition?: AppDefinition;
+            readonly "initial-app-definition"?: AppDefinition;
+            readonly initialAppInstance?: AppInstance;
+            readonly "initial-app-instance"?: AppInstance;
+            readonly templatesToShow?: string[];
+            readonly "templates-to-show"?: string[];
+            readonly isOnDialog?: boolean;
+            readonly "is-on-dialog"?: boolean;
+            readonly horizontalMinHeight?: number;
+            readonly "horizontal-min-height"?: number;
+            readonly colsGrid?: number;
+            readonly "cols-grid"?: number;
+            readonly templatePickerWrapperClass?: string;
+            readonly "template-picker-wrapper-class"?: string;
+            readonly stylesTemplate?: unknown;
+            readonly "styles-template"?: unknown;
+            readonly isSort?: boolean;
+            readonly "is-sort"?: boolean;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            "is-sort": {
+                type: import("vue").PropType<boolean>;
+            };
+            isSort: {
+                type: import("vue").PropType<boolean>;
+            };
+            "styles-template": {
+                type: import("vue").PropType<{
+                    itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            stylesTemplate: {
+                type: import("vue").PropType<{
+                    itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            "template-picker-wrapper-class": {
+                type: import("vue").PropType<string>;
+            };
+            templatePickerWrapperClass: {
+                type: import("vue").PropType<string>;
+            };
+            "cols-grid": {
+                type: import("vue").PropType<number>;
+            };
+            colsGrid: {
+                type: import("vue").PropType<number>;
+            };
+            "horizontal-min-height": {
+                type: import("vue").PropType<number>;
+            };
+            horizontalMinHeight: {
+                type: import("vue").PropType<number>;
+            };
+            "is-on-dialog": {
+                type: import("vue").PropType<boolean>;
+            };
+            isOnDialog: {
+                type: import("vue").PropType<boolean>;
+            };
+            "templates-to-show": {
+                type: import("vue").PropType<string[]>;
+            };
+            templatesToShow: {
+                type: import("vue").PropType<string[]>;
+            };
+            "initial-app-instance": {
+                type: import("vue").PropType<AppInstance>;
+            };
+            initialAppInstance: {
+                type: import("vue").PropType<AppInstance>;
+            };
+            "initial-app-definition": {
+                type: import("vue").PropType<AppDefinition>;
+            };
+            initialAppDefinition: {
+                type: import("vue").PropType<AppDefinition>;
+            };
+            "initial-app-template": {
+                type: import("vue").PropType<AppTemplate>;
+            };
+            initialAppTemplate: {
+                type: import("vue").PropType<AppTemplate>;
+            };
+            styles: {
+                type: import("vue").PropType<{
+                    container?: import("typestyle/lib/types").NestedCSSProperties;
+                    card?: import("typestyle/lib/types").NestedCSSProperties;
+                    header?: import("typestyle/lib/types").NestedCSSProperties;
+                    content?: import("typestyle/lib/types").NestedCSSProperties;
+                    bottom?: import("typestyle/lib/types").NestedCSSProperties;
+                    outline?: import("typestyle/lib/types").NestedCSSProperties;
+                    verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+                    horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            } & {
+                type: import("vue").PropType<{
+                    container?: import("typestyle/lib/types").NestedCSSProperties;
+                    card?: import("typestyle/lib/types").NestedCSSProperties;
+                    header?: import("typestyle/lib/types").NestedCSSProperties;
+                    content?: import("typestyle/lib/types").NestedCSSProperties;
+                    bottom?: import("typestyle/lib/types").NestedCSSProperties;
+                    outline?: import("typestyle/lib/types").NestedCSSProperties;
+                    verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+                    horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            "allow-member-and-group": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowMemberAndGroup: {
+                type: import("vue").PropType<boolean>;
+            };
+            "allow-multiple-app-administrators": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowMultipleAppAdministrators: {
+                type: import("vue").PropType<boolean>;
+            };
+            "enable-user-step": {
+                type: import("vue").PropType<boolean>;
+            };
+            enableUserStep: {
+                type: import("vue").PropType<boolean>;
+            };
+            "on-provisioning-completed": {
+                type: import("vue").PropType<(appInstance: AppInstance) => void>;
+            };
+            onProvisioningCompleted: {
+                type: import("vue").PropType<(appInstance: AppInstance) => void>;
+            };
+            "on-instance-properties-changed": {
+                type: import("vue").PropType<() => void>;
+            };
+            onInstancePropertiesChanged: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-provisioning-started": {
+                type: import("vue").PropType<() => void>;
+            };
+            onProvisioningStarted: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-provisioning-canceled": {
+                type: import("vue").PropType<() => void>;
+            };
+            onProvisioningCanceled: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-approved": {
+                type: import("vue").PropType<() => void>;
+            };
+            onApproved: {
+                type: import("vue").PropType<() => void>;
+            };
+            "show-enabled-templates-only": {
+                type: import("vue").PropType<boolean>;
+            };
+            showEnabledTemplatesOnly: {
+                type: import("vue").PropType<boolean>;
+            };
+            appDefinitionId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+        }>>, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "is-sort": {
+                type: import("vue").PropType<boolean>;
+            };
+            isSort: {
+                type: import("vue").PropType<boolean>;
+            };
+            "styles-template": {
+                type: import("vue").PropType<{
+                    itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            stylesTemplate: {
+                type: import("vue").PropType<{
+                    itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            "template-picker-wrapper-class": {
+                type: import("vue").PropType<string>;
+            };
+            templatePickerWrapperClass: {
+                type: import("vue").PropType<string>;
+            };
+            "cols-grid": {
+                type: import("vue").PropType<number>;
+            };
+            colsGrid: {
+                type: import("vue").PropType<number>;
+            };
+            "horizontal-min-height": {
+                type: import("vue").PropType<number>;
+            };
+            horizontalMinHeight: {
+                type: import("vue").PropType<number>;
+            };
+            "is-on-dialog": {
+                type: import("vue").PropType<boolean>;
+            };
+            isOnDialog: {
+                type: import("vue").PropType<boolean>;
+            };
+            "templates-to-show": {
+                type: import("vue").PropType<string[]>;
+            };
+            templatesToShow: {
+                type: import("vue").PropType<string[]>;
+            };
+            "initial-app-instance": {
+                type: import("vue").PropType<AppInstance>;
+            };
+            initialAppInstance: {
+                type: import("vue").PropType<AppInstance>;
+            };
+            "initial-app-definition": {
+                type: import("vue").PropType<AppDefinition>;
+            };
+            initialAppDefinition: {
+                type: import("vue").PropType<AppDefinition>;
+            };
+            "initial-app-template": {
+                type: import("vue").PropType<AppTemplate>;
+            };
+            initialAppTemplate: {
+                type: import("vue").PropType<AppTemplate>;
+            };
+            styles: {
+                type: import("vue").PropType<{
+                    container?: import("typestyle/lib/types").NestedCSSProperties;
+                    card?: import("typestyle/lib/types").NestedCSSProperties;
+                    header?: import("typestyle/lib/types").NestedCSSProperties;
+                    content?: import("typestyle/lib/types").NestedCSSProperties;
+                    bottom?: import("typestyle/lib/types").NestedCSSProperties;
+                    outline?: import("typestyle/lib/types").NestedCSSProperties;
+                    verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+                    horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            } & {
+                type: import("vue").PropType<{
+                    container?: import("typestyle/lib/types").NestedCSSProperties;
+                    card?: import("typestyle/lib/types").NestedCSSProperties;
+                    header?: import("typestyle/lib/types").NestedCSSProperties;
+                    content?: import("typestyle/lib/types").NestedCSSProperties;
+                    bottom?: import("typestyle/lib/types").NestedCSSProperties;
+                    outline?: import("typestyle/lib/types").NestedCSSProperties;
+                    verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+                    horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                    summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            "allow-member-and-group": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowMemberAndGroup: {
+                type: import("vue").PropType<boolean>;
+            };
+            "allow-multiple-app-administrators": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowMultipleAppAdministrators: {
+                type: import("vue").PropType<boolean>;
+            };
+            "enable-user-step": {
+                type: import("vue").PropType<boolean>;
+            };
+            enableUserStep: {
+                type: import("vue").PropType<boolean>;
+            };
+            "on-provisioning-completed": {
+                type: import("vue").PropType<(appInstance: AppInstance) => void>;
+            };
+            onProvisioningCompleted: {
+                type: import("vue").PropType<(appInstance: AppInstance) => void>;
+            };
+            "on-instance-properties-changed": {
+                type: import("vue").PropType<() => void>;
+            };
+            onInstancePropertiesChanged: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-provisioning-started": {
+                type: import("vue").PropType<() => void>;
+            };
+            onProvisioningStarted: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-provisioning-canceled": {
+                type: import("vue").PropType<() => void>;
+            };
+            onProvisioningCanceled: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-approved": {
+                type: import("vue").PropType<() => void>;
+            };
+            onApproved: {
+                type: import("vue").PropType<() => void>;
+            };
+            "show-enabled-templates-only": {
+                type: import("vue").PropType<boolean>;
+            };
+            showEnabledTemplatesOnly: {
+                type: import("vue").PropType<boolean>;
+            };
+            appDefinitionId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "is-sort": {
+            type: import("vue").PropType<boolean>;
+        };
+        isSort: {
+            type: import("vue").PropType<boolean>;
+        };
+        "styles-template": {
+            type: import("vue").PropType<{
+                itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        };
+        stylesTemplate: {
+            type: import("vue").PropType<{
+                itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+                buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        };
+        "template-picker-wrapper-class": {
+            type: import("vue").PropType<string>;
+        };
+        templatePickerWrapperClass: {
+            type: import("vue").PropType<string>;
+        };
+        "cols-grid": {
+            type: import("vue").PropType<number>;
+        };
+        colsGrid: {
+            type: import("vue").PropType<number>;
+        };
+        "horizontal-min-height": {
+            type: import("vue").PropType<number>;
+        };
+        horizontalMinHeight: {
+            type: import("vue").PropType<number>;
+        };
+        "is-on-dialog": {
+            type: import("vue").PropType<boolean>;
+        };
+        isOnDialog: {
+            type: import("vue").PropType<boolean>;
+        };
+        "templates-to-show": {
+            type: import("vue").PropType<string[]>;
+        };
+        templatesToShow: {
+            type: import("vue").PropType<string[]>;
+        };
+        "initial-app-instance": {
+            type: import("vue").PropType<AppInstance>;
+        };
+        initialAppInstance: {
+            type: import("vue").PropType<AppInstance>;
+        };
+        "initial-app-definition": {
+            type: import("vue").PropType<AppDefinition>;
+        };
+        initialAppDefinition: {
+            type: import("vue").PropType<AppDefinition>;
+        };
+        "initial-app-template": {
+            type: import("vue").PropType<AppTemplate>;
+        };
+        initialAppTemplate: {
+            type: import("vue").PropType<AppTemplate>;
+        };
+        styles: {
+            type: import("vue").PropType<{
+                container?: import("typestyle/lib/types").NestedCSSProperties;
+                card?: import("typestyle/lib/types").NestedCSSProperties;
+                header?: import("typestyle/lib/types").NestedCSSProperties;
+                content?: import("typestyle/lib/types").NestedCSSProperties;
+                bottom?: import("typestyle/lib/types").NestedCSSProperties;
+                outline?: import("typestyle/lib/types").NestedCSSProperties;
+                verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+                horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+                textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        } & {
+            type: import("vue").PropType<{
+                container?: import("typestyle/lib/types").NestedCSSProperties;
+                card?: import("typestyle/lib/types").NestedCSSProperties;
+                header?: import("typestyle/lib/types").NestedCSSProperties;
+                content?: import("typestyle/lib/types").NestedCSSProperties;
+                bottom?: import("typestyle/lib/types").NestedCSSProperties;
+                outline?: import("typestyle/lib/types").NestedCSSProperties;
+                verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+                horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+                textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+                summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        };
+        "allow-member-and-group": {
+            type: import("vue").PropType<boolean>;
+        };
+        allowMemberAndGroup: {
+            type: import("vue").PropType<boolean>;
+        };
+        "allow-multiple-app-administrators": {
+            type: import("vue").PropType<boolean>;
+        };
+        allowMultipleAppAdministrators: {
+            type: import("vue").PropType<boolean>;
+        };
+        "enable-user-step": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableUserStep: {
+            type: import("vue").PropType<boolean>;
+        };
+        "on-provisioning-completed": {
+            type: import("vue").PropType<(appInstance: AppInstance) => void>;
+        };
+        onProvisioningCompleted: {
+            type: import("vue").PropType<(appInstance: AppInstance) => void>;
+        };
+        "on-instance-properties-changed": {
+            type: import("vue").PropType<() => void>;
+        };
+        onInstancePropertiesChanged: {
+            type: import("vue").PropType<() => void>;
+        };
+        "on-provisioning-started": {
+            type: import("vue").PropType<() => void>;
+        };
+        onProvisioningStarted: {
+            type: import("vue").PropType<() => void>;
+        };
+        "on-provisioning-canceled": {
+            type: import("vue").PropType<() => void>;
+        };
+        onProvisioningCanceled: {
+            type: import("vue").PropType<() => void>;
+        };
+        "on-approved": {
+            type: import("vue").PropType<() => void>;
+        };
+        onApproved: {
+            type: import("vue").PropType<() => void>;
+        };
+        "show-enabled-templates-only": {
+            type: import("vue").PropType<boolean>;
+        };
+        showEnabledTemplatesOnly: {
+            type: import("vue").PropType<boolean>;
+        };
+        appDefinitionId: {
+            type: import("vue").PropType<GuidValue>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "is-sort": {
+        type: import("vue").PropType<boolean>;
+    };
+    isSort: {
+        type: import("vue").PropType<boolean>;
+    };
+    "styles-template": {
+        type: import("vue").PropType<{
+            itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+            titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+            buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    };
+    stylesTemplate: {
+        type: import("vue").PropType<{
+            itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+            titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+            buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    };
+    "template-picker-wrapper-class": {
+        type: import("vue").PropType<string>;
+    };
+    templatePickerWrapperClass: {
+        type: import("vue").PropType<string>;
+    };
+    "cols-grid": {
+        type: import("vue").PropType<number>;
+    };
+    colsGrid: {
+        type: import("vue").PropType<number>;
+    };
+    "horizontal-min-height": {
+        type: import("vue").PropType<number>;
+    };
+    horizontalMinHeight: {
+        type: import("vue").PropType<number>;
+    };
+    "is-on-dialog": {
+        type: import("vue").PropType<boolean>;
+    };
+    isOnDialog: {
+        type: import("vue").PropType<boolean>;
+    };
+    "templates-to-show": {
+        type: import("vue").PropType<string[]>;
+    };
+    templatesToShow: {
+        type: import("vue").PropType<string[]>;
+    };
+    "initial-app-instance": {
+        type: import("vue").PropType<AppInstance>;
+    };
+    initialAppInstance: {
+        type: import("vue").PropType<AppInstance>;
+    };
+    "initial-app-definition": {
+        type: import("vue").PropType<AppDefinition>;
+    };
+    initialAppDefinition: {
+        type: import("vue").PropType<AppDefinition>;
+    };
+    "initial-app-template": {
+        type: import("vue").PropType<AppTemplate>;
+    };
+    initialAppTemplate: {
+        type: import("vue").PropType<AppTemplate>;
+    };
+    styles: {
+        type: import("vue").PropType<{
+            container?: import("typestyle/lib/types").NestedCSSProperties;
+            card?: import("typestyle/lib/types").NestedCSSProperties;
+            header?: import("typestyle/lib/types").NestedCSSProperties;
+            content?: import("typestyle/lib/types").NestedCSSProperties;
+            bottom?: import("typestyle/lib/types").NestedCSSProperties;
+            outline?: import("typestyle/lib/types").NestedCSSProperties;
+            verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+            horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+            textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+            summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+            summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    } & {
+        type: import("vue").PropType<{
+            container?: import("typestyle/lib/types").NestedCSSProperties;
+            card?: import("typestyle/lib/types").NestedCSSProperties;
+            header?: import("typestyle/lib/types").NestedCSSProperties;
+            content?: import("typestyle/lib/types").NestedCSSProperties;
+            bottom?: import("typestyle/lib/types").NestedCSSProperties;
+            outline?: import("typestyle/lib/types").NestedCSSProperties;
+            verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
+            horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
+            textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+            summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
+            summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    };
+    "allow-member-and-group": {
+        type: import("vue").PropType<boolean>;
+    };
+    allowMemberAndGroup: {
+        type: import("vue").PropType<boolean>;
+    };
+    "allow-multiple-app-administrators": {
+        type: import("vue").PropType<boolean>;
+    };
+    allowMultipleAppAdministrators: {
+        type: import("vue").PropType<boolean>;
+    };
+    "enable-user-step": {
+        type: import("vue").PropType<boolean>;
+    };
+    enableUserStep: {
+        type: import("vue").PropType<boolean>;
+    };
+    "on-provisioning-completed": {
+        type: import("vue").PropType<(appInstance: AppInstance) => void>;
+    };
+    onProvisioningCompleted: {
+        type: import("vue").PropType<(appInstance: AppInstance) => void>;
+    };
+    "on-instance-properties-changed": {
+        type: import("vue").PropType<() => void>;
+    };
+    onInstancePropertiesChanged: {
+        type: import("vue").PropType<() => void>;
+    };
+    "on-provisioning-started": {
+        type: import("vue").PropType<() => void>;
+    };
+    onProvisioningStarted: {
+        type: import("vue").PropType<() => void>;
+    };
+    "on-provisioning-canceled": {
+        type: import("vue").PropType<() => void>;
+    };
+    onProvisioningCanceled: {
+        type: import("vue").PropType<() => void>;
+    };
+    "on-approved": {
+        type: import("vue").PropType<() => void>;
+    };
+    onApproved: {
+        type: import("vue").PropType<() => void>;
+    };
+    "show-enabled-templates-only": {
+        type: import("vue").PropType<boolean>;
+    };
+    showEnabledTemplatesOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    appDefinitionId: {
+        type: import("vue").PropType<GuidValue>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        appDefinitionId?: unknown;
+        styles?: unknown;
+        showEnabledTemplatesOnly?: boolean;
+        "show-enabled-templates-only"?: boolean;
+        onApproved?: () => void;
+        "on-approved"?: () => void;
+        onProvisioningCanceled?: () => void;
+        "on-provisioning-canceled"?: () => void;
+        onProvisioningStarted?: () => void;
+        "on-provisioning-started"?: () => void;
+        onInstancePropertiesChanged?: () => void;
+        "on-instance-properties-changed"?: () => void;
+        onProvisioningCompleted?: (appInstance: AppInstance) => void;
+        "on-provisioning-completed"?: (appInstance: AppInstance) => void;
+        enableUserStep?: boolean;
+        "enable-user-step"?: boolean;
+        allowMultipleAppAdministrators?: boolean;
+        "allow-multiple-app-administrators"?: boolean;
+        allowMemberAndGroup?: boolean;
+        "allow-member-and-group"?: boolean;
+        initialAppTemplate?: AppTemplate;
+        "initial-app-template"?: AppTemplate;
+        initialAppDefinition?: AppDefinition;
+        "initial-app-definition"?: AppDefinition;
+        initialAppInstance?: AppInstance;
+        "initial-app-instance"?: AppInstance;
+        templatesToShow?: string[];
+        "templates-to-show"?: string[];
+        isOnDialog?: boolean;
+        "is-on-dialog"?: boolean;
+        horizontalMinHeight?: number;
+        "horizontal-min-height"?: number;
+        colsGrid?: number;
+        "cols-grid"?: number;
+        templatePickerWrapperClass?: string;
+        "template-picker-wrapper-class"?: string;
+        stylesTemplate?: unknown;
+        "styles-template"?: unknown;
+        isSort?: boolean;
+        "is-sort"?: boolean;
+    }>, never>;
+};
+export default _default;