/*
*
* Wijmo Library 5.20183.567
* http://wijmo.com/
*
* Copyright(c) GrapeCity, Inc. All rights reserved.
*
* Licensed under the GrapeCity Commercial License.
* sales@wijmo.com
* wijmo.com/products/wijmo-5/license/
*
*/
declare var Vue: any;
declare module wijmo.vue2 {
var WjVueBase: any;
class WjComponentBehavior {
static tag: string;
static render: (createElement: () => any) => any;
static className: string;
static classCtor: () => any;
static parentProp: string;
static parentInCtor: boolean;
static siblingId: string;
static data: any;
static extraProps: string[];
private static readonly _typeSiblingIdAttr;
static readonly _behClassProp: string;
static readonly _behProp: string;
private static _siblingDirId;
private _siblingId;
private _isMounted;
private _mountedCBs;
private _siblingInsertedEH;
readonly component: any;
control: any;
parent: WjComponentBehavior;
['constructor']: typeof WjComponentBehavior;
static _attach(component: any): WjComponentBehavior;
static register(): any;
constructor(component: any);
lhMounted(): void;
lhDestroyed(): void;
protected _createControl(): any;
protected _initParent(): void;
protected _updateControl(property: string, newValue: any): void;
private _prepareControl();
private _isChild();
private _isParentInCtor();
private _getParentProp();
private _getSiblingIndex();
private _siblingInserted(e);
private _getElement();
private static _getControlType();
_mountedCB(cb: () => void): void;
}
function _getProps(ctlClass: string, extraProps?: string[]): string[];
function _initialize(component: any, ctl: any): any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that includes a given HTML fragment into the document.
*
* The wj-include component takes a src attribute that
* specifies a file to load and include into the document. For example:
*
* <wj-popup control="modalDialog" :modal="true" :hide-trigger="None">
* <wj-include src="includes/dialog.htm"></wj-include>
* </wj-popup>
*/
var WjInclude: any;
/**
* Vue filter that applies globalized formatting to dates and numbers.
*
* For example, the code below uses the wj-format filter to format
* a number as a currency value and a date as a short date using the
* current Wijmo culture:
*
* <p>value: {{ theAmount | wj-format('c') }}</p>
* <p>date: {{ theDate | wj-format('d') }}</p>
*/
var WjFormat: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.input.ListBox control.
*/
var WjListBox: any;
/**
* Vue component that encapsulates the @see:wijmo.input.ComboBox control.
*/
var WjComboBox: any;
/**
* Vue component that encapsulates the @see:wijmo.input.AutoComplete control.
*/
var WjAutoComplete: any;
/**
* Vue component that encapsulates the @see:wijmo.input.Calendar control.
*/
var WjCalendar: any;
/**
* Vue component that encapsulates the @see:wijmo.input.ColorPicker control.
*/
var WjColorPicker: any;
/**
* Vue component that encapsulates the @see:wijmo.input.InputMask control.
*/
var WjInputMask: any;
/**
* Vue component that encapsulates the @see:wijmo.input.InputColor control.
*/
var WjInputColor: any;
/**
* Vue component that encapsulates the @see:wijmo.input.MultiSelect control.
*/
var WjMultiSelect: any;
/**
* Vue component that encapsulates the @see:wijmo.input.MultiAutoComplete control.
*/
var WjMultiAutoComplete: any;
/**
* Vue component that encapsulates the @see:wijmo.input.InputNumber control.
*/
var WjInputNumber: any;
/**
* Vue component that encapsulates the @see:wijmo.input.InputDate control.
*/
var WjInputDate: any;
/**
* Vue component that encapsulates the @see:wijmo.input.InputTime control.
*/
var WjInputTime: any;
/**
* Vue component that encapsulates the @see:wijmo.input.InputDateTime control.
*/
var WjInputDateTime: any;
/**
* Vue component that encapsulates the @see:wijmo.input.Menu control.
*/
var WjMenu: any;
/**
* Vue component that encapsulates the @see:wijmo.input.Popup control.
*/
var WjPopup: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.grid.FlexGrid control.
* The example below shows how to instantiate and initialize a
* @see:wijmo.grid.FlexGrid control using Vue markup:
*
* <wj-flex-grid
* :items-source="data">
* <wj-flex-grid-column binding="name" header="Name">
* </wj-flex-grid-column>
* <wj-flex-grid-column binding="sales" header="Sales" format="c0">
* </wj-flex-grid-column>
* <wj-flex-grid-column binding="expenses" header="Expenses" format="c0">
* </wj-flex-grid-column>
* <wj-flex-grid-column binding="active" header="Active">
* </wj-flex-grid-column>
* <wj-flex-grid-column binding="date" header="Date">
* </wj-flex-grid-column>
* </wj-flex-grid>
*
* The code sets the itemsSource property to a collection that contains the grid
* data, then specifies the columns to display using wj-flex-grid-column
* components.
*/
var WjFlexGrid: any;
/**
* Vue component that represents a @see:wijmo.grid.Column in a @see:wijmo.vue2.WjFlexGrid.
*/
var WjFlexGridColumn: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that represents a @see:wijmo.grid.filter.FlexGridFilter in a @see:wijmo.vue2.WjFlexGrid.
*
* The example below shows how to instantiate and initialize a
* @see:wijmo.grid.filter.FlexGridFilter control with a filter using Vue markup:
*
* <wj-flex-grid
* :items-source="data">
* <wj-flex-grid-filter></wj-flex-grid-filter>
* </wj-flex-grid>
*/
var WjFlexGridFilter: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.grid.grouppanel.GroupPanel control.
*
* The example below shows how to instantiate and connect a
* @see:wijmo.grid.grouppanel.GroupPanel and a @see:wijmo.grid.FlexGrid
* in Vue:
*
* <wj-group-panel
* id="thePanel"
* placeholder="Drag columns here to create Groups">
* </wj-group-panel>
* <wj-flex-grid
* id="theGrid"
* :items-source="data">
* </wj-flex-grid>
*
* var app = new Vue({
* el: '#app',
* // connect group panel and grid
* mounted: function () {
* var panel = wijmo.Control.getControl(document.getElementById('thePanel'));
* var grid = wijmo.Control.getControl(document.getElementById('theGrid'));
* panel.grid = grid;
* }
* });
*/
var WjGroupPanel: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that represents a @see:wijmo.grid.detail.FlexGridDetailProvider in a @see:wijmo.vue2.WjFlexGrid.
*/
var WjFlexGridDetail: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.grid.multirow.MultiRow control.
*/
var WjMultiRow: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.chart.FlexChart control.
*
* The example below shows how to instantiate and initialize a
* @see:wijmo.chart.FlexChart control using Vue markup:
*
* <wj-flex-chart
* :items-source="data"
* binding-x="country"
* :header="props.header"
* :footer="props.footer">
*
* <wj-flex-chart-legend :position="props.legendPosition">
* </wj-flex-chart-legend>
* <wj-flex-chart-axis wj-property="axisX" :title="props.titleX">
* </wj-flex-chart-axis>
* <wj-flex-chart-axis wj-property="axisY" :title="props.titleY">
* </wj-flex-chart-axis>
*
* <wj-flex-chart-series name="Sales" binding="sales">
* </wj-flex-chart-series>
* <wj-flex-chart-series name="Expenses" binding="expenses">
* </wj-flex-chart-series>
* <wj-flex-chart-series name="Downloads" binding="downloads">
* </wj-flex-chart-series>
* </wj-flex-chart>
*
* The code sets the itemsSource property to a collection that contains the chart
* data and the bindingX property to the data property that contains the chart X values.
* It also sets the chart's header and footer properties to define titles to
* show above and below the chart.
*
* The wj-flex-chart-legend and wj-flex-chart-axis components are used to
* customize the chart's legend and axes.
*
* Finally, three wj-flex-chart-series components are used to specify the data
* properties to be shown on the chart.
*/
var WjFlexChart: any;
/**
* Vue component that encapsulates the @see:wijmo.chart.FlexPie control.
*/
var WjFlexPie: any;
/**
* Vue component that represents a @see:wijmo.chart.Axis in one of the following components:
* @see:wijmo.vue2.WjFlexChart
* , @see:wijmo.vue2.WjFlexChartSeries
* , @see:wijmo.vue2.WjFinancialChart
* or @see:wijmo.vue2.WjFinancialChartSeries.
*/
var WjFlexChartAxis: any;
/**
* Vue component that represents a @see:wijmo.chart.Legend in one of the following components:
* @see:wijmo.vue2.WjFlexChart
* , @see:wijmo.vue2.WjFlexPie
* , @see:wijmo.vue2.WjFinancialChart
* , @see:wijmo.vue2.WjFlexRadar
* or @see:wijmo.vue2.WjSunburst.
*/
var WjFlexChartLegend: any;
/**
* Vue component that represents a @see:wijmo.chart.DataLabel in a @see:wijmo.vue2.WjFlexChart.
*/
var WjFlexChartDataLabel: any;
/**
* Vue component that represents a @see:wijmo.chart.PieDataLabel in a @see:wijmo.vue2.WjFlexPie.
*/
var WjFlexPieDataLabel: any;
/**
* Vue component that represents a @see:wijmo.chart.Series in a @see:wijmo.vue2.WjFlexChart.
*/
var WjFlexChartSeries: any;
/**
* Vue component that represents a @see:wijmo.chart.LineMarker in one of the following components:
* @see:wijmo.vue2.WjFlexChart
* or @see:wijmo.vue2.WjFinancialChart.
*/
var WjFlexChartLineMarker: any;
/**
* Vue component that represents a @see:wijmo.chart.DataPoint in one of the following components:
* @see:wijmo.vue2.WjFlexChartAnnotationText
* , @see:wijmo.vue2.WjFlexChartAnnotationEllipse
* , @see:wijmo.vue2.WjFlexChartAnnotationRectangle
* , @see:wijmo.vue2.WjFlexChartAnnotationLine
* , @see:wijmo.vue2.WjFlexChartAnnotationPolygon
* , @see:wijmo.vue2.WjFlexChartAnnotationCircle
* , @see:wijmo.vue2.WjFlexChartAnnotationSquare
* or @see:wijmo.vue2.WjFlexChartAnnotationImage.
*/
var WjFlexChartDataPoint: any;
/**
* Vue component that represents a @see:wijmo.chart.PlotArea in one of the following components:
* @see:wijmo.vue2.WjFlexChart
* or @see:wijmo.vue2.WjFinancialChart.
*/
var WjFlexChartPlotArea: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.olap.PivotGrid control.
*/
var WjPivotGrid: any;
/**
* Vue component that encapsulates the @see:wijmo.olap.PivotChart control.
*/
var WjPivotChart: any;
/**
* Vue component that encapsulates the @see:wijmo.olap.PivotPanel control.
*/
var WjPivotPanel: any;
/**
* Vue component that encapsulates the @see:wijmo.olap.Slicer control.
*/
var WjSlicer: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.viewer.ReportViewer control.
*/
var WjReportViewer: any;
/**
* Vue component that encapsulates the @see:wijmo.viewer.PdfViewer control.
*/
var WjPdfViewer: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.gauge.LinearGauge control.
*
* The example below shows how to instantiate and initialize a
* @see:wijmo.gauge.LinearGauge control using Vue markup:
*
* <wj-linear-gauge
* :min="0" :max="1000" :step="50" :is-read-only="false"
* format="c0" :thumb-size="20"
* :show-ranges="false"
* :value="sales"
* :value-changed="salesChanged">
* <wj-range wj-property="face" :thickness="0.5">
* </wj-range>
* <wj-range wj-property="pointer" :thickness="0.5">
* </wj-range>
* <wj-range :min="0" :max="333" color="red">
* </wj-range>
* <wj-range :min="333" :max="666" color="gold">
* </wj-range>
* <wj-range :min="666" :max="1000" color="green">
* </wj-range>
* </wj-linear-gauge>
*
* The code min, max, step, and isReadOnly properties
* to define the range of the gauge and to allow users to edit its value.
* Next, it binds the gauge's value property to a sales variable
* in the controller.
*
* Then it sets the format, thumbSize, and showRanges
* properties to define the appearance of the gauge. Finally, the markup sets
* the thickness of the face and pointer ranges, and extra ranges
* that will control the color of the value range depending on the gauge's
* current value.
*/
var WjLinearGauge: any;
/**
* Vue component that encapsulates the @see:wijmo.gauge.BulletGraph control.
*/
var WjBulletGraph: any;
/**
* Vue component that encapsulates the @see:wijmo.gauge.RadialGauge control.
*
* The example below shows how to instantiate and initialize a
* @see:wijmo.gauge.RadialGauge control using Vue markup:
*
* <wj-radial-gauge
* :min="0" :max="1000" :step="50" :is-read-only="false"
* format="c0" :thumb-size="12" :show-text="Value"
* :show-ranges="false"
* :value="sales"
* :value-changed="salesChanged">
* <wj-range wj-property="face" :thickness="0.5">
* </wj-range>
* <wj-range wj-property="pointer" :thickness="0.5">
* </wj-range>
* <wj-range :min="0" :max="333" color="red">
* </wj-range>
* <wj-range :min="333" :max="666" color="gold">
* </wj-range>
* <wj-range :min="666" :max="1000" color="green">
* </wj-range>
* </wj-radial-gauge>
*
* The code min, max, step, and isReadOnly properties
* to define the range of the gauge and to allow users to edit its value.
* Next, it binds the gauge's value property to a sales variable
* in the controller.
*
* Then it sets the format, thumbSize, and showRanges
* properties to define the appearance of the gauge. Finally, the markup sets
* the thickness of the face and pointer ranges, and extra ranges
* that will control the color of the value range depending on the gauge's
* current value.
*/
var WjRadialGauge: any;
/**
* Vue component that represents a @see:wijmo.gauge.Range in one of the following components:
* @see:wijmo.vue2.WjLinearGauge
* , @see:wijmo.vue2.WjBulletGraph
* or @see:wijmo.vue2.WjRadialGauge.
*/
var WjRange: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.nav.TreeView control.
*/
var WjTreeView: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.chart.finance.FinancialChart control.
*/
var WjFinancialChart: any;
/**
* Vue component that represents a @see:wijmo.chart.finance.FinancialSeries in a @see:wijmo.vue2.WjFinancialChart.
*/
var WjFinancialChartSeries: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.chart.hierarchical.Sunburst control.
*/
var WjSunburst: any;
/**
* Vue component that encapsulates the @see:wijmo.chart.hierarchical.TreeMap control.
*/
var WjTreeMap: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.chart.radar.FlexRadar control.
*/
var WjFlexRadar: any;
/**
* Vue component that represents a @see:wijmo.chart.radar.FlexRadarAxis in one of the following components:
* @see:wijmo.vue2.WjFlexRadar
* or @see:wijmo.vue2.WjFlexRadarSeries.
*/
var WjFlexRadarAxis: any;
/**
* Vue component that represents a @see:wijmo.chart.radar.FlexRadarSeries in a @see:wijmo.vue2.WjFlexRadar.
*/
var WjFlexRadarSeries: any;
}
declare var Vue: any;
/**
* Wijmo interop module for Vue 2.
*
* This module provides Vue 2 components that encapsulate Wijmo controls.
*
* To use it, your application must include references to the Vue 2
* framework (RC6 or later), as well as the regular Wijmo CSS and js files.
*
* To add Wijmo controls to Vue pages, include the appropriate
* tags in your HTML files. For example, the code below adds
* an @see:InputNumber control to a Vue page:
*
* <wj-input-number
* format="c2"
* placeholder="Sales"
* :value="sales"
* :value-changed="salesChanged"
* :min="0"
* :max="10000"
* :step="100"
* :is-required="false">
* </wj-input-number>
*
* // Wijmo event handler
* // update "sales" value to match the InputNumber value
* function salesChanged(sender, eventArgs) {
* this.sales = sender.value;
* }
*
* The example illustrates the following important points:
*
*
* -
* Wijmo controls have tag names that start with the "wj" prefix, followed by
* the control name using lower-case and hyphen separators.
* -
* The tag attribute names match the control's properties and events.
* -
* Colons before attribute names indicate the attribute value should be
* interpreted as JavaScript expressions (e.g.
:min="0").
* -
* Event handlers are specified the same way as regular properties
* (e.g.
:value-changed="salesChanged").
* -
* In Vue2, all bindings are one-way. In the example above, the "salesChanged"
* event handler is responsible for updating the value of the "sales"
* property in the model. This is a change from Vue 1, where two-way bindings
* could be created by adding the ".sync" suffix to any attribute.
*
*
* All Wijmo Vue components include an "initialized" event that is
* raised after the control has been added to the page and initialized.
* You can use this event to perform additional initialization in addition
* to setting properties in markup. For example:
*
* <wj-flex-grid :initialized="initGrid">
* </wj-flex-grid>
* // Vue application
* var app = new Vue({
* el: '#app',
* methods: {
* initGrid: function(s, e) {
* // assign a custom MergeManager to the grid
* s.mergeManager = new CustomMergeManager(s);
* }
* }
* });
*/
declare module wijmo.vue2 {
/**
* Vue component that encapsulates the @see:wijmo.grid.sheet.FlexSheet control.
*/
var WjFlexSheet: any;
/**
* Vue component that represents a @see:wijmo.grid.sheet.Sheet in a @see:wijmo.vue2.WjFlexSheet.
*/
var WjSheet: any;
}