devextreme-vue/cjs/card-view.js

DevExtreme Vue UI and Visualization Components

/*!
 * devextreme-vue
 * Version: 25.2.3
 * Build date: Fri Dec 12 2025
 *
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 *
 * This software may be modified and distributed under the terms
 * of the MIT license. See the LICENSE file in the root of the project for details.
 *
 * https://github.com/DevExpress/devextreme-vue
 */

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DxLoadPanel = exports.DxLabel = exports.DxItem = exports.DxIndicatorOptions = exports.DxHide = exports.DxHeaderPanel = exports.DxHeaderFilter = exports.DxGroupOperationDescriptions = exports.DxGroupItem = exports.DxFrom = exports.DxFormItem = exports.DxFormat = exports.DxForm = exports.DxFilterPanelTexts = exports.DxFilterPanel = exports.DxFilterOperationDescriptions = exports.DxFilterBuilder = exports.DxField = exports.DxEmptyItem = exports.DxEmailRule = exports.DxEditingTexts = exports.DxEditing = exports.DxDragging = exports.DxCustomRule = exports.DxCustomOperation = exports.DxCompareRule = exports.DxColumnHeaderFilterSearch = exports.DxColumnHeaderFilter = exports.DxColumnChooserSelection = exports.DxColumnChooserSearch = exports.DxColumnChooser = exports.DxColumn = exports.DxCollision = exports.DxColCountByScreen = exports.DxChange = exports.DxCardViewSelection = exports.DxCardViewHeaderFilterTexts = exports.DxCardViewHeaderFilterSearch = exports.DxCardViewHeaderFilter = exports.DxCardHeaderItem = exports.DxCardHeader = exports.DxCardCover = exports.DxButtonOptions = exports.DxButtonItem = exports.DxBoundaryOffset = exports.DxAt = exports.DxAsyncRule = exports.DxAnimation = exports.DxAIOptions = exports.DxCardView = void 0;
exports.DxValidationRule = exports.DxToolbarItem = exports.DxToolbar = exports.DxTo = exports.DxTexts = exports.DxTabPanelOptionsItem = exports.DxTabPanelOptions = exports.DxTabbedItem = exports.DxTab = exports.DxStringLengthRule = exports.DxSorting = exports.DxSimpleItem = exports.DxShow = exports.DxSelection = exports.DxSearchPanel = exports.DxSearch = exports.DxScrolling = exports.DxRequiredRule = exports.DxRemoteOperations = exports.DxRangeRule = exports.DxPosition = exports.DxPatternRule = exports.DxPaging = exports.DxPager = exports.DxOffset = exports.DxNumericRule = exports.DxMy = exports.DxLookup = void 0;
const vue_1 = require("vue");
const index_1 = require("./core/index");
const card_view_1 = __importDefault(require("devextreme/ui/card_view"));
const index_2 = require("./core/index");
const componentConfig = {
    props: {
        accessKey: String,
        activeStateEnabled: Boolean,
        allowColumnReordering: Boolean,
        cardContentTemplate: {},
        cardCover: Object,
        cardFooterTemplate: {},
        cardHeader: Object,
        cardMaxWidth: Number,
        cardMinWidth: Number,
        cardsPerRow: [String, Number],
        cardTemplate: {},
        columnChooser: Object,
        columns: Array,
        dataSource: [Array, Object, String],
        disabled: Boolean,
        editing: Object,
        elementAttr: Object,
        errorRowEnabled: Boolean,
        fieldHintEnabled: Boolean,
        filterBuilder: Object,
        filterBuilderPopup: Object,
        filterPanel: Object,
        filterValue: [Array, Function, String],
        focusStateEnabled: Boolean,
        headerFilter: Object,
        headerPanel: Object,
        height: [Number, String],
        hint: String,
        hoverStateEnabled: Boolean,
        keyExpr: [Array, String],
        loadPanel: Object,
        noDataTemplate: {},
        noDataText: String,
        onCardClick: Function,
        onCardDblClick: Function,
        onCardHoverChanged: Function,
        onCardInserted: Function,
        onCardInserting: Function,
        onCardPrepared: Function,
        onCardRemoved: Function,
        onCardRemoving: Function,
        onCardUpdated: Function,
        onCardUpdating: Function,
        onContentReady: Function,
        onContextMenuPreparing: Function,
        onDataErrorOccurred: Function,
        onDisposing: Function,
        onEditCanceled: Function,
        onEditCanceling: Function,
        onEditingStart: Function,
        onFieldCaptionClick: Function,
        onFieldCaptionDblClick: Function,
        onFieldCaptionPrepared: Function,
        onFieldValueClick: Function,
        onFieldValueDblClick: Function,
        onFieldValuePrepared: Function,
        onFocusedCardChanged: Function,
        onInitialized: Function,
        onInitNewCard: Function,
        onOptionChanged: Function,
        onSaved: Function,
        onSaving: Function,
        onSelectionChanged: Function,
        pager: Object,
        paging: Object,
        remoteOperations: [Boolean, String, Object],
        rtlEnabled: Boolean,
        scrolling: Object,
        searchPanel: Object,
        selectedCardKeys: Array,
        selection: Object,
        sorting: Object,
        tabIndex: Number,
        toolbar: Object,
        visible: Boolean,
        width: [Number, String],
        wordWrapEnabled: Boolean
    },
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:accessKey": null,
        "update:activeStateEnabled": null,
        "update:allowColumnReordering": null,
        "update:cardContentTemplate": null,
        "update:cardCover": null,
        "update:cardFooterTemplate": null,
        "update:cardHeader": null,
        "update:cardMaxWidth": null,
        "update:cardMinWidth": null,
        "update:cardsPerRow": null,
        "update:cardTemplate": null,
        "update:columnChooser": null,
        "update:columns": null,
        "update:dataSource": null,
        "update:disabled": null,
        "update:editing": null,
        "update:elementAttr": null,
        "update:errorRowEnabled": null,
        "update:fieldHintEnabled": null,
        "update:filterBuilder": null,
        "update:filterBuilderPopup": null,
        "update:filterPanel": null,
        "update:filterValue": null,
        "update:focusStateEnabled": null,
        "update:headerFilter": null,
        "update:headerPanel": null,
        "update:height": null,
        "update:hint": null,
        "update:hoverStateEnabled": null,
        "update:keyExpr": null,
        "update:loadPanel": null,
        "update:noDataTemplate": null,
        "update:noDataText": null,
        "update:onCardClick": null,
        "update:onCardDblClick": null,
        "update:onCardHoverChanged": null,
        "update:onCardInserted": null,
        "update:onCardInserting": null,
        "update:onCardPrepared": null,
        "update:onCardRemoved": null,
        "update:onCardRemoving": null,
        "update:onCardUpdated": null,
        "update:onCardUpdating": null,
        "update:onContentReady": null,
        "update:onContextMenuPreparing": null,
        "update:onDataErrorOccurred": null,
        "update:onDisposing": null,
        "update:onEditCanceled": null,
        "update:onEditCanceling": null,
        "update:onEditingStart": null,
        "update:onFieldCaptionClick": null,
        "update:onFieldCaptionDblClick": null,
        "update:onFieldCaptionPrepared": null,
        "update:onFieldValueClick": null,
        "update:onFieldValueDblClick": null,
        "update:onFieldValuePrepared": null,
        "update:onFocusedCardChanged": null,
        "update:onInitialized": null,
        "update:onInitNewCard": null,
        "update:onOptionChanged": null,
        "update:onSaved": null,
        "update:onSaving": null,
        "update:onSelectionChanged": null,
        "update:pager": null,
        "update:paging": null,
        "update:remoteOperations": null,
        "update:rtlEnabled": null,
        "update:scrolling": null,
        "update:searchPanel": null,
        "update:selectedCardKeys": null,
        "update:selection": null,
        "update:sorting": null,
        "update:tabIndex": null,
        "update:toolbar": null,
        "update:visible": null,
        "update:width": null,
        "update:wordWrapEnabled": null,
    },
    computed: {
        instance() {
            return this.$_instance;
        }
    },
    beforeCreate() {
        this.$_WidgetClass = card_view_1.default;
        this.$_hasAsyncTemplate = true;
        this.$_expectedChildren = {
            cardCover: { isCollectionItem: false, optionName: "cardCover" },
            cardHeader: { isCollectionItem: false, optionName: "cardHeader" },
            cardViewHeaderFilter: { isCollectionItem: false, optionName: "headerFilter" },
            cardViewSelection: { isCollectionItem: false, optionName: "selection" },
            column: { isCollectionItem: true, optionName: "columns" },
            columnChooser: { isCollectionItem: false, optionName: "columnChooser" },
            editing: { isCollectionItem: false, optionName: "editing" },
            filterBuilder: { isCollectionItem: false, optionName: "filterBuilder" },
            filterPanel: { isCollectionItem: false, optionName: "filterPanel" },
            headerFilter: { isCollectionItem: false, optionName: "headerFilter" },
            headerPanel: { isCollectionItem: false, optionName: "headerPanel" },
            loadPanel: { isCollectionItem: false, optionName: "loadPanel" },
            pager: { isCollectionItem: false, optionName: "pager" },
            paging: { isCollectionItem: false, optionName: "paging" },
            remoteOperations: { isCollectionItem: false, optionName: "remoteOperations" },
            scrolling: { isCollectionItem: false, optionName: "scrolling" },
            searchPanel: { isCollectionItem: false, optionName: "searchPanel" },
            selection: { isCollectionItem: false, optionName: "selection" },
            sorting: { isCollectionItem: false, optionName: "sorting" },
            toolbar: { isCollectionItem: false, optionName: "toolbar" }
        };
    }
};
(0, index_1.prepareComponentConfig)(componentConfig);
const DxCardView = (0, vue_1.defineComponent)(componentConfig);
exports.DxCardView = DxCardView;
const DxAIOptionsConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:disabled": null,
        "update:instruction": null,
    },
    props: {
        disabled: Boolean,
        instruction: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxAIOptionsConfig);
