"use strict";
// this is necessary to make vue.common.js functional in non-Node environments (e.g. SystemJS)
//let proc = window['process'] = window['process'] || {};
//proc.env = proc.env || {};
//proc.env.NODE_ENV = proc.env.NODE_ENV || 'debug';
Object.defineProperty(exports, "__esModule", { value: true });
// Vue2
// This import will work with vue.esm.js module (in ESM format = (ES5 code + ES6 import/export statements)), 
// destined for usage with WebPack. vue.esm.js exports its stuff using a "default export".
var vue_1 = require("vue");
// This import will work with vue.js (UMD) and vue.common.js (CommonJS) module, 
// that can be used with SystemJS. These modules can also be used with WebPack as well.
// These modules don't use "default export" to export their stuff.
var VueModule = require("vue");
// To make the same code functional with any Vue module kinds, we assign (VueModuleDefault || VueModule)
// to the Vue variable (one of them will contain a module reference while the other will be undefined),
// and use the Vue variable in code as the reference to the module.
exports.Vue = vue_1.default || VueModule;
//import { Vue}  from 'vue';
// In case where you need to work with vue.esm.js module only, you can import it by just this statement:
//import Vue from 'vue';
// In case where you need to work with vue.js or vue.common.js module only, you can import it by just this statement:
//import * as Vue from 'vue';
// Wijmo
// We don't need to import any symbols from Wijmo for Vue2 interop modules, we just need to load them,
// which will allow modules to globally register Vue2 components they contain.
require("wijmo/wijmo.vue2.input");
require("wijmo/wijmo.vue2.grid.multirow");
//Application
var DataSvc_1 = require("../services/DataSvc");
exports.WjMultiRowCmponents = exports.Vue.component('wj-multi-rows', {
    template: "\n       <div>\n            <h3>\n                MultiRow Control\n                </h3>\n            <div>\n                This section shows MultiRow Control. <b>Layout: </b>  &nbsp;   &nbsp;          \n                <wj-combo-box \n                    :items-source=\"layoutDefs\"\n                    display-member-path=\"name\"\n                    :text-changed=\"layoutDefChanged\"/>\n            </div> \n            <p />\n            <div class=\"seperator\" />\n            <wj-multi-row\n                :layout-definition=\"layoutDefinition\"\n                :items-source=\"orders\"/>\n            <p />\n            {{desc}}\n\n        </div>\n    ",
    data: function () {
        var layoutDefs = DataSvc_1.DataService.default.getLayoutDefs();
        return {
            orders: DataSvc_1.DataService.default.getMultiRowData(),
            layoutDefs: layoutDefs,
            layoutDefinition: layoutDefs.items[2].def,
            desc: layoutDefs.items[2].description
        };
    },
    methods: {
        layoutDefChanged: function (s, e) {
            var currentItem = this.layoutDefs.currentItem;
            //this.multiRow.layoutDefinition = currentItem.def;
            this.layoutDefinition = currentItem.def;
            this.desc = currentItem.description;
        }
    },
});
//# sourceMappingURL=WjMultiRows.js.map