@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
91 lines • 13.3 kB
JavaScript
import { Component, Injector, Input, ViewChild } from '@angular/core';
import { ChartComponent } from '../chart/chart.component';
import { CoreBaseComponent } from '../common/base.component';
import * as i0 from "@angular/core";
import * as i1 from "../chart/chart.component";
const _c0 = ["horizontalBarChart"];
/**
* @deprecated 'Please use StackedHorizontalBarChartComponent instead'
*/
export class HorizontalBarChartComponent extends CoreBaseComponent {
constructor(injector) {
super(injector);
this.initialized = false;
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'HorizontalBarChartComponent';
}
update(pData) {
if (this.initialized) {
this.data.datasets.forEach((dataset, index) => {
dataset.data = [pData[index]];
});
this.horizontalBarChart.refresh();
}
}
ngOnInit() {
// set 50px as default height. Must be set here in the init.
if (!this.height) {
this.height = 50;
}
this.options = {
legend: this.legend || { display: false },
tooltips: this.tooltips || { enabled: false },
animation: this.animation || false,
// do not change these options:
maintainAspectRatio: false,
responsive: true,
scales: {
xAxes: [{
stacked: true,
// do not display the axes or tick marks!
display: false,
ticks: {
// only 2 tick marks: 0 and max, but not displayed at all so no padding, etc. the graph goes end to end!
maxTicksLimit: 2,
// max is total amount so the two (or more) segments always add up to full width
max: this.data.total
}
}],
yAxes: [{
display: false
}]
}
};
}
ngAfterViewInit() {
this.initialized = true;
}
}
/** @nocollapse */ HorizontalBarChartComponent.ɵfac = function HorizontalBarChartComponent_Factory(t) { return new (t || HorizontalBarChartComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ HorizontalBarChartComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: HorizontalBarChartComponent, selectors: [["sme-horizontal-bar-chart"]], viewQuery: function HorizontalBarChartComponent_Query(rf, ctx) { if (rf & 1) {
i0.ɵɵviewQuery(_c0, 5);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.horizontalBarChart = _t.first);
} }, inputs: { legend: "legend", tooltips: "tooltips", animation: "animation", data: "data", height: "height" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["type", "horizontalBar", "height", "height", 1, "sme-position-flex-auto", "bar-chart", 3, "data", "options"], ["horizontalBarChart", ""]], template: function HorizontalBarChartComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "sme-chart", 0, 1);
} if (rf & 2) {
i0.ɵɵproperty("data", ctx.data)("options", ctx.options);
} }, dependencies: [i1.ChartComponent], styles: [".bar-chart[_ngcontent-%COMP%]{display:block;clear:both}.stat-title[_ngcontent-%COMP%]{font-weight:700}.divchart[_ngcontent-%COMP%]{clear:both;width:100%;position:relative;z-index:1}.divchart-bar[_ngcontent-%COMP%]{position:absolute;left:0;top:0;height:inherit;z-index:2}"] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HorizontalBarChartComponent, [{
type: Component,
args: [{ selector: 'sme-horizontal-bar-chart', template: "<sme-chart #horizontalBarChart class=\"sme-position-flex-auto bar-chart\" type=\"horizontalBar\" height=\"height\" [data]=\"data\" [options]=\"options\"></sme-chart>", styles: [".bar-chart{display:block;clear:both}.stat-title{font-weight:700}.divchart{clear:both;width:100%;position:relative;z-index:1}.divchart-bar{position:absolute;left:0;top:0;height:inherit;z-index:2}\n"] }]
}], function () { return [{ type: i0.Injector }]; }, { legend: [{
type: Input
}], tooltips: [{
type: Input
}], animation: [{
type: Input
}], data: [{
type: Input
}], height: [{
type: Input
}], horizontalBarChart: [{
type: ViewChild,
args: ['horizontalBarChart']
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC1iYXItY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvaG9yaXpvbnRhbC1iYXItY2hhcnQvaG9yaXpvbnRhbC1iYXItY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvaG9yaXpvbnRhbC1iYXItY2hhcnQvaG9yaXpvbnRhbC1iYXItY2hhcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0YsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBUTdEOztHQUVHO0FBQ0gsTUFBTSxPQUFPLDJCQUE0QixTQUFRLGlCQUFpQjtJQXdEOUQsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFmYixnQkFBVyxHQUFHLEtBQUssQ0FBQztJQWdCM0IsQ0FBQztJQXhERDs7T0FFRztJQUNILElBQWMsYUFBYTtRQUN2QixPQUFPLDZCQUE2QixDQUFDO0lBQ3pDLENBQUM7SUF1Q00sTUFBTSxDQUFDLEtBQWU7UUFDekIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDMUMsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ2xDLENBQUMsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ3JDO0lBQ0wsQ0FBQztJQU1NLFFBQVE7UUFDWCw0REFBNEQ7UUFDNUQsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztTQUNwQjtRQUNELElBQUksQ0FBQyxPQUFPLEdBQWlCO1lBQ3pCLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRTtZQUN6QyxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUU7WUFDN0MsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLElBQUksS0FBSztZQUVsQywrQkFBK0I7WUFDL0IsbUJBQW1CLEVBQUUsS0FBSztZQUMxQixVQUFVLEVBQUUsSUFBSTtZQUNoQixNQUFNLEVBQUU7Z0JBQ0osS0FBSyxFQUFFLENBQUM7d0JBQ0osT0FBTyxFQUFFLElBQUk7d0JBQ2IseUNBQXlDO3dCQUN6QyxPQUFPLEVBQUUsS0FBSzt3QkFDZCxLQUFLLEVBQUU7NEJBQ0gsd0dBQXdHOzRCQUN4RyxhQUFhLEVBQUUsQ0FBQzs0QkFDaEIsZ0ZBQWdGOzRCQUNoRixHQUFHLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLO3lCQUN2QjtxQkFDSixDQUFDO2dCQUNGLEtBQUssRUFBRSxDQUFDO3dCQUNKLE9BQU8sRUFBRSxLQUFLO3FCQUNqQixDQUFDO2FBQ0w7U0FDSixDQUFDO0lBRU4sQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQzs7eUhBL0ZRLDJCQUEyQjs2R0FBM0IsMkJBQTJCOzs7Ozs7UUNkeEMsa0NBQTJKOztRQUE5QywrQkFBYSx3QkFBQTs7dUZEYzdHLDJCQUEyQjtjQVJ2QyxTQUFTOzJCQUNJLDBCQUEwQjsyREFtQnBCLE1BQU07a0JBQXJCLEtBQUs7WUFLVSxRQUFRO2tCQUF2QixLQUFLO1lBS1UsU0FBUztrQkFBeEIsS0FBSztZQVFVLElBQUk7a0JBQW5CLEtBQUs7WUFLVSxNQUFNO2tCQUFyQixLQUFLO1lBU2tDLGtCQUFrQjtrQkFBekQsU0FBUzttQkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2hhcnRBbmltYXRpb25PcHRpb25zLCBDaGFydExlZ2VuZE9wdGlvbnMsIENoYXJ0T3B0aW9ucywgQ2hhcnRUb29sdGlwT3B0aW9ucyB9IGZyb20gJ2NoYXJ0LmpzJztcclxuaW1wb3J0IHsgQ2hhcnRDb21wb25lbnQgfSBmcm9tICcuLi9jaGFydC9jaGFydC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb3JlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbW1vbi9iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEN1c3RvbUhvcml6b250YWxCYXJDaGFydERhdGEgfSBmcm9tICcuL2N1c3RvbS1ob3Jpem9udGFsLWJhci1jaGFydC1kYXRhLmludGVyZmFjZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc21lLWhvcml6b250YWwtYmFyLWNoYXJ0JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ob3Jpem9udGFsLWJhci1jaGFydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9ob3Jpem9udGFsLWJhci1jaGFydC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuLyoqXHJcbiAqIEBkZXByZWNhdGVkICdQbGVhc2UgdXNlIFN0YWNrZWRIb3Jpem9udGFsQmFyQ2hhcnRDb21wb25lbnQgaW5zdGVhZCdcclxuICovXHJcbmV4cG9ydCBjbGFzcyBIb3Jpem9udGFsQmFyQ2hhcnRDb21wb25lbnQgZXh0ZW5kcyBDb3JlQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgc291cmNlIG5hbWUgdG8gdXNlIGZvciBsb2dnaW5nXHJcbiAgICAgKi9cclxuICAgIHByb3RlY3RlZCBnZXQgbG9nU291cmNlTmFtZSgpIHtcclxuICAgICAgICByZXR1cm4gJ0hvcml6b250YWxCYXJDaGFydENvbXBvbmVudCc7XHJcbiAgICB9XHJcbiAgICAvKipcclxuICAgICAqIElucHV0IGJpbmRpbmcgZm9yIG9wdGlvbmFsIGNoYXJ0LmpzIGxlZ2VuZCBvcHRpb24gb2JqZWN0IC0gZGVmYXVsdCBpcyBubyBsZWdlbmQuXHJcbiAgICAgKiAgU2VlIGh0dHA6Ly93d3cuY2hhcnRqcy5vcmcvZG9jcy8gZm9yIGEgY29tcGxldGUgbGlzdCBvZiAgbGVnZW5kLCB0b29sdGlwcywgYW5kIGFuaW1hdGlvbiBvcHRpb25zLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbGVnZW5kPzogQ2hhcnRMZWdlbmRPcHRpb25zO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogSW5wdXQgYmluZGluZyBmb3Igb3B0aW9uYWwgY2hhcnQuanMgdG9vbHRpcHMgb3B0aW9uIG9iamVjdCAtIGRlZmF1bHQgaXMgbm8gdG9vbHRpcHNcclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIHRvb2x0aXBzPzogQ2hhcnRUb29sdGlwT3B0aW9ucztcclxuXHJcbiAgICAvKipcclxuICAgICAqICBJbnB1dCBiaW5kaW5nIGZvciBvcHRpb25hbCBjaGFydC5qcyBhbmltYXRpb24gb2JqZWN0IC0gZGVmYXVsdCB0byBubyBhbmltYXRpb25cclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIGFuaW1hdGlvbj86IENoYXJ0QW5pbWF0aW9uT3B0aW9ucztcclxuXHJcbiAgICAvKipcclxuICAgICAqIElucHV0IGJpbmRpbmcgZm9yIGRhdGEgb2JqZWN0IHNpbWlsYXIgdG8gYSBjaGFydC5qcyBMaW5lYXJDaGFydERhdGEgb2JqZWN0LlxyXG4gICAgICogVGhpcyBpcyBzaW1pbGFyIHRvIHRoZSBkYXRhIG9iamVjdCB0aGF0IGluY2x1ZGVzIG9uZSBhZGRpdGlvbmFsIHBhcmFtZXRlcjogdG90YWwgc3VtIG9mIGFsbCBkYXRhLlxyXG4gICAgICogZGF0YS50b3RhbCBpcyB1c2VkIHRvIGdlbmVyYXRlIHRoZSBtYXhpbXVtIGF4aXMgc2l6ZSBzbyB0aGF0IGFsbCBiYXJzIG9uIHRoZSBjaGFydCBzdW0gdXAgdG8gdGhlIHNhbWUgYWJzb2x1dGVcclxuICAgICAqIHdpZHRoIHJlZ2FyZGxlc3Mgb2YgdGhlIHRvdGFsIHZhbHVlLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZGF0YTogQ3VzdG9tSG9yaXpvbnRhbEJhckNoYXJ0RGF0YTtcclxuXHJcbiAgICAvKipcclxuICAgICAqICBJbnB1dCBiaW5kaW5nIGZvciBoZWlnaHQgb2YgYmFyIGNoYXJ0IGluIHBpeGVscy4gRGVmYXVsdCB2YWx1ZSBpcyA1MDtcclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIGhlaWdodDogbnVtYmVyO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogY2hhcnQuanMgb3B0aW9ucyBvYmplY3QuIE90aGVyIHRoYW4gdGhlIG9wdGlvbmFsIGxlZ2VuZCwgdG9vbHRpcHMsIGFuZCBhbmltYXRpb24sIHRoZXNlIGFyZSBwcmUtc2V0IGFuZCBzaG91bGQgbm90IGJlIGFsdGVyZWQuXHJcbiAgICAgKi9cclxuICAgIHB1YmxpYyBvcHRpb25zOiBDaGFydE9wdGlvbnM7XHJcblxyXG4gICAgcHVibGljIGluaXRpYWxpemVkID0gZmFsc2U7XHJcblxyXG4gICAgQFZpZXdDaGlsZCgnaG9yaXpvbnRhbEJhckNoYXJ0JykgcHVibGljIGhvcml6b250YWxCYXJDaGFydDogQ2hhcnRDb21wb25lbnQ7XHJcblxyXG4gICAgcHVibGljIHVwZGF0ZShwRGF0YTogbnVtYmVyW10pIHtcclxuICAgICAgICBpZiAodGhpcy5pbml0aWFsaXplZCkge1xyXG4gICAgICAgICAgICB0aGlzLmRhdGEuZGF0YXNldHMuZm9yRWFjaCgoZGF0YXNldCwgaW5kZXgpID0+IHtcclxuICAgICAgICAgICAgICAgIGRhdGFzZXQuZGF0YSA9IFtwRGF0YVtpbmRleF1dO1xyXG4gICAgICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgICAgIHRoaXMuaG9yaXpvbnRhbEJhckNoYXJ0LnJlZnJlc2goKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcclxuICAgICAgICAvLyBzZXQgNTBweCBhcyBkZWZhdWx0IGhlaWdodC4gTXVzdCBiZSBzZXQgaGVyZSBpbiB0aGUgaW5pdC5cclxuICAgICAgICBpZiAoIXRoaXMuaGVpZ2h0KSB7XHJcbiAgICAgICAgICAgIHRoaXMuaGVpZ2h0ID0gNTA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMub3B0aW9ucyA9IDxDaGFydE9wdGlvbnM+e1xyXG4gICAgICAgICAgICBsZWdlbmQ6IHRoaXMubGVnZW5kIHx8IHsgZGlzcGxheTogZmFsc2UgfSxcclxuICAgICAgICAgICAgdG9vbHRpcHM6IHRoaXMudG9vbHRpcHMgfHwgeyBlbmFibGVkOiBmYWxzZSB9LFxyXG4gICAgICAgICAgICBhbmltYXRpb246IHRoaXMuYW5pbWF0aW9uIHx8IGZhbHNlLFxyXG5cclxuICAgICAgICAgICAgLy8gZG8gbm90IGNoYW5nZSB0aGVzZSBvcHRpb25zOlxyXG4gICAgICAgICAgICBtYWludGFpbkFzcGVjdFJhdGlvOiBmYWxzZSxcclxuICAgICAgICAgICAgcmVzcG9uc2l2ZTogdHJ1ZSxcclxuICAgICAgICAgICAgc2NhbGVzOiB7XHJcbiAgICAgICAgICAgICAgICB4QXhlczogW3tcclxuICAgICAgICAgICAgICAgICAgICBzdGFja2VkOiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgICAgIC8vIGRvIG5vdCBkaXNwbGF5IHRoZSBheGVzIG9yIHRpY2sgbWFya3MhXHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogZmFsc2UsXHJcbiAgICAgICAgICAgICAgICAgICAgdGlja3M6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgLy8gb25seSAyIHRpY2sgbWFya3M6IDAgYW5kIG1heCwgYnV0IG5vdCBkaXNwbGF5ZWQgYXQgYWxsIHNvIG5vIHBhZGRpbmcsIGV0Yy4gdGhlIGdyYXBoIGdvZXMgZW5kIHRvIGVuZCFcclxuICAgICAgICAgICAgICAgICAgICAgICAgbWF4VGlja3NMaW1pdDogMixcclxuICAgICAgICAgICAgICAgICAgICAgICAgLy8gbWF4IGlzIHRvdGFsIGFtb3VudCBzbyB0aGUgdHdvIChvciBtb3JlKSBzZWdtZW50cyBhbHdheXMgYWRkIHVwIHRvIGZ1bGwgd2lkdGhcclxuICAgICAgICAgICAgICAgICAgICAgICAgbWF4OiB0aGlzLmRhdGEudG90YWxcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XSxcclxuICAgICAgICAgICAgICAgIHlBeGVzOiBbe1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZhbHNlXHJcbiAgICAgICAgICAgICAgICB9XVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfTtcclxuXHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmluaXRpYWxpemVkID0gdHJ1ZTtcclxuICAgIH1cclxufVxyXG4iLCI8c21lLWNoYXJ0ICNob3Jpem9udGFsQmFyQ2hhcnQgY2xhc3M9XCJzbWUtcG9zaXRpb24tZmxleC1hdXRvIGJhci1jaGFydFwiIHR5cGU9XCJob3Jpem9udGFsQmFyXCIgaGVpZ2h0PVwiaGVpZ2h0XCIgW2RhdGFdPVwiZGF0YVwiIFtvcHRpb25zXT1cIm9wdGlvbnNcIj48L3NtZS1jaGFydD4iXX0=