const DxAIOptions = (0, vue_1.defineComponent)(DxAIOptionsConfig);
exports.DxAIOptions = DxAIOptions;
DxAIOptions.$_optionName = "aiOptions";
const DxAnimationConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:hide": null,
        "update:show": null,
    },
    props: {
        hide: [Object, Number, String],
        show: [Object, Number, String]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxAnimationConfig);
const DxAnimation = (0, vue_1.defineComponent)(DxAnimationConfig);
exports.DxAnimation = DxAnimation;
DxAnimation.$_optionName = "animation";
DxAnimation.$_expectedChildren = {
    hide: { isCollectionItem: false, optionName: "hide" },
    show: { isCollectionItem: false, optionName: "show" }
};
const DxAsyncRuleConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:ignoreEmptyValue": null,
        "update:message": null,
        "update:reevaluate": null,
        "update:type": null,
        "update:validationCallback": null,
    },
    props: {
        ignoreEmptyValue: Boolean,
        message: String,
        reevaluate: Boolean,
        type: String,
        validationCallback: Function
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxAsyncRuleConfig);
const DxAsyncRule = (0, vue_1.defineComponent)(DxAsyncRuleConfig);
exports.DxAsyncRule = DxAsyncRule;
DxAsyncRule.$_optionName = "validationRules";
DxAsyncRule.$_isCollectionItem = true;
DxAsyncRule.$_predefinedProps = {
    type: "async"
};
const DxAtConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:x": null,
        "update:y": null,
    },
    props: {
        x: String,
        y: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxAtConfig);
