@vertesia/ui 0.81.1 → 1.0.0-dev.20260203.130115Z

package/src/core/components/index.ts

@@ -1,10 +1,7 @@
 
 export * from "./Avatar.js";
-export * from "./Badge.js";
 export * from "./Center.js";
 export * from "./ComboBox.js";
-export * from "./ConfirmModal.js";
-export * from "./DeleteModal.js";
 export * from "./Divider.js";
 export * from "./Dropdown.js";
 export * from "./DropdownList.js";
@@ -14,15 +11,11 @@ export * from "./FormItem.js";
 export * from "./InputList.js";
 export * from "./Link.js";
 export * from "./MenuList.js";
-export * from "./MessageBox.js";
-export * from "./Modal.js";
 export * from "./NumberInput.js";
 export * from "./Overlay.js";
-export * from "./Panel.js";
 export * from "./popup/index.js";
 export * from "./Portal.js";
 export * from "./RadioGroup.js";
-export * from "./SelectBox.js";
 export * from "./SelectList.js";
 export * from "./SelectStack.js";
 export * from "./shadcn/index.js";
@@ -31,7 +24,6 @@ export * from "./Spinner.js";
 export * from "./styles.js";
 export * from "./Switch.js";
 export * from "./table/index.js";
-export * from "./tabs/index.js";
 export * from "./TagsInput.js";
 export * from "./toast/index.js";
 

package/src/core/components/{Panel.tsx → shadcn/Panel.tsx}

