@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs

@@ -1,30 +1,30 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, HostBinding, ViewChild, Component, HostListener, Input, ContentChildren, ViewEncapsulation } from '@angular/core';
-import * as i2 from '@angular/common';
+import { inject, ElementRef, TemplateRef, HostBinding, ViewChild, Component, Renderer2, HostListener, Input, ContentChildren, ViewEncapsulation } from '@angular/core';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/animations';
-import { animate, style, trigger, transition } from '@angular/animations';
-import * as i3 from '@angular/material/button';
+import { AnimationBuilder, animate, style, trigger, transition } from '@angular/animations';
+import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i4 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@ngx-translate/core';
+import * as i4 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { Subject, interval, takeUntil } from 'rxjs';
+import { MatTooltip } from '@angular/material/tooltip';
 
 class OnemrvaMatCarouselItemComponent {
-    constructor(element) {
-        this.element = element;
+    constructor() {
+        this.element = inject(ElementRef);
         this.show = false;
-        this.nativeElement = element.nativeElement;
+        this.nativeElement = this.element.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatCarouselItemComponent, isStandalone: true, selector: "onemrva-mat-carousel-item", host: { properties: { "class.show": "this.show" } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatCarouselItemComponent, isStandalone: true, selector: "onemrva-mat-carousel-item", host: { properties: { "class.show": "this.show" } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-carousel-item', standalone: true, imports: [CommonModule], template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tpl: [{
+        }], ctorParameters: () => [], propDecorators: { tpl: [{
                 type: ViewChild,
                 args: [TemplateRef]
             }], show: [{
@@ -33,10 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatCarouselComponent {
-    constructor(builder, element, renderer) {
-        this.builder = builder;
-        this.element = element;
-        this.renderer = renderer;
+    constructor() {
         this.timing = '250ms ease-in';
         this.gap = 32;
         this.padding = 64;
@@ -47,6 +44,9 @@ class OnemrvaMatCarouselComponent {
         this.carouselWrapperStyle = {};
         this.width = 0;
         this.destroyed = new Subject();
+        this.builder = inject(AnimationBuilder);
+        this.element = inject(ElementRef);
+        this.renderer = inject(Renderer2);
         this.nativeElement = this.element.nativeElement;
     }
     ngOnInit() {
@@ -143,8 +143,8 @@ class OnemrvaMatCarouselComponent {
             item.nativeElement.style.height = biggest + 'px';
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [{ token: i1.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatCarouselComponent, isStandalone: true, selector: "onemrva-mat-carousel", inputs: { timing: "timing", gap: "gap", padding: "padding", showControls: "showControls", autoplay: "autoplay", showDots: "showDots" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "items", predicate: OnemrvaMatCarouselItemComponent }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carouselWrapper"], descendants: true }], ngImport: i0, template: "<button\n  *ngIf=\"hasPrev()\"\n  [@inOutAnimation]\n  (click)=\"prev()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.previous' | translate\"\n  class=\"controls previous\"\n>\n  <mat-icon class=\"large\">chevron_left</mat-icon>\n</button>\n<button\n  *ngIf=\"hasNext()\"\n  [@inOutAnimation]\n  (click)=\"next()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.next' | translate\"\n  class=\"controls next\"\n>\n  <mat-icon class=\"large\">chevron_right</mat-icon>\n</button>\n\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n<div class=\"dots\" *ngIf=\"showDots\">\n  <span\n    tabindex=\"1\"\n    class=\"dot\"\n    role=\"button\"\n    [attr.aria-label]=\"\n      ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n    \"\n    [class.active]=\"i === currentSlide\"\n    *ngFor=\"let item of items; index as i\"\n    (click)=\"goto(i)\"\n  ></span>\n</div>\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center}:host .dots .dot{cursor:pointer;width:10px;height:10px;margin:0 var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatCarouselComponent, isStandalone: true, selector: "onemrva-mat-carousel", inputs: { timing: "timing", gap: "gap", padding: "padding", showControls: "showControls", autoplay: "autoplay", showDots: "showDots" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "items", predicate: OnemrvaMatCarouselItemComponent }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carouselWrapper"], descendants: true }], ngImport: i0, template: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'carousel.next' | translate\"\n    class=\"controls next\"\n  >\n    <mat-icon class=\"large\">chevron_right</mat-icon>\n  </button>\n}\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n        \"\n        [class.active]=\"i === currentSlide\"\n        (click)=\"goto(i)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], animations: [
             trigger('inOutAnimation', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -157,9 +157,15 @@ class OnemrvaMatCarouselComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-carousel', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, TranslateModule], encapsulation: ViewEncapsulation.Emulated, animations: [
+            args: [{ selector: 'onemrva-mat-carousel', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        TranslateModule,
+                        MatTooltip,
+                    ], encapsulation: ViewEncapsulation.Emulated, animations: [
                         trigger('inOutAnimation', [
                             transition(':enter', [
                                 style({ opacity: 0 }),
@@ -170,8 +176,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                                 animate('1000ms ease-in', style({ opacity: 0 })),
                             ]),
                         ]),
-                    ], template: "<button\n  *ngIf=\"hasPrev()\"\n  [@inOutAnimation]\n  (click)=\"prev()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.previous' | translate\"\n  class=\"controls previous\"\n>\n  <mat-icon class=\"large\">chevron_left</mat-icon>\n</button>\n<button\n  *ngIf=\"hasNext()\"\n  [@inOutAnimation]\n  (click)=\"next()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.next' | translate\"\n  class=\"controls next\"\n>\n  <mat-icon class=\"large\">chevron_right</mat-icon>\n</button>\n\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n<div class=\"dots\" *ngIf=\"showDots\">\n  <span\n    tabindex=\"1\"\n    class=\"dot\"\n    role=\"button\"\n    [attr.aria-label]=\"\n      ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n    \"\n    [class.active]=\"i === currentSlide\"\n    *ngFor=\"let item of items; index as i\"\n    (click)=\"goto(i)\"\n  ></span>\n</div>\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center}:host .dots .dot{cursor:pointer;width:10px;height:10px;margin:0 var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.AnimationBuilder }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { items: [{
+                    ], template: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'carousel.next' | translate\"\n    class=\"controls next\"\n  >\n    <mat-icon class=\"large\">chevron_right</mat-icon>\n  </button>\n}\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n        \"\n        [class.active]=\"i === currentSlide\"\n        (click)=\"goto(i)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{
                 type: ContentChildren,
                 args: [OnemrvaMatCarouselItemComponent]
             }], carousel: [{

package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-carousel.mjs","sources":["../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.html","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.html","../../../../projects/onemrva/design-system/mat-carousel/onemrvapublic-design-system-mat-carousel.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  HostBinding,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-carousel-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './onemrva-mat-carousel-item.component.html',\n  styleUrl: './onemrva-mat-carousel-item.component.scss',\n})\nexport class OnemrvaMatCarouselItemComponent {\n  @ViewChild(TemplateRef) tpl!: TemplateRef<any>;\n\n  public nativeElement: HTMLElement;\n\n  constructor(private element: ElementRef) {\n    this.nativeElement = element.nativeElement;\n  }\n\n  @HostBinding('class.show')\n  public show = false;\n}\n","<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n","import {\n  AfterViewInit,\n  Component,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  Renderer2,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OnemrvaMatCarouselItemComponent } from './mat-carousel-item/onemrva-mat-carousel-item.component';\nimport {\n  animate,\n  AnimationBuilder,\n  AnimationFactory,\n  AnimationPlayer,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { interval, Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-carousel',\n  standalone: true,\n  imports: [CommonModule, MatButtonModule, MatIconModule, TranslateModule],\n  templateUrl: './onemrva-mat-carousel.component.html',\n  styleUrl: './onemrva-mat-carousel.component.scss',\n  encapsulation: ViewEncapsulation.Emulated,\n  animations: [\n    trigger('inOutAnimation', [\n      transition(':enter', [\n        style({ opacity: 0 }),\n        animate('1000ms ease-out', style({ opacity: 1 })),\n      ]),\n      transition(':leave', [\n        style({ opacity: 1 }),\n        animate('1000ms ease-in', style({ opacity: 0 })),\n      ]),\n    ]),\n  ],\n})\nexport class OnemrvaMatCarouselComponent\n  implements AfterViewInit, OnInit, OnDestroy\n{\n  @ContentChildren(OnemrvaMatCarouselItemComponent)\n  items!: QueryList<OnemrvaMatCarouselItemComponent>;\n\n  nativeElement: HTMLElement;\n\n  @ViewChild('carouselWrapper')\n  carousel!: ElementRef;\n\n  private player?: AnimationPlayer;\n\n  @Input() timing = '250ms ease-in';\n  @Input() gap = 32;\n  @Input() padding = 64;\n  @Input() showControls = true;\n  @Input() autoplay = 0;\n  @Input() showDots = true;\n\n  public currentSlide = 0;\n  carouselWrapperStyle = {};\n\n  width = 0;\n  destroyed: Subject<any> = new Subject<any>();\n\n  constructor(\n    private builder: AnimationBuilder,\n    private element: ElementRef,\n    private renderer: Renderer2,\n  ) {\n    this.nativeElement = this.element.nativeElement;\n  }\n\n  ngOnInit() {\n    if (this.autoplay > 0) {\n      interval(this.autoplay)\n        .pipe(takeUntil(this.destroyed))\n        .subscribe(_i => {\n          this.next();\n        });\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyed.next(null);\n    this.destroyed.complete();\n  }\n\n  @HostListener('window:resize', ['$event'])\n  onResize(_event: any) {\n    this.width = this.nativeElement.offsetWidth - 2 * this.padding;\n    this.items.forEach(item => {\n      this.renderer.setStyle(item.nativeElement, 'width', `${this.width}px`);\n      this.renderer.setStyle(\n        item.nativeElement,\n        'margin-right',\n        `${this.gap}px`,\n      );\n      this.animate();\n    });\n    this.resize();\n  }\n\n  buildAnimation(offset: number) {\n    return this.builder.build([\n      animate(this.timing, style({ transform: `translateX(-${offset}px)` })),\n    ]);\n  }\n\n  goto(index: number) {\n    if (index >= 0 && index < this.items.length) {\n      this.currentSlide = index;\n      this.animate();\n      this.opacify();\n    }\n  }\n\n  next() {\n    //if( this.currentSlide + 1 === this.items.length ) return;\n    this.currentSlide = (this.currentSlide + 1) % this.items.length;\n    this.currentSlide = isNaN(this.currentSlide) ? 1 : this.currentSlide;\n\n    this.animate();\n    this.opacify();\n  }\n\n  prev() {\n    if (this.currentSlide === 0) return;\n    this.currentSlide =\n      (this.currentSlide - 1 + this.items.length) % this.items.length;\n    this.animate();\n    this.opacify();\n  }\n\n  animate() {\n    const offset = this.currentSlide * (this.width + this.gap);\n    const myAnimation: AnimationFactory = this.buildAnimation(offset);\n    this.player = myAnimation.create(this.carousel.nativeElement);\n    this.player.play();\n  }\n\n  ngAfterViewInit() {\n    this.width = this.nativeElement.offsetWidth;\n    setTimeout(() => {\n      this.onResize(null);\n    }, 10);\n    this.opacify();\n  }\n\n  hasPrev() {\n    return this.items.length > 0 && this.showControls && this.currentSlide > 0;\n  }\n\n  hasNext() {\n    return (\n      this.items.length > 0 &&\n      this.showControls &&\n      this.currentSlide < this.items.length - 1\n    );\n  }\n\n  opacify() {\n    this.items.forEach((item, index) => {\n      if (index !== this.currentSlide) {\n        item.nativeElement.className = 'semiTransparent';\n      } else {\n        item.nativeElement.className = '';\n      }\n    });\n  }\n  resize() {\n    let biggest = 80;\n\n    this.items.forEach(item => {\n      item.nativeElement.style.height = 'auto';\n    });\n    this.items.forEach(item => {\n      if (item.nativeElement.offsetHeight > biggest) {\n        biggest = item.nativeElement.offsetHeight;\n      }\n    });\n    this.items.forEach(item => {\n      item.nativeElement.style.height = biggest + 'px';\n    });\n  }\n}\n","<button\n  *ngIf=\"hasPrev()\"\n  [@inOutAnimation]\n  (click)=\"prev()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.previous' | translate\"\n  class=\"controls previous\"\n>\n  <mat-icon class=\"large\">chevron_left</mat-icon>\n</button>\n<button\n  *ngIf=\"hasNext()\"\n  [@inOutAnimation]\n  (click)=\"next()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.next' | translate\"\n  class=\"controls next\"\n>\n  <mat-icon class=\"large\">chevron_right</mat-icon>\n</button>\n\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n<div class=\"dots\" *ngIf=\"showDots\">\n  <span\n    tabindex=\"1\"\n    class=\"dot\"\n    role=\"button\"\n    [attr.aria-label]=\"\n      ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n    \"\n    [class.active]=\"i === currentSlide\"\n    *ngFor=\"let item of items; index as i\"\n    (click)=\"goto(i)\"\n  ></span>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-carousel.mjs","sources":["../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.html","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.html","../../../../projects/onemrva/design-system/mat-carousel/onemrvapublic-design-system-mat-carousel.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  HostBinding,\n  TemplateRef,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-carousel-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './onemrva-mat-carousel-item.component.html',\n  styleUrl: './onemrva-mat-carousel-item.component.scss',\n})\nexport class OnemrvaMatCarouselItemComponent {\n  @ViewChild(TemplateRef) tpl!: TemplateRef<any>;\n\n  public nativeElement: HTMLElement;\n\n  element: ElementRef = inject(ElementRef);\n  constructor() {\n    this.nativeElement = this.element.nativeElement;\n  }\n\n  @HostBinding('class.show')\n  public show = false;\n}\n","<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n","import {\n  AfterViewInit,\n  Component,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  Renderer2,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OnemrvaMatCarouselItemComponent } from './mat-carousel-item/onemrva-mat-carousel-item.component';\nimport {\n  animate,\n  AnimationBuilder,\n  AnimationFactory,\n  AnimationPlayer,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { interval, Subject, takeUntil } from 'rxjs';\nimport { MatTooltip } from '@angular/material/tooltip';\n\n@Component({\n  selector: 'onemrva-mat-carousel',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatIconModule,\n    TranslateModule,\n    MatTooltip,\n  ],\n  templateUrl: './onemrva-mat-carousel.component.html',\n  styleUrl: './onemrva-mat-carousel.component.scss',\n  encapsulation: ViewEncapsulation.Emulated,\n  animations: [\n    trigger('inOutAnimation', [\n      transition(':enter', [\n        style({ opacity: 0 }),\n        animate('1000ms ease-out', style({ opacity: 1 })),\n      ]),\n      transition(':leave', [\n        style({ opacity: 1 }),\n        animate('1000ms ease-in', style({ opacity: 0 })),\n      ]),\n    ]),\n  ],\n})\nexport class OnemrvaMatCarouselComponent\n  implements AfterViewInit, OnInit, OnDestroy\n{\n  @ContentChildren(OnemrvaMatCarouselItemComponent)\n  items!: QueryList<OnemrvaMatCarouselItemComponent>;\n\n  nativeElement: HTMLElement;\n\n  @ViewChild('carouselWrapper')\n  carousel!: ElementRef;\n\n  private player?: AnimationPlayer;\n\n  @Input() timing = '250ms ease-in';\n  @Input() gap = 32;\n  @Input() padding = 64;\n  @Input() showControls = true;\n  @Input() autoplay = 0;\n  @Input() showDots = true;\n\n  public currentSlide = 0;\n  carouselWrapperStyle = {};\n\n  width = 0;\n  destroyed: Subject<any> = new Subject<any>();\n\n  builder: AnimationBuilder = inject(AnimationBuilder);\n  element: ElementRef = inject(ElementRef);\n  renderer: Renderer2 = inject(Renderer2);\n\n  constructor() {\n    this.nativeElement = this.element.nativeElement;\n  }\n\n  ngOnInit() {\n    if (this.autoplay > 0) {\n      interval(this.autoplay)\n        .pipe(takeUntil(this.destroyed))\n        .subscribe(_i => {\n          this.next();\n        });\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyed.next(null);\n    this.destroyed.complete();\n  }\n\n  @HostListener('window:resize', ['$event'])\n  onResize(_event: any) {\n    this.width = this.nativeElement.offsetWidth - 2 * this.padding;\n    this.items.forEach(item => {\n      this.renderer.setStyle(item.nativeElement, 'width', `${this.width}px`);\n      this.renderer.setStyle(\n        item.nativeElement,\n        'margin-right',\n        `${this.gap}px`,\n      );\n      this.animate();\n    });\n    this.resize();\n  }\n\n  buildAnimation(offset: number) {\n    return this.builder.build([\n      animate(this.timing, style({ transform: `translateX(-${offset}px)` })),\n    ]);\n  }\n\n  goto(index: number) {\n    if (index >= 0 && index < this.items.length) {\n      this.currentSlide = index;\n      this.animate();\n      this.opacify();\n    }\n  }\n\n  next() {\n    //if( this.currentSlide + 1 === this.items.length ) return;\n    this.currentSlide = (this.currentSlide + 1) % this.items.length;\n    this.currentSlide = isNaN(this.currentSlide) ? 1 : this.currentSlide;\n\n    this.animate();\n    this.opacify();\n  }\n\n  prev() {\n    if (this.currentSlide === 0) return;\n    this.currentSlide =\n      (this.currentSlide - 1 + this.items.length) % this.items.length;\n    this.animate();\n    this.opacify();\n  }\n\n  animate() {\n    const offset = this.currentSlide * (this.width + this.gap);\n    const myAnimation: AnimationFactory = this.buildAnimation(offset);\n    this.player = myAnimation.create(this.carousel.nativeElement);\n    this.player.play();\n  }\n\n  ngAfterViewInit() {\n    this.width = this.nativeElement.offsetWidth;\n    setTimeout(() => {\n      this.onResize(null);\n    }, 10);\n    this.opacify();\n  }\n\n  hasPrev() {\n    return this.items.length > 0 && this.showControls && this.currentSlide > 0;\n  }\n\n  hasNext() {\n    return (\n      this.items.length > 0 &&\n      this.showControls &&\n      this.currentSlide < this.items.length - 1\n    );\n  }\n\n  opacify() {\n    this.items.forEach((item, index) => {\n      if (index !== this.currentSlide) {\n        item.nativeElement.className = 'semiTransparent';\n      } else {\n        item.nativeElement.className = '';\n      }\n    });\n  }\n  resize() {\n    let biggest = 80;\n\n    this.items.forEach(item => {\n      item.nativeElement.style.height = 'auto';\n    });\n    this.items.forEach(item => {\n      if (item.nativeElement.offsetHeight > biggest) {\n        biggest = item.nativeElement.offsetHeight;\n      }\n    });\n    this.items.forEach(item => {\n      item.nativeElement.style.height = biggest + 'px';\n    });\n  }\n}\n","@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'carousel.next' | translate\"\n    class=\"controls next\"\n  >\n    <mat-icon class=\"large\">chevron_right</mat-icon>\n  </button>\n}\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n        \"\n        [class.active]=\"i === currentSlide\"\n        (click)=\"goto(i)\"\n      ></span>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs

@@ -1,13 +1,23 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component } from '@angular/core';
+import { forwardRef, Input, ViewEncapsulation, Component } from '@angular/core';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { MatFormFieldControl } from '@angular/material/form-field';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 class OnemrvaMatChoiceChipComponent extends MatFormFieldControl {
     constructor() {
         super(...arguments);
         this.checked = false;
         this.disabled = false;
+        this._value = null;
+        // Function to call when the rating changes.
+        this.onChange = (_values) => {
+            //
+        };
+        // Function to call when the input is touched (when a star is clicked).
+        this.onTouched = () => {
+            //
+        };
     }
     onContainerClick(event) {
         //
@@ -15,12 +25,40 @@ class OnemrvaMatChoiceChipComponent extends MatFormFieldControl {
     setDescribedByIds(ids) {
         //
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatChoiceChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatChoiceChipComponent, isStandalone: true, selector: "onemrva-mat-choice-chip", inputs: { checked: "checked", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: "<mat-checkbox [checked]=\"checked\" [disabled]=\"disabled\"\n  ><ng-content></ng-content\n></mat-checkbox>\n", styles: ["onemrva-mat-choice-chip mat-checkbox{border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius);background:var(--mat-sys-primary-container);padding:0}onemrva-mat-choice-chip mat-checkbox label{color:var(--mat-sys-primary);font-family:var(--mat-sys-label-large-font);font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-label-large-weight);line-height:var(--mat-sys-label-large-line-height)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--mat-sys-primary);background:none!important;border:none!important;top:-10px;left:10px}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked label{line-height:var(--mdc-chip-container-height);padding:5px 14px 5px 22px;color:#fff}onemrva-mat-choice-chip mat-checkbox .mdc-checkbox__ripple{display:none}onemrva-mat-choice-chip mat-checkbox .mdc-form-field{display:inline-block}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox{padding:0;margin:0;transition:width .4s}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox input{display:none}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) label{line-height:var(--mdc-chip-container-height);padding:5px 14px}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox{visibility:hidden;width:1px}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled label{color:var(--mat-sys-on-surface)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    // Allows Angular to update the model (rating).
+    // Update the model and changes needed for the view here.
+    writeValue(value) {
+        this._value = value;
+        this.onChange(this._value);
+    }
+    // Allows Angular to register a function to call when the model (rating) changes.
+    // Save the function as a property to call later here.
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    // Allows Angular to register a function to call when the input has been touched.
+    // Save the function as a property to call later here.
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatChoiceChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatChoiceChipComponent, isStandalone: true, selector: "onemrva-mat-choice-chip", inputs: { checked: "checked", disabled: "disabled" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<mat-checkbox [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"\n  ><ng-content></ng-content\n></mat-checkbox>\n", styles: ["onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox{border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius);background:var(--mat-sys-primary-container);padding:0}onemrva-mat-choice-chip mat-checkbox label{color:var(--mat-sys-primary);font-family:var(--mat-sys-label-large-font);font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-label-large-weight);line-height:var(--mat-sys-label-large-line-height)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--mat-sys-primary);background:none!important;border:none!important;top:-6px;left:10px}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked label{line-height:var(--mdc-chip-container-height);padding:5px 14px 5px 22px;color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox .mdc-checkbox__ripple{display:none}onemrva-mat-choice-chip mat-checkbox .mdc-form-field{display:inline-block}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox{padding:0;margin:0;transition:width .4s}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox input{display:none}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) label{line-height:var(--mdc-chip-container-height);padding:5px 14px}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox{visibility:hidden;width:1px}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled label{color:var(--mat-sys-on-surface)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatChoiceChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatChoiceChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-choice-chip', imports: [MatCheckbox], encapsulation: ViewEncapsulation.None, standalone: true, template: "<mat-checkbox [checked]=\"checked\" [disabled]=\"disabled\"\n  ><ng-content></ng-content\n></mat-checkbox>\n", styles: ["onemrva-mat-choice-chip mat-checkbox{border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius);background:var(--mat-sys-primary-container);padding:0}onemrva-mat-choice-chip mat-checkbox label{color:var(--mat-sys-primary);font-family:var(--mat-sys-label-large-font);font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-label-large-weight);line-height:var(--mat-sys-label-large-line-height)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--mat-sys-primary);background:none!important;border:none!important;top:-10px;left:10px}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked label{line-height:var(--mdc-chip-container-height);padding:5px 14px 5px 22px;color:#fff}onemrva-mat-choice-chip mat-checkbox .mdc-checkbox__ripple{display:none}onemrva-mat-choice-chip mat-checkbox .mdc-form-field{display:inline-block}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox{padding:0;margin:0;transition:width .4s}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox input{display:none}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) label{line-height:var(--mdc-chip-container-height);padding:5px 14px}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox{visibility:hidden;width:1px}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled label{color:var(--mat-sys-on-surface)}\n"] }]
+            args: [{ selector: 'onemrva-mat-choice-chip', imports: [MatCheckbox], encapsulation: ViewEncapsulation.None, standalone: true, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),
+                            multi: true,
+                        },
+                    ], template: "<mat-checkbox [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"\n  ><ng-content></ng-content\n></mat-checkbox>\n", styles: ["onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox{border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius);background:var(--mat-sys-primary-container);padding:0}onemrva-mat-choice-chip mat-checkbox label{color:var(--mat-sys-primary);font-family:var(--mat-sys-label-large-font);font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-label-large-weight);line-height:var(--mat-sys-label-large-line-height)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--mat-sys-primary);background:none!important;border:none!important;top:-6px;left:10px}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked label{line-height:var(--mdc-chip-container-height);padding:5px 14px 5px 22px;color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox .mdc-checkbox__ripple{display:none}onemrva-mat-choice-chip mat-checkbox .mdc-form-field{display:inline-block}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox{padding:0;margin:0;transition:width .4s}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox input{display:none}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) label{line-height:var(--mdc-chip-container-height);padding:5px 14px}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox{visibility:hidden;width:1px}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled label{color:var(--mat-sys-on-surface)}\n"] }]
         }], propDecorators: { checked: [{
                 type: Input
             }], disabled: [{

package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-choice-chip.mjs","sources":["../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.ts","../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.html","../../../../projects/onemrva/design-system/mat-choice-chip/index.ts","../../../../projects/onemrva/design-system/mat-choice-chip/onemrvapublic-design-system-mat-choice-chip.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { MatFormFieldControl } from '@angular/material/form-field';\n\n@Component({\n  selector: 'onemrva-mat-choice-chip',\n  templateUrl: 'onemrva-mat-choice-chip.component.html',\n  styleUrl: 'onemrva-mat-choice-chip.component.scss',\n  imports: [MatCheckbox],\n  encapsulation: ViewEncapsulation.None,\n  standalone: true,\n})\nexport class OnemrvaMatChoiceChipComponent extends MatFormFieldControl<any> {\n  @Input()\n  checked = false;\n  @Input()\n  override disabled = false;\n\n  onContainerClick(event: MouseEvent): void {\n    //\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    //\n  }\n}\n","<mat-checkbox [checked]=\"checked\" [disabled]=\"disabled\"\n  ><ng-content></ng-content\n></mat-checkbox>\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-choice-chip.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYM,MAAO,6BAA8B,SAAQ,mBAAwB,CAAA;AAR3E,IAAA,WAAA,GAAA;;QAUE,IAAO,CAAA,OAAA,GAAG,KAAK;QAEN,IAAQ,CAAA,QAAA,GAAG,KAAK;AAS1B;AAPC,IAAA,gBAAgB,CAAC,KAAiB,EAAA;;;AAIlC,IAAA,iBAAiB,CAAC,GAAa,EAAA;;;+GAVpB,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ1C,8GAGA,EAAA,MAAA,EAAA,CAAA,s8DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDKY,WAAW,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAIV,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBARzC,SAAS;+BACE,yBAAyB,EAAA,OAAA,EAG1B,CAAC,WAAW,CAAC,iBACP,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,IAAI,EAAA,QAAA,EAAA,8GAAA,EAAA,MAAA,EAAA,CAAA,s8DAAA,CAAA,EAAA;8BAIhB,OAAO,EAAA,CAAA;sBADN;gBAGQ,QAAQ,EAAA,CAAA;sBADhB;;;AEfH;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system-mat-choice-chip.mjs","sources":["../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.ts","../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.html","../../../../projects/onemrva/design-system/mat-choice-chip/index.ts","../../../../projects/onemrva/design-system/mat-choice-chip/onemrvapublic-design-system-mat-choice-chip.ts"],"sourcesContent":["import { Component, forwardRef, Input, ViewEncapsulation } from '@angular/core';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'onemrva-mat-choice-chip',\n  templateUrl: 'onemrva-mat-choice-chip.component.html',\n  styleUrl: 'onemrva-mat-choice-chip.component.scss',\n  imports: [MatCheckbox],\n  encapsulation: ViewEncapsulation.None,\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),\n      multi: true,\n    },\n  ],\n})\nexport class OnemrvaMatChoiceChipComponent extends MatFormFieldControl<any> {\n  @Input()\n  checked = false;\n  @Input()\n  override disabled = false;\n\n  _value: any = null;\n\n  onContainerClick(event: MouseEvent): void {\n    //\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    //\n  }\n\n  // Function to call when the rating changes.\n  onChange = (_values: any[]) => {\n    //\n  };\n\n  // Function to call when the input is touched (when a star is clicked).\n  onTouched = () => {\n    //\n  };\n\n  // Allows Angular to update the model (rating).\n  // Update the model and changes needed for the view here.\n  writeValue(value: any): void {\n    this._value = value;\n    this.onChange(this._value);\n  }\n\n  // Allows Angular to register a function to call when the model (rating) changes.\n  // Save the function as a property to call later here.\n  registerOnChange(fn: (value: any[]) => void): void {\n    this.onChange = fn;\n  }\n\n  // Allows Angular to register a function to call when the input has been touched.\n  // Save the function as a property to call later here.\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n}\n","<mat-checkbox [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"\n  ><ng-content></ng-content\n></mat-checkbox>\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-choice-chip.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAoBM,MAAO,6BAA8B,SAAQ,mBAAwB,CAAA;AAf3E,IAAA,WAAA,GAAA;;QAiBE,IAAO,CAAA,OAAA,GAAG,KAAK;QAEN,IAAQ,CAAA,QAAA,GAAG,KAAK;QAEzB,IAAM,CAAA,MAAA,GAAQ,IAAI;;AAWlB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,OAAc,KAAI;;AAE9B,SAAC;;QAGD,IAAS,CAAA,SAAA,GAAG,MAAK;;AAEjB,SAAC;AAoBF;AApCC,IAAA,gBAAgB,CAAC,KAAiB,EAAA;;;AAIlC,IAAA,iBAAiB,CAAC,GAAa,EAAA;;;;;AAgB/B,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;;;;AAK5B,IAAA,gBAAgB,CAAC,EAA0B,EAAA;AACzC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;;;AAKpB,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;8GA1CV,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAR7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA6B,CAAC;AAC5D,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;SACF,EClBH,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gIAGA,6mEDMY,WAAW,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAWV,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAfzC,SAAS;+BACE,yBAAyB,EAAA,OAAA,EAG1B,CAAC,WAAW,CAAC,EAAA,aAAA,EACP,iBAAiB,CAAC,IAAI,EACzB,UAAA,EAAA,IAAI,EACL,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,mCAAmC,CAAC;AAC5D,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,gIAAA,EAAA,MAAA,EAAA,CAAA,qjEAAA,CAAA,EAAA;8BAID,OAAO,EAAA,CAAA;sBADN;gBAGQ,QAAQ,EAAA,CAAA;sBADhB;;;AEvBH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs

@@ -1,20 +1,18 @@
-import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Input, ViewChild, Component } from '@angular/core';
-import * as i4 from '@angular/material/icon';
+import { inject, ElementRef, EventEmitter, HostListener, Output, Input, ViewChild, Component } from '@angular/core';
+import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i5 from '@angular/material/tooltip';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2 from '@angular/cdk/clipboard';
 
 class OnemrvaCopyToClipboardComponent {
-    constructor(elt, translate, clipboard) {
-        this.elt = elt;
-        this.translate = translate;
-        this.clipboard = clipboard;
+    constructor() {
+        this.elt = inject(ElementRef);
+        this.translate = inject(TranslateService);
+        this.clipboard = inject(Clipboard);
         this.checked = false;
         this.tooltip = '';
         // eslint-disable-next-line @angular-eslint/no-output-on-prefix
@@ -51,13 +49,13 @@ class OnemrvaCopyToClipboardComponent {
             this.matTooltip.hide();
         }, 2000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">\n    content_copy\n  </mat-icon>\n  <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  @if (!checked) {\n    <mat-icon class=\"small\" (click)=\"copy($event)\"> content_copy </mat-icon>\n  }\n  @if (checked) {\n    <mat-icon class=\"small\" color=\"success\">check</mat-icon>\n  }\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">\n    content_copy\n  </mat-icon>\n  <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.TranslateService }, { type: i2.Clipboard }], propDecorators: { content: [{
+            args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  @if (!checked) {\n    <mat-icon class=\"small\" (click)=\"copy($event)\"> content_copy </mat-icon>\n  }\n  @if (checked) {\n    <mat-icon class=\"small\" color=\"success\">check</mat-icon>\n  }\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
+        }], propDecorators: { content: [{
                 type: ViewChild,
                 args: ['clipboardCopyContent']
             }], matTooltip: [{

package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-copy-to-clipboard.mjs","sources":["../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.ts","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.html","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/onemrvapublic-design-system-mat-copy-to-clipboard.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Clipboard } from '@angular/cdk/clipboard';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';\n\n@Component({\n  selector: 'copy-to-clipboard',\n  templateUrl: 'copy-to-clipboard.component.html',\n  styleUrls: ['copy-to-clipboard.component.scss'],\n  standalone: true,\n  imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule],\n})\nexport class OnemrvaCopyToClipboardComponent {\n  checked = false;\n\n  @ViewChild('clipboardCopyContent') content!: ElementRef;\n  @ViewChild('cccTooltip') matTooltip!: MatTooltip;\n\n  @Input()\n  tooltip = '';\n\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onCopy = new EventEmitter<void>();\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onClick = new EventEmitter<Event>();\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onHover = new EventEmitter<Event>();\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onLeave = new EventEmitter<Event>();\n\n  constructor(\n    private elt: ElementRef,\n    private translate: TranslateService,\n    private clipboard: Clipboard,\n  ) {}\n\n  @HostListener('click', ['$event.target']) clicked(e: Event) {\n    this.onClick.emit(e);\n  }\n\n  @HostListener('mouseenter') onMouseEnter(e: Event) {\n    this.onHover.emit(e);\n  }\n\n  @HostListener('mouseleave') onMouseLeave(e: Event) {\n    this.onLeave.emit(e);\n  }\n\n  get getTooltipText() {\n    return this.tooltip\n      ? this.translate.instant(this.tooltip)\n      : this.translate.instant('copied.to.clipboard');\n  }\n\n  copy($event: any) {\n    $event.stopPropagation();\n\n    this.matTooltip.show();\n\n    this.clipboard.copy(this.content.nativeElement.innerHTML);\n\n    this.onCopy.emit();\n    this.checked = true;\n\n    setTimeout(() => {\n      this.checked = false;\n      this.matTooltip.hide();\n    }, 2000);\n  }\n}\n","<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">\n    content_copy\n  </mat-icon>\n  <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-copy-to-clipboard.mjs","sources":["../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.ts","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.html","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/onemrvapublic-design-system-mat-copy-to-clipboard.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Clipboard } from '@angular/cdk/clipboard';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';\n\n@Component({\n  selector: 'copy-to-clipboard',\n  templateUrl: 'copy-to-clipboard.component.html',\n  styleUrls: ['copy-to-clipboard.component.scss'],\n  standalone: true,\n  imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule],\n})\nexport class OnemrvaCopyToClipboardComponent {\n  private elt = inject(ElementRef);\n  private translate = inject(TranslateService);\n  private clipboard = inject(Clipboard);\n\n  checked = false;\n\n  @ViewChild('clipboardCopyContent') content!: ElementRef;\n  @ViewChild('cccTooltip') matTooltip!: MatTooltip;\n\n  @Input()\n  tooltip = '';\n\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onCopy = new EventEmitter<void>();\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onClick = new EventEmitter<Event>();\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onHover = new EventEmitter<Event>();\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onLeave = new EventEmitter<Event>();\n\n  @HostListener('click', ['$event.target']) clicked(e: Event) {\n    this.onClick.emit(e);\n  }\n\n  @HostListener('mouseenter') onMouseEnter(e: Event) {\n    this.onHover.emit(e);\n  }\n\n  @HostListener('mouseleave') onMouseLeave(e: Event) {\n    this.onLeave.emit(e);\n  }\n\n  get getTooltipText() {\n    return this.tooltip\n      ? this.translate.instant(this.tooltip)\n      : this.translate.instant('copied.to.clipboard');\n  }\n\n  copy($event: any) {\n    $event.stopPropagation();\n\n    this.matTooltip.show();\n\n    this.clipboard.copy(this.content.nativeElement.innerHTML);\n\n    this.onCopy.emit();\n    this.checked = true;\n\n    setTimeout(() => {\n      this.checked = false;\n      this.matTooltip.hide();\n    }, 2000);\n  }\n}\n","<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  @if (!checked) {\n    <mat-icon class=\"small\" (click)=\"copy($event)\"> content_copy </mat-icon>\n  }\n  @if (checked) {\n    <mat-icon class=\"small\" color=\"success\">check</mat-icon>\n  }\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs

@@ -0,0 +1,33 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, ViewEncapsulation, Component } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';
+
+class OnemrvaCountryItemComponent {
+    constructor() {
+        this.countryCode = 'xx';
+        this.countryName = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaCountryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaCountryItemComponent, isStandalone: true, selector: "mat-country-item", inputs: { countryCode: "countryCode", countryName: "countryName" }, ngImport: i0, template: "<div class=\"onemrva-country-item\">\n  <flag-icon [countryCode]=\"countryCode\" />\n  <span class=\"description\">{{ countryName }}</span>\n</div>\n", styles: [".onemrva-country-item{display:flex;align-items:center}.onemrva-country-item .description{display:flex;margin-left:.5em;text-transform:capitalize}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaCountryItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mat-country-item', standalone: true, imports: [CommonModule, TranslateModule, FlagIconComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"onemrva-country-item\">\n  <flag-icon [countryCode]=\"countryCode\" />\n  <span class=\"description\">{{ countryName }}</span>\n</div>\n", styles: [".onemrva-country-item{display:flex;align-items:center}.onemrva-country-item .description{display:flex;margin-left:.5em;text-transform:capitalize}\n"] }]
+        }], propDecorators: { countryCode: [{
+                type: Input
+            }], countryName: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of mat-country-item
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaCountryItemComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-country-item.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-country-item.mjs","sources":["../../../../projects/onemrva/design-system/mat-country-item/src/onemrva-mat-country-item.component.ts","../../../../projects/onemrva/design-system/mat-country-item/src/onemrva-mat-country-item.component.html","../../../../projects/onemrva/design-system/mat-country-item/index.ts","../../../../projects/onemrva/design-system/mat-country-item/onemrvapublic-design-system-mat-country-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\n\n@Component({\n  selector: 'mat-country-item',\n  styleUrls: ['./onemrva-mat-country-item.component.scss'],\n  templateUrl: './onemrva-mat-country-item.component.html',\n  standalone: true,\n  imports: [CommonModule, TranslateModule, FlagIconComponent],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaCountryItemComponent {\n  @Input() countryCode: string | null = 'xx';\n  @Input() countryName: string | null | undefined = '';\n}\n","<div class=\"onemrva-country-item\">\n  <flag-icon [countryCode]=\"countryCode\" />\n  <span class=\"description\">{{ countryName }}</span>\n</div>\n","/*\n * Public API Surface of mat-country-item\n */\n\nexport * from './src/onemrva-mat-country-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAca,2BAA2B,CAAA;AARxC,IAAA,WAAA,GAAA;QASW,IAAW,CAAA,WAAA,GAAkB,IAAI;QACjC,IAAW,CAAA,WAAA,GAA8B,EAAE;AACrD;8GAHY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,gJCdxC,uJAIA,EAAA,MAAA,EAAA,CAAA,qJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOY,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,+BAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAG/C,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBARvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAGhB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,eAAe,EAAE,iBAAiB,CAAC,EAC5C,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,uJAAA,EAAA,MAAA,EAAA,CAAA,qJAAA,CAAA,EAAA;8BAG5B,WAAW,EAAA,CAAA;sBAAnB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;;;AEhBH;;AAEG;;ACFH;;AAEG;;;;"}