const DxAt = (0, vue_1.defineComponent)(DxAtConfig);
exports.DxAt = DxAt;
DxAt.$_optionName = "at";
const DxBoundaryOffsetConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:x": null,
        "update:y": null,
    },
    props: {
        x: Number,
        y: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxBoundaryOffsetConfig);
const DxBoundaryOffset = (0, vue_1.defineComponent)(DxBoundaryOffsetConfig);
exports.DxBoundaryOffset = DxBoundaryOffset;
DxBoundaryOffset.$_optionName = "boundaryOffset";
const DxButtonItemConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:buttonOptions": null,
        "update:colSpan": null,
        "update:cssClass": null,
        "update:horizontalAlignment": null,
        "update:itemType": null,
        "update:name": null,
        "update:verticalAlignment": null,
        "update:visible": null,
        "update:visibleIndex": null,
    },
    props: {
        buttonOptions: Object,
        colSpan: Number,
        cssClass: String,
        horizontalAlignment: String,
        itemType: String,
        name: String,
        verticalAlignment: String,
        visible: Boolean,
        visibleIndex: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxButtonItemConfig);
const DxButtonItem = (0, vue_1.defineComponent)(DxButtonItemConfig);
exports.DxButtonItem = DxButtonItem;
DxButtonItem.$_optionName = "items";
DxButtonItem.$_isCollectionItem = true;
DxButtonItem.$_predefinedProps = {
    itemType: "button"
};
DxButtonItem.$_expectedChildren = {
    buttonOptions: { isCollectionItem: false, optionName: "buttonOptions" }
};
const DxButtonOptionsConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:accessKey": null,
        "update:activeStateEnabled": null,
        "update:disabled": null,
        "update:elementAttr": null,
        "update:focusStateEnabled": null,
        "update:height": null,
        "update:hint": null,
        "update:hoverStateEnabled": null,
        "update:icon": null,
        "update:onClick": null,
        "update:onContentReady": null,
        "update:onDisposing": null,
        "update:onInitialized": null,
        "update:onOptionChanged": null,
        "update:rtlEnabled": null,
        "update:stylingMode": null,
        "update:tabIndex": null,
        "update:template": null,
        "update:text": null,
        "update:type": null,
        "update:useSubmitBehavior": null,
        "update:validationGroup": null,
        "update:visible": null,
        "update:width": null,
    },
    props: {
        accessKey: String,
        activeStateEnabled: Boolean,
        disabled: Boolean,
        elementAttr: Object,
        focusStateEnabled: Boolean,
        height: [Number, String],
        hint: String,
        hoverStateEnabled: Boolean,
        icon: String,
        onClick: Function,
        onContentReady: Function,
        onDisposing: Function,
        onInitialized: Function,
        onOptionChanged: Function,
        rtlEnabled: Boolean,
        stylingMode: String,
        tabIndex: Number,
        template: {},
        text: String,
        type: String,
        useSubmitBehavior: Boolean,
        validationGroup: String,
        visible: Boolean,
        width: [Number, String]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxButtonOptionsConfig);
const DxButtonOptions = (0, vue_1.defineComponent)(DxButtonOptionsConfig);
exports.DxButtonOptions = DxButtonOptions;
DxButtonOptions.$_optionName = "buttonOptions";
const DxCardCoverConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:altExpr": null,
        "update:aspectRatio": null,
        "update:imageExpr": null,
        "update:maxHeight": null,
        "update:template": null,
    },
    props: {
        altExpr: [Function, String],
        aspectRatio: String,
        imageExpr: [Function, String],
        maxHeight: Number,
        template: {}
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCardCoverConfig);
const DxCardCover = (0, vue_1.defineComponent)(DxCardCoverConfig);
exports.DxCardCover = DxCardCover;
DxCardCover.$_optionName = "cardCover";
const DxCardHeaderConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:items": null,
        "update:template": null,
        "update:visible": null,
    },
    props: {
        items: Array,
        template: {},
        visible: Boolean
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCardHeaderConfig);
const DxCardHeader = (0, vue_1.defineComponent)(DxCardHeaderConfig);
exports.DxCardHeader = DxCardHeader;
DxCardHeader.$_optionName = "cardHeader";
DxCardHeader.$_expectedChildren = {
    cardHeaderItem: { isCollectionItem: true, optionName: "items" },
    item: { isCollectionItem: true, optionName: "items" }
};
const DxCardHeaderItemConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:cssClass": null,
        "update:disabled": null,
        "update:html": null,
        "update:locateInMenu": null,
        "update:location": null,
        "update:menuItemTemplate": null,
        "update:name": null,
        "update:options": null,
        "update:showText": null,
        "update:template": null,
        "update:text": null,
        "update:visible": null,
        "update:widget": null,
    },
    props: {
        cssClass: String,
        disabled: Boolean,
        html: String,
        locateInMenu: String,
        location: String,
        menuItemTemplate: {},
        name: String,
        options: {},
        showText: String,
        template: {},
        text: String,
        visible: Boolean,
        widget: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCardHeaderItemConfig);
