bitboss-ui 2.0.116 → 2.0.118

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

@@ -13,6 +13,10 @@ export type BbColorInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Displays the component in a compact version.
      */

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

@@ -18,6 +18,10 @@ export type BbDatePickerInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */

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

@@ -1,19 +1,20 @@
 import { BaseButtonProps } from '../BaseButton/BaseButton.vue';
 import { CommonProps } from '../../types/CommonProps';
-export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'teleportTarget'> & {
+import { ColumnName } from '../../types/ColumnName';
+export type BbDropdownProps<T extends string> = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'teleportTarget'> & {
     /**
      * Array used to render each dropdown button.
      * They can act as `button`, as `a`, or as `router-link`
      * as they are based on the functionality provided by
      * `BaseButton`
      */
-    items: Item[];
+    items: Item<T>[];
     /**
      * Width of the dropdown in pixels.
      */
     width?: number;
 };
-export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
+export type Item<T extends string> = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
     /**
      * Click handler of the item.
      */
@@ -21,7 +22,7 @@ export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
     /**
      * Key used to identify the element.
      */
-    key: string;
+    key: T;
     /**
      * Icon to be displayed before the text.
      */
@@ -31,7 +32,7 @@ export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
      */
     'append:icon'?: string;
 };
-export type MappedItem = Item & {
+export type MappedItem<T extends string> = Item<T> & {
     /**
      * Identifier of the element among it's siblings.
      */
@@ -41,23 +42,26 @@ export type MappedItem = Item & {
      */
     onKeydown: (event: KeyboardEvent) => void;
 };
-declare function __VLS_template(): {
+declare const _default: <T extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & BbDropdownProps<T>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: Readonly<{
         activator?: (props: {
             props: {
                 "aria-expanded": boolean;
                 "aria-controls": string;
                 id: string;
-                onClick: MappedItem["onClick"];
-                onKeydown: MappedItem["onKeydown"];
-                disabled?: BbDropdownProps["disabled"];
+                onClick: MappedItem<T>["onClick"];
+                onKeydown: MappedItem<T>["onKeydown"];
+                disabled?: BbDropdownProps<T>["disabled"];
             };
             closed: boolean;
             closing: boolean;
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
+            placement: BbDropdownProps<T>["placement"];
         }) => any;
         prepend?: (props: {
             closed: boolean;
@@ -65,40 +69,40 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
+            placement: BbDropdownProps<T>["placement"];
         }) => any;
         'item:prepend'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownProps["items"][number];
+            item: BbDropdownProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         item?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownProps["items"][number];
+            item: BbDropdownProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         'item:append'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownProps["items"][number];
+            item: BbDropdownProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         append?: (props: {
             closed: boolean;
@@ -106,36 +110,34 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
+            placement: BbDropdownProps<T>["placement"];
         }) => any;
-    } & {
-        [key: string]: (props: {
-            closed: boolean;
-            closing: boolean;
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-    }> & {
+    } & { [key in ColumnName<T>]: (props: {
+        closed: boolean;
+        closing: boolean;
+        disabled?: MappedItem<T>["disabled"];
+        index: number;
+        item: BbDropdownProps<T>["items"][number];
+        open: boolean;
+        opening: boolean;
+        placement: BbDropdownProps<T>["placement"];
+        text: MappedItem<T>["text"];
+    }) => any; }> & {
         activator?: (props: {
             props: {
                 "aria-expanded": boolean;
                 "aria-controls": string;
                 id: string;
-                onClick: MappedItem["onClick"];
-                onKeydown: MappedItem["onKeydown"];
-                disabled?: BbDropdownProps["disabled"];
+                onClick: MappedItem<T>["onClick"];
+                onKeydown: MappedItem<T>["onKeydown"];
+                disabled?: BbDropdownProps<T>["disabled"];
             };
             closed: boolean;
             closing: boolean;
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
+            placement: BbDropdownProps<T>["placement"];
         }) => any;
         prepend?: (props: {
             closed: boolean;
@@ -143,40 +145,40 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
+            placement: BbDropdownProps<T>["placement"];
         }) => any;
         'item:prepend'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownProps["items"][number];
+            item: BbDropdownProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         item?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownProps["items"][number];
+            item: BbDropdownProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         'item:append'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownProps["items"][number];
+            item: BbDropdownProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         append?: (props: {
             closed: boolean;
@@ -184,41 +186,26 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownProps["placement"];
+            placement: BbDropdownProps<T>["placement"];
         }) => any;
-    } & {
-        [key: string]: (props: {
-            closed: boolean;
-            closing: boolean;
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            opening: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-    };
-    refs: {
-        wrapper: HTMLSpanElement;
-        content: HTMLSpanElement;
-    };
-    attrs: Partial<{}>;
+    } & { [key in ColumnName<T>]: (props: {
+        closed: boolean;
+        closing: boolean;
+        disabled?: MappedItem<T>["disabled"];
+        index: number;
+        item: BbDropdownProps<T>["items"][number];
+        open: boolean;
+        opening: boolean;
+        placement: BbDropdownProps<T>["placement"];
+        text: MappedItem<T>["text"];
+    }) => any; };
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbDropdownProps> & Readonly<{}>, {
-    width: number;
-    transitionDuration: number;
-    arrowPadding: number;
-    offset: number;
-    padding: number;
-    placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    theme: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,5 +1,6 @@
 import { BbDropdownProps, MappedItem } from '../BbDropdown/BbDropdown.vue';
-export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'items' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'width'> & {
+import { ColumnName } from '../../types/ColumnName';
+export type BbDropdownButtonProps<T extends string> = Pick<BbDropdownProps<T>, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'items' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'width'> & {
     /**
      * Tracks tha loading status internally.
      */
@@ -21,27 +22,26 @@ export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'bloc
      */
     'prepend:icon'?: string;
 };
-declare function __VLS_template(): {
+declare const _default: <T extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & BbDropdownButtonProps<T>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: Readonly<{
-        'left-btn'?: (props: {
-            disabled?: boolean;
-            text: MappedItem["text"];
-        }) => any;
         activator?: (props: {
             props: {
                 "aria-expanded": boolean;
                 "aria-controls": string;
                 id: string;
-                onClick: MappedItem["onClick"];
-                onKeydown: MappedItem["onKeydown"];
-                disabled?: BbDropdownButtonProps["disabled"];
+                onClick: MappedItem<T>["onClick"];
+                onKeydown: MappedItem<T>["onKeydown"];
+                disabled?: BbDropdownButtonProps<T>["disabled"];
             };
             closed: boolean;
             closing: boolean;
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
+            placement: BbDropdownButtonProps<T>["placement"];
         }) => any;
         prepend?: (props: {
             closed: boolean;
@@ -49,40 +49,40 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
+            placement: BbDropdownButtonProps<T>["placement"];
         }) => any;
         'item:prepend'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownButtonProps["items"][number];
+            item: BbDropdownButtonProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownButtonProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         item?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownButtonProps["items"][number];
+            item: BbDropdownButtonProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownButtonProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         'item:append'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownButtonProps["items"][number];
+            item: BbDropdownButtonProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownButtonProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         append?: (props: {
             closed: boolean;
@@ -90,7 +90,7 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
+            placement: BbDropdownButtonProps<T>["placement"];
         }) => any;
         'right-btn'?: (props: {
             closed: boolean;
@@ -98,40 +98,34 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-        }) => any;
-    } & {
-        [key: string]: (props: {
-            closed: boolean;
-            closing: boolean;
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownButtonProps["items"][number];
-            open: boolean;
-            opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-    }> & {
-        'left-btn'?: (props: {
-            disabled?: boolean;
-            text: MappedItem["text"];
+            placement: BbDropdownButtonProps<T>["placement"];
         }) => any;
+    } & { [key in ColumnName<T>]: (props: {
+        closed: boolean;
+        closing: boolean;
+        disabled?: MappedItem<T>["disabled"];
+        index: number;
+        item: BbDropdownButtonProps<T>["items"][number];
+        open: boolean;
+        opening: boolean;
+        placement: BbDropdownButtonProps<T>["placement"];
+        text: MappedItem<T>["text"];
+    }) => any; }> & {
         activator?: (props: {
             props: {
                 "aria-expanded": boolean;
                 "aria-controls": string;
                 id: string;
-                onClick: MappedItem["onClick"];
-                onKeydown: MappedItem["onKeydown"];
-                disabled?: BbDropdownButtonProps["disabled"];
+                onClick: MappedItem<T>["onClick"];
+                onKeydown: MappedItem<T>["onKeydown"];
+                disabled?: BbDropdownButtonProps<T>["disabled"];
             };
             closed: boolean;
             closing: boolean;
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
+            placement: BbDropdownButtonProps<T>["placement"];
         }) => any;
         prepend?: (props: {
             closed: boolean;
@@ -139,40 +133,40 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
+            placement: BbDropdownButtonProps<T>["placement"];
         }) => any;
         'item:prepend'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownButtonProps["items"][number];
+            item: BbDropdownButtonProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownButtonProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         item?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownButtonProps["items"][number];
+            item: BbDropdownButtonProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownButtonProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         'item:append'?: (props: {
             closed: boolean;
             closing: boolean;
-            disabled?: MappedItem["disabled"];
+            disabled?: MappedItem<T>["disabled"];
             index: number;
-            item: BbDropdownButtonProps["items"][number];
+            item: BbDropdownButtonProps<T>["items"][number];
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
+            placement: BbDropdownButtonProps<T>["placement"];
+            text: MappedItem<T>["text"];
         }) => any;
         append?: (props: {
             closed: boolean;
@@ -180,7 +174,7 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
+            placement: BbDropdownButtonProps<T>["placement"];
         }) => any;
         'right-btn'?: (props: {
             closed: boolean;
@@ -188,34 +182,26 @@ declare function __VLS_template(): {
             disabled?: boolean;
             open: boolean;
             opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-        }) => any;
-    } & {
-        [key: string]: (props: {
-            closed: boolean;
-            closing: boolean;
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownButtonProps["items"][number];
-            open: boolean;
-            opening: boolean;
-            placement: BbDropdownButtonProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
+            placement: BbDropdownButtonProps<T>["placement"];
+        }) => any;
+    } & { [key in ColumnName<T>]: (props: {
+        closed: boolean;
+        closing: boolean;
+        disabled?: MappedItem<T>["disabled"];
+        index: number;
+        item: BbDropdownButtonProps<T>["items"][number];
+        open: boolean;
+        opening: boolean;
+        placement: BbDropdownButtonProps<T>["placement"];
+        text: MappedItem<T>["text"];
+    }) => any; };
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BbDropdownButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbDropdownButtonProps> & Readonly<{}>, {
-    theme: string;
-    autoLoading: boolean;
-    disabledWhileLoading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -13,6 +13,10 @@ export type BbNumberInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */
@@ -128,6 +132,7 @@ declare function __VLS_template(): {
                 readonly ariaDescribedby?: InputHTMLAttributes["aria-describedby"];
                 readonly autocomplete?: InputHTMLAttributes["autocomplete"];
                 readonly autofocus?: InputHTMLAttributes["autofocus"];
+                readonly clearable?: boolean | undefined;
                 readonly compact?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly hasErrors?: boolean | undefined;