@colijnit/sharedcomponents 1.0.22 → 1.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-sharedcomponents.umd.js +312 -6
- package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
- package/colijnit-sharedcomponents.metadata.json +1 -1
- package/esm2015/lib/components/circular-gauge/co-circular-gauge.component.js +125 -0
- package/esm2015/lib/components/circular-gauge/co-circular-gauge.module.js +21 -0
- package/esm2015/lib/components/linear-gauge/co-linear-gauge.component.js +55 -0
- package/esm2015/lib/components/linear-gauge/co-linear-gauge.module.js +19 -0
- package/esm2015/lib/components/statusbar/statusbar.component.js +81 -0
- package/esm2015/lib/components/statusbar/statusbar.module.js +23 -0
- package/esm2015/lib/service/shared-connector.service.js +1 -3
- package/esm2015/public-api.js +7 -1
- package/fesm2015/colijnit-sharedcomponents.js +310 -3
- package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
- package/lib/components/circular-gauge/co-circular-gauge.component.d.ts +20 -0
- package/lib/components/circular-gauge/co-circular-gauge.module.d.ts +2 -0
- package/lib/components/circular-gauge/style/_layout.scss +24 -0
- package/lib/components/circular-gauge/style/_material-definition.scss +8 -0
- package/lib/components/circular-gauge/style/_theme.scss +9 -0
- package/lib/components/circular-gauge/style/material.scss +5 -0
- package/lib/components/linear-gauge/co-linear-gauge.component.d.ts +16 -0
- package/lib/components/linear-gauge/co-linear-gauge.module.d.ts +2 -0
- package/lib/components/linear-gauge/style/_layout.scss +22 -0
- package/lib/components/linear-gauge/style/_material-definition.scss +8 -0
- package/lib/components/linear-gauge/style/_theme.scss +6 -0
- package/lib/components/linear-gauge/style/material.scss +5 -0
- package/lib/components/statusbar/statusbar.component.d.ts +23 -0
- package/lib/components/statusbar/statusbar.module.d.ts +2 -0
- package/lib/components/statusbar/style/_layout.scss +61 -0
- package/lib/components/statusbar/style/_material-definition.scss +23 -0
- package/lib/components/statusbar/style/_theme.scss +16 -0
- package/lib/components/statusbar/style/material.scss +6 -0
- package/package.json +1 -1
- package/public-api.d.ts +6 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.printStockStickers, global.printPriceStickers_bo, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction));
|
|
5
|
-
})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, printStockStickers, printPriceStickers_bo, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@syncfusion/ej2-angular-circulargauge')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@syncfusion/ej2-angular-circulargauge'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.printStockStickers, global.printPriceStickers_bo, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.ej2AngularCirculargauge));
|
|
5
|
+
})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, printStockStickers, printPriceStickers_bo, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, ej2AngularCirculargauge) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -1680,8 +1680,6 @@
|
|
|
1680
1680
|
return __generator(this, function (_a) {
|
|
1681
1681
|
this.articleConnector = new articles.Articles(this._optionsService.options);
|
|
1682
1682
|
this.sharedConnector = new sharedapi.Sharedapi(this._optionsService.options);
|
|
1683
|
-
console.log(this.articleConnector);
|
|
1684
|
-
console.log(this.sharedConnector);
|
|
1685
1683
|
return [2 /*return*/];
|
|
1686
1684
|
});
|
|
1687
1685
|
});
|
|
@@ -3326,6 +3324,308 @@
|
|
|
3326
3324
|
},] }
|
|
3327
3325
|
];
|
|
3328
3326
|
|
|
3327
|
+
var GaugeColor$1;
|
|
3328
|
+
(function (GaugeColor) {
|
|
3329
|
+
GaugeColor["Low"] = "#E0E0E0";
|
|
3330
|
+
GaugeColor["Medium"] = "#F88952";
|
|
3331
|
+
GaugeColor["High"] = "#5FDCB3";
|
|
3332
|
+
})(GaugeColor$1 || (GaugeColor$1 = {}));
|
|
3333
|
+
var CoCircularGaugeComponent = /** @class */ (function () {
|
|
3334
|
+
function CoCircularGaugeComponent() {
|
|
3335
|
+
this._color = GaugeColor$1.Low;
|
|
3336
|
+
this.majorTicks = {
|
|
3337
|
+
height: 0,
|
|
3338
|
+
};
|
|
3339
|
+
this.minorTicks = {
|
|
3340
|
+
height: 0
|
|
3341
|
+
};
|
|
3342
|
+
this.labelStyle = {
|
|
3343
|
+
position: 'Inside', useRangeColor: true,
|
|
3344
|
+
font: { size: '0px', fontFamily: 'inherit' }
|
|
3345
|
+
};
|
|
3346
|
+
this.lineStyle = {
|
|
3347
|
+
width: 0
|
|
3348
|
+
};
|
|
3349
|
+
this.ranges = [
|
|
3350
|
+
{
|
|
3351
|
+
start: 1, end: 100,
|
|
3352
|
+
radius: '13px',
|
|
3353
|
+
startWidth: 3, endWidth: 3,
|
|
3354
|
+
color: '#E0E0E0',
|
|
3355
|
+
roundedCornerRadius: 0
|
|
3356
|
+
},
|
|
3357
|
+
];
|
|
3358
|
+
}
|
|
3359
|
+
Object.defineProperty(CoCircularGaugeComponent.prototype, "value", {
|
|
3360
|
+
get: function () {
|
|
3361
|
+
return this._value;
|
|
3362
|
+
},
|
|
3363
|
+
set: function (value) {
|
|
3364
|
+
this._value = value;
|
|
3365
|
+
this._setColor();
|
|
3366
|
+
},
|
|
3367
|
+
enumerable: false,
|
|
3368
|
+
configurable: true
|
|
3369
|
+
});
|
|
3370
|
+
Object.defineProperty(CoCircularGaugeComponent.prototype, "color", {
|
|
3371
|
+
get: function () {
|
|
3372
|
+
return this._color;
|
|
3373
|
+
},
|
|
3374
|
+
enumerable: false,
|
|
3375
|
+
configurable: true
|
|
3376
|
+
});
|
|
3377
|
+
CoCircularGaugeComponent.prototype.showClass = function () {
|
|
3378
|
+
return true;
|
|
3379
|
+
};
|
|
3380
|
+
CoCircularGaugeComponent.prototype.getAxes = function () {
|
|
3381
|
+
return [{
|
|
3382
|
+
minimum: 0,
|
|
3383
|
+
maximum: 100,
|
|
3384
|
+
radius: '15px',
|
|
3385
|
+
startAngle: 1,
|
|
3386
|
+
endAngle: 360,
|
|
3387
|
+
majorTicks: this.majorTicks,
|
|
3388
|
+
minorTicks: this.minorTicks,
|
|
3389
|
+
labelStyle: this.labelStyle,
|
|
3390
|
+
lineStyle: this.lineStyle,
|
|
3391
|
+
ranges: this.ranges,
|
|
3392
|
+
pointers: this.getPointers(),
|
|
3393
|
+
annotations: this.getAnnotations(),
|
|
3394
|
+
}];
|
|
3395
|
+
};
|
|
3396
|
+
CoCircularGaugeComponent.prototype.getPointers = function () {
|
|
3397
|
+
if (this.value) {
|
|
3398
|
+
return [{
|
|
3399
|
+
roundedCornerRadius: 0,
|
|
3400
|
+
value: this.value,
|
|
3401
|
+
type: 'RangeBar',
|
|
3402
|
+
radius: '13px',
|
|
3403
|
+
color: this.color,
|
|
3404
|
+
border: {
|
|
3405
|
+
width: 0
|
|
3406
|
+
},
|
|
3407
|
+
animation: {
|
|
3408
|
+
enable: false
|
|
3409
|
+
},
|
|
3410
|
+
pointerWidth: 3
|
|
3411
|
+
}];
|
|
3412
|
+
}
|
|
3413
|
+
};
|
|
3414
|
+
;
|
|
3415
|
+
CoCircularGaugeComponent.prototype.getAnnotations = function () {
|
|
3416
|
+
if (this.value) {
|
|
3417
|
+
return [{
|
|
3418
|
+
content: '<div class="annotation">' +
|
|
3419
|
+
this.value + '%</div>',
|
|
3420
|
+
angle: 90,
|
|
3421
|
+
radius: '50%',
|
|
3422
|
+
zIndex: '10',
|
|
3423
|
+
}];
|
|
3424
|
+
}
|
|
3425
|
+
};
|
|
3426
|
+
CoCircularGaugeComponent.prototype._setColor = function () {
|
|
3427
|
+
if (this.value == 0) {
|
|
3428
|
+
this._color = GaugeColor$1.Low;
|
|
3429
|
+
}
|
|
3430
|
+
else if (this.value >= 0 && this.value < 100) {
|
|
3431
|
+
this._color = GaugeColor$1.Medium;
|
|
3432
|
+
}
|
|
3433
|
+
else if (this.value == 100) {
|
|
3434
|
+
this._color = GaugeColor$1.High;
|
|
3435
|
+
}
|
|
3436
|
+
};
|
|
3437
|
+
return CoCircularGaugeComponent;
|
|
3438
|
+
}());
|
|
3439
|
+
CoCircularGaugeComponent.decorators = [
|
|
3440
|
+
{ type: i0.Component, args: [{
|
|
3441
|
+
selector: "co-circular-gauge",
|
|
3442
|
+
template: "\n <div class=\"circular-gauge-wrapper\">\n <ejs-circulargauge\n class=\"circular-gauge\"\n [width]=\"'100%'\"\n [axes]=\"getAxes()\">\n </ejs-circulargauge>\n </div>\n ",
|
|
3443
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
3444
|
+
},] }
|
|
3445
|
+
];
|
|
3446
|
+
CoCircularGaugeComponent.propDecorators = {
|
|
3447
|
+
circulargauge: [{ type: i0.ViewChild, args: ['circulargauge',] }],
|
|
3448
|
+
value: [{ type: i0.Input }],
|
|
3449
|
+
showClass: [{ type: i0.HostBinding, args: ["class.co-circular-gauge",] }]
|
|
3450
|
+
};
|
|
3451
|
+
|
|
3452
|
+
var CoCircularGaugeModule = /** @class */ (function () {
|
|
3453
|
+
function CoCircularGaugeModule() {
|
|
3454
|
+
}
|
|
3455
|
+
return CoCircularGaugeModule;
|
|
3456
|
+
}());
|
|
3457
|
+
CoCircularGaugeModule.decorators = [
|
|
3458
|
+
{ type: i0.NgModule, args: [{
|
|
3459
|
+
imports: [
|
|
3460
|
+
common.CommonModule,
|
|
3461
|
+
ej2AngularCirculargauge.CircularGaugeModule
|
|
3462
|
+
],
|
|
3463
|
+
declarations: [
|
|
3464
|
+
CoCircularGaugeComponent
|
|
3465
|
+
],
|
|
3466
|
+
exports: [
|
|
3467
|
+
CoCircularGaugeComponent
|
|
3468
|
+
]
|
|
3469
|
+
},] }
|
|
3470
|
+
];
|
|
3471
|
+
|
|
3472
|
+
var GaugeColor;
|
|
3473
|
+
(function (GaugeColor) {
|
|
3474
|
+
GaugeColor["Low"] = "#E0E0E0";
|
|
3475
|
+
GaugeColor["Medium"] = "#F88952";
|
|
3476
|
+
GaugeColor["High"] = "#5FDCB3";
|
|
3477
|
+
})(GaugeColor || (GaugeColor = {}));
|
|
3478
|
+
var CoLinearGaugeComponent = /** @class */ (function () {
|
|
3479
|
+
function CoLinearGaugeComponent() {
|
|
3480
|
+
this.color = GaugeColor.Low;
|
|
3481
|
+
}
|
|
3482
|
+
Object.defineProperty(CoLinearGaugeComponent.prototype, "value", {
|
|
3483
|
+
get: function () {
|
|
3484
|
+
return this._value;
|
|
3485
|
+
},
|
|
3486
|
+
set: function (value) {
|
|
3487
|
+
this._value = value;
|
|
3488
|
+
this._setColor();
|
|
3489
|
+
},
|
|
3490
|
+
enumerable: false,
|
|
3491
|
+
configurable: true
|
|
3492
|
+
});
|
|
3493
|
+
CoLinearGaugeComponent.prototype.showClass = function () {
|
|
3494
|
+
return true;
|
|
3495
|
+
};
|
|
3496
|
+
CoLinearGaugeComponent.prototype.getStyle = function () {
|
|
3497
|
+
return "linear-gradient(90deg, " + this.color + " 0 " + this.value + "%, white " + this.value + "% 100%";
|
|
3498
|
+
};
|
|
3499
|
+
CoLinearGaugeComponent.prototype._setColor = function () {
|
|
3500
|
+
if (this.value == 0) {
|
|
3501
|
+
this.color = GaugeColor.Low;
|
|
3502
|
+
}
|
|
3503
|
+
else if (this.value >= 0 && this.value < 100) {
|
|
3504
|
+
this.color = GaugeColor.Medium;
|
|
3505
|
+
}
|
|
3506
|
+
else if (this.value == 100) {
|
|
3507
|
+
this.color = GaugeColor.High;
|
|
3508
|
+
}
|
|
3509
|
+
};
|
|
3510
|
+
return CoLinearGaugeComponent;
|
|
3511
|
+
}());
|
|
3512
|
+
CoLinearGaugeComponent.decorators = [
|
|
3513
|
+
{ type: i0.Component, args: [{
|
|
3514
|
+
selector: "co-linear-gauge",
|
|
3515
|
+
template: "\n <div class=\"linear-gauge\"\n [style.background]=\"getStyle()\"\n [style.border-color]=\"color\"\n [textContent]=\"count ? count : ''\"\n ></div>\n ",
|
|
3516
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
3517
|
+
},] }
|
|
3518
|
+
];
|
|
3519
|
+
CoLinearGaugeComponent.propDecorators = {
|
|
3520
|
+
value: [{ type: i0.Input }],
|
|
3521
|
+
count: [{ type: i0.Input }],
|
|
3522
|
+
showClass: [{ type: i0.HostBinding, args: ["class.co-linear-gauge",] }]
|
|
3523
|
+
};
|
|
3524
|
+
|
|
3525
|
+
var CoLinearGaugeModule = /** @class */ (function () {
|
|
3526
|
+
function CoLinearGaugeModule() {
|
|
3527
|
+
}
|
|
3528
|
+
return CoLinearGaugeModule;
|
|
3529
|
+
}());
|
|
3530
|
+
CoLinearGaugeModule.decorators = [
|
|
3531
|
+
{ type: i0.NgModule, args: [{
|
|
3532
|
+
imports: [
|
|
3533
|
+
common.CommonModule,
|
|
3534
|
+
],
|
|
3535
|
+
declarations: [
|
|
3536
|
+
CoLinearGaugeComponent
|
|
3537
|
+
],
|
|
3538
|
+
exports: [
|
|
3539
|
+
CoLinearGaugeComponent
|
|
3540
|
+
]
|
|
3541
|
+
},] }
|
|
3542
|
+
];
|
|
3543
|
+
|
|
3544
|
+
var StatusbarComponent = /** @class */ (function () {
|
|
3545
|
+
function StatusbarComponent() {
|
|
3546
|
+
this.statusbarClick = new i0.EventEmitter();
|
|
3547
|
+
this.showPopup = false;
|
|
3548
|
+
this.popupClass = 'dropdown';
|
|
3549
|
+
}
|
|
3550
|
+
Object.defineProperty(StatusbarComponent.prototype, "statusbarData", {
|
|
3551
|
+
get: function () {
|
|
3552
|
+
return this._statusbarData;
|
|
3553
|
+
},
|
|
3554
|
+
set: function (value) {
|
|
3555
|
+
this._statusbarData = value;
|
|
3556
|
+
},
|
|
3557
|
+
enumerable: false,
|
|
3558
|
+
configurable: true
|
|
3559
|
+
});
|
|
3560
|
+
StatusbarComponent.prototype.showClass = function () {
|
|
3561
|
+
return true;
|
|
3562
|
+
};
|
|
3563
|
+
StatusbarComponent.prototype.onHover = function (event) {
|
|
3564
|
+
this.showPopup = true;
|
|
3565
|
+
this._mouseY = event.screenY;
|
|
3566
|
+
this._windowHeight = window.innerHeight;
|
|
3567
|
+
this.setPopupClass();
|
|
3568
|
+
};
|
|
3569
|
+
StatusbarComponent.prototype.onLeave = function () {
|
|
3570
|
+
this.showPopup = false;
|
|
3571
|
+
};
|
|
3572
|
+
StatusbarComponent.prototype.onStatusbarClick = function () {
|
|
3573
|
+
this.statusbarClick.emit();
|
|
3574
|
+
};
|
|
3575
|
+
StatusbarComponent.prototype.setPopupClass = function () {
|
|
3576
|
+
var popupHeight = this.statusbarData.length * 30;
|
|
3577
|
+
var dropdownInScreen = (this._mouseY + popupHeight) <= this._windowHeight;
|
|
3578
|
+
if (dropdownInScreen) {
|
|
3579
|
+
this.popupClass = 'dropdown';
|
|
3580
|
+
}
|
|
3581
|
+
else {
|
|
3582
|
+
this.popupClass = 'dropup';
|
|
3583
|
+
}
|
|
3584
|
+
};
|
|
3585
|
+
return StatusbarComponent;
|
|
3586
|
+
}());
|
|
3587
|
+
StatusbarComponent.decorators = [
|
|
3588
|
+
{ type: i0.Component, args: [{
|
|
3589
|
+
selector: "co-statusbar",
|
|
3590
|
+
template: "\n <div class=\"co-statusbar-wrapper\"\n *ngIf=\"statusbarData\"\n (mouseover)=\"onHover($event)\"\n (mouseleave)=\"onLeave()\"\n (click)=\"onStatusbarClick()\">\n <div class=\"statuses\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n <co-linear-gauge [value]=\"data.percentage\" [count]=\"data.count ? data.count : undefined\"></co-linear-gauge>\n </div>\n </div>\n <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n <div class=\"status-descriptions\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n <span [textContent]=\"data.label\"></span>\n </div>\n </div>\n </div>\n </div>\n ",
|
|
3591
|
+
animations: [
|
|
3592
|
+
animations.trigger("showHidePopup", [
|
|
3593
|
+
animations.state("void", animations.style({ opacity: 0 })),
|
|
3594
|
+
animations.state("*", animations.style({ opacity: 1 })),
|
|
3595
|
+
animations.transition("void <=> *", animations.animate("250ms ease-in-out")),
|
|
3596
|
+
])
|
|
3597
|
+
],
|
|
3598
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
3599
|
+
},] }
|
|
3600
|
+
];
|
|
3601
|
+
StatusbarComponent.ctorParameters = function () { return []; };
|
|
3602
|
+
StatusbarComponent.propDecorators = {
|
|
3603
|
+
statusbarData: [{ type: i0.Input }],
|
|
3604
|
+
statusbarClick: [{ type: i0.Output }],
|
|
3605
|
+
showClass: [{ type: i0.HostBinding, args: ["class.co-statusbar",] }]
|
|
3606
|
+
};
|
|
3607
|
+
|
|
3608
|
+
var StatusbarModule = /** @class */ (function () {
|
|
3609
|
+
function StatusbarModule() {
|
|
3610
|
+
}
|
|
3611
|
+
return StatusbarModule;
|
|
3612
|
+
}());
|
|
3613
|
+
StatusbarModule.decorators = [
|
|
3614
|
+
{ type: i0.NgModule, args: [{
|
|
3615
|
+
imports: [
|
|
3616
|
+
common.CommonModule,
|
|
3617
|
+
CoCircularGaugeModule,
|
|
3618
|
+
CoLinearGaugeModule
|
|
3619
|
+
],
|
|
3620
|
+
declarations: [
|
|
3621
|
+
StatusbarComponent
|
|
3622
|
+
],
|
|
3623
|
+
exports: [
|
|
3624
|
+
StatusbarComponent
|
|
3625
|
+
]
|
|
3626
|
+
},] }
|
|
3627
|
+
];
|
|
3628
|
+
|
|
3329
3629
|
var SharedService = /** @class */ (function () {
|
|
3330
3630
|
function SharedService(options, connector) {
|
|
3331
3631
|
this.options = options;
|
|
@@ -3365,6 +3665,10 @@
|
|
|
3365
3665
|
* Generated bundle index. Do not edit.
|
|
3366
3666
|
*/
|
|
3367
3667
|
|
|
3668
|
+
exports.CoCircularGaugeComponent = CoCircularGaugeComponent;
|
|
3669
|
+
exports.CoCircularGaugeModule = CoCircularGaugeModule;
|
|
3670
|
+
exports.CoLinearGaugeComponent = CoLinearGaugeComponent;
|
|
3671
|
+
exports.CoLinearGaugeModule = CoLinearGaugeModule;
|
|
3368
3672
|
exports.DocsignComponent = DocsignComponent;
|
|
3369
3673
|
exports.DocsignModule = DocsignModule;
|
|
3370
3674
|
exports.KeyPadComponent = KeyPadComponent;
|
|
@@ -3374,6 +3678,8 @@
|
|
|
3374
3678
|
exports.SendMethodDialogComponent = SendMethodDialogComponent;
|
|
3375
3679
|
exports.SendMethodDialogModule = SendMethodDialogModule;
|
|
3376
3680
|
exports.SharedService = SharedService;
|
|
3681
|
+
exports.StatusbarComponent = StatusbarComponent;
|
|
3682
|
+
exports.StatusbarModule = StatusbarModule;
|
|
3377
3683
|
exports.StockComponent = StockComponent;
|
|
3378
3684
|
exports.StockModule = StockModule;
|
|
3379
3685
|
exports["ɵa"] = SignatureComponent;
|