const DxCardHeaderItem = (0, vue_1.defineComponent)(DxCardHeaderItemConfig);
exports.DxCardHeaderItem = DxCardHeaderItem;
DxCardHeaderItem.$_optionName = "items";
DxCardHeaderItem.$_isCollectionItem = true;
const DxCardViewHeaderFilterConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowSearch": null,
        "update:allowSelectAll": null,
        "update:height": null,
        "update:search": null,
        "update:searchTimeout": null,
        "update:texts": null,
        "update:visible": null,
        "update:width": null,
    },
    props: {
        allowSearch: Boolean,
        allowSelectAll: Boolean,
        height: [Number, String],
        search: Object,
        searchTimeout: Number,
        texts: Object,
        visible: Boolean,
        width: [Number, String]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCardViewHeaderFilterConfig);
const DxCardViewHeaderFilter = (0, vue_1.defineComponent)(DxCardViewHeaderFilterConfig);
exports.DxCardViewHeaderFilter = DxCardViewHeaderFilter;
DxCardViewHeaderFilter.$_optionName = "headerFilter";
DxCardViewHeaderFilter.$_expectedChildren = {
    cardViewHeaderFilterSearch: { isCollectionItem: false, optionName: "search" },
    cardViewHeaderFilterTexts: { isCollectionItem: false, optionName: "texts" },
    search: { isCollectionItem: false, optionName: "search" },
    texts: { isCollectionItem: false, optionName: "texts" }
};
const DxCardViewHeaderFilterSearchConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:editorOptions": null,
        "update:enabled": null,
        "update:mode": null,
        "update:timeout": null,
    },
    props: {
        editorOptions: {},
        enabled: Boolean,
        mode: String,
        timeout: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCardViewHeaderFilterSearchConfig);
const DxCardViewHeaderFilterSearch = (0, vue_1.defineComponent)(DxCardViewHeaderFilterSearchConfig);
exports.DxCardViewHeaderFilterSearch = DxCardViewHeaderFilterSearch;
DxCardViewHeaderFilterSearch.$_optionName = "search";
const DxCardViewHeaderFilterTextsConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:cancel": null,
        "update:emptyValue": null,
        "update:ok": null,
    },
    props: {
        cancel: String,
        emptyValue: String,
        ok: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCardViewHeaderFilterTextsConfig);
const DxCardViewHeaderFilterTexts = (0, vue_1.defineComponent)(DxCardViewHeaderFilterTextsConfig);
exports.DxCardViewHeaderFilterTexts = DxCardViewHeaderFilterTexts;
DxCardViewHeaderFilterTexts.$_optionName = "texts";
const DxCardViewSelectionConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowSelectAll": null,
        "update:mode": null,
        "update:selectAllMode": null,
        "update:showCheckBoxesMode": null,
    },
    props: {
        allowSelectAll: Boolean,
        mode: String,
        selectAllMode: String,
        showCheckBoxesMode: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCardViewSelectionConfig);
const DxCardViewSelection = (0, vue_1.defineComponent)(DxCardViewSelectionConfig);
exports.DxCardViewSelection = DxCardViewSelection;
DxCardViewSelection.$_optionName = "selection";
const DxChangeConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:data": null,
        "update:insertAfterKey": null,
        "update:insertBeforeKey": null,
        "update:type": null,
    },
    props: {
        data: {},
        insertAfterKey: {},
        insertBeforeKey: {},
        type: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxChangeConfig);
const DxChange = (0, vue_1.defineComponent)(DxChangeConfig);
exports.DxChange = DxChange;
DxChange.$_optionName = "changes";
DxChange.$_isCollectionItem = true;
const DxColCountByScreenConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:lg": null,
        "update:md": null,
        "update:sm": null,
        "update:xs": null,
    },
    props: {
        lg: Number,
        md: Number,
        sm: Number,
        xs: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxColCountByScreenConfig);
const DxColCountByScreen = (0, vue_1.defineComponent)(DxColCountByScreenConfig);
exports.DxColCountByScreen = DxColCountByScreen;
DxColCountByScreen.$_optionName = "colCountByScreen";
const DxCollisionConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:x": null,
        "update:y": null,
    },
    props: {
        x: String,
        y: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCollisionConfig);
