@seniorsistemas/angular-components 17.2.18 → 17.2.20
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/seniorsistemas-angular-components.umd.js +95 -14
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/progressbar/components/progressbar-determinate/progressbar-determinate.component.d.ts +11 -0
- package/components/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.d.ts +5 -0
- package/components/progressbar/models/index.d.ts +1 -0
- package/components/progressbar/models/progressbar-mode.d.ts +4 -0
- package/components/progressbar/progressbar.component.d.ts +4 -2
- package/esm2015/components/dynamic-form/components/fields/text-area-ia/text-area-ia-field.component.js +3 -3
- package/esm2015/components/progressbar/components/progressbar-determinate/progressbar-determinate.component.js +42 -0
- package/esm2015/components/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.js +19 -0
- package/esm2015/components/progressbar/models/index.js +2 -1
- package/esm2015/components/progressbar/models/progressbar-mode.js +6 -0
- package/esm2015/components/progressbar/progressbar.component.js +15 -4
- package/esm2015/components/progressbar/progressbar.module.js +8 -2
- package/esm2015/seniorsistemas-angular-components.js +3 -1
- package/esm5/components/dynamic-form/components/fields/text-area-ia/text-area-ia-field.component.js +3 -3
- package/esm5/components/progressbar/components/progressbar-determinate/progressbar-determinate.component.js +43 -0
- package/esm5/components/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.js +22 -0
- package/esm5/components/progressbar/models/index.js +2 -1
- package/esm5/components/progressbar/models/progressbar-mode.js +6 -0
- package/esm5/components/progressbar/progressbar.component.js +15 -4
- package/esm5/components/progressbar/progressbar.module.js +8 -2
- package/esm5/seniorsistemas-angular-components.js +3 -1
- package/fesm2015/seniorsistemas-angular-components.js +90 -15
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +94 -15
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.d.ts +2 -0
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -7927,7 +7927,7 @@
|
|
|
7927
7927
|
this.fields = [
|
|
7928
7928
|
new FormField({
|
|
7929
7929
|
name: "context",
|
|
7930
|
-
type: exports.FieldType.
|
|
7930
|
+
type: exports.FieldType.Text,
|
|
7931
7931
|
label: this._translateService.instant("platform.angular_components.context"),
|
|
7932
7932
|
size: { sm: 12, md: 12, lg: 12, xl: 12 },
|
|
7933
7933
|
}),
|
|
@@ -7951,7 +7951,7 @@
|
|
|
7951
7951
|
], TextAreaIAFieldComponent.prototype, "formControl", void 0);
|
|
7952
7952
|
TextAreaIAFieldComponent = __decorate([
|
|
7953
7953
|
core.Component({
|
|
7954
|
-
template: "<s-loading-state\n [loading]=\"isLoading\"\n [blockWindow]=\"true\"> \n</s-loading-state>\n\n<p-dialog\n [(visible)]=\"isVisible\"\n [modal]=\"true\"\n [style]=\"{ width: '50vw' }\"\n [draggable]=\"false\"\n [resizable]=\"false\"\n (onHide)=\"onHideDialog()\">\n <p-header>\n <div class=\"dialog-header\">\n <span class=\"iassist-icon\">\n <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n </span>\n
|
|
7954
|
+
template: "<s-loading-state\n [loading]=\"isLoading\"\n [blockWindow]=\"true\"> \n</s-loading-state>\n\n<p-dialog\n [(visible)]=\"isVisible\"\n [modal]=\"true\"\n [style]=\"{ width: '50vw' }\"\n [draggable]=\"false\"\n [resizable]=\"false\"\n (onHide)=\"onHideDialog()\">\n <p-header>\n <div class=\"dialog-header\">\n <span class=\"iassist-icon\">\n <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n </span>\n IAssist - Content Generator\n </div>\n </p-header>\n <s-dynamic-form\n [fields]=\"fields\"\n [form]=\"formGroup\">\n </s-dynamic-form>\n <p-footer>\n <div class=\"footer-content\">\n <s-button\n id=\"-submit-button\"\n type=\"button\"\n [label]=\"'platform.angular_components.generate_text' | translate\"\n (onClick)=\"submitContext()\"\n sTooltip=\"(ALT + SHIFT + S)\"\n showDelay=\"500\">\n </s-button>\n <s-button\n id=\"-cancel-button\"\n type=\"button\"\n priority=\"link\"\n [label]=\"'platform.angular_components.cancel' | translate\"\n (onClick)=\"hideDialog()\"\n sTooltip=\"(ALT + SHIFT + C)\"\n showDelay=\"500\">\n </s-button>\n </div>\n </p-footer>\n</p-dialog>\n\n<div class=\"textarea-ia\">\n <textarea\n [id]=\"(field.id || field.name)\"\n pInputTextarea\n [rows]=\"field.rows\"\n [cols]=\"field.cols\"\n [formControl]=\"formControl\"\n style=\"resize: vertical;\"\n [ngStyle]=\"field.style\">\n </textarea>\n <button\n class=\"iassist-button\"\n (click)=\"showDialog()\"\n sTooltip=\"IAssist - Content Generator\">\n <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n </button>\n</div>\n\n<ng-template #iassistIcon>\n <svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n </svg>\n</ng-template>",
|
|
7955
7955
|
styles: [".footer-content{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0}.textarea-ia{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;gap:8px}.iassist-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:-ms-flexbox;display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}"]
|
|
7956
7956
|
})
|
|
7957
7957
|
], TextAreaIAFieldComponent);
|
|
@@ -15541,20 +15541,38 @@
|
|
|
15541
15541
|
return WorkspaceSwitchModule;
|
|
15542
15542
|
}());
|
|
15543
15543
|
|
|
15544
|
+
|
|
15545
|
+
(function (ProgressBarColors) {
|
|
15546
|
+
ProgressBarColors["Blue"] = "blue";
|
|
15547
|
+
ProgressBarColors["Green"] = "green";
|
|
15548
|
+
ProgressBarColors["Red"] = "red";
|
|
15549
|
+
ProgressBarColors["Yellow"] = "yellow";
|
|
15550
|
+
})(exports.ProgressBarColors || (exports.ProgressBarColors = {}));
|
|
15551
|
+
|
|
15552
|
+
var ProgressBarMode;
|
|
15553
|
+
(function (ProgressBarMode) {
|
|
15554
|
+
ProgressBarMode["Determinate"] = "determinate";
|
|
15555
|
+
ProgressBarMode["Indeterminate"] = "indeterminate";
|
|
15556
|
+
})(ProgressBarMode || (ProgressBarMode = {}));
|
|
15557
|
+
|
|
15544
15558
|
var ProgressBarComponent = /** @class */ (function () {
|
|
15545
15559
|
function ProgressBarComponent() {
|
|
15546
15560
|
this.showValue = true;
|
|
15561
|
+
this.mode = ProgressBarMode.Determinate;
|
|
15547
15562
|
}
|
|
15548
15563
|
ProgressBarComponent.prototype.ngOnInit = function () {
|
|
15549
|
-
this.
|
|
15564
|
+
this.validateInputs();
|
|
15550
15565
|
};
|
|
15551
|
-
ProgressBarComponent.prototype.
|
|
15566
|
+
ProgressBarComponent.prototype.validateInputs = function () {
|
|
15552
15567
|
if (this.value < 0 || this.value > 100) {
|
|
15553
15568
|
throw new Error("Invalid value for value");
|
|
15554
15569
|
}
|
|
15555
15570
|
if (this.targetValue < 0 || this.targetValue > 100) {
|
|
15556
15571
|
throw new Error("Invalid value for targetValue");
|
|
15557
15572
|
}
|
|
15573
|
+
if (this.mode === ProgressBarMode.Indeterminate && (this.value || this.targetValue || this.targetLabel)) {
|
|
15574
|
+
throw new Error("When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.");
|
|
15575
|
+
}
|
|
15558
15576
|
};
|
|
15559
15577
|
__decorate([
|
|
15560
15578
|
core.Input()
|
|
@@ -15562,6 +15580,9 @@
|
|
|
15562
15580
|
__decorate([
|
|
15563
15581
|
core.Input()
|
|
15564
15582
|
], ProgressBarComponent.prototype, "targetValue", void 0);
|
|
15583
|
+
__decorate([
|
|
15584
|
+
core.Input()
|
|
15585
|
+
], ProgressBarComponent.prototype, "label", void 0);
|
|
15565
15586
|
__decorate([
|
|
15566
15587
|
core.Input()
|
|
15567
15588
|
], ProgressBarComponent.prototype, "targetLabel", void 0);
|
|
@@ -15571,37 +15592,95 @@
|
|
|
15571
15592
|
__decorate([
|
|
15572
15593
|
core.Input()
|
|
15573
15594
|
], ProgressBarComponent.prototype, "showValue", void 0);
|
|
15595
|
+
__decorate([
|
|
15596
|
+
core.Input()
|
|
15597
|
+
], ProgressBarComponent.prototype, "mode", void 0);
|
|
15574
15598
|
ProgressBarComponent = __decorate([
|
|
15575
15599
|
core.Component({
|
|
15576
15600
|
selector: "s-progressbar",
|
|
15577
|
-
template: "<
|
|
15601
|
+
template: "<ng-container *ngIf=\"mode === 'determinate'; then pbDeterminateTemplate else pbIndeterminateTemplate\"></ng-container>\n\n<ng-template #pbDeterminateTemplate>\n <s-progressbar-determinate\n [value]=\"value\"\n [targetValue]=\"targetValue\"\n [targetLabel]=\"targetLabel\"\n [activeColor]=\"activeColor\"\n [showValue]=\"showValue\">\n </s-progressbar-determinate>\n</ng-template>\n\n<ng-template #pbIndeterminateTemplate>\n <s-progressbar-indeterminate\n [activeColor]=\"activeColor\"\n [label]=\"label\">\n </s-progressbar-indeterminate>\n</ng-template>",
|
|
15578
15602
|
styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
|
|
15579
15603
|
})
|
|
15580
15604
|
], ProgressBarComponent);
|
|
15581
15605
|
return ProgressBarComponent;
|
|
15582
15606
|
}());
|
|
15583
15607
|
|
|
15608
|
+
var ProgressBarDeterminateComponent = /** @class */ (function () {
|
|
15609
|
+
function ProgressBarDeterminateComponent() {
|
|
15610
|
+
this.showValue = true;
|
|
15611
|
+
}
|
|
15612
|
+
ProgressBarDeterminateComponent.prototype.ngOnInit = function () {
|
|
15613
|
+
this.validateValues();
|
|
15614
|
+
};
|
|
15615
|
+
ProgressBarDeterminateComponent.prototype.validateValues = function () {
|
|
15616
|
+
if (this.value < 0 || this.value > 100) {
|
|
15617
|
+
throw new Error("Invalid value for value");
|
|
15618
|
+
}
|
|
15619
|
+
if (this.targetValue < 0 || this.targetValue > 100) {
|
|
15620
|
+
throw new Error("Invalid value for targetValue");
|
|
15621
|
+
}
|
|
15622
|
+
};
|
|
15623
|
+
__decorate([
|
|
15624
|
+
core.Input()
|
|
15625
|
+
], ProgressBarDeterminateComponent.prototype, "value", void 0);
|
|
15626
|
+
__decorate([
|
|
15627
|
+
core.Input()
|
|
15628
|
+
], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
|
|
15629
|
+
__decorate([
|
|
15630
|
+
core.Input()
|
|
15631
|
+
], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
|
|
15632
|
+
__decorate([
|
|
15633
|
+
core.Input()
|
|
15634
|
+
], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
|
|
15635
|
+
__decorate([
|
|
15636
|
+
core.Input()
|
|
15637
|
+
], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
|
|
15638
|
+
ProgressBarDeterminateComponent = __decorate([
|
|
15639
|
+
core.Component({
|
|
15640
|
+
selector: "s-progressbar-determinate",
|
|
15641
|
+
template: "<div class=\"progressbar-determinate\">\n <div class=\"progressbar-container\">\n <div\n class=\"progressbar-active\"\n [ngClass]=\"{\n 'progressbar-active--blue' : activeColor === 'blue',\n 'progressbar-active--green': activeColor === 'green',\n 'progressbar-active--red': activeColor === 'red',\n 'progressbar-active--yellow': activeColor === 'yellow'\n }\"\n [ngStyle]=\"{ 'width': value + '%' }\">\n {{ showValue && value ? value + '%' : '' }}\n </div>\n </div>\n <div\n *ngIf=\"targetValue\"\n class=\"target\"\n [ngStyle]=\"{\n 'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n 'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n 'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n }\">\n <span class=\"target-line\"></span>\n <span class=\"target-label\">\n {{ targetLabel || value + '%' }}\n </span>\n </div>\n </div>\n ",
|
|
15642
|
+
styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
|
|
15643
|
+
})
|
|
15644
|
+
], ProgressBarDeterminateComponent);
|
|
15645
|
+
return ProgressBarDeterminateComponent;
|
|
15646
|
+
}());
|
|
15647
|
+
|
|
15648
|
+
var ProgressBarIndeterminateComponent = /** @class */ (function () {
|
|
15649
|
+
function ProgressBarIndeterminateComponent() {
|
|
15650
|
+
}
|
|
15651
|
+
__decorate([
|
|
15652
|
+
core.Input()
|
|
15653
|
+
], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
|
|
15654
|
+
__decorate([
|
|
15655
|
+
core.Input()
|
|
15656
|
+
], ProgressBarIndeterminateComponent.prototype, "label", void 0);
|
|
15657
|
+
ProgressBarIndeterminateComponent = __decorate([
|
|
15658
|
+
core.Component({
|
|
15659
|
+
selector: "s-progressbar-indeterminate",
|
|
15660
|
+
template: "<!-- progressbar-indeterminate.component.html -->\n<div class=\"progressbar-indeterminate\">\n <div class=\"progressbar-container\">\n <div class=\"indeterminate-bar\" [ngClass]=\"{\n 'indeterminate-bar--blue': activeColor === 'blue',\n 'indeterminate-bar--green': activeColor === 'green',\n 'indeterminate-bar--red': activeColor === 'red',\n 'indeterminate-bar--yellow': activeColor === 'yellow'\n }\"></div>\n </div>\n \n <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
|
|
15661
|
+
styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
|
|
15662
|
+
})
|
|
15663
|
+
], ProgressBarIndeterminateComponent);
|
|
15664
|
+
return ProgressBarIndeterminateComponent;
|
|
15665
|
+
}());
|
|
15666
|
+
|
|
15584
15667
|
var ProgressBarModule = /** @class */ (function () {
|
|
15585
15668
|
function ProgressBarModule() {
|
|
15586
15669
|
}
|
|
15587
15670
|
ProgressBarModule = __decorate([
|
|
15588
15671
|
core.NgModule({
|
|
15589
15672
|
imports: [common.CommonModule],
|
|
15590
|
-
declarations: [
|
|
15673
|
+
declarations: [
|
|
15674
|
+
ProgressBarComponent,
|
|
15675
|
+
ProgressBarDeterminateComponent,
|
|
15676
|
+
ProgressBarIndeterminateComponent,
|
|
15677
|
+
],
|
|
15591
15678
|
exports: [ProgressBarComponent],
|
|
15592
15679
|
})
|
|
15593
15680
|
], ProgressBarModule);
|
|
15594
15681
|
return ProgressBarModule;
|
|
15595
15682
|
}());
|
|
15596
15683
|
|
|
15597
|
-
|
|
15598
|
-
(function (ProgressBarColors) {
|
|
15599
|
-
ProgressBarColors["Blue"] = "blue";
|
|
15600
|
-
ProgressBarColors["Green"] = "green";
|
|
15601
|
-
ProgressBarColors["Red"] = "red";
|
|
15602
|
-
ProgressBarColors["Yellow"] = "yellow";
|
|
15603
|
-
})(exports.ProgressBarColors || (exports.ProgressBarColors = {}));
|
|
15604
|
-
|
|
15605
15684
|
var RatingScaleComponent = /** @class */ (function () {
|
|
15606
15685
|
function RatingScaleComponent() {
|
|
15607
15686
|
this.disabled = false;
|
|
@@ -16309,6 +16388,8 @@
|
|
|
16309
16388
|
exports.ɵcn = TieredMenuNestedComponent;
|
|
16310
16389
|
exports.ɵco = TieredMenuItemComponent;
|
|
16311
16390
|
exports.ɵcp = TieredMenuDividerComponent;
|
|
16391
|
+
exports.ɵcq = ProgressBarDeterminateComponent;
|
|
16392
|
+
exports.ɵcr = ProgressBarIndeterminateComponent;
|
|
16312
16393
|
exports.ɵd = LocalizedCurrencyImpurePipe;
|
|
16313
16394
|
exports.ɵe = LocalizedBignumberPipe;
|
|
16314
16395
|
exports.ɵf = LocalizedBignumberImpurePipe;
|