@cqa-lib/cqa-ui 1.1.43 → 1.1.44
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/esm2020/lib/progress-indicator/progress-indicator.component.mjs +3 -3
- package/esm2020/lib/simulator/simulator.component.mjs +156 -14
- package/esm2020/lib/step-progress-card/step-progress-card.component.mjs +3 -4
- package/esm2020/lib/step-status-card/step-status-card.component.mjs +7 -6
- package/fesm2015/cqa-lib-cqa-ui.mjs +162 -20
- package/fesm2015/cqa-lib-cqa-ui.mjs.map +1 -1
- package/fesm2020/cqa-lib-cqa-ui.mjs +161 -20
- package/fesm2020/cqa-lib-cqa-ui.mjs.map +1 -1
- package/lib/simulator/simulator.component.d.ts +24 -2
- package/lib/step-progress-card/step-progress-card.component.d.ts +1 -1
- package/package.json +1 -1
- package/styles.css +1 -1
|
@@ -34,10 +34,10 @@ export class ProgressIndicatorComponent {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
ProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ProgressIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
ProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ProgressIndicatorComponent, selector: "cqa-progress-indicator", inputs: { variant: "variant", label: "label", icon: "icon", value: "value", progress: "progress", size: "size", strokeWidth: "strokeWidth" }, ngImport: i0, template: "<div class=\"cqa-ui-root\">\n <div \n class=\"cqa-flex cqa-items-center cqa-gap-4 cqa-p-[21px] cqa-transition-colors cqa-
|
|
37
|
+
ProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ProgressIndicatorComponent, selector: "cqa-progress-indicator", inputs: { variant: "variant", label: "label", icon: "icon", value: "value", progress: "progress", size: "size", strokeWidth: "strokeWidth" }, ngImport: i0, template: "<div class=\"cqa-ui-root\">\n <div \n class=\"cqa-flex cqa-items-center cqa-gap-4 cqa-p-[21px] cqa-transition-colors cqa-rounded-xl cqa-bg-surface-default\"\n [ngStyle]=\"cardStyles\">\n \n <!-- Progress Spinner SVG -->\n <div class=\"cqa-flex-shrink-0\" *ngIf=\"variant === 'progress' && !icon\">\n <svg \n [attr.width]=\"size\" \n [attr.height]=\"size\" \n class=\"cqa-transform cqa--rotate-90\"\n style=\"overflow: visible;\">\n <!-- Background circle -->\n <circle\n [attr.cx]=\"circleStyles.cx\"\n [attr.cy]=\"circleStyles.cy\"\n [attr.r]=\"circleStyles.r\"\n fill=\"none\"\n stroke=\"#D8D9FC\"\n [attr.stroke-width]=\"strokeWidth\"\n />\n <!-- Progress circle -->\n <circle\n [attr.cx]=\"circleStyles.cx\"\n [attr.cy]=\"circleStyles.cy\"\n [attr.r]=\"circleStyles.r\"\n fill=\"none\"\n [attr.stroke]=\"color\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke-dasharray]=\"circleStyles.strokeDasharray\"\n [attr.stroke-dashoffset]=\"circleStyles.strokeDashoffset\"\n stroke-linecap=\"round\"\n class=\"cqa-transition-all cqa-duration-300 cqa-ease-in-out\"\n />\n </svg>\n </div>\n <mat-icon *ngIf=\"icon\" class=\"cqa-text-primary !cqa-text-[32px] cqa-w-[32px] cqa-h-[32px]\">{{ icon }}</mat-icon>\n \n <!-- Text Content -->\n <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n <span class=\"cqa-text-sm cqa-font-normal cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary-hover\">\n {{ label }}\n </span>\n <span *ngIf=\"variant === 'progress'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n {{ progress }}%\n </span>\n <span *ngIf=\"variant === 'elapsed-time'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n {{ value }}\n </span>\n </div>\n </div>\n</div>", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'cqa-progress-indicator', template: "<div class=\"cqa-ui-root\">\n <div \n class=\"cqa-flex cqa-items-center cqa-gap-4 cqa-p-[21px] cqa-transition-colors cqa-
|
|
40
|
+
args: [{ selector: 'cqa-progress-indicator', template: "<div class=\"cqa-ui-root\">\n <div \n class=\"cqa-flex cqa-items-center cqa-gap-4 cqa-p-[21px] cqa-transition-colors cqa-rounded-xl cqa-bg-surface-default\"\n [ngStyle]=\"cardStyles\">\n \n <!-- Progress Spinner SVG -->\n <div class=\"cqa-flex-shrink-0\" *ngIf=\"variant === 'progress' && !icon\">\n <svg \n [attr.width]=\"size\" \n [attr.height]=\"size\" \n class=\"cqa-transform cqa--rotate-90\"\n style=\"overflow: visible;\">\n <!-- Background circle -->\n <circle\n [attr.cx]=\"circleStyles.cx\"\n [attr.cy]=\"circleStyles.cy\"\n [attr.r]=\"circleStyles.r\"\n fill=\"none\"\n stroke=\"#D8D9FC\"\n [attr.stroke-width]=\"strokeWidth\"\n />\n <!-- Progress circle -->\n <circle\n [attr.cx]=\"circleStyles.cx\"\n [attr.cy]=\"circleStyles.cy\"\n [attr.r]=\"circleStyles.r\"\n fill=\"none\"\n [attr.stroke]=\"color\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke-dasharray]=\"circleStyles.strokeDasharray\"\n [attr.stroke-dashoffset]=\"circleStyles.strokeDashoffset\"\n stroke-linecap=\"round\"\n class=\"cqa-transition-all cqa-duration-300 cqa-ease-in-out\"\n />\n </svg>\n </div>\n <mat-icon *ngIf=\"icon\" class=\"cqa-text-primary !cqa-text-[32px] cqa-w-[32px] cqa-h-[32px]\">{{ icon }}</mat-icon>\n \n <!-- Text Content -->\n <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n <span class=\"cqa-text-sm cqa-font-normal cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary-hover\">\n {{ label }}\n </span>\n <span *ngIf=\"variant === 'progress'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n {{ progress }}%\n </span>\n <span *ngIf=\"variant === 'elapsed-time'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n {{ value }}\n </span>\n </div>\n </div>\n</div>", styles: [] }]
|
|
41
41
|
}], propDecorators: { variant: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], label: [{
|
|
@@ -53,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
53
53
|
}], strokeWidth: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvcHJvZ3Jlc3MtaW5kaWNhdG9yL3Byb2dyZXNzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLDBCQUEwQjtJQUx2QztRQU1XLFlBQU8sR0FBZ0MsVUFBVSxDQUFDO1FBQ2xELFVBQUssR0FBVyxVQUFVLENBQUM7UUFHcEMsK0JBQStCO1FBQ3RCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFNUIsMkJBQTJCO1FBQ2xCLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFDckIsU0FBSSxHQUFXLEVBQUUsQ0FBQyxDQUFDLGdDQUFnQztRQUNuRCxnQkFBVyxHQUFXLENBQUMsQ0FBQyxDQUFDLGdDQUFnQztRQUNsRSxVQUFLLEdBQVcsU0FBUyxDQUFDO0tBdUIzQjtJQXBCQywrR0FBK0c7SUFDL0csSUFBSSxZQUFZO1FBQ2QsTUFBTSxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbEQsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxFQUFFLEdBQUcsTUFBTSxDQUFDO1FBQzNDLE1BQU0sTUFBTSxHQUFHLGFBQWEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDLEdBQUcsYUFBYSxDQUFDO1FBRXJFLE9BQU87WUFDTCxlQUFlLEVBQUUsR0FBRyxhQUFhLElBQUksYUFBYSxFQUFFO1lBQ3BELGdCQUFnQixFQUFFLE1BQU07WUFDeEIsQ0FBQyxFQUFFLE1BQU07WUFDVCxFQUFFLEVBQUUsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDO1lBQ2pCLEVBQUUsRUFBRSxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUM7U0FDbEIsQ0FBQztJQUNKLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLGFBQWEsSUFBSSxDQUFDLEtBQUssRUFBRTtTQUNwQyxDQUFDO0lBQ0osQ0FBQzs7dUhBbENVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLDRNQ1B2QyxtaUVBbURNOzJGRDVDTywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCOzhCQUt6QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUs7Z0JBR0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3FhLXByb2dyZXNzLWluZGljYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIFByb2dyZXNzSW5kaWNhdG9yQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdmFyaWFudDogJ3Byb2dyZXNzJyB8ICdlbGFwc2VkLXRpbWUnID0gJ3Byb2dyZXNzJztcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICdQcm9ncmVzcyc7IFxuICBASW5wdXQoKSBpY29uPzogc3RyaW5nO1xuICBcbiAgLy8gRWxhcHNlZCB0aW1lIHNwZWNpZmljIGlucHV0c1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XG4gIFxuICAvLyBQcm9ncmVzcyBzcGVjaWZpYyBpbnB1dHNcbiAgQElucHV0KCkgcHJvZ3Jlc3M6IG51bWJlciA9IDA7IFxuICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAzMjsgLy8gU2l6ZSBvZiB0aGUgc3Bpbm5lciBpbiBwaXhlbHNcbiAgQElucHV0KCkgc3Ryb2tlV2lkdGg6IG51bWJlciA9IDQ7IC8vIFdpZHRoIG9mIHRoZSBwcm9ncmVzcyBjaXJjbGUgXG4gIGNvbG9yOiBzdHJpbmcgPSAnIzNGNDNFRSc7XG5cblxuICAvLyBDYWxjdWxhdGUgdGhlIHN0cm9rZS1kYXNoYXJyYXkgYW5kIHN0cm9rZS1kYXNob2Zmc2V0IGZvciB0aGUgU1ZHIGNpcmNsZSB0byByZXByZXNlbnQgdGhlIHByb2dyZXNzIHBlcmNlbnRhZ2VcbiAgZ2V0IGNpcmNsZVN0eWxlcygpIHtcbiAgICBjb25zdCByYWRpdXMgPSAodGhpcy5zaXplIC0gdGhpcy5zdHJva2VXaWR0aCkgLyAyO1xuICAgIGNvbnN0IGNpcmN1bWZlcmVuY2UgPSAyICogTWF0aC5QSSAqIHJhZGl1cztcbiAgICBjb25zdCBvZmZzZXQgPSBjaXJjdW1mZXJlbmNlIC0gKHRoaXMucHJvZ3Jlc3MgLyAxMDApICogY2lyY3VtZmVyZW5jZTtcbiAgICBcbiAgICByZXR1cm4ge1xuICAgICAgc3Ryb2tlRGFzaGFycmF5OiBgJHtjaXJjdW1mZXJlbmNlfSAke2NpcmN1bWZlcmVuY2V9YCxcbiAgICAgIHN0cm9rZURhc2hvZmZzZXQ6IG9mZnNldCxcbiAgICAgIHI6IHJhZGl1cyxcbiAgICAgIGN4OiB0aGlzLnNpemUgLyAyLFxuICAgICAgY3k6IHRoaXMuc2l6ZSAvIDJcbiAgICB9O1xuICB9XG5cbiAgZ2V0IGNhcmRTdHlsZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdib3JkZXInOiBgMXB4IHNvbGlkICR7dGhpcy5jb2xvcn1gXG4gICAgfTtcbiAgfVxufSIsIjxkaXYgY2xhc3M9XCJjcWEtdWktcm9vdFwiPlxuICA8ZGl2IFxuICAgIGNsYXNzPVwiY3FhLWZsZXggY3FhLWl0ZW1zLWNlbnRlciBjcWEtZ2FwLTQgY3FhLXAtWzIxcHhdIGNxYS10cmFuc2l0aW9uLWNvbG9ycyBjcWEtcm91bmRlZC14bCBjcWEtYmctc3VyZmFjZS1kZWZhdWx0XCJcbiAgICBbbmdTdHlsZV09XCJjYXJkU3R5bGVzXCI+XG4gICAgXG4gICAgPCEtLSBQcm9ncmVzcyBTcGlubmVyIFNWRyAtLT5cbiAgICA8ZGl2IGNsYXNzPVwiY3FhLWZsZXgtc2hyaW5rLTBcIiAqbmdJZj1cInZhcmlhbnQgPT09ICdwcm9ncmVzcycgJiYgIWljb25cIj5cbiAgICAgIDxzdmcgXG4gICAgICAgIFthdHRyLndpZHRoXT1cInNpemVcIiBcbiAgICAgICAgW2F0dHIuaGVpZ2h0XT1cInNpemVcIiBcbiAgICAgICAgY2xhc3M9XCJjcWEtdHJhbnNmb3JtIGNxYS0tcm90YXRlLTkwXCJcbiAgICAgICAgc3R5bGU9XCJvdmVyZmxvdzogdmlzaWJsZTtcIj5cbiAgICAgICAgPCEtLSBCYWNrZ3JvdW5kIGNpcmNsZSAtLT5cbiAgICAgICAgPGNpcmNsZVxuICAgICAgICAgIFthdHRyLmN4XT1cImNpcmNsZVN0eWxlcy5jeFwiXG4gICAgICAgICAgW2F0dHIuY3ldPVwiY2lyY2xlU3R5bGVzLmN5XCJcbiAgICAgICAgICBbYXR0ci5yXT1cImNpcmNsZVN0eWxlcy5yXCJcbiAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgc3Ryb2tlPVwiI0Q4RDlGQ1wiXG4gICAgICAgICAgW2F0dHIuc3Ryb2tlLXdpZHRoXT1cInN0cm9rZVdpZHRoXCJcbiAgICAgICAgLz5cbiAgICAgICAgPCEtLSBQcm9ncmVzcyBjaXJjbGUgLS0+XG4gICAgICAgIDxjaXJjbGVcbiAgICAgICAgICBbYXR0ci5jeF09XCJjaXJjbGVTdHlsZXMuY3hcIlxuICAgICAgICAgIFthdHRyLmN5XT1cImNpcmNsZVN0eWxlcy5jeVwiXG4gICAgICAgICAgW2F0dHIucl09XCJjaXJjbGVTdHlsZXMuclwiXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIFthdHRyLnN0cm9rZV09XCJjb2xvclwiXG4gICAgICAgICAgW2F0dHIuc3Ryb2tlLXdpZHRoXT1cInN0cm9rZVdpZHRoXCJcbiAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaGFycmF5XT1cImNpcmNsZVN0eWxlcy5zdHJva2VEYXNoYXJyYXlcIlxuICAgICAgICAgIFthdHRyLnN0cm9rZS1kYXNob2Zmc2V0XT1cImNpcmNsZVN0eWxlcy5zdHJva2VEYXNob2Zmc2V0XCJcbiAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICBjbGFzcz1cImNxYS10cmFuc2l0aW9uLWFsbCBjcWEtZHVyYXRpb24tMzAwIGNxYS1lYXNlLWluLW91dFwiXG4gICAgICAgIC8+XG4gICAgICA8L3N2Zz5cbiAgICA8L2Rpdj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJjcWEtdGV4dC1wcmltYXJ5ICFjcWEtdGV4dC1bMzJweF0gY3FhLXctWzMycHhdIGNxYS1oLVszMnB4XVwiPnt7IGljb24gfX08L21hdC1pY29uPlxuICAgIFxuICAgIDwhLS0gVGV4dCBDb250ZW50IC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjcWEtZmxleCBjcWEtZmxleC1jb2wgY3FhLWdhcC0xXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImNxYS10ZXh0LXNtIGNxYS1mb250LW5vcm1hbCBjcWEtbGVhZGluZy10aWdodCBjcWEtdHJhY2tpbmctWy0wLjJweF0gY3FhLXRleHQtcHJpbWFyeS1ob3ZlclwiPlxuICAgICAgICB7eyBsYWJlbCB9fVxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ2YXJpYW50ID09PSAncHJvZ3Jlc3MnXCIgY2xhc3M9XCJjcWEtdGV4dC0yeGwgY3FhLWZvbnQtYm9sZCBjcWEtbGVhZGluZy10aWdodCBjcWEtdHJhY2tpbmctWy0wLjJweF0gY3FhLXRleHQtcHJpbWFyeVwiPlxuICAgICAgICB7eyBwcm9ncmVzcyB9fSVcbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwidmFyaWFudCA9PT0gJ2VsYXBzZWQtdGltZSdcIiBjbGFzcz1cImNxYS10ZXh0LTJ4bCBjcWEtZm9udC1ib2xkIGNxYS1sZWFkaW5nLXRpZ2h0IGNxYS10cmFja2luZy1bLTAuMnB4XSBjcWEtdGV4dC1wcmltYXJ5XCI+XG4gICAgICAgIHt7IHZhbHVlIH19XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19
|