const DxCollision = (0, vue_1.defineComponent)(DxCollisionConfig);
exports.DxCollision = DxCollision;
DxCollision.$_optionName = "collision";
const DxColumnConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:alignment": null,
        "update:allowEditing": null,
        "update:allowFiltering": null,
        "update:allowHeaderFiltering": null,
        "update:allowHiding": null,
        "update:allowReordering": null,
        "update:allowSearch": null,
        "update:allowSorting": null,
        "update:calculateDisplayValue": null,
        "update:calculateFieldValue": null,
        "update:calculateFilterExpression": null,
        "update:calculateSortValue": null,
        "update:caption": null,
        "update:customizeText": null,
        "update:dataField": null,
        "update:dataType": null,
        "update:editorOptions": null,
        "update:falseText": null,
        "update:fieldCaptionTemplate": null,
        "update:fieldTemplate": null,
        "update:fieldValueTemplate": null,
        "update:filterType": null,
        "update:filterValue": null,
        "update:filterValues": null,
        "update:format": null,
        "update:formItem": null,
        "update:headerFilter": null,
        "update:headerItemCssClass": null,
        "update:headerItemTemplate": null,
        "update:name": null,
        "update:setFieldValue": null,
        "update:showInColumnChooser": null,
        "update:sortIndex": null,
        "update:sortingMethod": null,
        "update:sortOrder": null,
        "update:trueText": null,
        "update:validationRules": null,
        "update:visible": null,
        "update:visibleIndex": null,
    },
    props: {
        alignment: String,
        allowEditing: Boolean,
        allowFiltering: Boolean,
        allowHeaderFiltering: Boolean,
        allowHiding: Boolean,
        allowReordering: Boolean,
        allowSearch: Boolean,
        allowSorting: Boolean,
        calculateDisplayValue: Function,
        calculateFieldValue: Function,
        calculateFilterExpression: Function,
        calculateSortValue: [Function, String],
        caption: String,
        customizeText: Function,
        dataField: String,
        dataType: String,
        editorOptions: {},
        falseText: String,
        fieldCaptionTemplate: {},
        fieldTemplate: {},
        fieldValueTemplate: {},
        filterType: String,
        filterValue: {},
        filterValues: Array,
        format: [Object, String, Function],
        formItem: Object,
        headerFilter: Object,
        headerItemCssClass: String,
        headerItemTemplate: {},
        name: String,
        setFieldValue: Function,
        showInColumnChooser: Boolean,
        sortIndex: Number,
        sortingMethod: Function,
        sortOrder: String,
        trueText: String,
        validationRules: Array,
        visible: Boolean,
        visibleIndex: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxColumnConfig);
const DxColumn = (0, vue_1.defineComponent)(DxColumnConfig);
exports.DxColumn = DxColumn;
DxColumn.$_optionName = "columns";
DxColumn.$_isCollectionItem = true;
DxColumn.$_expectedChildren = {
    AsyncRule: { isCollectionItem: true, optionName: "validationRules" },
    columnHeaderFilter: { isCollectionItem: false, optionName: "headerFilter" },
    CompareRule: { isCollectionItem: true, optionName: "validationRules" },
    CustomRule: { isCollectionItem: true, optionName: "validationRules" },
    EmailRule: { isCollectionItem: true, optionName: "validationRules" },
    format: { isCollectionItem: false, optionName: "format" },
    formItem: { isCollectionItem: false, optionName: "formItem" },
    headerFilter: { isCollectionItem: false, optionName: "headerFilter" },
    NumericRule: { isCollectionItem: true, optionName: "validationRules" },
    PatternRule: { isCollectionItem: true, optionName: "validationRules" },
    RangeRule: { isCollectionItem: true, optionName: "validationRules" },
    RequiredRule: { isCollectionItem: true, optionName: "validationRules" },
    StringLengthRule: { isCollectionItem: true, optionName: "validationRules" },
    validationRule: { isCollectionItem: true, optionName: "validationRules" }
};
const DxColumnChooserConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowSearch": null,
        "update:container": null,
        "update:emptyPanelText": null,
        "update:enabled": null,
        "update:height": null,
        "update:mode": null,
        "update:position": null,
        "update:search": null,
        "update:searchTimeout": null,
        "update:selection": null,
        "update:sortOrder": null,
        "update:title": null,
        "update:width": null,
    },
    props: {
        allowSearch: Boolean,
        container: {},
        emptyPanelText: String,
        enabled: Boolean,
        height: [Number, String],
        mode: String,
        position: Object,
        search: Object,
        searchTimeout: Number,
        selection: Object,
        sortOrder: String,
        title: String,
        width: [Number, String]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxColumnChooserConfig);
const DxColumnChooser = (0, vue_1.defineComponent)(DxColumnChooserConfig);
exports.DxColumnChooser = DxColumnChooser;
DxColumnChooser.$_optionName = "columnChooser";
DxColumnChooser.$_expectedChildren = {
    columnChooserSearch: { isCollectionItem: false, optionName: "search" },
    columnChooserSelection: { isCollectionItem: false, optionName: "selection" },
    position: { isCollectionItem: false, optionName: "position" },
    search: { isCollectionItem: false, optionName: "search" },
    selection: { isCollectionItem: false, optionName: "selection" }
};
const DxColumnChooserSearchConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:editorOptions": null,
        "update:enabled": null,
        "update:timeout": null,
    },
    props: {
        editorOptions: {},
        enabled: Boolean,
        timeout: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxColumnChooserSearchConfig);
