2016-12-22 12:13:04 +03:00
|
|
|
import { CreateComponent, Utils, Type, CreateArrayTagDirective, CreateComplexDirective, ContentChild, forwardRef } from './core';
|
2017-03-02 10:00:00 +03:00
|
|
|
let DigitalGaugeItemInputs = Utils.AngularizeInputs(['characterSettings', 'characterSettings.count', 'characterSettings.opacity', 'characterSettings.spacing', 'characterSettings.type',
|
2016-12-22 12:13:04 +03:00
|
|
|
'enableCustomFont', 'font', 'font.fontFamily', 'font.fontStyle', 'font.size',
|
|
|
|
'position', 'position.x', 'position.y', 'segmentSettings', 'segmentSettings.color',
|
|
|
|
'segmentSettings.gradient', 'segmentSettings.length', 'segmentSettings.opacity', 'segmentSettings.spacing', 'segmentSettings.width',
|
|
|
|
'shadowBlur', 'shadowColor', 'shadowOffsetX', 'shadowOffsetY', 'textAlign',
|
2017-03-02 10:00:00 +03:00
|
|
|
'textColor', 'value'], []);
|
|
|
|
|
|
|
|
export let DigitalGaugeItemDirective = CreateComplexDirective({
|
|
|
|
selector: 'e-digitalgauge-items>e-digitalgauge-item',
|
|
|
|
inputs: DigitalGaugeItemInputs,
|
2016-12-22 12:13:04 +03:00
|
|
|
queries: {
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
tags: [ ],
|
|
|
|
complexes: ['characterSettings', 'font', 'position', 'segmentSettings'],
|
|
|
|
type: forwardRef(() => DigitalGaugeComponent)
|
|
|
|
});
|
|
|
|
|
|
|
|
|
2017-03-02 10:00:00 +03:00
|
|
|
export let DigitalGaugeItemsDirective = CreateArrayTagDirective('items', 'ej-digitalgauge>e-digitalgauge-items', DigitalGaugeItemDirective);
|
2016-12-22 12:13:04 +03:00
|
|
|
|
|
|
|
|
|
|
|
let Outputs = ['init', 'itemRendering', 'load', 'renderComplete'
|
|
|
|
, 'model.valueChange: valueChange'];
|
|
|
|
let ComplexProperties = ['frame'];
|
|
|
|
let Inputs = Utils.AngularizeInputs(['frame', 'height', 'isResponsive', 'matrixSegmentData', 'segmentData',
|
|
|
|
'themes', 'width', 'frame.backgroundImageUrl', 'frame.innerWidth', 'frame.outerWidth',
|
|
|
|
'items'], ['value']);
|
|
|
|
export let DigitalGaugeComponent = CreateComponent('DigitalGauge', {
|
|
|
|
selector: 'ej-digitalgauge',
|
|
|
|
inputs: Inputs,
|
|
|
|
outputs: Outputs,
|
|
|
|
template: '',
|
|
|
|
queries: {
|
2017-03-02 10:00:00 +03:00
|
|
|
_items : new ContentChild(DigitalGaugeItemsDirective),
|
2016-12-22 12:13:04 +03:00
|
|
|
}
|
|
|
|
}, {
|
|
|
|
tags: ['items'],
|
|
|
|
twoways: ['value'],
|
|
|
|
complexes: ComplexProperties,
|
|
|
|
});
|
|
|
|
|
2017-03-02 10:00:00 +03:00
|
|
|
export const EJ_DIGITALGAUGE_COMPONENTS: Type<any>[] = [DigitalGaugeComponent , DigitalGaugeItemsDirective, DigitalGaugeItemDirective];
|
2016-12-22 12:13:04 +03:00
|
|
|
|