@daffodil/design 0.69.0 → 0.70.0
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/atoms/progress-indicator/progress-indicator.component.d.ts +2 -1
- package/esm2022/atoms/progress-indicator/progress-indicator.component.mjs +3 -2
- package/esm2022/progress-bar/animation/progress-bar-animation.mjs +9 -0
- package/esm2022/progress-bar/daffodil-design-progress-bar.mjs +5 -0
- package/esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs +5 -0
- package/esm2022/progress-bar/examples/index.mjs +2 -0
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +12 -0
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.module.mjs +24 -0
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +12 -0
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.mjs +24 -0
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +18 -0
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.mjs +28 -0
- package/esm2022/progress-bar/examples/public_api.mjs +12 -0
- package/esm2022/progress-bar/progress-bar.component.mjs +142 -0
- package/esm2022/progress-bar/progress-bar.module.mjs +24 -0
- package/esm2022/progress-bar/public_api.mjs +3 -0
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +113 -0
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-progress-bar.mjs +178 -0
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -0
- package/fesm2022/daffodil-design.mjs +2 -1
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/package.json +1 -1
- package/progress-bar/README.md +27 -0
- package/progress-bar/animation/progress-bar-animation.d.ts +4 -0
- package/progress-bar/examples/index.d.ts +1 -0
- package/progress-bar/examples/progress-bar-default/progress-bar-default.component.d.ts +5 -0
- package/progress-bar/examples/progress-bar-default/progress-bar-default.module.d.ts +8 -0
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.d.ts +5 -0
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.d.ts +8 -0
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.d.ts +9 -0
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.d.ts +9 -0
- package/progress-bar/examples/public_api.d.ts +2 -0
- package/progress-bar/index.d.ts +5 -0
- package/progress-bar/progress-bar.component.d.ts +76 -0
- package/progress-bar/progress-bar.module.d.ts +8 -0
- package/progress-bar/public_api.d.ts +2 -0
- package/progress-bar/src/progress-bar-theme.scss +68 -0
- package/scss/theme.scss +2 -0
@@ -19,7 +19,8 @@ declare const _daffProgressIndicatorBase: {
|
|
19
19
|
};
|
20
20
|
} & typeof DaffProgressIndicatorBase;
|
21
21
|
/**
|
22
|
-
* @
|
22
|
+
* @deprecated in v1.0.0
|
23
|
+
* Use `DaffProgressBarComponent` instead.
|
23
24
|
*/
|
24
25
|
export declare class DaffProgressIndicatorComponent extends _daffProgressIndicatorBase implements DaffColorable {
|
25
26
|
private elementRef;
|
@@ -13,7 +13,8 @@ class DaffProgressIndicatorBase {
|
|
13
13
|
}
|
14
14
|
const _daffProgressIndicatorBase = daffColorMixin(DaffProgressIndicatorBase, 'primary');
|
15
15
|
/**
|
16
|
-
* @
|
16
|
+
* @deprecated in v1.0.0
|
17
|
+
* Use `DaffProgressBarComponent` instead.
|
17
18
|
*/
|
18
19
|
export class DaffProgressIndicatorComponent extends _daffProgressIndicatorBase {
|
19
20
|
/**
|
@@ -78,4 +79,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
|
|
78
79
|
}], finished: [{
|
79
80
|
type: Output
|
80
81
|
}] } });
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLHVCQUF1QixFQUN2QixVQUFVLEVBQ1YsTUFBTSxFQUNOLFlBQVksRUFDWixTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzFGLE9BQU8sRUFDTCxjQUFjLEdBR2YsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFFekM7O0dBRUc7QUFDSCxNQUFNLHlCQUF5QjtJQUM3QixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLDBCQUEwQixHQUFHLGNBQWMsQ0FBQyx5QkFBeUIsRUFBRSxTQUFTLENBQUMsQ0FBQztBQUV4Rjs7O0dBR0c7QUFhSCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsMEJBQTBCO0lBc0I1RTs7OztPQUlHO0lBQ0gsbUJBQW1CLENBQUMsS0FBcUI7UUFDdkMsZ0ZBQWdGO1FBQ2hGLHVEQUF1RDtRQUN2RCxJQUFHLEtBQUssQ0FBQyxPQUFPLEtBQUssS0FBSyxJQUFJLEtBQUssQ0FBQyxPQUFPLEtBQUssR0FBRyxFQUFFO1lBQ25ELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQ3RCLE1BQU0sRUFBRTtnQkFDTixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7YUFDNUI7U0FDRixDQUFDO0lBQ0osQ0FBQztJQUVELFlBQW9CLFVBQXNCLEVBQVUsUUFBbUI7UUFDckUsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQURWLGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBN0N2RTs7V0FFRztRQUMyQyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBRTNEOzs7O1dBSUc7UUFDSCxrRUFBa0U7UUFDekQsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUVoQzs7O1dBR0c7UUFDTyxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUE4QjVELENBQUM7aUlBakRVLDhCQUE4QjtxSEFBOUIsOEJBQThCLHdQQzVDM0Msd0hBQWdILHVFRHdDbEc7WUFDViw4QkFBOEIsQ0FBQyxJQUFJO1NBQ3BDOzsyRkFFVSw4QkFBOEI7a0JBWjFDLFNBQVM7K0JBQ0UseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNLFVBR3ZDLENBQUMsT0FBTyxDQUFDLGNBQ0w7d0JBQ1YsOEJBQThCLENBQUMsSUFBSTtxQkFDcEM7dUdBTzZDLEtBQUs7c0JBQWxELFdBQVc7dUJBQUMsK0JBQStCO2dCQVFuQyxVQUFVO3NCQUFsQixLQUFLO2dCQU1JLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmltYXRpb25FdmVudCB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEVsZW1lbnRSZWYsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBSZW5kZXJlcjIsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZGFmZlByb2dyZXNzSW5kaWNhdG9yQW5pbWF0aW9uIH0gZnJvbSAnLi9hbmltYXRpb24vcHJvZ3Jlc3MtaW5kaWNhdG9yLWFuaW1hdGlvbic7XG5pbXBvcnQge1xuICBkYWZmQ29sb3JNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbiAgRGFmZlBhbGV0dGUsXG59IGZyb20gJy4uLy4uL2NvcmUvY29sb3JhYmxlL3B1YmxpY19hcGknO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIENvbG9yYWJsZSBtaXhpblxuICovXG5jbGFzcyBEYWZmUHJvZ3Jlc3NJbmRpY2F0b3JCYXNle1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZQcm9ncmVzc0luZGljYXRvckJhc2UgPSBkYWZmQ29sb3JNaXhpbihEYWZmUHJvZ3Jlc3NJbmRpY2F0b3JCYXNlLCAncHJpbWFyeScpO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIGluIHYxLjAuMFxuICogVXNlIGBEYWZmUHJvZ3Jlc3NCYXJDb21wb25lbnRgIGluc3RlYWQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtcHJvZ3Jlc3MtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgLy90b2RvKGRhbWllbndlYmRldik6IHJlbW92ZSBvbmNlIGRlY29yYXRvcnMgaGl0IHN0YWdlIDMgLSBodHRwczovL2dpdGh1Yi5jb20vbWljcm9zb2Z0L1R5cGVTY3JpcHQvaXNzdWVzLzczNDJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dHMtbWV0YWRhdGEtcHJvcGVydHlcbiAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICBkYWZmUHJvZ3Jlc3NJbmRpY2F0b3JBbmltYXRpb24uZmlsbCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlByb2dyZXNzSW5kaWNhdG9yQ29tcG9uZW50IGV4dGVuZHMgX2RhZmZQcm9ncmVzc0luZGljYXRvckJhc2UgaW1wbGVtZW50cyBEYWZmQ29sb3JhYmxlIHtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLXByb2dyZXNzLWluZGljYXRvcicpIGNsYXNzID0gdHJ1ZTtcblxuICAvKipcbiAgICogVGhlIHBlcmNlbnRhZ2UgY29tcGxldGlvbiBvZiB0aGUgcHJvZ3Jlc3Npb24sXG4gICAqIGV4cHJlc3NlZCBhcyBhIHdob2xlIG51bWJlciBiZXR3ZWVuIDAgYW5kIDEwMC5cbiAgICpcbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8taW5mZXJyYWJsZS10eXBlc1xuICBASW5wdXQoKSBwZXJjZW50YWdlOiBudW1iZXIgPSAwO1xuXG4gIC8qKlxuICAgKiBBbiBldmVudCB0aGF0IGVtaXRzIGVhY2ggdGltZSB0aGUgcHJvZ3Jlc3Npb24gcmVhY2hlcyAxMDAlXG4gICAqIGFuZCB0aGUgYW5pbWF0aW9uIGlzIGZpbmlzaGVkXG4gICAqL1xuICBAT3V0cHV0KCkgZmluaXNoZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG4gIC8qKlxuICAgKiBDYWxjdWxhdGVzIHdoZW4gdGhlIHByb2dyZXNzIGFuaW1hdGlvbiBpcyBmdWxseSBjb21wbGV0ZWRcbiAgICpcbiAgICogQHBhcmFtIGV2ZW50OiBBbmltYXRpb25FdmVudFxuICAgKi9cbiAgb25BbmltYXRpb25Db21wbGV0ZShldmVudDogQW5pbWF0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yOiBAYW5ndWxhci9hbmltYXRpb25zIHR5cGluZyBlcnJvciBvbiBldmVudC50b1N0YXRlIGFzIHN0cmluZ1xuICAgIC8vIFNlZTogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvYW5ndWxhci9pc3N1ZXMvMjY1MDdcbiAgICBpZihldmVudC50b1N0YXRlID09PSAnMTAwJyB8fCBldmVudC50b1N0YXRlID09PSAxMDApIHtcbiAgICAgIHRoaXMuZmluaXNoZWQuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgZmlsbFN0YXRlKCk6IGFueSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHZhbHVlOiB0aGlzLnBlcmNlbnRhZ2UsXG4gICAgICBwYXJhbXM6IHtcbiAgICAgICAgcGVyY2VudGFnZTogdGhpcy5wZXJjZW50YWdlLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgICBzdXBlcihlbGVtZW50UmVmLCByZW5kZXJlcik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLXByb2dyZXNzLWluZGljYXRvcl9fZmlsbFwiIFtAZmlsbF09XCJmaWxsU3RhdGVcIiAoQGZpbGwuZG9uZSk9XCJvbkFuaW1hdGlvbkNvbXBsZXRlKCRldmVudClcIj48L2Rpdj4iXX0=
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
2
|
+
export const daffProgressBarAnimation = {
|
3
|
+
fill: trigger('fill', [
|
4
|
+
state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 } }),
|
5
|
+
transition('void <=> *', animate(0)),
|
6
|
+
transition('* <=> *', animate(1000)),
|
7
|
+
]),
|
8
|
+
};
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLWFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9zcmMvYW5pbWF0aW9uL3Byb2dyZXNzLWJhci1hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEdBRVIsTUFBTSxxQkFBcUIsQ0FBQztBQUU3QixNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FFakM7SUFDRixJQUFJLEVBQUUsT0FBTyxDQUFDLE1BQU0sRUFBRTtRQUNwQixLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxvQ0FBb0MsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLEVBQUMsQ0FBQztRQUNwRyxVQUFVLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQyxVQUFVLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztLQUNyQyxDQUFDO0NBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGFuaW1hdGUsXG4gIHN0YXRlLFxuICBzdHlsZSxcbiAgdHJhbnNpdGlvbixcbiAgdHJpZ2dlcixcbiAgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLFxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IGRhZmZQcm9ncmVzc0JhckFuaW1hdGlvbjoge1xuICByZWFkb25seSBmaWxsOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICBmaWxsOiB0cmlnZ2VyKCdmaWxsJywgW1xuICAgIHN0YXRlKCcqJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZVgoY2FsYyh7eyBwZXJjZW50YWdlIH19LzEwMCkpJyB9KSwgeyBwYXJhbXM6IHsgcGVyY2VudGFnZTogMCB9fSksXG4gICAgdHJhbnNpdGlvbigndm9pZCA8PT4gKicsIGFuaW1hdGUoMCkpLFxuICAgIHRyYW5zaXRpb24oJyogPD0+IConLCBhbmltYXRlKDEwMDApKSxcbiAgXSksXG59O1xuIl19
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './public_api';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLXByb2dyZXNzLWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9zcmMvZGFmZm9kaWwtZGVzaWduLXByb2dyZXNzLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './index';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLXByb2dyZXNzLWJhci1leGFtcGxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9leGFtcGxlcy9zcmMvZGFmZm9kaWwtZGVzaWduLXByb2dyZXNzLWJhci1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './public_api';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wcm9ncmVzcy1iYXIvZXhhbXBsZXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@daffodil/design/progress-bar";
|
4
|
+
export class ProgressBarDefaultComponent {
|
5
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
6
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ProgressBarDefaultComponent, selector: "progress-bar-default", ngImport: i0, template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["color", "percentage", "indeterminate"], outputs: ["finished"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
7
|
+
}
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponent, decorators: [{
|
9
|
+
type: Component,
|
10
|
+
args: [{ selector: 'progress-bar-default', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
|
11
|
+
}] });
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLWRlZmF1bHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcHJvZ3Jlc3MtYmFyL2V4YW1wbGVzL3NyYy9wcm9ncmVzcy1iYXItZGVmYXVsdC9wcm9ncmVzcy1iYXItZGVmYXVsdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wcm9ncmVzcy1iYXIvZXhhbXBsZXMvc3JjL3Byb2dyZXNzLWJhci1kZWZhdWx0L3Byb2dyZXNzLWJhci1kZWZhdWx0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFjdkIsTUFBTSxPQUFPLDJCQUEyQjtpSUFBM0IsMkJBQTJCO3FIQUEzQiwyQkFBMkIsNERDakJ4Qyx5SEFHQTs7MkZEY2EsMkJBQTJCO2tCQVp2QyxTQUFTOytCQUVFLHNCQUFzQixtQkFRZix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3Byb2dyZXNzLWJhci1kZWZhdWx0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWJhci1kZWZhdWx0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfWBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NCYXJEZWZhdWx0Q29tcG9uZW50IHt9XG4iLCI8ZGFmZi1wcm9ncmVzcy1iYXIgcGVyY2VudGFnZT1cIjI1XCI+XG5cdDxsYWJlbCBkYWZmUHJvZ3Jlc3NCYXJMYWJlbD5Qcm9ncmVzcyBiYXIgbGFiZWw8L2xhYmVsPlxuPC9kYWZmLXByb2dyZXNzLWJhcj5cbiJdfQ==
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { DaffProgressBarModule } from '@daffodil/design/progress-bar';
|
3
|
+
import { ProgressBarDefaultComponent } from './progress-bar-default.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class ProgressBarDefaultComponentModule {
|
6
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, declarations: [ProgressBarDefaultComponent], imports: [DaffProgressBarModule], exports: [ProgressBarDefaultComponent] }); }
|
8
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, imports: [DaffProgressBarModule] }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, decorators: [{
|
11
|
+
type: NgModule,
|
12
|
+
args: [{
|
13
|
+
declarations: [
|
14
|
+
ProgressBarDefaultComponent,
|
15
|
+
],
|
16
|
+
exports: [
|
17
|
+
ProgressBarDefaultComponent,
|
18
|
+
],
|
19
|
+
imports: [
|
20
|
+
DaffProgressBarModule,
|
21
|
+
],
|
22
|
+
}]
|
23
|
+
}] });
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLWRlZmF1bHQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcHJvZ3Jlc3MtYmFyL2V4YW1wbGVzL3NyYy9wcm9ncmVzcy1iYXItZGVmYXVsdC9wcm9ncmVzcy1iYXItZGVmYXVsdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV0RSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFhL0UsTUFBTSxPQUFPLGlDQUFpQztpSUFBakMsaUNBQWlDO2tJQUFqQyxpQ0FBaUMsaUJBVDFDLDJCQUEyQixhQU0zQixxQkFBcUIsYUFIckIsMkJBQTJCO2tJQU1sQixpQ0FBaUMsWUFIMUMscUJBQXFCOzsyRkFHWixpQ0FBaUM7a0JBWDdDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmUHJvZ3Jlc3NCYXJNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL3Byb2dyZXNzLWJhcic7XG5cbmltcG9ydCB7IFByb2dyZXNzQmFyRGVmYXVsdENvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyLWRlZmF1bHQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgUHJvZ3Jlc3NCYXJEZWZhdWx0Q29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgUHJvZ3Jlc3NCYXJEZWZhdWx0Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZlByb2dyZXNzQmFyTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0JhckRlZmF1bHRDb21wb25lbnRNb2R1bGUgeyB9XG4iXX0=
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@daffodil/design/progress-bar";
|
4
|
+
export class ProgressBarIndeterminateComponent {
|
5
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
6
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ProgressBarIndeterminateComponent, selector: "progress-bar-indeterminate", ngImport: i0, template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["color", "percentage", "indeterminate"], outputs: ["finished"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
7
|
+
}
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponent, decorators: [{
|
9
|
+
type: Component,
|
10
|
+
args: [{ selector: 'progress-bar-indeterminate', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
|
11
|
+
}] });
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLWluZGV0ZXJtaW5hdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcHJvZ3Jlc3MtYmFyL2V4YW1wbGVzL3NyYy9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wcm9ncmVzcy1iYXIvZXhhbXBsZXMvc3JjL3Byb2dyZXNzLWJhci1pbmRldGVybWluYXRlL3Byb2dyZXNzLWJhci1pbmRldGVybWluYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFjdkIsTUFBTSxPQUFPLGlDQUFpQztpSUFBakMsaUNBQWlDO3FIQUFqQyxpQ0FBaUMsa0VDakI5QyxtSEFFb0I7OzJGRGVQLGlDQUFpQztrQkFaN0MsU0FBUzsrQkFFRSw0QkFBNEIsbUJBUXJCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAncHJvZ3Jlc3MtYmFyLWluZGV0ZXJtaW5hdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtYmFyLWluZGV0ZXJtaW5hdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBnYXA6IDhweDtcbiAgICB9YF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0JhckluZGV0ZXJtaW5hdGVDb21wb25lbnQge31cbiIsIjxkYWZmLXByb2dyZXNzLWJhciBpbmRldGVybWluYXRlPlxuXHQ8bGFiZWwgZGFmZlByb2dyZXNzQmFyTGFiZWw+UHJvZ3Jlc3MgYmFyIGxhYmVsPC9sYWJlbD5cbjwvZGFmZi1wcm9ncmVzcy1iYXI+Il19
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { DaffProgressBarModule } from '@daffodil/design/progress-bar';
|
3
|
+
import { ProgressBarIndeterminateComponent } from './progress-bar-indeterminate.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class ProgressBarIndeterminateComponentModule {
|
6
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, declarations: [ProgressBarIndeterminateComponent], imports: [DaffProgressBarModule], exports: [ProgressBarIndeterminateComponent] }); }
|
8
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, imports: [DaffProgressBarModule] }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, decorators: [{
|
11
|
+
type: NgModule,
|
12
|
+
args: [{
|
13
|
+
declarations: [
|
14
|
+
ProgressBarIndeterminateComponent,
|
15
|
+
],
|
16
|
+
exports: [
|
17
|
+
ProgressBarIndeterminateComponent,
|
18
|
+
],
|
19
|
+
imports: [
|
20
|
+
DaffProgressBarModule,
|
21
|
+
],
|
22
|
+
}]
|
23
|
+
}] });
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLWluZGV0ZXJtaW5hdGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcHJvZ3Jlc3MtYmFyL2V4YW1wbGVzL3NyYy9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV0RSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFhM0YsTUFBTSxPQUFPLHVDQUF1QztpSUFBdkMsdUNBQXVDO2tJQUF2Qyx1Q0FBdUMsaUJBVGhELGlDQUFpQyxhQU1qQyxxQkFBcUIsYUFIckIsaUNBQWlDO2tJQU14Qix1Q0FBdUMsWUFIaEQscUJBQXFCOzsyRkFHWix1Q0FBdUM7a0JBWG5ELFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlDQUFpQztxQkFDbEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlDQUFpQztxQkFDbEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmUHJvZ3Jlc3NCYXJNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL3Byb2dyZXNzLWJhcic7XG5cbmltcG9ydCB7IFByb2dyZXNzQmFySW5kZXRlcm1pbmF0ZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyLWluZGV0ZXJtaW5hdGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgUHJvZ3Jlc3NCYXJJbmRldGVybWluYXRlQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgUHJvZ3Jlc3NCYXJJbmRldGVybWluYXRlQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZlByb2dyZXNzQmFyTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0JhckluZGV0ZXJtaW5hdGVDb21wb25lbnRNb2R1bGUgeyB9XG4iXX0=
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@daffodil/design/progress-bar";
|
5
|
+
import * as i2 from "@angular/forms";
|
6
|
+
export class ProgressBarThemesComponent {
|
7
|
+
constructor() {
|
8
|
+
this.color = 'primary';
|
9
|
+
this.colorControl = new FormControl('');
|
10
|
+
}
|
11
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ProgressBarThemesComponent, selector: "progress-bar-themes", ngImport: i0, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["color", "percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
13
|
+
}
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponent, decorators: [{
|
15
|
+
type: Component,
|
16
|
+
args: [{ selector: 'progress-bar-themes', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
|
17
|
+
}] });
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLXRoZW1lcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wcm9ncmVzcy1iYXIvZXhhbXBsZXMvc3JjL3Byb2dyZXNzLWJhci10aGVtZXMvcHJvZ3Jlc3MtYmFyLXRoZW1lcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wcm9ncmVzcy1iYXIvZXhhbXBsZXMvc3JjL3Byb2dyZXNzLWJhci10aGVtZXMvcHJvZ3Jlc3MtYmFyLXRoZW1lcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFpQjdDLE1BQU0sT0FBTywwQkFBMEI7SUFidkM7UUFjRSxVQUFLLEdBQWdCLFNBQVMsQ0FBQztRQUUvQixpQkFBWSxHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUNqRDtpSUFKWSwwQkFBMEI7cUhBQTFCLDBCQUEwQiwyRENyQnZDLDZqQkFhUzs7MkZEUUksMEJBQTBCO2tCQWJ0QyxTQUFTOytCQUVFLHFCQUFxQixtQkFTZCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgRGFmZlBhbGV0dGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAncHJvZ3Jlc3MtYmFyLXRoZW1lcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1iYXItdGhlbWVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICBnYXA6IDE2cHg7XG4gICAgfWBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NCYXJUaGVtZXNDb21wb25lbnQge1xuICBjb2xvcjogRGFmZlBhbGV0dGUgPSAncHJpbWFyeSc7XG5cbiAgY29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG59XG4iLCI8ZGFmZi1wcm9ncmVzcy1iYXIgcGVyY2VudGFnZT1cIjI1XCIgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuXHQ8bGFiZWwgZGFmZlByb2dyZXNzQmFyTGFiZWw+UHJvZ3Jlc3MgYmFyIGxhYmVsPC9sYWJlbD5cbjwvZGFmZi1wcm9ncmVzcy1iYXI+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uIHZhbHVlPVwiXCI+RGVmYXVsdDwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwicHJpbWFyeVwiPlByaW1hcnk8L29wdGlvbj5cblx0PG9wdGlvbiB2YWx1ZT1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGhlbWVcIj5UaGVtZTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwid2hpdGVcIj5XaGl0ZTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwiYmxhY2tcIj5CbGFjazwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
3
|
+
import { DaffProgressBarModule } from '@daffodil/design/progress-bar';
|
4
|
+
import { ProgressBarThemesComponent } from './progress-bar-themes.component';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
export class ProgressBarThemesComponentModule {
|
7
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
8
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, declarations: [ProgressBarThemesComponent], imports: [DaffProgressBarModule,
|
9
|
+
ReactiveFormsModule], exports: [ProgressBarThemesComponent] }); }
|
10
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, imports: [DaffProgressBarModule,
|
11
|
+
ReactiveFormsModule] }); }
|
12
|
+
}
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, decorators: [{
|
14
|
+
type: NgModule,
|
15
|
+
args: [{
|
16
|
+
declarations: [
|
17
|
+
ProgressBarThemesComponent,
|
18
|
+
],
|
19
|
+
exports: [
|
20
|
+
ProgressBarThemesComponent,
|
21
|
+
],
|
22
|
+
imports: [
|
23
|
+
DaffProgressBarModule,
|
24
|
+
ReactiveFormsModule,
|
25
|
+
],
|
26
|
+
}]
|
27
|
+
}] });
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLXRoZW1lcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wcm9ncmVzcy1iYXIvZXhhbXBsZXMvc3JjL3Byb2dyZXNzLWJhci10aGVtZXMvcHJvZ3Jlc3MtYmFyLXRoZW1lcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV0RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFjN0UsTUFBTSxPQUFPLGdDQUFnQztpSUFBaEMsZ0NBQWdDO2tJQUFoQyxnQ0FBZ0MsaUJBVnpDLDBCQUEwQixhQU0xQixxQkFBcUI7WUFDckIsbUJBQW1CLGFBSm5CLDBCQUEwQjtrSUFPakIsZ0NBQWdDLFlBSnpDLHFCQUFxQjtZQUNyQixtQkFBbUI7OzJGQUdWLGdDQUFnQztrQkFaNUMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osMEJBQTBCO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMEJBQTBCO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vcHJvZ3Jlc3MtYmFyJztcblxuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJUaGVtZXNDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzLWJhci10aGVtZXMuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgUHJvZ3Jlc3NCYXJUaGVtZXNDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBQcm9ncmVzc0JhclRoZW1lc0NvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0JhclRoZW1lc0NvbXBvbmVudE1vZHVsZSB7IH1cbiJdfQ==
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { ProgressBarDefaultComponent } from './progress-bar-default/progress-bar-default.component';
|
2
|
+
import { ProgressBarDefaultComponentModule } from './progress-bar-default/progress-bar-default.module';
|
3
|
+
import { ProgressBarIndeterminateComponent } from './progress-bar-indeterminate/progress-bar-indeterminate.component';
|
4
|
+
import { ProgressBarIndeterminateComponentModule } from './progress-bar-indeterminate/progress-bar-indeterminate.module';
|
5
|
+
import { ProgressBarThemesComponent } from './progress-bar-themes/progress-bar-themes.component';
|
6
|
+
import { ProgressBarThemesComponentModule } from './progress-bar-themes/progress-bar-themes.module';
|
7
|
+
export const PROGRESS_BAR_EXAMPLES = [
|
8
|
+
{ component: ProgressBarThemesComponent, module: ProgressBarThemesComponentModule },
|
9
|
+
{ component: ProgressBarIndeterminateComponent, module: ProgressBarIndeterminateComponentModule },
|
10
|
+
{ component: ProgressBarDefaultComponent, module: ProgressBarDefaultComponentModule },
|
11
|
+
];
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNwRyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUN2RyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUN0SCxPQUFPLEVBQUUsdUNBQXVDLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUN6SCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUVwRyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBdUI7SUFDdkQsRUFBRSxTQUFTLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLGdDQUFnQyxFQUFFO0lBQ25GLEVBQUUsU0FBUyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sRUFBRSx1Q0FBdUMsRUFBRTtJQUNqRyxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsRUFBRSxNQUFNLEVBQUUsaUNBQWlDLEVBQUU7Q0FDdEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudEV4YW1wbGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJEZWZhdWx0Q29tcG9uZW50IH0gZnJvbSAnLi9wcm9ncmVzcy1iYXItZGVmYXVsdC9wcm9ncmVzcy1iYXItZGVmYXVsdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJEZWZhdWx0Q29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXItZGVmYXVsdC9wcm9ncmVzcy1iYXItZGVmYXVsdC5tb2R1bGUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJJbmRldGVybWluYXRlQ29tcG9uZW50IH0gZnJvbSAnLi9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJJbmRldGVybWluYXRlQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS9wcm9ncmVzcy1iYXItaW5kZXRlcm1pbmF0ZS5tb2R1bGUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJUaGVtZXNDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzLWJhci10aGVtZXMvcHJvZ3Jlc3MtYmFyLXRoZW1lcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJUaGVtZXNDb21wb25lbnRNb2R1bGUgfSBmcm9tICcuL3Byb2dyZXNzLWJhci10aGVtZXMvcHJvZ3Jlc3MtYmFyLXRoZW1lcy5tb2R1bGUnO1xuXG5leHBvcnQgY29uc3QgUFJPR1JFU1NfQkFSX0VYQU1QTEVTOiBDb21wb25lbnRFeGFtcGxlW10gPSBbXG4gIHsgY29tcG9uZW50OiBQcm9ncmVzc0JhclRoZW1lc0NvbXBvbmVudCwgbW9kdWxlOiBQcm9ncmVzc0JhclRoZW1lc0NvbXBvbmVudE1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogUHJvZ3Jlc3NCYXJJbmRldGVybWluYXRlQ29tcG9uZW50LCBtb2R1bGU6IFByb2dyZXNzQmFySW5kZXRlcm1pbmF0ZUNvbXBvbmVudE1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogUHJvZ3Jlc3NCYXJEZWZhdWx0Q29tcG9uZW50LCBtb2R1bGU6IFByb2dyZXNzQmFyRGVmYXVsdENvbXBvbmVudE1vZHVsZSB9LFxuXTtcbiJdfQ==
|
@@ -0,0 +1,142 @@
|
|
1
|
+
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
2
|
+
import { Component, Input, ChangeDetectionStrategy, ElementRef, Output, EventEmitter, Renderer2, HostBinding, ChangeDetectorRef, } from '@angular/core';
|
3
|
+
import { daffColorMixin, } from '@daffodil/design';
|
4
|
+
import { daffProgressBarAnimation } from './animation/progress-bar-animation';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
import * as i1 from "@angular/common";
|
7
|
+
/**
|
8
|
+
* An _elementRef and an instance of renderer2 are needed for the Colorable mixin
|
9
|
+
*/
|
10
|
+
class DaffProgressBarBase {
|
11
|
+
constructor(_elementRef, _renderer) {
|
12
|
+
this._elementRef = _elementRef;
|
13
|
+
this._renderer = _renderer;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
const _daffProgressBarBase = daffColorMixin(DaffProgressBarBase, 'primary');
|
17
|
+
export const clamp = (number, min, max) => Math.min(Math.max(number, min), max);
|
18
|
+
/**
|
19
|
+
* @inheritdoc
|
20
|
+
*/
|
21
|
+
export class DaffProgressBarComponent extends _daffProgressBarBase {
|
22
|
+
/**
|
23
|
+
* @docs-private
|
24
|
+
*/
|
25
|
+
get indeterminateClass() {
|
26
|
+
return this._indeterminate;
|
27
|
+
}
|
28
|
+
get role() {
|
29
|
+
return 'progressbar';
|
30
|
+
}
|
31
|
+
get ariaLabel() {
|
32
|
+
return this._indeterminate ? 'loading' : null;
|
33
|
+
}
|
34
|
+
get ariaValueNow() {
|
35
|
+
return this.percentage;
|
36
|
+
}
|
37
|
+
constructor(_changeDetectorRef, elementRef, renderer) {
|
38
|
+
super(elementRef, renderer);
|
39
|
+
this._changeDetectorRef = _changeDetectorRef;
|
40
|
+
this.elementRef = elementRef;
|
41
|
+
this.renderer = renderer;
|
42
|
+
/**
|
43
|
+
* @docs-private
|
44
|
+
*/
|
45
|
+
this.class = true;
|
46
|
+
this.ariaValueMin = '0';
|
47
|
+
this.ariaValueMax = '100';
|
48
|
+
this._percentage = 0;
|
49
|
+
this._indeterminate = false;
|
50
|
+
/**
|
51
|
+
* An event that emits each time the progression reaches 100%
|
52
|
+
* and the animation is finished
|
53
|
+
*/
|
54
|
+
this.finished = new EventEmitter();
|
55
|
+
}
|
56
|
+
/**
|
57
|
+
* Sets the percentage completion of the progression,
|
58
|
+
* expressed as a whole number between 0 and 100.
|
59
|
+
*
|
60
|
+
*/
|
61
|
+
get percentage() {
|
62
|
+
return this._percentage;
|
63
|
+
}
|
64
|
+
;
|
65
|
+
set percentage(val) {
|
66
|
+
this._percentage = clamp(val, 0, 100);
|
67
|
+
this._changeDetectorRef.markForCheck();
|
68
|
+
}
|
69
|
+
/**
|
70
|
+
* Property to set the animation of a progress bar to
|
71
|
+
* run for an indefinite amount of time.
|
72
|
+
*
|
73
|
+
* See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
|
74
|
+
**/
|
75
|
+
get indeterminate() {
|
76
|
+
return this._indeterminate;
|
77
|
+
}
|
78
|
+
set indeterminate(value) {
|
79
|
+
this._indeterminate = coerceBooleanProperty(value);
|
80
|
+
}
|
81
|
+
/**
|
82
|
+
* Calculates when the progress animation is fully completed
|
83
|
+
*
|
84
|
+
* @param event: AnimationEvent
|
85
|
+
*/
|
86
|
+
onAnimationComplete(event) {
|
87
|
+
// @ts-expect-error: @angular/animations typing error on event.toState as string
|
88
|
+
// See: https://github.com/angular/angular/issues/26507
|
89
|
+
if (event.toState === '100' || event.toState === 100) {
|
90
|
+
this.finished.emit();
|
91
|
+
}
|
92
|
+
}
|
93
|
+
/**
|
94
|
+
* @docs-private
|
95
|
+
*/
|
96
|
+
get fillState() {
|
97
|
+
return {
|
98
|
+
value: this.percentage,
|
99
|
+
params: {
|
100
|
+
percentage: this.percentage,
|
101
|
+
},
|
102
|
+
};
|
103
|
+
}
|
104
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
105
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffProgressBarComponent, selector: "daff-progress-bar", inputs: { color: "color", percentage: "percentage", indeterminate: "indeterminate" }, outputs: { finished: "finished" }, host: { properties: { "class.daff-progress-bar": "this.class", "class.indeterminate": "this.indeterminateClass", "role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax", "attr.aria-valuenow": "this.ariaValueNow" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
106
|
+
daffProgressBarAnimation.fill,
|
107
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
108
|
+
}
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffProgressBarComponent, decorators: [{
|
110
|
+
type: Component,
|
111
|
+
args: [{ selector: 'daff-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color'], animations: [
|
112
|
+
daffProgressBarAnimation.fill,
|
113
|
+
], template: "<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"] }]
|
114
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
|
115
|
+
type: HostBinding,
|
116
|
+
args: ['class.daff-progress-bar']
|
117
|
+
}], indeterminateClass: [{
|
118
|
+
type: HostBinding,
|
119
|
+
args: ['class.indeterminate']
|
120
|
+
}], role: [{
|
121
|
+
type: HostBinding,
|
122
|
+
args: ['role']
|
123
|
+
}], ariaLabel: [{
|
124
|
+
type: HostBinding,
|
125
|
+
args: ['attr.aria-label']
|
126
|
+
}], ariaValueMin: [{
|
127
|
+
type: HostBinding,
|
128
|
+
args: ['attr.aria-valuemin']
|
129
|
+
}], ariaValueMax: [{
|
130
|
+
type: HostBinding,
|
131
|
+
args: ['attr.aria-valuemax']
|
132
|
+
}], ariaValueNow: [{
|
133
|
+
type: HostBinding,
|
134
|
+
args: ['attr.aria-valuenow']
|
135
|
+
}], percentage: [{
|
136
|
+
type: Input
|
137
|
+
}], indeterminate: [{
|
138
|
+
type: Input
|
139
|
+
}], finished: [{
|
140
|
+
type: Output
|
141
|
+
}] } });
|
142
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9zcmMvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9zcmMvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLHVCQUF1QixFQUN2QixVQUFVLEVBQ1YsTUFBTSxFQUNOLFlBQVksRUFDWixTQUFTLEVBQ1QsV0FBVyxFQUNYLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsY0FBYyxHQUVmLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQUU5RTs7R0FFRztBQUNILE1BQU0sbUJBQW1CO0lBQ3ZCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sb0JBQW9CLEdBQUcsY0FBYyxDQUFDLG1CQUFtQixFQUFFLFNBQVMsQ0FBQyxDQUFDO0FBRTVFLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxDQUFDLE1BQWMsRUFBRSxHQUFXLEVBQUUsR0FBVyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBRXhHOztHQUVHO0FBYUgsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFvQjtJQU9oRTs7T0FFRztJQUNILElBQXdDLGtCQUFrQjtRQUN4RCxPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQXlCLElBQUk7UUFDM0IsT0FBTyxhQUFhLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQW9DLFNBQVM7UUFDM0MsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNoRCxDQUFDO0lBSUQsSUFBdUMsWUFBWTtRQUNqRCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVELFlBQ1Usa0JBQXFDLEVBQ3JDLFVBQXNCLEVBQ3RCLFFBQW1CO1FBRTNCLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFKcEIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQUNyQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVc7UUE3QjdCOztXQUVHO1FBQ3FDLFVBQUssR0FBRyxJQUFJLENBQUM7UUFpQmxCLGlCQUFZLEdBQUcsR0FBRyxDQUFDO1FBQ25CLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBYWhELGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQ2hCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBNEIvQjs7O1dBR0c7UUFDTyxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUFuQzVELENBQUM7SUFLRDs7OztPQUlHO0lBQ0gsSUFBYSxVQUFVO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBQUEsQ0FBQztJQUNGLElBQUksVUFBVSxDQUFDLEdBQVc7UUFDeEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVEOzs7OztRQUtJO0lBQ0osSUFBYSxhQUFhO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBQ0QsSUFBSSxhQUFhLENBQUMsS0FBVTtRQUMzQixJQUFJLENBQUMsY0FBYyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFRRDs7OztPQUlHO0lBQ0gsbUJBQW1CLENBQUMsS0FBcUI7UUFDdkMsZ0ZBQWdGO1FBQ2hGLHVEQUF1RDtRQUN2RCxJQUFHLEtBQUssQ0FBQyxPQUFPLEtBQUssS0FBSyxJQUFJLEtBQUssQ0FBQyxPQUFPLEtBQUssR0FBRyxFQUFFO1lBQ25ELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQ3RCLE1BQU0sRUFBRTtnQkFDTixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7YUFDNUI7U0FDRixDQUFDO0lBQ0osQ0FBQztpSUE5RlUsd0JBQXdCO3FIQUF4Qix3QkFBd0IseWZDL0NyQyw0VkFJTSw4NUJEdUNRO1lBQ1Ysd0JBQXdCLENBQUMsSUFBSTtTQUM5Qjs7MkZBRVUsd0JBQXdCO2tCQVpwQyxTQUFTOytCQUNFLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLFVBR3ZDLENBQUMsT0FBTyxDQUFDLGNBQ0w7d0JBQ1Ysd0JBQXdCLENBQUMsSUFBSTtxQkFDOUI7dUlBT3VDLEtBQUs7c0JBQTVDLFdBQVc7dUJBQUMseUJBQXlCO2dCQUtFLGtCQUFrQjtzQkFBekQsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBSVQsSUFBSTtzQkFBNUIsV0FBVzt1QkFBQyxNQUFNO2dCQUlpQixTQUFTO3NCQUE1QyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFJSyxZQUFZO3NCQUE5QyxXQUFXO3VCQUFDLG9CQUFvQjtnQkFDRSxZQUFZO3NCQUE5QyxXQUFXO3VCQUFDLG9CQUFvQjtnQkFDTSxZQUFZO3NCQUFsRCxXQUFXO3VCQUFDLG9CQUFvQjtnQkFvQnBCLFVBQVU7c0JBQXRCLEtBQUs7Z0JBY08sYUFBYTtzQkFBekIsS0FBSztnQkFXSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5pbWF0aW9uRXZlbnQgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgRWxlbWVudFJlZixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIFJlbmRlcmVyMixcbiAgSG9zdEJpbmRpbmcsXG4gIENoYW5nZURldGVjdG9yUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIERhZmZDb2xvcmFibGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBkYWZmUHJvZ3Jlc3NCYXJBbmltYXRpb24gfSBmcm9tICcuL2FuaW1hdGlvbi9wcm9ncmVzcy1iYXItYW5pbWF0aW9uJztcblxuLyoqXG4gKiBBbiBfZWxlbWVudFJlZiBhbmQgYW4gaW5zdGFuY2Ugb2YgcmVuZGVyZXIyIGFyZSBuZWVkZWQgZm9yIHRoZSBDb2xvcmFibGUgbWl4aW5cbiAqL1xuY2xhc3MgRGFmZlByb2dyZXNzQmFyQmFzZXtcbiAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwdWJsaWMgX3JlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG59XG5cbmNvbnN0IF9kYWZmUHJvZ3Jlc3NCYXJCYXNlID0gZGFmZkNvbG9yTWl4aW4oRGFmZlByb2dyZXNzQmFyQmFzZSwgJ3ByaW1hcnknKTtcblxuZXhwb3J0IGNvbnN0IGNsYW1wID0gKG51bWJlcjogbnVtYmVyLCBtaW46IG51bWJlciwgbWF4OiBudW1iZXIpID0+IE1hdGgubWluKE1hdGgubWF4KG51bWJlciwgbWluKSwgbWF4KTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLXByb2dyZXNzLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvciddLFxuICBhbmltYXRpb25zOiBbXG4gICAgZGFmZlByb2dyZXNzQmFyQW5pbWF0aW9uLmZpbGwsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZQcm9ncmVzc0JhckNvbXBvbmVudCBleHRlbmRzIF9kYWZmUHJvZ3Jlc3NCYXJCYXNlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSB7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1wcm9ncmVzcy1iYXInKSBjbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaW5kZXRlcm1pbmF0ZScpIGdldCBpbmRldGVybWluYXRlQ2xhc3MoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2luZGV0ZXJtaW5hdGU7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSBnZXQgcm9sZSgpIHtcbiAgICByZXR1cm4gJ3Byb2dyZXNzYmFyJztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgZ2V0IGFyaWFMYWJlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5faW5kZXRlcm1pbmF0ZSA/ICdsb2FkaW5nJyA6IG51bGw7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS12YWx1ZW1pbicpIGFyaWFWYWx1ZU1pbiA9ICcwJztcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtdmFsdWVtYXgnKSBhcmlhVmFsdWVNYXggPSAnMTAwJztcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtdmFsdWVub3cnKSBnZXQgYXJpYVZhbHVlTm93KCkge1xuICAgIHJldHVybiB0aGlzLnBlcmNlbnRhZ2U7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuICB9XG5cbiAgcHJpdmF0ZSBfcGVyY2VudGFnZSA9IDA7XG4gIHByaXZhdGUgX2luZGV0ZXJtaW5hdGUgPSBmYWxzZTtcblxuICAvKipcbiAgICogU2V0cyB0aGUgcGVyY2VudGFnZSBjb21wbGV0aW9uIG9mIHRoZSBwcm9ncmVzc2lvbixcbiAgICogZXhwcmVzc2VkIGFzIGEgd2hvbGUgbnVtYmVyIGJldHdlZW4gMCBhbmQgMTAwLlxuICAgKlxuICAgKi9cbiAgQElucHV0KCkgZ2V0IHBlcmNlbnRhZ2UoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fcGVyY2VudGFnZTtcbiAgfTtcbiAgc2V0IHBlcmNlbnRhZ2UodmFsOiBudW1iZXIpIHtcbiAgICB0aGlzLl9wZXJjZW50YWdlID0gY2xhbXAodmFsLCAwLCAxMDApO1xuICAgIHRoaXMuX2NoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgLyoqXG4gICAqIFByb3BlcnR5IHRvIHNldCB0aGUgYW5pbWF0aW9uIG9mIGEgcHJvZ3Jlc3MgYmFyIHRvXG4gICAqIHJ1biBmb3IgYW4gaW5kZWZpbml0ZSBhbW91bnQgb2YgdGltZS5cbiAgICpcbiAgICogU2VlOiBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9IVE1ML0VsZW1lbnQvcHJvZ3Jlc3NcbiAgICoqL1xuICBASW5wdXQoKSBnZXQgaW5kZXRlcm1pbmF0ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5faW5kZXRlcm1pbmF0ZTtcbiAgfVxuICBzZXQgaW5kZXRlcm1pbmF0ZSh2YWx1ZTogYW55KSB7XG5cdCAgdGhpcy5faW5kZXRlcm1pbmF0ZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cblxuICAvKipcbiAgICogQW4gZXZlbnQgdGhhdCBlbWl0cyBlYWNoIHRpbWUgdGhlIHByb2dyZXNzaW9uIHJlYWNoZXMgMTAwJVxuICAgKiBhbmQgdGhlIGFuaW1hdGlvbiBpcyBmaW5pc2hlZFxuICAgKi9cbiAgQE91dHB1dCgpIGZpbmlzaGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIENhbGN1bGF0ZXMgd2hlbiB0aGUgcHJvZ3Jlc3MgYW5pbWF0aW9uIGlzIGZ1bGx5IGNvbXBsZXRlZFxuICAgKlxuICAgKiBAcGFyYW0gZXZlbnQ6IEFuaW1hdGlvbkV2ZW50XG4gICAqL1xuICBvbkFuaW1hdGlvbkNvbXBsZXRlKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIC8vIEB0cy1leHBlY3QtZXJyb3I6IEBhbmd1bGFyL2FuaW1hdGlvbnMgdHlwaW5nIGVycm9yIG9uIGV2ZW50LnRvU3RhdGUgYXMgc3RyaW5nXG4gICAgLy8gU2VlOiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9hbmd1bGFyL2lzc3Vlcy8yNjUwN1xuICAgIGlmKGV2ZW50LnRvU3RhdGUgPT09ICcxMDAnIHx8IGV2ZW50LnRvU3RhdGUgPT09IDEwMCkge1xuICAgICAgdGhpcy5maW5pc2hlZC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIGdldCBmaWxsU3RhdGUoKTogYW55IHtcbiAgICByZXR1cm4ge1xuICAgICAgdmFsdWU6IHRoaXMucGVyY2VudGFnZSxcbiAgICAgIHBhcmFtczoge1xuICAgICAgICBwZXJjZW50YWdlOiB0aGlzLnBlcmNlbnRhZ2UsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImxhYmVsW2RhZmZQcm9ncmVzc0JhckxhYmVsXVwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJkYWZmLXByb2dyZXNzLWJhcl9fdHJhY2tcIj5cblx0PGRpdiAqbmdJZj1cIiFpbmRldGVybWluYXRlXCIgY2xhc3M9XCJkYWZmLXByb2dyZXNzLWJhcl9fZmlsbFwiIFtAZmlsbF09XCJmaWxsU3RhdGVcIiAoQGZpbGwuZG9uZSk9XCJvbkFuaW1hdGlvbkNvbXBsZXRlKCRldmVudClcIj48L2Rpdj5cblx0PGRpdiAqbmdJZj1cImluZGV0ZXJtaW5hdGVcIiBjbGFzcz1cImRhZmYtcHJvZ3Jlc3MtYmFyX19maWxsIGluZGV0ZXJtaW5hdGUtYmFyXCI+PC9kaXY+XG48L2Rpdj4iXX0=
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { NgModule } from '@angular/core';
|
3
|
+
import { DaffProgressBarComponent } from './progress-bar.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class DaffProgressBarModule {
|
6
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffProgressBarModule, declarations: [DaffProgressBarComponent], imports: [CommonModule], exports: [DaffProgressBarComponent] }); }
|
8
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffProgressBarModule, imports: [CommonModule] }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffProgressBarModule, decorators: [{
|
11
|
+
type: NgModule,
|
12
|
+
args: [{
|
13
|
+
imports: [
|
14
|
+
CommonModule,
|
15
|
+
],
|
16
|
+
declarations: [
|
17
|
+
DaffProgressBarComponent,
|
18
|
+
],
|
19
|
+
exports: [
|
20
|
+
DaffProgressBarComponent,
|
21
|
+
],
|
22
|
+
}]
|
23
|
+
}] });
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9zcmMvcHJvZ3Jlc3MtYmFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFhcEUsTUFBTSxPQUFPLHFCQUFxQjtpSUFBckIscUJBQXFCO2tJQUFyQixxQkFBcUIsaUJBTjlCLHdCQUF3QixhQUh4QixZQUFZLGFBTVosd0JBQXdCO2tJQUdmLHFCQUFxQixZQVQ5QixZQUFZOzsyRkFTSCxxQkFBcUI7a0JBWGpDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3QjtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlByb2dyZXNzQmFyQ29tcG9uZW50IH0gZnJvbSAnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGFmZlByb2dyZXNzQmFyQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZlByb2dyZXNzQmFyQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmUHJvZ3Jlc3NCYXJNb2R1bGUgeyB9XG4iXX0=
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export { DaffProgressBarModule } from './progress-bar.module';
|
2
|
+
export * from './progress-bar.component';
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3Byb2dyZXNzLWJhci9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRGFmZlByb2dyZXNzQmFyTW9kdWxlIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -0,0 +1,113 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
3
|
+
import * as i1 from '@daffodil/design/progress-bar';
|
4
|
+
import { DaffProgressBarModule } from '@daffodil/design/progress-bar';
|
5
|
+
import * as i2 from '@angular/forms';
|
6
|
+
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
7
|
+
|
8
|
+
class ProgressBarDefaultComponent {
|
9
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
10
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ProgressBarDefaultComponent, selector: "progress-bar-default", ngImport: i0, template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["color", "percentage", "indeterminate"], outputs: ["finished"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
11
|
+
}
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponent, decorators: [{
|
13
|
+
type: Component,
|
14
|
+
args: [{ selector: 'progress-bar-default', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
|
15
|
+
}] });
|
16
|
+
|
17
|
+
class ProgressBarDefaultComponentModule {
|
18
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
19
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, declarations: [ProgressBarDefaultComponent], imports: [DaffProgressBarModule], exports: [ProgressBarDefaultComponent] }); }
|
20
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, imports: [DaffProgressBarModule] }); }
|
21
|
+
}
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarDefaultComponentModule, decorators: [{
|
23
|
+
type: NgModule,
|
24
|
+
args: [{
|
25
|
+
declarations: [
|
26
|
+
ProgressBarDefaultComponent,
|
27
|
+
],
|
28
|
+
exports: [
|
29
|
+
ProgressBarDefaultComponent,
|
30
|
+
],
|
31
|
+
imports: [
|
32
|
+
DaffProgressBarModule,
|
33
|
+
],
|
34
|
+
}]
|
35
|
+
}] });
|
36
|
+
|
37
|
+
class ProgressBarIndeterminateComponent {
|
38
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
39
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ProgressBarIndeterminateComponent, selector: "progress-bar-indeterminate", ngImport: i0, template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["color", "percentage", "indeterminate"], outputs: ["finished"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
40
|
+
}
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponent, decorators: [{
|
42
|
+
type: Component,
|
43
|
+
args: [{ selector: 'progress-bar-indeterminate', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
|
44
|
+
}] });
|
45
|
+
|
46
|
+
class ProgressBarIndeterminateComponentModule {
|
47
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
48
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, declarations: [ProgressBarIndeterminateComponent], imports: [DaffProgressBarModule], exports: [ProgressBarIndeterminateComponent] }); }
|
49
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, imports: [DaffProgressBarModule] }); }
|
50
|
+
}
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarIndeterminateComponentModule, decorators: [{
|
52
|
+
type: NgModule,
|
53
|
+
args: [{
|
54
|
+
declarations: [
|
55
|
+
ProgressBarIndeterminateComponent,
|
56
|
+
],
|
57
|
+
exports: [
|
58
|
+
ProgressBarIndeterminateComponent,
|
59
|
+
],
|
60
|
+
imports: [
|
61
|
+
DaffProgressBarModule,
|
62
|
+
],
|
63
|
+
}]
|
64
|
+
}] });
|
65
|
+
|
66
|
+
class ProgressBarThemesComponent {
|
67
|
+
constructor() {
|
68
|
+
this.color = 'primary';
|
69
|
+
this.colorControl = new FormControl('');
|
70
|
+
}
|
71
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
72
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ProgressBarThemesComponent, selector: "progress-bar-themes", ngImport: i0, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["color", "percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
73
|
+
}
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponent, decorators: [{
|
75
|
+
type: Component,
|
76
|
+
args: [{ selector: 'progress-bar-themes', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
|
77
|
+
}] });
|
78
|
+
|
79
|
+
class ProgressBarThemesComponentModule {
|
80
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
81
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, declarations: [ProgressBarThemesComponent], imports: [DaffProgressBarModule,
|
82
|
+
ReactiveFormsModule], exports: [ProgressBarThemesComponent] }); }
|
83
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, imports: [DaffProgressBarModule,
|
84
|
+
ReactiveFormsModule] }); }
|
85
|
+
}
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ProgressBarThemesComponentModule, decorators: [{
|
87
|
+
type: NgModule,
|
88
|
+
args: [{
|
89
|
+
declarations: [
|
90
|
+
ProgressBarThemesComponent,
|
91
|
+
],
|
92
|
+
exports: [
|
93
|
+
ProgressBarThemesComponent,
|
94
|
+
],
|
95
|
+
imports: [
|
96
|
+
DaffProgressBarModule,
|
97
|
+
ReactiveFormsModule,
|
98
|
+
],
|
99
|
+
}]
|
100
|
+
}] });
|
101
|
+
|
102
|
+
const PROGRESS_BAR_EXAMPLES = [
|
103
|
+
{ component: ProgressBarThemesComponent, module: ProgressBarThemesComponentModule },
|
104
|
+
{ component: ProgressBarIndeterminateComponent, module: ProgressBarIndeterminateComponentModule },
|
105
|
+
{ component: ProgressBarDefaultComponent, module: ProgressBarDefaultComponentModule },
|
106
|
+
];
|
107
|
+
|
108
|
+
/**
|
109
|
+
* Generated bundle index. Do not edit.
|
110
|
+
*/
|
111
|
+
|
112
|
+
export { PROGRESS_BAR_EXAMPLES };
|
113
|
+
//# sourceMappingURL=daffodil-design-progress-bar-examples.mjs.map
|