const DxColumnChooserSearch = (0, vue_1.defineComponent)(DxColumnChooserSearchConfig);
exports.DxColumnChooserSearch = DxColumnChooserSearch;
DxColumnChooserSearch.$_optionName = "search";
const DxColumnChooserSelectionConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowSelectAll": null,
        "update:recursive": null,
        "update:selectByClick": null,
    },
    props: {
        allowSelectAll: Boolean,
        recursive: Boolean,
        selectByClick: Boolean
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxColumnChooserSelectionConfig);
const DxColumnChooserSelection = (0, vue_1.defineComponent)(DxColumnChooserSelectionConfig);
exports.DxColumnChooserSelection = DxColumnChooserSelection;
DxColumnChooserSelection.$_optionName = "selection";
const DxColumnHeaderFilterConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowSearch": null,
        "update:allowSelectAll": null,
        "update:dataSource": null,
        "update:groupInterval": null,
        "update:height": null,
        "update:search": null,
        "update:searchMode": null,
        "update:width": null,
    },
    props: {
        allowSearch: Boolean,
        allowSelectAll: Boolean,
        dataSource: [Array, Object, Function],
        groupInterval: [String, Number],
        height: [Number, String],
        search: Object,
        searchMode: String,
        width: [Number, String]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxColumnHeaderFilterConfig);
const DxColumnHeaderFilter = (0, vue_1.defineComponent)(DxColumnHeaderFilterConfig);
exports.DxColumnHeaderFilter = DxColumnHeaderFilter;
DxColumnHeaderFilter.$_optionName = "headerFilter";
DxColumnHeaderFilter.$_expectedChildren = {
    columnHeaderFilterSearch: { isCollectionItem: false, optionName: "search" },
    search: { isCollectionItem: false, optionName: "search" }
};
const DxColumnHeaderFilterSearchConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:editorOptions": null,
        "update:enabled": null,
        "update:mode": null,
        "update:searchExpr": null,
        "update:timeout": null,
    },
    props: {
        editorOptions: {},
        enabled: Boolean,
        mode: String,
        searchExpr: [Array, Function, String],
        timeout: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxColumnHeaderFilterSearchConfig);
const DxColumnHeaderFilterSearch = (0, vue_1.defineComponent)(DxColumnHeaderFilterSearchConfig);
exports.DxColumnHeaderFilterSearch = DxColumnHeaderFilterSearch;
DxColumnHeaderFilterSearch.$_optionName = "search";
const DxCompareRuleConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:comparisonTarget": null,
        "update:comparisonType": null,
        "update:ignoreEmptyValue": null,
        "update:message": null,
        "update:type": null,
    },
    props: {
        comparisonTarget: Function,
        comparisonType: String,
        ignoreEmptyValue: Boolean,
        message: String,
        type: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCompareRuleConfig);
const DxCompareRule = (0, vue_1.defineComponent)(DxCompareRuleConfig);
exports.DxCompareRule = DxCompareRule;
DxCompareRule.$_optionName = "validationRules";
DxCompareRule.$_isCollectionItem = true;
DxCompareRule.$_predefinedProps = {
    type: "compare"
};
const DxCustomOperationConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:calculateFilterExpression": null,
        "update:caption": null,
        "update:customizeText": null,
        "update:dataTypes": null,
        "update:editorTemplate": null,
        "update:hasValue": null,
        "update:icon": null,
        "update:name": null,
    },
    props: {
        calculateFilterExpression: Function,
        caption: String,
        customizeText: Function,
        dataTypes: Array,
        editorTemplate: {},
        hasValue: Boolean,
        icon: String,
        name: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCustomOperationConfig);
const DxCustomOperation = (0, vue_1.defineComponent)(DxCustomOperationConfig);
exports.DxCustomOperation = DxCustomOperation;
DxCustomOperation.$_optionName = "customOperations";
DxCustomOperation.$_isCollectionItem = true;
const DxCustomRuleConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:ignoreEmptyValue": null,
        "update:message": null,
        "update:reevaluate": null,
        "update:type": null,
        "update:validationCallback": null,
    },
    props: {
        ignoreEmptyValue: Boolean,
        message: String,
        reevaluate: Boolean,
        type: String,
        validationCallback: Function
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxCustomRuleConfig);
const DxCustomRule = (0, vue_1.defineComponent)(DxCustomRuleConfig);
exports.DxCustomRule = DxCustomRule;
DxCustomRule.$_optionName = "validationRules";
DxCustomRule.$_isCollectionItem = true;
DxCustomRule.$_predefinedProps = {
    type: "custom"
};
const DxDraggingConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:dropFeedbackMode": null,
        "update:onDragChange": null,
        "update:onDragEnd": null,
        "update:onDragMove": null,
        "update:onDragStart": null,
        "update:onRemove": null,
        "update:onReorder": null,
        "update:scrollSensitivity": null,
        "update:scrollSpeed": null,
    },
    props: {
        dropFeedbackMode: String,
        onDragChange: Function,
        onDragEnd: Function,
        onDragMove: Function,
        onDragStart: Function,
        onRemove: Function,
        onReorder: Function,
        scrollSensitivity: Number,
        scrollSpeed: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxDraggingConfig);
