@doku-dev/doku-fragment
Version:
A new Angular UI library that moving away from Bootstrap and built from scratch.
57 lines • 6.67 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class DokuProgressBar {
constructor() {
/**
* Size of the progress bar.
* @default 'medium'
*/
this.size = 'medium';
/**
* Color of the completed bar.
* @default 'primary'
*/
this.color = 'primary';
/**
* Value of the completed bar.
* @default 0
*/
this.value = 0;
/**
* Whether to show label of the progress bar value.
* @default false
*/
this.showValueLabel = false;
}
get classes() {
return ['d-progress-bar', `d-progress-bar-${this.color}`, `d-progress-bar-${this.size}`];
}
}
DokuProgressBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
DokuProgressBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DokuProgressBar, isStandalone: true, selector: "doku-progress-bar", inputs: { size: "size", color: "color", value: "value", showValueLabel: "showValueLabel", height: "height" }, host: { properties: { "style.height.px": "this.height", "style.border-radius.px": "this.height", "class": "this.classes" } }, exportAs: ["dokuProgressBar"], ngImport: i0, template: "<div class=\"d-progress-bar-complete\" [style.width.%]=\"value\">\n <span *ngIf=\"showValueLabel\" class=\"d-progress-bar-value-label\"> {{ value }}% </span>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuProgressBar, decorators: [{
type: Component,
args: [{ selector: 'doku-progress-bar', exportAs: 'dokuProgressBar', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"d-progress-bar-complete\" [style.width.%]=\"value\">\n <span *ngIf=\"showValueLabel\" class=\"d-progress-bar-value-label\"> {{ value }}% </span>\n</div>\n" }]
}], propDecorators: { size: [{
type: Input
}], color: [{
type: Input
}], value: [{
type: Input
}], showValueLabel: [{
type: Input
}], height: [{
type: Input
}, {
type: HostBinding,
args: ['style.height.px']
}, {
type: HostBinding,
args: ['style.border-radius.px']
}], classes: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQVcsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7O0FBV3ZCLE1BQU0sT0FBTyxlQUFlO0lBVDVCO1FBVUU7OztXQUdHO1FBQ00sU0FBSSxHQUF1QixRQUFRLENBQUM7UUFFN0M7OztXQUdHO1FBQ00sVUFBSyxHQUFtQyxTQUFTLENBQUM7UUFFM0Q7OztXQUdHO1FBQ00sVUFBSyxHQUFHLENBQUMsQ0FBQztRQUVuQjs7O1dBR0c7UUFDTSxtQkFBYyxHQUFHLEtBQUssQ0FBQztLQWNqQztJQUpDLElBQ2MsT0FBTztRQUNuQixPQUFPLENBQUMsZ0JBQWdCLEVBQUUsa0JBQWtCLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxrQkFBa0IsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7SUFDM0YsQ0FBQzs7NEdBcENVLGVBQWU7Z0dBQWYsZUFBZSx3VkNsQjVCLDBLQUdBLDJDRFVZLFlBQVk7MkZBS1gsZUFBZTtrQkFUM0IsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkIsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUVSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBT3RDLElBQUk7c0JBQVosS0FBSztnQkFNRyxLQUFLO3NCQUFiLEtBQUs7Z0JBTUcsS0FBSztzQkFBYixLQUFLO2dCQU1HLGNBQWM7c0JBQXRCLEtBQUs7Z0JBUU4sTUFBTTtzQkFITCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGlCQUFpQjs7c0JBQzdCLFdBQVc7dUJBQUMsd0JBQXdCO2dCQUl2QixPQUFPO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUsIE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rva3UtcHJvZ3Jlc3MtYmFyJyxcbiAgZXhwb3J0QXM6ICdkb2t1UHJvZ3Jlc3NCYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEb2t1UHJvZ3Jlc3NCYXIge1xuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgcHJvZ3Jlc3MgYmFyLlxuICAgKiBAZGVmYXVsdCAnbWVkaXVtJ1xuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogJ21lZGl1bScgfCAnc21hbGwnID0gJ21lZGl1bSc7XG5cbiAgLyoqXG4gICAqIENvbG9yIG9mIHRoZSBjb21wbGV0ZWQgYmFyLlxuICAgKiBAZGVmYXVsdCAncHJpbWFyeSdcbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiAncHJpbWFyeScgfCAnZ3JlZW4nIHwgJ3llbGxvdycgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFZhbHVlIG9mIHRoZSBjb21wbGV0ZWQgYmFyLlxuICAgKiBAZGVmYXVsdCAwXG4gICAqL1xuICBASW5wdXQoKSB2YWx1ZSA9IDA7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gc2hvdyBsYWJlbCBvZiB0aGUgcHJvZ3Jlc3MgYmFyIHZhbHVlLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KCkgc2hvd1ZhbHVlTGFiZWwgPSBmYWxzZTtcblxuICAvKipcbiAgICogUHJvdmlkZSBjdXN0b20gaGVpZ2h0IG9mIHRoZSBwcm9ncmVzcyBiYXIuXG4gICAqL1xuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmhlaWdodC5weCcpXG4gIEBIb3N0QmluZGluZygnc3R5bGUuYm9yZGVyLXJhZGl1cy5weCcpXG4gIGhlaWdodD86IG51bWJlcjtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJvdGVjdGVkIGdldCBjbGFzc2VzKCk6IE5nQ2xhc3NbJ25nQ2xhc3MnXSB7XG4gICAgcmV0dXJuIFsnZC1wcm9ncmVzcy1iYXInLCBgZC1wcm9ncmVzcy1iYXItJHt0aGlzLmNvbG9yfWAsIGBkLXByb2dyZXNzLWJhci0ke3RoaXMuc2l6ZX1gXTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImQtcHJvZ3Jlc3MtYmFyLWNvbXBsZXRlXCIgW3N0eWxlLndpZHRoLiVdPVwidmFsdWVcIj5cbiAgPHNwYW4gKm5nSWY9XCJzaG93VmFsdWVMYWJlbFwiIGNsYXNzPVwiZC1wcm9ncmVzcy1iYXItdmFsdWUtbGFiZWxcIj4ge3sgdmFsdWUgfX0lIDwvc3Bhbj5cbjwvZGl2PlxuIl19