@@ -1,4 +1,4 @@
-import { VTooltip } from "./shadcn/tooltip"
+import { VTooltip } from "./tooltip"
 import { Info } from "lucide-react"
 
 interface PanelProps {

package/src/core/components/{Badge.tsx → shadcn/badge.tsx}

@@ -1,6 +1,6 @@
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "./libs/utils"
+import { cn } from "../libs/utils"
 
 // Base badge variants
 const badgeVariants = cva(

package/src/core/components/shadcn/command.tsx

@@ -4,7 +4,7 @@ import { Command as CommandPrimitive } from "cmdk"
 import { Search } from "lucide-react"
 
 import { cn } from "../libs/utils"
-import { Dialog, DialogContent } from "./dialog"
+import { Dialog, DialogContent } from "./modal/dialog"
 
 const Command: React.ForwardRefExoticComponent<
   React.RefAttributes<HTMLDivElement> &

package/src/core/components/shadcn/index.ts

@@ -1,9 +1,10 @@
 export * from './theme/ThemeSwitcher';
 export * from './theme/ThemeProvider';
 
+export * from "./badge"
 export * from './button';
 export * from './card';
-export * from './dialog';
+export * from './modal';
 export * from './input';
 export * from './separator';
 export * from './selectBox';
@@ -11,7 +12,6 @@ export * from './tabs';
 export * from './tooltip';
 export * from './label';
 export * from './breadcrumb';
-export * from './dialog';
 export * from './button';
 export * from './filters';
 export * from './popover';
@@ -20,4 +20,6 @@ export * from './checkbox';
 export * from './heading';
 export * from './text';
 export * from './resizeable';
-export * from './textarea';
+export * from './textarea';
+export * from "./MessageBox"
+export * from "./Panel"

package/src/core/components/shadcn/label.tsx

@@ -8,12 +8,14 @@ const labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 )
 
-const Label = React.forwardRef<
+type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+  VariantProps<typeof labelVariants> & {
+    required?: boolean
+  }
+
+const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<React.ElementRef<typeof LabelPrimitive.Root>>> = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants> & {
-      required?: boolean
-    }
+  LabelProps
 >(({ className, required, ...props }, ref) => (
   <LabelPrimitive.Root
     ref={ref}

package/src/core/components/{ConfirmModal.tsx → shadcn/modal/ConfirmModal.tsx}

@@ -1,7 +1,7 @@
 import { TriangleAlert } from "lucide-react"
 import React, { useRef } from "react"
-import { VModal, VModalTitle, VModalFooter } from "./shadcn"
-import { Button } from "./shadcn/button"
+import { Modal, ModalTitle, ModalFooter } from "./dialog"
+import { Button } from "../button"
 
 interface ConfirmModalProps {
     title: string
@@ -15,15 +15,15 @@ export function ConfirmModal({ title, content, onConfirm, onCancel, isOpen }: Co
     const cancelButtonRef = useRef(null)
 
     return (
-        <VModal isOpen={isOpen} onClose={onCancel} description="Confirm Modal">
+        <Modal isOpen={isOpen} onClose={onCancel} description="Confirm Modal">
             <div className="sm:flex sm:items-start p-2">
                 <div className="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                     <TriangleAlert className="size-6 text-red-600" aria-hidden="true" />
                 </div>
                 <div className="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
-                    <VModalTitle className="leading-6" show >
+                    <ModalTitle className="leading-6" show >
                         {title}
-                    </VModalTitle>
+                    </ModalTitle>
                     <div className="mt-2">
                         <div className="prose text-sm text-gray-500">
                             {content}
@@ -31,7 +31,7 @@ export function ConfirmModal({ title, content, onConfirm, onCancel, isOpen }: Co
                     </div>
                 </div>
             </div>
-            <VModalFooter align="right">
+            <ModalFooter align="right">
                 <Button
                     variant="destructive"
                     onClick={onConfirm}
@@ -45,7 +45,7 @@ export function ConfirmModal({ title, content, onConfirm, onCancel, isOpen }: Co
                 >
                     Cancel
                 </Button>
-            </VModalFooter>
-        </VModal>
+            </ModalFooter>
+        </Modal>
     )
 }

package/src/core/components/{DeleteModal.tsx → shadcn/modal/DeleteModal.tsx}

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { ConfirmModal } from "./ConfirmModal.js";
-import { useToast } from "./toast/index.js";
+import { useToast } from "../../toast/index.js";
 
 interface DeleteModalProps {
     idToDelete?: string;

package/src/core/components/shadcn/{dialog.tsx → modal/dialog.tsx}

@@ -1,12 +1,12 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "../libs/utils";
+import { cn } from "../../libs/utils";
 
 import { X } from "lucide-react";
-import { Button } from "./button";
-import { VisuallyHidden } from "../libs/visuallyHidden";
+import { Button } from "../button";
+import { VisuallyHidden } from "../../libs/visuallyHidden";
 import { createContext, useContext } from "react";
-import { usePortalContainer } from "../../hooks/PortalContainerProvider";
+import { usePortalContainer } from "../../../hooks/PortalContainerProvider";
 
 interface ModalProps {
     children: React.ReactNode | React.ReactNode[];
@@ -28,7 +28,7 @@ export function ModalContextProvider({ children }: { children: React.ReactNode }
     return <ModalContext.Provider value={true}>{children}</ModalContext.Provider>
 }
 
-export function VModal({
+export function Modal({
     className,
     children,
     isOpen,
@@ -50,13 +50,13 @@ export function VModal({
             case "sm":
                 return "max-w-[20vw]";
             case "md":
-                return "max-w-[40vw]";
+                return "max-w-[60vw] lg:max-w-[40vw]";
             case "lg":
-                return "max-w-[60vw]";
+                return "max-w-[80vw] md:max-w-[60vw]";
             case "xl":
-                return "max-w-[80vw]";
+                return "max-w-[95vw] lg:max-w-[80vw]";
             default:
-                return "max-w-[40vw]";
+                return "max-w-[60vw] lg:max-w-[40vw]";
         }
     }
 
@@ -110,13 +110,14 @@ export function VModal({
     );
 }
 
-export const VModalTitle = ({
+export const ModalTitle = ({
     children,
     show = true,
     className,
     description,
+    showDivider = false,
     ...props
-}: React.HTMLAttributes<HTMLHeadingElement> & { show?: boolean; description?: string }) => {
+}: React.HTMLAttributes<HTMLHeadingElement> & { show?: boolean; description?: string, showDivider?: boolean }) => {
     if (!show) {
         return (
             <VisuallyHidden>
@@ -128,7 +129,11 @@ export const VModalTitle = ({
     return (
         <>
             <DialogTitle
-                className={cn("text-lg font-semibold leading-6 tracking-tight", { 'py-2': !description }, className)}
+                className={cn(
+                    showDivider ? "border-b-solid border-b border-b-1 pb-2 mb-4" : "",
+                    "text-lg font-semibold leading-6 tracking-tight", 
+                    { 'py-2': !description }, 
+                    className)}
                 {...props}
             >
                 {children}
@@ -142,7 +147,7 @@ export const VModalTitle = ({
     );
 };
 
-export const VModalBody = ({
+export const ModalBody = ({
     children,
     className,
     ...props
@@ -156,9 +161,11 @@ export const VModalBody = ({
 
 interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "left" | "right" | "center";
+    children: React.ReactNode | React.ReactNode[];
+    className?: string;
 }
 
-export const VModalFooter = ({
+export const ModalFooter = ({
     align = "right",
     children,
     className,

package/src/core/components/shadcn/modal/index.ts

@@ -0,0 +1,3 @@
+export * from "./ConfirmModal"
+export * from "./DeleteModal"
+export * from "./dialog"

package/src/core/components/shadcn/popover.tsx

@@ -3,7 +3,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 import { cn } from "../libs/utils"
 import { JSX } from "react";
-import { useIsInModal } from "./dialog";
+import { useIsInModal } from "./modal/dialog";
 import { usePortalContainer } from "../../hooks/PortalContainerProvider";
 
 export interface PopoverContextValue {

package/src/core/components/shadcn/selectBox.tsx

@@ -1,15 +1,15 @@
 import clsx from 'clsx';
 import { isEqual } from 'lodash-es';
 import { AlertTriangle, Check, ChevronsUpDown, SearchIcon, SquarePlus, X } from 'lucide-react';
-import { useState, useEffect, useRef, useMemo } from 'react';
+import { useState, useEffect, useRef, useMemo, ReactNode } from 'react';
 
 import { Popover, PopoverContent, PopoverTrigger, PopoverClose } from './popover';
 import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from './command';
 import { Input } from './input';
-import { Button } from '@vertesia/ui/core';
+import { Button } from './button';
 import { VTooltip } from './tooltip';
 
-export interface VSelectBoxBaseProps<T> {
+export interface SelectBoxBaseProps<T> {
     options: T[] | undefined;
     optionLabel?: (option: T) => React.ReactNode;
     onBlur?: () => void;
@@ -26,27 +26,29 @@ export interface VSelectBoxBaseProps<T> {
     isClearable?: boolean;
     border?: boolean;
     inline?: boolean;
+    clearIcon?: ReactNode;
+    clearTitle?: string;
     /** Show warning when value is not in options list (default: true) */
     warnOnMissingValue?: boolean;
     /** Custom warning message when value is not in options */
     missingValueWarning?: string;
 }
 
-interface VSelectBoxSingleProps<T> extends VSelectBoxBaseProps<T> {
+interface SelectBoxSingleProps<T> extends SelectBoxBaseProps<T> {
     multiple?: false;
     value?: T;
     onChange: (option: T) => void;
 }
 
-interface VSelectBoxMultipleProps<T> extends VSelectBoxBaseProps<T> {
+interface SelectBoxMultipleProps<T> extends SelectBoxBaseProps<T> {
     multiple: true;
     value?: T[];
     onChange: (options: T[]) => void;
 }
 
-type VSelectBoxProps<T> = VSelectBoxSingleProps<T> | VSelectBoxMultipleProps<T>;
+type SelectBoxProps<T> = SelectBoxSingleProps<T> | SelectBoxMultipleProps<T>;
 
-export function VSelectBox<T = any>({ options, optionLabel, value, onChange, addNew, addNewLabel, disabled, filterBy, label, placeholder, className, popupClass, isClearable, border = true, multiple = false, by, inline = false, warnOnMissingValue = true, missingValueWarning = "Value not in options list, may not be valid" }: Readonly<VSelectBoxProps<T>>) {
+export function SelectBox<T = any>({ options, optionLabel, value, onChange, addNew, addNewLabel, disabled, filterBy, label, placeholder, className, popupClass, isClearable, border = true, multiple = false, by, inline = false, warnOnMissingValue = true, missingValueWarning = "Value not in options list, may not be valid", clearIcon, clearTitle }: Readonly<SelectBoxProps<T>>) {
     const triggerRef = useRef<HTMLDivElement>(null);
     const [open, setOpen] = useState(false);
     const [width, setWidth] = useState<number>(0);
@@ -301,8 +303,8 @@ export function VSelectBox<T = any>({ options, optionLabel, value, onChange, add
                         {isClearable && value && (Array.isArray(value) ? value.length > 0 : true) && (
                             <Button variant={"link"} size={"icon"}
                                 disabled={disabled}
-                                alt="Clear selection"
-                                onClick={(e) => {
+                                alt={clearTitle || "Clear selection"}
+                                onClick={(e: { stopPropagation: () => void; }) => {
                                     e.stopPropagation();
                                     if (multiple) {
                                         (onChange as (options: T[]) => void)([] as T[]);
@@ -312,7 +314,7 @@ export function VSelectBox<T = any>({ options, optionLabel, value, onChange, add
                                 }}
                                 className="cursor-pointer hover:bg-muted/20 clear-button opacity-0 transition-opacity duration-200 rounded p-1"
                             >
-                                <X className="size-4" />
+                                {clearIcon ? clearIcon : <X className="size-4" />}
                             </Button>
                         )}
                         {!disabled && (

package/src/core/components/shadcn/separator.tsx

@@ -3,9 +3,11 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator"
 
 import { cn } from "../libs/utils"
 
-const Separator = React.forwardRef<
+type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+
+const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<React.ElementRef<typeof SeparatorPrimitive.Root>>> = React.forwardRef<
     React.ElementRef<typeof SeparatorPrimitive.Root>,
-    React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+    SeparatorProps
 >(
     (
         { className, orientation = "horizontal", decorative = true, ...props },

package/src/core/components/shadcn/tabs.tsx

@@ -1,9 +1,18 @@
 import * as React from "react";
+import { ReactNode } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 
 import { cn } from "../libs/utils";
-import { Tab, TabsContext as _TabContext } from '../tabs/TabsContext.js';
-import { VSelectBox } from "./selectBox";
+import { SelectBox } from "./selectBox";
+
+export interface Tab {
+    name: string;
+    current?: boolean;
+    href?: string;
+    label: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
 
 const TabsContext = React.createContext<{
   size?: number;
@@ -36,7 +45,7 @@ interface TabsProps {
   updateHash?: boolean;
 }
 
-const VTabs = ({
+const Tabs = ({
   tabs,
   defaultValue,
   current,
@@ -135,7 +144,7 @@ const VTabs = ({
   );
 };
 
-const VTabsBar = ({ className }: { className?: string }) => {
+const TabsBar = ({ className }: { className?: string }) => {
   const { tabs, size, current, setTab, responsive, variant, updateHash } = React.useContext(TabsContext);
 
   const fullWidth = size !== 0;
@@ -164,7 +173,7 @@ const VTabsBar = ({ className }: { className?: string }) => {
     <>
       {responsive && (
         <div className="px-2 block lg:hidden">
-          <VSelectBox
+          <SelectBox
             label="Tab"
             className={(className)}
             options={tabs}
@@ -194,7 +203,7 @@ const VTabsBar = ({ className }: { className?: string }) => {
   );
 };
 
-const VTabsPanel = ({ className }: { className?: string }) => {
+const TabsPanel = ({ className }: { className?: string }) => {
   const { tabs } = React.useContext(TabsContext);
 
   if (!tabs) return null;
@@ -210,9 +219,11 @@ const VTabsPanel = ({ className }: { className?: string }) => {
   );
 };
 
-const TabsList = React.forwardRef<
+type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & { size?: number; variant?: "tabs" | "pills" };
+
+const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.List>>> = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & { size?: number; variant?: "tabs" | "pills" }
+  TabsListProps
 >(({ className, size, variant = "tabs", ...props }, ref) => (
   <TabsContext.Provider value={{ size, variant }}>
     <TabsPrimitive.List
@@ -229,12 +240,14 @@ const TabsList = React.forwardRef<
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
 
-const TabsTrigger = React.forwardRef<
+type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+  href?: string;
+  variant?: "tabs" | "pills";
+};
+
+const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.Trigger>>> = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
-    href?: string;
-    variant?: "tabs" | "pills";
-  }
+  TabsTriggerProps
 >(({ className, href, variant = "tabs", ...props }, ref) => {
   const { size } = React.useContext(TabsContext);
 
@@ -277,9 +290,11 @@ const TabsTrigger = React.forwardRef<
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 
-const TabsContent = React.forwardRef<
+type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+
+const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<React.ElementRef<typeof TabsPrimitive.Content>>> = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+  TabsContentProps
 >(({ className, ...props }, ref) => (
   <TabsPrimitive.Content
     ref={ref}
@@ -293,4 +308,4 @@ const TabsContent = React.forwardRef<
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-export { VTabs, VTabsBar, VTabsPanel, TabsList, TabsTrigger, TabsContent };
+export { Tabs, TabsBar, TabsPanel, TabsList, TabsTrigger, TabsContent };

package/src/core/components/shadcn/tooltip.tsx

@@ -4,13 +4,17 @@ import { cn } from "../libs/utils"
 import { ReactNode } from "react"
 import { usePortalContainer } from "../../hooks/PortalContainerProvider"
 
-const TooltipProvider = TooltipPrimitive.Provider
+const TooltipProvider: typeof TooltipPrimitive.Provider = TooltipPrimitive.Provider
 
-const Tooltip = TooltipPrimitive.Root
+const Tooltip: typeof TooltipPrimitive.Root = TooltipPrimitive.Root
 
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipTrigger: typeof TooltipPrimitive.Trigger = TooltipPrimitive.Trigger
 
-const TooltipContent = React.forwardRef<
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left"
+};
+
+const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<React.ElementRef<typeof TooltipPrimitive.Content>>> = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
     side?: "top" | "right" | "bottom" | "left"

package/src/core/hooks/PortalContainerProvider.tsx

@@ -3,8 +3,11 @@ import React from "react";
 const PortalContainerContext = React.createContext<HTMLElement | undefined>(undefined);
 
 function findOrCreatePortalContainer(root: ShadowRoot | Document, id = "plugin-portal-container") {
+    // Determine the actual parent element to search and append to
+    const parentElement = root instanceof Document ? root.body : root;
+
     // look only at direct children
-    for (const child of Array.from(root.children)) {
+    for (const child of Array.from(parentElement.children)) {
         if (child instanceof HTMLElement && child.id === id) {
             return child;
         }
@@ -12,7 +15,7 @@ function findOrCreatePortalContainer(root: ShadowRoot | Document, id = "plugin-p
     // not found → create
     const container = document.createElement("div");
     container.id = id;
-    root.appendChild(container);
+    parentElement.appendChild(container);
     return container;
 }
 

package/src/features/agent/PayloadBuilder.tsx

@@ -1,24 +1,15 @@
 import { AsyncExecutionResult, VertesiaClient } from "@vertesia/client";
-import { AgentSearchScope, ExecutionEnvironmentRef, InCodeInteraction, mergeInCodePromptSchemas, supportsToolUse, WorkflowInteractionVars } from "@vertesia/common";
+import { AgentSearchScope, ExecutionEnvironmentRef, InCodeInteraction, mergeInCodePromptSchemas, supportsToolUse, UserChannel, WorkflowInteractionVars } from "@vertesia/common";
 import { JSONObject } from "@vertesia/json";
 import { useUserSession } from "@vertesia/ui/session";
 import Ajv, { ValidateFunction } from "ajv";
 import type { JSONSchema4 } from "json-schema";
 import React, { createContext, useContext, useEffect, useState } from "react";
 
-
-// export interface ConversationWorkflowPayload {
-//     config: {
-//         environment?: ExecutionEnvironmentRef | undefined;
-//         model?: string;
-//     }
-//     data?: JSONObject | undefined,
-//     tool_names: string[],
-// }
-
 export class PayloadBuilder {
     _interactive: boolean = true;
     _debug_mode: boolean = false;
+    _user_channels: UserChannel[] | undefined;
     _collection: string | undefined;
     _start: boolean = false;
     _preserveRunValues: boolean = false;
@@ -52,6 +43,7 @@ export class PayloadBuilder {
         builder._tool_names = [...this._tool_names];
         builder._interactive = this._interactive;
         builder._debug_mode = this._debug_mode;
+        builder._user_channels = this._user_channels ? [...this._user_channels] : undefined;
         builder._inputValidator = this._inputValidator;
         builder._start = this._start;
         builder._collection = this._collection;
@@ -81,6 +73,15 @@ export class PayloadBuilder {
         }
     }
 
+    get user_channels(): UserChannel[] | undefined {
+        return this._user_channels;
+    }
+
+    set user_channels(user_channels: UserChannel[] | undefined) {
+        this._user_channels = user_channels;
+        this.onStateChanged();
+    }
+
     get collection() {
         return this._collection;
     }
@@ -126,6 +127,7 @@ export class PayloadBuilder {
         this._data = context.data;
         this._interactive = context.interactive;
         this._debug_mode = context.debug_mode ?? false;
+        this._user_channels = context.user_channels;
         this.collection = context.collection_id ?? undefined;
 
         // we need to trigger the setter to deal with default models
@@ -271,6 +273,7 @@ export class PayloadBuilder {
         this._start = false;
         this._interactive = true;
         this._debug_mode = false;
+        this._user_channels = undefined;
         this._collection = undefined;
         this._preserveRunValues = false;
         this._model = '';