"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.gauge");
exports.WjGaugeCmponents = exports.Vue.component('wj-gauges', {
    template: "\n       <div>\n            <h3>\n                Gauge Controls\n                </h3>\n            <p>\n                This section shows Gauge controls: LinearGauge,RadialGauge and BulletGraph.\n            </p>\n\n                        <table class=\"table table-condensed\">\n                <tbody>\n                    <tr>\n                        <td><label htmlFor=\"n\">LinearGauge</label></td>\n                        <td>\n                            <wj-linear-gauge\n                                :value=\"value\"\n                                :min=\"min\"\n                                :max=\"max\"\n                                :format=\"format\"\n                                :is-read-only=\"false\"\n                                :thumb-size=\"30\"\n                                :value-changed=\"valueChanged\" />\n                                <p/>                        \n                        </td>\n                    </tr>\n                    <tr>\n                        <td><label htmlFor=\"n\">RadialGauge</label></td>\n                        <td>\n                            <wj-radial-gauge\n                                :value=\"value\"\n                                :min=\"min\"\n                                :max=\"max\"\n                                :format=\"format\"\n                                :is-read-only=\"false\"\n                                :value-changed=\"valueChanged\" />\n                        </td>\n                    </tr>\n                    <tr>\n                        <td><label htmlFor=\"n\">BulletGraph</label></td>\n                        <td>\n                            <wj-bullet-graph\n                                  :value=\"value\"\n                                  :min=\"min\"\n                                  :bad=\"40\"\n                                  :target=\"60\"\n                                  :good=\"60\"\n                                  :max=\"max\"/>\n                                  <p/>\n                        </td>\n                     </tr>\n                                         <tr>\n                        <td><label htmlFor=\"n\">Value:</label></td>\n                        <td>\n                        <div class=\"detail\">\n                            <wj-input-number\n                                :value=\"value\"\n                                :value-changed=\"valueChanged\"\n                                :min=\"min\"\n                                :max=\"max\"\n                                :step=\"step\"\n                                :format=\"format\"/>                                \n                    </div>\n                        </td>\n                     </tr>\n                  </tbody>\n                </table>\n\n        </div>\n    ",
    data: function () {
        return {
            value: 50,
            min: 0,
            max: 100,
            format: 'n0',
            step: 10
        };
    },
    methods: {
        valueChanged: function (s, e) {
            this.value = s.value;
        }
    },
});
//# sourceMappingURL=WjGauges.js.map