const DxDragging = (0, vue_1.defineComponent)(DxDraggingConfig);
exports.DxDragging = DxDragging;
DxDragging.$_optionName = "dragging";
const DxEditingConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowAdding": null,
        "update:allowDeleting": null,
        "update:allowUpdating": null,
        "update:changes": null,
        "update:confirmDelete": null,
        "update:editCardKey": null,
        "update:form": null,
        "update:popup": null,
        "update:texts": null,
    },
    props: {
        allowAdding: Boolean,
        allowDeleting: Boolean,
        allowUpdating: Boolean,
        changes: Array,
        confirmDelete: Boolean,
        editCardKey: {},
        form: Object,
        popup: Object,
        texts: Object
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxEditingConfig);
const DxEditing = (0, vue_1.defineComponent)(DxEditingConfig);
exports.DxEditing = DxEditing;
DxEditing.$_optionName = "editing";
DxEditing.$_expectedChildren = {
    change: { isCollectionItem: true, optionName: "changes" },
    editingTexts: { isCollectionItem: false, optionName: "texts" },
    form: { isCollectionItem: false, optionName: "form" },
    texts: { isCollectionItem: false, optionName: "texts" }
};
const DxEditingTextsConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:addCard": null,
        "update:confirmDeleteMessage": null,
        "update:confirmDeleteTitle": null,
        "update:deleteCard": null,
        "update:editCard": null,
        "update:saveCard": null,
    },
    props: {
        addCard: String,
        confirmDeleteMessage: String,
        confirmDeleteTitle: String,
        deleteCard: String,
        editCard: String,
        saveCard: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxEditingTextsConfig);
const DxEditingTexts = (0, vue_1.defineComponent)(DxEditingTextsConfig);
exports.DxEditingTexts = DxEditingTexts;
DxEditingTexts.$_optionName = "texts";
const DxEmailRuleConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:ignoreEmptyValue": null,
        "update:message": null,
        "update:type": null,
    },
    props: {
        ignoreEmptyValue: Boolean,
        message: String,
        type: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxEmailRuleConfig);
const DxEmailRule = (0, vue_1.defineComponent)(DxEmailRuleConfig);
exports.DxEmailRule = DxEmailRule;
DxEmailRule.$_optionName = "validationRules";
DxEmailRule.$_isCollectionItem = true;
DxEmailRule.$_predefinedProps = {
    type: "email"
};
const DxEmptyItemConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:colSpan": null,
        "update:cssClass": null,
        "update:itemType": null,
        "update:name": null,
        "update:visible": null,
        "update:visibleIndex": null,
    },
    props: {
        colSpan: Number,
        cssClass: String,
        itemType: String,
        name: String,
        visible: Boolean,
        visibleIndex: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxEmptyItemConfig);
const DxEmptyItem = (0, vue_1.defineComponent)(DxEmptyItemConfig);
exports.DxEmptyItem = DxEmptyItem;
DxEmptyItem.$_optionName = "items";
DxEmptyItem.$_isCollectionItem = true;
DxEmptyItem.$_predefinedProps = {
    itemType: "empty"
};
const DxFieldConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:calculateFilterExpression": null,
        "update:caption": null,
        "update:customizeText": null,
        "update:dataField": null,
        "update:dataType": null,
        "update:editorOptions": null,
        "update:editorTemplate": null,
        "update:falseText": null,
        "update:filterOperations": null,
        "update:format": null,
        "update:lookup": null,
        "update:name": null,
        "update:trueText": null,
    },
    props: {
        calculateFilterExpression: Function,
        caption: String,
        customizeText: Function,
        dataField: String,
        dataType: String,
        editorOptions: {},
        editorTemplate: {},
        falseText: String,
        filterOperations: Array,
        format: [Object, String, Function],
        lookup: Object,
        name: String,
        trueText: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxFieldConfig);
const DxField = (0, vue_1.defineComponent)(DxFieldConfig);
exports.DxField = DxField;
DxField.$_optionName = "fields";
DxField.$_isCollectionItem = true;
DxField.$_expectedChildren = {
    format: { isCollectionItem: false, optionName: "format" },
    lookup: { isCollectionItem: false, optionName: "lookup" }
};
const DxFilterBuilderConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:accessKey": null,
        "update:activeStateEnabled": null,
        "update:allowHierarchicalFields": null,
        "update:customOperations": null,
        "update:disabled": null,
        "update:elementAttr": null,
        "update:fields": null,
        "update:filterOperationDescriptions": null,
        "update:focusStateEnabled": null,
        "update:groupOperationDescriptions": null,
        "update:groupOperations": null,
        "update:height": null,
        "update:hint": null,
        "update:hoverStateEnabled": null,
        "update:maxGroupLevel": null,
        "update:onContentReady": null,
        "update:onDisposing": null,
        "update:onEditorPrepared": null,
        "update:onEditorPreparing": null,
        "update:onInitialized": null,
        "update:onOptionChanged": null,
        "update:onValueChanged": null,
        "update:rtlEnabled": null,
        "update:tabIndex": null,
        "update:value": null,
        "update:visible": null,
        "update:width": null,
    },
    props: {
        accessKey: String,
        activeStateEnabled: Boolean,
        allowHierarchicalFields: Boolean,
        customOperations: Array,
        disabled: Boolean,
        elementAttr: Object,
        fields: Array,
        filterOperationDescriptions: Object,
        focusStateEnabled: Boolean,
        groupOperationDescriptions: Object,
        groupOperations: Array,
        height: [Number, String],
        hint: String,
        hoverStateEnabled: Boolean,
        maxGroupLevel: Number,
        onContentReady: Function,
        onDisposing: Function,
        onEditorPrepared: Function,
        onEditorPreparing: Function,
        onInitialized: Function,
        onOptionChanged: Function,
        onValueChanged: Function,
        rtlEnabled: Boolean,
        tabIndex: Number,
        value: [Array, Function, String],
        visible: Boolean,
        width: [Number, String]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxFilterBuilderConfig);
