@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs

@@ -0,0 +1,118 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, ViewChild, Input, Component, inject, ChangeDetectorRef, ContentChild, NgModule } from '@angular/core';
+import { NgTemplateOutlet, NgClass } from '@angular/common';
+
+let index$1 = 0;
+class OnemrvaMatPopOverTriggerComponent {
+    constructor() {
+        this.dataCy = `onemrvaMatPopOverTrigger_${++index$1}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'onemrva-mat-pop-over-trigger',
+                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataCy: [{
+                type: Input
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+
+let index = 0;
+class OnemrvaMatPopOverContentComponent {
+    constructor() {
+        this.dataCy = `onemrvaMatPopOverContent_${++index}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPopOverContentComponent, isStandalone: true, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'onemrva-mat-pop-over-content',
+                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataCy: [{
+                type: Input
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+
+let NEXT_ID = 0;
+class OnemrvaMatPopOverComponent {
+    constructor() {
+        this.isOpen = false;
+        this.position = 'bottom-right';
+        this.dataCyTrigger = 'onemrva-po-trigger';
+        this.dataCyPo = 'onemrva-po';
+        this.poId = this.dataCyPo + '-' + NEXT_ID++; // HTML id for the trigger
+        this.cd = inject(ChangeDetectorRef);
+    }
+    ngAfterViewInit() {
+        this.cd.detectChanges();
+    }
+    togglePopOver() {
+        this.isOpen = !this.isOpen;
+    }
+    closePopOver() {
+        this.isOpen = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPopOverComponent, isStandalone: true, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\n        [attr.data-cy]=\"dataCyPo\"\n        role=\"region\"\n        [attr.aria-labelledby]=\"poId\"\n      >\n        <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-pop-over', standalone: true, imports: [NgTemplateOutlet, NgClass], template: "<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\n        [attr.data-cy]=\"dataCyPo\"\n        role=\"region\"\n        [attr.aria-labelledby]=\"poId\"\n      >\n        <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"] }]
+        }], propDecorators: { position: [{
+                type: Input
+            }], dataCyTrigger: [{
+                type: Input
+            }], dataCyPo: [{
+                type: Input
+            }], poId: [{
+                type: Input
+            }], trigger: [{
+                type: ContentChild,
+                args: [OnemrvaMatPopOverTriggerComponent]
+            }], content: [{
+                type: ContentChild,
+                args: [OnemrvaMatPopOverContentComponent]
+            }] } });
+
+const components = [
+    OnemrvaMatPopOverComponent,
+    OnemrvaMatPopOverContentComponent,
+    OnemrvaMatPopOverTriggerComponent,
+];
+class OnemrvaMatPopOverModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
+            OnemrvaMatPopOverContentComponent,
+            OnemrvaMatPopOverTriggerComponent], exports: [OnemrvaMatPopOverComponent,
+            OnemrvaMatPopOverContentComponent,
+            OnemrvaMatPopOverTriggerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [...components],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-pop-over.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-pop-over.mjs","sources":["../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over-trigger.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over-content.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.component.html","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.module.ts","../../../../projects/onemrva/design-system/mat-pop-over/onemrvapublic-design-system-mat-pop-over.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\nlet index = 0;\n\n@Component({\n  selector: 'onemrva-mat-pop-over-trigger',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class OnemrvaMatPopOverTriggerComponent {\n  @Input() dataCy = `onemrvaMatPopOverTrigger_${++index}`;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\nlet index = 0;\n\n@Component({\n  selector: 'onemrva-mat-pop-over-content',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class OnemrvaMatPopOverContentComponent {\n  @Input() dataCy = `onemrvaMatPopOverContent_${++index}`;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  inject,\n  Input,\n} from '@angular/core';\nimport { OnemrvaMatPopOverTriggerComponent } from './onemrva-mat-pop-over-trigger.component';\nimport { OnemrvaMatPopOverContentComponent } from './onemrva-mat-pop-over-content.component';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nlet NEXT_ID = 0;\n@Component({\n  selector: 'onemrva-mat-pop-over',\n  styleUrls: ['./onemrva-mat-pop-over.component.scss'],\n  templateUrl: 'onemrva-mat-pop-over.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet, NgClass],\n})\nexport class OnemrvaMatPopOverComponent implements AfterViewInit {\n  isOpen = false;\n\n  @Input() position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' =\n    'bottom-right';\n\n  @Input() dataCyTrigger = 'onemrva-po-trigger';\n  @Input() dataCyPo = 'onemrva-po';\n\n  @Input() poId: string = this.dataCyPo + '-' + NEXT_ID++; // HTML id for the trigger\n\n  @ContentChild(OnemrvaMatPopOverTriggerComponent)\n  trigger?: OnemrvaMatPopOverTriggerComponent;\n\n  @ContentChild(OnemrvaMatPopOverContentComponent)\n  content?: OnemrvaMatPopOverContentComponent;\n\n  private readonly cd = inject(ChangeDetectorRef);\n\n  ngAfterViewInit(): void {\n    this.cd.detectChanges();\n  }\n\n  togglePopOver() {\n    this.isOpen = !this.isOpen;\n  }\n\n  closePopOver() {\n    this.isOpen = false;\n  }\n}\n","<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\n        [attr.data-cy]=\"dataCyPo\"\n        role=\"region\"\n        [attr.aria-labelledby]=\"poId\"\n      >\n        <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPopOverComponent } from './onemrva-mat-pop-over.component';\nimport { OnemrvaMatPopOverContentComponent } from './onemrva-mat-pop-over-content.component';\nimport { OnemrvaMatPopOverTriggerComponent } from './onemrva-mat-pop-over-trigger.component';\n\nconst components = [\n  OnemrvaMatPopOverComponent,\n  OnemrvaMatPopOverContentComponent,\n  OnemrvaMatPopOverTriggerComponent,\n];\n\n@NgModule({\n  declarations: [],\n  imports: [...components],\n  exports: [...components],\n})\nexport class OnemrvaMatPopOverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["index"],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs

@@ -0,0 +1,52 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { HostBinding, Input, Component } from '@angular/core';
+import { tap, map } from 'rxjs';
+
+class OnemrvaMatProgressBarComponent {
+    constructor() {
+        this.dataCy = 'onemrva-mat-progress-bar';
+        this.role = 'progressbar';
+        this.ariaLabel = 'progress bar';
+        this.success = false;
+    }
+    ngOnInit() {
+        this.progress$ = this.value$.pipe(tap(value => {
+            this.success = value >= 100;
+        }), map(v => (v < 0 ? '0%' : v > 100 ? '100%' : v + '%')));
+        if (!this.label$) {
+            this.label$ = this.progress$;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.mat-success": "this.success" } }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"] }]
+        }], propDecorators: { label$: [{
+                type: Input
+            }], value$: [{
+                type: Input
+            }], dataCy: [{
+                type: Input
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], ariaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }, {
+                type: Input
+            }], success: [{
+                type: HostBinding,
+                args: ['class.mat-success']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatProgressBarComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-progress-bar.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-progress-bar.mjs","sources":["../../../../projects/onemrva/design-system/mat-progress-bar/src/onemrva-mat-progress-bar.component.ts","../../../../projects/onemrva/design-system/mat-progress-bar/src/onemrva-mat-progress-bar.component.html","../../../../projects/onemrva/design-system/mat-progress-bar/onemrvapublic-design-system-mat-progress-bar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { map, Observable, tap } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-progress-bar',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: 'onemrva-mat-progress-bar.component.html',\n  styleUrl: 'onemrva-mat-progress-bar.component.scss',\n})\nexport class OnemrvaMatProgressBarComponent implements OnInit {\n  @Input() label$?: Observable<string>;\n  @Input() value$!: Observable<number>;\n  @Input() dataCy = 'onemrva-mat-progress-bar';\n\n  @HostBinding('attr.role')\n  public role = 'progressbar';\n\n  @HostBinding('attr.aria-label')\n  @Input()\n  public ariaLabel = 'progress bar';\n\n  progress$!: Observable<string>;\n\n  ngOnInit() {\n    this.progress$ = this.value$.pipe(\n      tap(value => {\n        this.success = value >= 100;\n      }),\n      map(v => (v < 0 ? '0%' : v > 100 ? '100%' : v + '%')),\n    );\n\n    if (!this.label$) {\n      this.label$ = this.progress$;\n    }\n  }\n\n  @HostBinding('class.mat-success')\n  success = false;\n}\n","<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,8BAA8B,CAAA;AAP3C,IAAA,WAAA,GAAA;QAUW,IAAA,CAAA,MAAM,GAAG,0BAA0B;QAGrC,IAAA,CAAA,IAAI,GAAG,aAAa;QAIpB,IAAA,CAAA,SAAS,GAAG,cAAc;QAkBjC,IAAA,CAAA,OAAO,GAAG,KAAK;AAChB;IAfC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAC/B,GAAG,CAAC,KAAK,IAAG;AACV,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,GAAG;AAC7B,SAAC,CAAC,EACF,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CACtD;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS;;;8GAvBrB,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX3C,mdAaA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDNY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIX,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAP1C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAAA,UAAA,EACxB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,mdAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA;8BAKd,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBAGM,IAAI,EAAA,CAAA;sBADV,WAAW;uBAAC,WAAW;gBAKjB,SAAS,EAAA,CAAA;sBAFf,WAAW;uBAAC,iBAAiB;;sBAC7B;gBAmBD,OAAO,EAAA,CAAA;sBADN,WAAW;uBAAC,mBAAmB;;;AEtClC;;AAEG;;;;"}