Refactor

src/components/autocomplete/AutoComplete.d.ts

@@ -4,9 +4,9 @@ import { VirtualScrollerProps, VirtualScrollerItemOptions } from '../virtualscro
 
 type AutoCompleteFieldType = string | ((data: any) => string) | undefined;
 
-type AutoCompleteDropdownMode = 'blank' | 'current';
+type AutoCompleteDropdownMode = 'blank' | 'current' | undefined;
 
-type AutoCompleteAppendTo = 'body' | 'self';
+type AutoCompleteAppendTo = 'body' | 'self' | string | undefined;
 
 export interface AutoCompleteItemSelectEvent {
     /**
@@ -78,7 +78,7 @@ export interface AutoCompleteProps {
      */
     dropdown?: boolean | undefined;
     /**
-     * Specifies the behavior dropdown button. Default "blank" mode sends an empty string and "current" mode sends the input value.
+     * Specifies the behavior dropdown button. Default 'blank' mode sends an empty string and 'current' mode sends the input value.
      * @see AutoCompleteDropdownMode
      * Default value is 'blank'.
      */
@@ -103,7 +103,7 @@ export interface AutoCompleteProps {
     delay?: number | undefined;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
-     * Special keywords are "body" for document body and "self" for the element itself.
+     * Special keywords are 'body' for document body and 'self' for the element itself.
      * Default value is body.
      */
     appendTo?: AutoCompleteAppendTo;

src/components/avatar/Avatar.d.ts

@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type AvatarSizeType = 'normal' | 'large' | 'xlarge';
+type AvatarSizeType = 'normal' | 'large' | 'xlarge' | undefined;
 
-type AvatarShapeType = 'square' | 'circle';
+type AvatarShapeType = 'square' | 'circle' | undefined;
 
 export interface AvatarProps {
     /**
@@ -19,13 +19,13 @@ export interface AvatarProps {
      */
     image?: string | undefined;
     /**
-     * Size of the element, valid options are "normal", "large" and "xlarge".
+     * Size of the element, valid options are 'normal', 'large' and 'xlarge'.
      * @see AvatarSizeType
      * Default value is 'normal'.
      */
     size?: AvatarSizeType;
     /**
-     * Shape of the element, valid options are "square" and "circle".
+     * Shape of the element, valid options are 'square' and 'circle'.
      * @see AvatarShapeType
      * Default value is 'square'.
      */

src/components/badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type BadgeSeverityType = 'info' | 'success' | 'warning' | 'danger';
+type BadgeSeverityType = 'info' | 'success' | 'warning' | 'danger' | undefined;
 
 type BadgeSizeType = 'large' | 'xlarge' | undefined;
 
@@ -16,7 +16,7 @@ export interface BadgeProps {
      */
     severity?: BadgeSeverityType;
     /**
-     * Size of the badge, valid options are "large" and "xlarge".
+     * Size of the badge, valid options are 'large' and 'xlarge'.
      * @see BadgeSizeType
      */
     size?: BadgeSizeType;

src/components/button/Button.d.ts

@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ButtonIconPosType = 'left' | 'right' | 'top' | 'bottom';
+type ButtonIconPosType = 'left' | 'right' | 'top' | 'bottom' | undefined;
 
 export interface ButtonProps extends ButtonHTMLAttributes {
     /**
@@ -21,7 +21,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      */
     icon?: string | undefined;
     /**
-     * Position of the icon, valid values are "left", "right", "bottom" and "top".
+     * Position of the icon, valid values are 'left', 'right', 'bottom' and 'top'.
      * Default value is 'left'.
      */
     iconPos?: ButtonIconPosType;

src/components/calendar/Calendar.d.ts

@@ -3,11 +3,11 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 type CalendarValueType = Date | Date[] | undefined;
 
-type CalendarSelectionModeType = 'single' | 'multiple' | 'range';
+type CalendarSelectionModeType = 'single' | 'multiple' | 'range' | undefined;
 
-type CalendarViewType = 'date' | 'month' | 'year';
+type CalendarViewType = 'date' | 'month' | 'year' | undefined;
 
-type CalendarHourFormatType = '12' | '24';
+type CalendarHourFormatType = '12' | '24' | undefined;
 
 type CalendarAppendToType = 'body' | 'self' | string | undefined;
 
@@ -50,7 +50,7 @@ export interface CalendarProps {
      */
     modelValue?: CalendarValueType;
     /**
-     * Defines the quantity of the selection, valid values are "single", "multiple" and "range".
+     * Defines the quantity of the selection, valid values are 'single', 'multiple' and 'range'.
      * @see CalendarSelectionModeType
      * Default value is 'single'.
      */
@@ -92,7 +92,7 @@ export interface CalendarProps {
      */
     responsiveOptions?: CalendarResponsiveOptions[];
     /**
-     * Type of view to display, valid values are "date", "month" and "year".
+     * Type of view to display, valid values are 'date', 'month' and 'year'.
      * @see CalendarViewType
      * Default value is 'date'.
      */
@@ -217,7 +217,7 @@ export interface CalendarProps {
      */
     manualInput?: boolean | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * Default value is 'body'.
      */
     appendTo?: CalendarAppendToType;

src/components/carousel/Carousel.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type CarouselOrientationType = 'horizontal' | 'vertical';
+type CarouselOrientationType = 'horizontal' | 'vertical' | undefined;
 
 export interface CarouselResponsiveOptions {
     /**
@@ -44,7 +44,7 @@ export interface CarouselProps {
      */
 	responsiveOptions?: CarouselResponsiveOptions[] | undefined;
     /**
-     * Specifies the layout of the component, valid values are "horizontal" and "vertical".
+     * Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.
      * @see CarouselOrientationType
      * Default value is 'horizontal'.
      */

src/components/cascadeselect/CascadeSelect.d.ts

@@ -79,7 +79,7 @@ export interface CascadeSelectProps {
      */
     ariaLabelledBy?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see CascadeSelectAppendToType
      * Default value is 'body'.
      */

src/components/chips/Chips.d.ts

@@ -36,7 +36,7 @@ export interface ChipsProps {
      */
     allowDuplicate?: boolean | undefined;
     /**
-     * Separator char to add an item when pressed in addition to the enter key. Currently only possible value is ","
+     * Separator char to add an item when pressed in addition to the enter key. Currently only possible value is ','
      */
     separator?: string | undefined;
     /**

src/components/colorpicker/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ColorPickerFormatType = 'hex' | 'rgb' | 'hsb';
+type ColorPickerFormatType = 'hex' | 'rgb' | 'hsb' | undefined;
 
 type ColorPickerAppendToType = 'body' | 'self' | string | undefined;
 
@@ -30,7 +30,7 @@ export interface ColorPickerProps {
      */
     inline?: boolean | undefined;
     /**
-     * Format to use in value binding, supported formats are "hex", "rgb" and "hsb".
+     * Format to use in value binding, supported formats are 'hex', 'rgb' and 'hsb'.
      * @see ColorPickerFormatType
      * Default value is 'hex'.
      */
@@ -62,7 +62,7 @@ export interface ColorPickerProps {
      */
     panelClass?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * Default value is 'body'.
      */
     appendTo?: ColorPickerAppendToType;

src/components/column/Column.d.ts

@@ -5,7 +5,7 @@ type ColumnFieldType = string | ((item: any) => string) | undefined;
 
 type ColumnSelectionModeType = 'single' | 'multiple' | undefined;
 
-type ColumnAlignFrozenType = 'left' | 'right';
+type ColumnAlignFrozenType = 'left' | 'right' | undefined;
 
 export interface ColumnFilterModelType {
     /**
@@ -150,7 +150,7 @@ export interface ColumnProps {
      */
     filterMenuClass?: string | undefined;
     /**
-     * Defines column based selection mode, options are "single" and "multiple".
+     * Defines column based selection mode, options are 'single' and 'multiple'.
      * @see ColumnSelectionModeType
      */
     selectionMode?: ColumnSelectionModeType;

src/components/columngroup/ColumnGroup.d.ts

@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ColumnGroupType = 'header' | 'footer';
+type ColumnGroupType = 'header' | 'footer' | undefined;
 
 export interface ColumnGroupProps {
     /**

src/components/datatable/DataTable.d.ts

@@ -10,29 +10,29 @@ type DataTableMultiSortMetaType = DataTableSortMeta[] | undefined | null;
 
 type DataTableSortOrderType = 1 | 0 | -1 | undefined | null;
 
-type DataTableSortModeType = 'single' | 'multiple';
+type DataTableSortModeType = 'single' | 'multiple' | undefined;
 
-type DataTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter';
+type DataTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter' | undefined;
 
 type DataTableFilterDisplayType = 'menu' | 'row' | undefined;
 
-type DataTableSelectionModeType = 'single' | 'multiple';
+type DataTableSelectionModeType = 'single' | 'multiple' | undefined;
 
-type DataTableCompareSelectionBy = 'equals' | 'deepEquals';
+type DataTableCompareSelectionBy = 'equals' | 'deepEquals' | undefined;
 
-type DataTableColumnResizeModeType = 'fit' | 'expand';
+type DataTableColumnResizeModeType = 'fit' | 'expand' | undefined;
 
-type DataTableRowGroupModeType = 'subheader' | 'rowspan';
+type DataTableRowGroupModeType = 'subheader' | 'rowspan' | undefined;
 
-type DataTableStateStorageType = 'session' | 'local';
+type DataTableStateStorageType = 'session' | 'local' | undefined;
 
-type DataTableEditModeType = 'cell' | 'row';
+type DataTableEditModeType = 'cell' | 'row' | undefined;
 
-type DataTableScrollDirectionType = 'vertical' | 'horizontal' | 'both';
+type DataTableScrollDirectionType = 'vertical' | 'horizontal' | 'both' | undefined;
 
 type DataTableScrollHeightType = 'flex' | string | undefined;
 
-type DataTableResponsiveLayoutType = 'stack' | 'scroll';
+type DataTableResponsiveLayoutType = 'stack' | 'scroll' | undefined;
 
 export interface DataTableExportFunctionOptions {
     /**
@@ -206,7 +206,7 @@ export interface DataTableRowSelectEvent {
      */
     index: number;
     /**
-     * Type of the selection, valid values are "row", "radio" or "checkbox".
+     * Type of the selection, valid values are 'row', 'radio' or 'checkbox'.
      */
     type: string;
 }
@@ -349,7 +349,7 @@ export interface DataTableCellEditCompleteEvent {
      */
     index: number;
     /**
-     * Type of completion such as "enter", "outside" or "tab".
+     * Type of completion such as 'enter', 'outside' or 'tab'.
      */
     type: string;
 }
@@ -473,7 +473,7 @@ export interface DataTableProps {
      */
     paginator?: boolean | undefined;
     /**
-     * Position of the paginator, options are "top","bottom" or "both".
+     * Position of the paginator, options are 'top','bottom' or 'both'.
      * @see DataTablePaginatorPositionType
      * Default value is 'bottom'.
      */
@@ -484,7 +484,7 @@ export interface DataTableProps {
      */
     alwaysShowPaginator?: boolean | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink
@@ -565,7 +565,7 @@ export interface DataTableProps {
      */
     filters?: DataTableFilterMeta;
     /**
-     * Layout of the filter elements, valid values are "row" and "menu".
+     * Layout of the filter elements, valid values are 'row' and 'menu'.
      * @see DataTableFilterDisplayType
      */
     filterDisplay?: DataTableFilterDisplayType;
@@ -582,12 +582,12 @@ export interface DataTableProps {
      */
     selection?: any[] | any | undefined;
     /**
-     * Specifies the selection mode, valid values are "single" and "multiple".
+     * Specifies the selection mode, valid values are 'single' and 'multiple'.
      * @see DataTableSelectionModeType
      */
     selectionMode?: DataTableSelectionModeType;
     /**
-     * Algorithm to define if a row is selected, valid values are "equals" that compares by reference and "deepEquals" that compares all fields.
+     * Algorithm to define if a row is selected, valid values are 'equals' that compares by reference and 'deepEquals' that compares all fields.
      * @see DataTableCompareSelectionBy
      * Default value is 'deepEquals'.
      */
@@ -634,7 +634,7 @@ export interface DataTableProps {
      */
     resizableColumns?: boolean | undefined;
     /**
-     * Defines whether the overall table width should change on column resize, valid values are "fit" and "expand".
+     * Defines whether the overall table width should change on column resize, valid values are 'fit' and 'expand'.
      * @see DataTableColumnResizeModeType
      * Default value is 'fit'.
      */
@@ -659,7 +659,7 @@ export interface DataTableProps {
      */
     collapsedRowIcon?: string | undefined;
     /**
-     * Defines the row group mode, valid options are "subheader" and "rowspan".
+     * Defines the row group mode, valid options are 'subheader' and 'rowspan'.
      * @see DataTableRowGroupModeType
      */
     rowGroupMode?: DataTableRowGroupModeType;
@@ -677,7 +677,7 @@ export interface DataTableProps {
      */
     expandedRowGroups?: any[] | DataTableExpandedRows;
     /**
-     * Defines where a stateful table keeps its state, valid values are "session" for sessionStorage and "local" for localStorage.
+     * Defines where a stateful table keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
      * @see DataTableStateStorageType
      * Default value is 'session'.
      */
@@ -687,7 +687,7 @@ export interface DataTableProps {
      */
     stateKey?: string | undefined;
     /**
-     * Defines the incell editing mode, valid options are "cell" and "row".
+     * Defines the incell editing mode, valid options are 'cell' and 'row'.
      * @see DataTableEditModeType
      */
     editMode?: DataTableEditModeType;
@@ -710,12 +710,12 @@ export interface DataTableProps {
      */
     scrollable?: boolean | undefined;
     /**
-     * Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
+     * Height of the scroll viewport in fixed pixels or the 'flex' keyword for a dynamic size.
      * @see DataTableScrollHeightType
      */
     scrollHeight?: DataTableScrollHeightType;
     /**
-     * Orientation of the scrolling, options are "vertical", "horizontal" and "both".
+     * Orientation of the scrolling, options are 'vertical', 'horizontal' and 'both'.
      * @see DataTableScrollDirectionType
      * Default value is 'vertical'.
      */
@@ -725,7 +725,7 @@ export interface DataTableProps {
      */
     frozenValue?: any[] | undefined;
     /**
-     * Defines the responsive mode, valid options are "stack" and "scroll".
+     * Defines the responsive mode, valid options are 'stack' and 'scroll'.
      * @see DataTableResponsiveLayoutType
      * Default value is 'stack'.
      */

src/components/dataview/DataView.d.ts

@@ -1,11 +1,11 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type DataViewLayoutType = 'list' | 'grid';
+type DataViewLayoutType = 'list' | 'grid' | undefined;
 
-type DataTablePositionType = 'top' | 'bottom' | 'both';
+type DataTablePositionType = 'top' | 'bottom' | 'both' | undefined;
 
-type DataViewSortFieldType = string | ((item: any) => string);
+type DataViewSortFieldType = string | ((item: any) => string) | undefined;
 
 export interface DataViewPageEvent {
     /**
@@ -32,7 +32,7 @@ export interface DataViewProps {
      */
     value?: any[] | undefined;
     /**
-     * Layout of the items, valid values are "list" and "grid".
+     * Layout of the items, valid values are 'list' and 'grid'.
      * @see DataViewLayoutType
      * Default value is 'list'.
      */
@@ -56,7 +56,7 @@ export interface DataViewProps {
      */
     paginator?: boolean | undefined;
     /**
-     * Position of the paginator, options are "top","bottom" or "both".
+     * Position of the paginator, options are 'top','bottom' or 'both'.
      * @see DataTablePositionType
      * Default value is 'bottom'.
      */
@@ -67,7 +67,7 @@ export interface DataViewProps {
      */
     alwaysShowPaginator?: boolean | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink

src/components/dialog/Dialog.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type DialogPositionType = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+type DialogPositionType = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright' | undefined;
 
 type DialogAppendToType = 'body' | 'self' | string | undefined;
 
@@ -88,7 +88,7 @@ export interface DialogProps {
      */
     ariaCloseLabel?: string | undefined;
     /**
-     * Position of the dialog, options are "center", "top", "bottom", "left", "right", "topleft", "topright", "bottomleft" or "bottomright".
+     * Position of the dialog, options are 'center', 'top', 'bottom', 'left', 'right', 'topleft', 'topright', 'bottomleft' or 'bottomright'.
      * @see DialogPositionType
      * Default value is 'center'.
      */
@@ -123,7 +123,7 @@ export interface DialogProps {
      */
     minY?: number | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see DialogAppendToType
      * Default value is 'body'.
      */

src/components/divider/Divider.d.ts

@@ -1,24 +1,24 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type DividerHorizontalAlignType = 'left' | 'center' | 'right';
+type DividerHorizontalAlignType = 'left' | 'center' | 'right' | undefined;
 
-type DividerVerticalAlignType = 'top' | 'center' | 'bottom';
+type DividerVerticalAlignType = 'top' | 'center' | 'bottom' | undefined;
 
 type DividerAlignType = DividerHorizontalAlignType | DividerVerticalAlignType | undefined;
 
-type DividerLayoutType = 'horizontal' | 'vertical';
+type DividerLayoutType = 'horizontal' | 'vertical' | undefined;
 
-type DividerType = 'solid' | 'dashed' | 'dotted';
+type DividerType = 'solid' | 'dashed' | 'dotted' | undefined;
 
 export interface DividerProps {
     /**
-     * Alignment of the content, options are "left", "center", "right" for horizontal layout and "top", "center", "bottom" for vertical.
+     * Alignment of the content, options are 'left', 'center', 'right' for horizontal layout and 'top', 'center', 'bottom' for vertical.
      * @see DividerAlignType
      */
     align?: DividerAlignType;
     /**
-     * Specifies the orientation, valid values are "horizontal" and "vertical".
+     * Specifies the orientation, valid values are 'horizontal' and 'vertical'.
      * @see DividerLayoutType
      * Default value is 'horizontal'.
      */

src/components/dock/Dock.d.ts

@@ -2,9 +2,9 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
 
-type DockPositionType = 'bottom' | 'top' | 'left' | 'right';
+type DockPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
-type DockTooltipEventType = 'hover' | 'focus';
+type DockTooltipEventType = 'hover' | 'focus' | undefined;
 
 export interface DockTooltipOptions {
     /**

src/components/dropdown/Dropdown.d.ts

@@ -10,7 +10,7 @@ type DropdownOptionDisabledType = string | ((data: any) => boolean) | undefine
 
 type DropdownOptionChildrenType = string | ((data: any) => any[]) | undefined;
 
-type DropdownFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith';
+type DropdownFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith' | undefined;
 
 type DropdownAppendToType = 'body' | 'self' | string | undefined;
 
@@ -130,7 +130,7 @@ export interface DropdownProps {
      */
     ariaLabelledBy?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see DropdownAppendToType
      * Default value is 'body'.
      */

src/components/editor/Editor.d.ts

@@ -15,7 +15,7 @@ export interface EditorTextChangeEvent {
      */
     delta: any;
     /**
-     * Source of change. Will be either "user" or "api".
+     * Source of change. Will be either 'user' or 'api'.
      */
     source: string;
     /**

src/components/fileupload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type FileUploadModeType = 'advanced' | 'basic';
+type FileUploadModeType = 'advanced' | 'basic' | undefined;
 
 export interface FileUploadSelectEvent {
     /**
@@ -97,7 +97,7 @@ export interface FileUploadProps {
      */
     url?: string | undefined;
     /**
-     * Defines the UI of the component, possible values are "advanced" and "basic".
+     * Defines the UI of the component, possible values are 'advanced' and 'basic'.
      * @see FileUploadModeType
      * Default value is 'advanced'.
      */
@@ -107,7 +107,7 @@ export interface FileUploadProps {
      */
     multiple?: boolean | undefined;
     /**
-     * Pattern to restrict the allowed file types such as "image/*".
+     * Pattern to restrict the allowed file types such as 'image/*'.
      */
     accept?: string | undefined;
     /**

src/components/galleria/Galleria.d.ts

@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type GalleriaThumbnailsPositionType = 'bottom' | 'top' | 'left' | 'right';
+type GalleriaThumbnailsPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
-type GalleriaIndicatorsPositionType = 'bottom' | 'top' | 'left' | 'right';
+type GalleriaIndicatorsPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
 export interface GalleriaResponsiveOptions {
     /**

src/components/inlinemessage/InlineMessage.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type InlineMessageSeverityType = 'success' | 'info' | 'warn' | 'error';
+type InlineMessageSeverityType = 'success' | 'info' | 'warn' | 'error' | undefined;
 
 export interface InlineMessageProps {
     /**

src/components/inputmask/InputMask.d.ts

@@ -51,7 +51,7 @@ export declare type InputMaskEmits = {
      */
     'keypress': (event: Event) => void;
     /**
-     * Callback to invoke when the user has initiated a "paste" action through the browser's user interface.
+     * Callback to invoke when the user has initiated a 'paste' action through the browser's user interface.
      */
     'paste': (event: Event) => void;
     /**

src/components/inputnumber/InputNumber.d.ts

@@ -1,10 +1,10 @@
 import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
 
-type InputNumberButtonLayoutType = 'stacked' | 'horizontal' | 'vertical';
+type InputNumberButtonLayoutType = 'stacked' | 'horizontal' | 'vertical' | undefined;
 
-type InputNumberLocaleMatcherType = 'lookup' | 'best fit';
+type InputNumberLocaleMatcherType = 'lookup' | 'best fit' | undefined;
 
-type InputNumberModeType = 'decimal' | 'currency';
+type InputNumberModeType = 'decimal' | 'currency' | undefined;
 
 export interface InputNumberInputEvent {
     /**
@@ -59,7 +59,7 @@ export interface InputNumberProps {
      */
     locale?: string | undefined;
     /**
-     * The locale matching algorithm to use. Possible values are "lookup" and "best fit"; the default is "best fit".
+     * The locale matching algorithm to use. Possible values are 'lookup' and 'best fit'; the default is 'best fit'.
      * See [Locale Negotation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locale_negotiation) for details.
      * @see InputNumberLocaleMatcherType
      * Default value is 'best fit'
@@ -80,12 +80,12 @@ export interface InputNumberProps {
      */
     suffix?: string | undefined;
     /**
-     * The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB.
+     * The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as 'USD' for the US dollar, 'EUR' for the euro, or 'CNY' for the Chinese RMB.
-     * There is no default value; if the style is "currency", the currency property must be provided.
+     * There is no default value; if the style is 'currency', the currency property must be provided.
      */
     currency?: string | undefined;
     /**
-     * How to display the currency in currency formatting. Possible values are "symbol" to use a localized currency symbol such as €, "code" to use the ISO currency code, "name" to use a localized currency name such as "dollar".
+     * How to display the currency in currency formatting. Possible values are 'symbol' to use a localized currency symbol such as €, 'code' to use the ISO currency code, 'name' to use a localized currency name such as 'dollar'.
      * Default value is 'symbol'.
      */
     currencyDisplay?: string | undefined;

src/components/listbox/Listbox.d.ts

@@ -11,7 +11,7 @@ type ListboxOptionDisabledType = string | ((data: any) => boolean) | undefined
 
 type ListboxOptionChildrenType = string | ((data: any) => any[]) | undefined;
 
-type ListboxFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith';
+type ListboxFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith' | undefined;
 
 export interface ListboxChangeEvent {
     /**

src/components/megamenu/MegaMenu.d.ts

@@ -2,7 +2,7 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
 
-type MegaMenuOrientationType = 'horizontal' | 'vertical';
+type MegaMenuOrientationType = 'horizontal' | 'vertical' | undefined;
 
 export interface MegaMenuProps {
     /**

src/components/message/Message.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type MessageSeverityType = 'success' | 'info' | 'warn' | 'error';
+type MessageSeverityType = 'success' | 'info' | 'warn' | 'error' | undefined;
 
 export interface MessageProps {
     /**

src/components/multiselect/MultiSelect.d.ts

@@ -10,11 +10,11 @@ type MultiSelectOptionDisabledType = string | ((data: any) => boolean) | undef
 
 type MultiSelectOptionChildrenType = string | ((data: any) => any[]) | undefined;
 
-type MultiSelectFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith';
+type MultiSelectFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith' | undefined;
 
 type MultiSelectAppendToType = 'body' | 'self' | string | undefined;
 
-type MultiSelectDisplayType = 'comma' | 'chip';
+type MultiSelectDisplayType = 'comma' | 'chip' | undefined;
 
 export interface MultiSelectChangeEvent {
     /**
@@ -130,7 +130,7 @@ export interface MultiSelectProps {
      */
     ariaLabelledBy?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see MultiSelectAppendToType
      * Default value is 'body'.
      */

src/components/orderlist/OrderList.d.ts

@@ -11,7 +11,7 @@ export interface OrderListReorderEvent {
      */
     value: any[];
     /**
-     * Direction of the change; "up", "down", "bottom", "top"
+     * Direction of the change; 'up', 'down', 'bottom', 'top'
      */
     direction: string;
 }

src/components/paginator/Paginator.d.ts

@@ -46,7 +46,7 @@ export interface PaginatorProps {
      */
     rowsPerPageOptions?: number[] | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink

src/components/password/Password.d.ts

@@ -40,7 +40,7 @@ export interface PasswordProps extends InputHTMLAttributes {
      */
     feedback?: boolean | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see PasswordAppendToType
      * Default value is 'body'.
      */

src/components/picklist/PickList.d.ts

@@ -11,7 +11,7 @@ export interface PickListReorderEvent {
      */
     value: any[];
     /**
-     * Direction of the change; "up", "down", "bottom", "top"
+     * Direction of the change; 'up', 'down', 'bottom', 'top'
      */
     direction: string;
     /**

src/components/progressbar/ProgressBar.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ProgressBarModeType = 'determinate' | 'indeterminate';
+type ProgressBarModeType = 'determinate' | 'indeterminate' | undefined;
 
 export interface ProgressBarProps {
     /**

src/components/scrolltop/ScrollTop.d.ts

@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ScrollTopTargetType = 'window' | 'parent';
+type ScrollTopTargetType = 'window' | 'parent' | undefined;
 
 export interface ScrollTopProps {
     /**
@@ -20,7 +20,7 @@ export interface ScrollTopProps {
      */
     icon?: string | undefined;
     /**
-     * Defines the scrolling behaviour, "smooth" adds an animation and "auto" scrolls with a jump.
+     * Defines the scrolling behaviour, 'smooth' adds an animation and 'auto' scrolls with a jump.
      * Default value is 'smooth'.
      */
     behavior?: string | undefined;

src/components/sidebar/Sidebar.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SidebarPositionType = 'left' | 'right' | 'top' | 'bottom' | 'full';
+type SidebarPositionType = 'left' | 'right' | 'top' | 'bottom' | 'full' | undefined;
 
 export interface SidebarProps {
     /**

src/components/skeleton/Skeleton.d.ts

@@ -1,8 +1,8 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SkeletonShapeType = 'rectangle' | 'circle';
+type SkeletonShapeType = 'rectangle' | 'circle' | undefined;
 
-type SkeletonAnimationType = 'wave' | 'none';
+type SkeletonAnimationType = 'wave' | 'none' | undefined;
 
 export interface SkeletonProps {
     /**

src/components/slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SliderOrientationType = 'horizontal' | 'vertical';
+type SliderOrientationType = 'horizontal' | 'vertical' | undefined;
 
 export interface SliderSlideEndEvent {
     /**

src/components/speeddial/SpeedDial.d.ts

@@ -2,13 +2,13 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
 
-type SpeedDialDirectionType = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right';
+type SpeedDialDirectionType = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right' | undefined;
 
-type SpeedDialType = 'linear' | 'circle' | 'semi-circle' | 'quarter-circle';
+type SpeedDialType = 'linear' | 'circle' | 'semi-circle' | 'quarter-circle' | undefined;
 
-type SpeedDialTooltipPositionType = 'bottom' | 'top' | 'left' | 'right';
+type SpeedDialTooltipPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
-type SpeedDialTooltipEventType = 'hover' | 'focus';
+type SpeedDialTooltipEventType = 'hover' | 'focus' | undefined;
 
 export interface SpeedDialTooltipOptions {
     /**

src/components/splitter/Splitter.d.ts

@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SplitterLayoutType = 'horizontal' | 'vertical';
+type SplitterLayoutType = 'horizontal' | 'vertical' | undefined;
 
-type SplitterStateStorageType = 'local' | 'session';
+type SplitterStateStorageType = 'local' | 'session' | undefined;
 
 export interface SplitterResizeEndEvent {
     /**
@@ -33,7 +33,7 @@ export interface SplitterProps {
      */
     stateKey?: string | undefined;
     /**
-     * Defines where a stateful splitter keeps its state, valid values are "session" for sessionStorage and "local" for localStorage.
+     * Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
      * @see SplitterStateStorageType
      * Default value is 'session'.
      */

src/components/tag/Tag.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type TagSeverityType = 'success' | 'info' | 'warning' | 'danger';
+type TagSeverityType = 'success' | 'info' | 'warning' | 'danger' | undefined;
 
 export interface TagProps {
     /**

src/components/terminalservice/TerminalService.d.ts

@@ -1,4 +1,4 @@
-type TerminalServiceActionType = 'command' | 'response';
+type TerminalServiceActionType = 'command' | 'response' | undefined;
 
 export interface TerminalServiceOptions {
     on(action: TerminalServiceActionType, fn: any): void;

src/components/timeline/Timeline.d.ts

@@ -1,13 +1,13 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type TimelineVerticalAlignType = 'left' | 'right';
+type TimelineVerticalAlignType = 'left' | 'right' | undefined;
 
-type TimelineHorizontalAlignType = 'top' | 'bottom';
+type TimelineHorizontalAlignType = 'top' | 'bottom' | undefined;
 
-type TimelineAlignType = TimelineVerticalAlignType | TimelineHorizontalAlignType;
+type TimelineAlignType = TimelineVerticalAlignType | TimelineHorizontalAlignType | undefined;
 
-type TimelineLayoutType = 'vertical' | 'horizontal';
+type TimelineLayoutType = 'vertical' | 'horizontal' | undefined;
 
 export interface TimelineProps {
     /**

src/components/toast/Toast.d.ts

@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ToastPositionType = 'top-left' | 'top-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center';
+type ToastPositionType = 'top-left' | 'top-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center' | undefined;
 
-type ToastMessageSeverityType = 'success' | 'info' | 'warn' | 'error';
+type ToastMessageSeverityType = 'success' | 'info' | 'warn' | 'error' | undefined;
 
 export interface ToastMessageOptions {
     /**

src/components/togglebutton/ToggleButton.d.ts

@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ToggleButtonType = 'left' | 'right';
+type ToggleButtonType = 'left' | 'right' | undefined;
 
 export interface ToggleButtonProps {
     /**

src/components/tree/Tree.d.ts

@@ -48,9 +48,9 @@ export interface TreeNode {
     [key: string]: any;
 }
 
-type TreeSelectionModeType = 'single' | 'multiple' | 'checkbox';
+type TreeSelectionModeType = 'single' | 'multiple' | 'checkbox' | undefined;
 
-type TreeFilterModeType = 'lenient' | 'strict';
+type TreeFilterModeType = 'lenient' | 'strict' | undefined;
 
 type TreeScrollHeightType = 'flex' | string | undefined;
 
@@ -124,7 +124,7 @@ export interface TreeProps {
      */
     filterLocale?: string | undefined;
     /**
-     * Height of the scroll viewport in fixed units or the "flex" keyword for a dynamic size.
+     * Height of the scroll viewport in fixed units or the 'flex' keyword for a dynamic size.
      * @see TreeScrollHeightType
      */
     scrollHeight?: TreeScrollHeightType;

src/components/treeselect/TreeSelect.d.ts

@@ -2,11 +2,11 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { TreeNode } from '../tree';
 
-type TreeSelectSelectionModeType = 'single' | 'multiple' | 'checkbox';
+type TreeSelectSelectionModeType = 'single' | 'multiple' | 'checkbox' | undefined;
 
 type TreeSelectAppendToType = 'body' | 'self' | string | undefined;
 
-type TreeSelectDisplayType = 'comma' | 'chip';
+type TreeSelectDisplayType = 'comma' | 'chip' | undefined;
 
 export interface TreeSelectProps {
     /**
@@ -52,7 +52,7 @@ export interface TreeSelectProps {
      */
     panelClass?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see TreeSelectAppendToType
      * Default value is 'body'.
      */

src/components/treetable/TreeTable.d.ts

@@ -10,21 +10,21 @@ type TreeTableMultiSortMetaType = TreeTableSortMeta[] | undefined | null;
 
 type TreeTableSortOrderType = 1 | 0 | -1 | undefined | null;
 
-type TreeTableSortModeType = 'single' | 'multiple';
+type TreeTableSortModeType = 'single' | 'multiple' | undefined;
 
-type TreeTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter';
+type TreeTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter' | undefined;
 
-type TreeTableSelectionModeType = 'single' | 'multiple';
+type TreeTableSelectionModeType = 'single' | 'multiple' | undefined;
 
-type TreeTableFilterModeType = 'lenient' | 'strict';
+type TreeTableFilterModeType = 'lenient' | 'strict' | undefined;
 
-type TreeTableColumnResizeModeType = 'fit' | 'expand';
+type TreeTableColumnResizeModeType = 'fit' | 'expand' | undefined;
 
-type TreeTableScrollDirectionType = 'vertical' | 'horizontal' | 'both';
+type TreeTableScrollDirectionType = 'vertical' | 'horizontal' | 'both' | undefined;
 
 type TreeTableScrollHeightType = 'flex' | string | undefined;
 
-type TreeTableResponsiveLayoutType = 'stack' | 'scroll';
+type TreeTableResponsiveLayoutType = 'stack' | 'scroll' | undefined;
 
 export interface TreeTableFilterMetaData {
     /**
@@ -191,7 +191,7 @@ export interface TreeTableProps {
      */
     paginator?: boolean | undefined;
     /**
-     * Position of the paginator, options are "top","bottom" or "both".
+     * Position of the paginator, options are 'top','bottom' or 'both'.
      * @see TreeTablePaginatorPositionType
      * Default value is 'bottom'.
      */
@@ -202,7 +202,7 @@ export interface TreeTableProps {
      */
     alwaysShowPaginator?: boolean | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink
@@ -324,7 +324,7 @@ export interface TreeTableProps {
      */
     scrollable?: boolean | undefined;
     /**
-     * Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
+     * Height of the scroll viewport in fixed pixels or the 'flex' keyword for a dynamic size.
      * @see TreeTableScrollHeightType
      */
     scrollHeight?: TreeTableScrollHeightType;

src/components/tristatecheckbox/TriStateCheckbox.d.ts

@@ -36,7 +36,7 @@ declare module '@vue/runtime-core' {
 
 /**
  *
- * TriStateCheckbox is used to select either "true", "false" or "null" as the value.
+ * TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.
  *
  * Demos:
  *

src/components/virtualscroller/VirtualScroller.d.ts

@@ -3,11 +3,11 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 type VirtualScrollerItemsType = any[] | any[][] | undefined | null;
 
-type VirtualScrollerItemSizeType = number | number[];
+type VirtualScrollerItemSizeType = number | number[] | undefined;
 
-type VirtualScrollerOrientationType = 'vertical' | 'horizontal' | 'both';
+type VirtualScrollerOrientationType = 'vertical' | 'horizontal' | 'both' | undefined;
 
-type VirtualScrollerToType = 'to-start' | 'to-end';
+type VirtualScrollerToType = 'to-start' | 'to-end' | undefined;
 
 export interface VirtualScrollerScrollIndexChangeEvent {
     /**