const DxFilterBuilder = (0, vue_1.defineComponent)(DxFilterBuilderConfig);
exports.DxFilterBuilder = DxFilterBuilder;
DxFilterBuilder.$_optionName = "filterBuilder";
DxFilterBuilder.$_expectedChildren = {
    customOperation: { isCollectionItem: true, optionName: "customOperations" },
    field: { isCollectionItem: true, optionName: "fields" },
    filterOperationDescriptions: { isCollectionItem: false, optionName: "filterOperationDescriptions" },
    groupOperationDescriptions: { isCollectionItem: false, optionName: "groupOperationDescriptions" }
};
const DxFilterOperationDescriptionsConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:between": null,
        "update:contains": null,
        "update:endsWith": null,
        "update:equal": null,
        "update:greaterThan": null,
        "update:greaterThanOrEqual": null,
        "update:isBlank": null,
        "update:isNotBlank": null,
        "update:lessThan": null,
        "update:lessThanOrEqual": null,
        "update:notContains": null,
        "update:notEqual": null,
        "update:startsWith": null,
    },
    props: {
        between: String,
        contains: String,
        endsWith: String,
        equal: String,
        greaterThan: String,
        greaterThanOrEqual: String,
        isBlank: String,
        isNotBlank: String,
        lessThan: String,
        lessThanOrEqual: String,
        notContains: String,
        notEqual: String,
        startsWith: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxFilterOperationDescriptionsConfig);
const DxFilterOperationDescriptions = (0, vue_1.defineComponent)(DxFilterOperationDescriptionsConfig);
exports.DxFilterOperationDescriptions = DxFilterOperationDescriptions;
DxFilterOperationDescriptions.$_optionName = "filterOperationDescriptions";
const DxFilterPanelConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:customizeText": null,
        "update:filterEnabled": null,
        "update:texts": null,
        "update:visible": null,
    },
    props: {
        customizeText: Function,
        filterEnabled: Boolean,
        texts: Object,
        visible: Boolean
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxFilterPanelConfig);
const DxFilterPanel = (0, vue_1.defineComponent)(DxFilterPanelConfig);
exports.DxFilterPanel = DxFilterPanel;
DxFilterPanel.$_optionName = "filterPanel";
DxFilterPanel.$_expectedChildren = {
    filterPanelTexts: { isCollectionItem: false, optionName: "texts" },
    texts: { isCollectionItem: false, optionName: "texts" }
};
const DxFilterPanelTextsConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:clearFilter": null,
        "update:createFilter": null,
        "update:filterEnabledHint": null,
    },
    props: {
        clearFilter: String,
        createFilter: String,
        filterEnabledHint: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxFilterPanelTextsConfig);
const DxFilterPanelTexts = (0, vue_1.defineComponent)(DxFilterPanelTextsConfig);
exports.DxFilterPanelTexts = DxFilterPanelTexts;
DxFilterPanelTexts.$_optionName = "texts";
const DxFormConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:accessKey": null,
        "update:activeStateEnabled": null,
        "update:aiIntegration": null,
        "update:alignItemLabels": null,
        "update:alignItemLabelsInAllGroups": null,
        "update:colCount": null,
        "update:colCountByScreen": null,
        "update:customizeItem": null,
        "update:disabled": null,
        "update:elementAttr": null,
        "update:focusStateEnabled": null,
        "update:formData": null,
        "update:height": null,
        "update:hint": null,
        "update:hoverStateEnabled": null,
        "update:isDirty": null,
        "update:items": null,
        "update:labelLocation": null,
        "update:labelMode": null,
        "update:minColWidth": null,
        "update:onContentReady": null,
        "update:onDisposing": null,
        "update:onEditorEnterKey": null,
        "update:onFieldDataChanged": null,
        "update:onInitialized": null,
        "update:onOptionChanged": null,
        "update:onSmartPasted": null,
        "update:onSmartPasting": null,
        "update:optionalMark": null,
        "update:readOnly": null,
        "update:requiredMark": null,
        "update:requiredMessage": null,
        "update:rtlEnabled": null,
        "update:screenByWidth": null,
        "update:scrollingEnabled": null,
        "update:showColonAfterLabel": null,
        "update:showOptionalMark": null,
        "update:showRequiredMark": null,
        "update:showValidationSummary": null,
        "update:tabIndex": null,
        "update:validationGroup": null,
        "update:visible": null,
        "update:width": null,
    },
    props: {
        accessKey: String,
        activeStateEnabled: Boolean,
        aiIntegration: Object,
        alignItemLabels: Boolean,
        alignItemLabelsInAllGroups: Boolean,
        colCount: [String, Number],
        colCountByScreen: Object,
        customizeItem: Function,
        disabled: Boolean,
        elementAttr: Object,
        focusStateEnabled: Boolean,
        formData: {},
        height: [Number, String],
        hint: String,
        hoverStateEnabled: Boolean,
        isDirty: Boolean,
        items: Array,
        labelLocation: String,
        labelMode: String,
        minColWidth: Number,
        onContentReady: Function,
        onDisposing: Function,
        onEditorEnterKey: Function,
        onFieldDataChanged: Function,
        onInitialized: Function,
        onOptionChanged: Function,
        onSmartPasted: Function