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

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

@@ -0,0 +1,208 @@
+import * as i0 from '@angular/core';
+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 { AnimationBuilder, animate, style, trigger, transition } from '@angular/animations';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+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() {
+        this.element = inject(ElementRef);
+        this.show = false;
+        this.nativeElement = this.element.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", 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: "20.1.7", 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: () => [], propDecorators: { tpl: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }], show: [{
+                type: HostBinding,
+                args: ['class.show']
+            }] } });
+
+class OnemrvaMatCarouselComponent {
+    constructor() {
+        this.timing = '250ms ease-in';
+        this.gap = 32;
+        this.padding = 64;
+        this.showControls = true;
+        this.autoplay = 0;
+        this.showDots = true;
+        this.currentSlide = 0;
+        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() {
+        if (this.autoplay > 0) {
+            interval(this.autoplay)
+                .pipe(takeUntil(this.destroyed))
+                .subscribe(_i => {
+                this.next();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.destroyed.next(null);
+        this.destroyed.complete();
+    }
+    onResize(_event) {
+        this.width = this.nativeElement.offsetWidth - 2 * this.padding;
+        this.items.forEach(item => {
+            this.renderer.setStyle(item.nativeElement, 'width', `${this.width}px`);
+            this.renderer.setStyle(item.nativeElement, 'margin-right', `${this.gap}px`);
+            this.animate();
+        });
+        this.resize();
+    }
+    buildAnimation(offset) {
+        return this.builder.build([
+            animate(this.timing, style({ transform: `translateX(-${offset}px)` })),
+        ]);
+    }
+    goto(index) {
+        if (index >= 0 && index < this.items.length) {
+            this.currentSlide = index;
+            this.animate();
+            this.opacify();
+        }
+    }
+    next() {
+        //if( this.currentSlide + 1 === this.items.length ) return;
+        this.currentSlide = (this.currentSlide + 1) % this.items.length;
+        this.currentSlide = isNaN(this.currentSlide) ? 1 : this.currentSlide;
+        this.animate();
+        this.opacify();
+    }
+    prev() {
+        if (this.currentSlide === 0)
+            return;
+        this.currentSlide =
+            (this.currentSlide - 1 + this.items.length) % this.items.length;
+        this.animate();
+        this.opacify();
+    }
+    animate() {
+        const offset = this.currentSlide * (this.width + this.gap);
+        const myAnimation = this.buildAnimation(offset);
+        this.player = myAnimation.create(this.carousel.nativeElement);
+        this.player.play();
+    }
+    ngAfterViewInit() {
+        this.width = this.nativeElement.offsetWidth;
+        setTimeout(() => {
+            this.onResize(null);
+        }, 10);
+        this.opacify();
+    }
+    hasPrev() {
+        return this.items.length > 0 && this.showControls && this.currentSlide > 0;
+    }
+    hasNext() {
+        return (this.items.length > 0 &&
+            this.showControls &&
+            this.currentSlide < this.items.length - 1);
+    }
+    opacify() {
+        this.items.forEach((item, index) => {
+            if (index !== this.currentSlide) {
+                item.nativeElement.className = 'semiTransparent';
+            }
+            else {
+                item.nativeElement.className = '';
+            }
+        });
+    }
+    resize() {
+        let biggest = 80;
+        this.items.forEach(item => {
+            item.nativeElement.style.height = 'auto';
+        });
+        this.items.forEach(item => {
+            if (item.nativeElement.offsetHeight > biggest) {
+                biggest = item.nativeElement.offsetHeight;
+            }
+        });
+        this.items.forEach(item => {
+            item.nativeElement.style.height = biggest + 'px';
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", 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 dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\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: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], animations: [
+            trigger('inOutAnimation', [
+                transition(':enter', [
+                    style({ opacity: 0 }),
+                    animate('1000ms ease-out', style({ opacity: 1 })),
+                ]),
+                transition(':leave', [
+                    style({ opacity: 1 }),
+                    animate('1000ms ease-in', style({ opacity: 0 })),
+                ]),
+            ]),
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-carousel', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        TranslateModule,
+                        MatTooltip,
+                    ], encapsulation: ViewEncapsulation.Emulated, animations: [
+                        trigger('inOutAnimation', [
+                            transition(':enter', [
+                                style({ opacity: 0 }),
+                                animate('1000ms ease-out', style({ opacity: 1 })),
+                            ]),
+                            transition(':leave', [
+                                style({ opacity: 1 }),
+                                animate('1000ms ease-in', style({ opacity: 0 })),
+                            ]),
+                        ]),
+                    ], 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 dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\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: [{
+                type: ViewChild,
+                args: ['carouselWrapper']
+            }], timing: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], showControls: [{
+                type: Input
+            }], autoplay: [{
+                type: Input
+            }], showDots: [{
+                type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-carousel.mjs.map

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

@@ -0,0 +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  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 dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\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

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { forwardRef, HostBinding, 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;
+        // TODO : disabled state
+        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 = () => {
+            //
+        };
+    }
+    get opacity() {
+        return this.disabled ? 0.4 : 1;
+    }
+    onContainerClick(event) {
+        //
+    }
+    setDescribedByIds(ids) {
+        //
+    }
+    // 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.1.7", ngImport: i0, type: OnemrvaMatChoiceChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatChoiceChipComponent, isStandalone: true, selector: "onemrva-mat-choice-chip", inputs: { checked: "checked", disabled: "disabled" }, host: { properties: { "style.opacity": "this.opacity" } }, 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: "20.1.7", ngImport: i0, type: OnemrvaMatChoiceChipComponent, decorators: [{
+            type: Component,
+            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: [{
+                type: Input
+            }], opacity: [{
+                type: HostBinding,
+                args: ['style.opacity']
+            }] } });
+
+/*
+ * Public API Surface of mat-sticker
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatChoiceChipComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-choice-chip.mjs.map

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

@@ -0,0 +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 {\n  Component,\n  forwardRef,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} 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\n  // TODO : disabled state\n  @Input()\n  override disabled = false;\n\n  _value: any = null;\n\n  @HostBinding('style.opacity')\n  get opacity() {\n    return this.disabled ? 0.4 : 1;\n  }\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":"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"}

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

@@ -0,0 +1,90 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+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 { 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';
+
+class OnemrvaCopyToClipboardComponent {
+    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
+        this.onCopy = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+        this.onClick = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+        this.onHover = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+        this.onLeave = new EventEmitter();
+    }
+    clicked(e) {
+        this.onClick.emit(e);
+    }
+    onMouseEnter(e) {
+        this.onHover.emit(e);
+    }
+    onMouseLeave(e) {
+        this.onLeave.emit(e);
+    }
+    get getTooltipText() {
+        return this.tooltip
+            ? this.translate.instant(this.tooltip)
+            : this.translate.instant('copied.to.clipboard');
+    }
+    copy($event) {
+        $event.stopPropagation();
+        this.matTooltip.show();
+        this.clipboard.copy(this.content.nativeElement.innerHTML);
+        this.onCopy.emit();
+        this.checked = true;
+        setTimeout(() => {
+            this.checked = false;
+            this.matTooltip.hide();
+        }, 2000);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", 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: "20.1.7", 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  @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: [{
+                type: ViewChild,
+                args: ['cccTooltip']
+            }], tooltip: [{
+                type: Input
+            }], onCopy: [{
+                type: Output
+            }], onClick: [{
+                type: Output
+            }], onHover: [{
+                type: Output
+            }], onLeave: [{
+                type: Output
+            }], clicked: [{
+                type: HostListener,
+                args: ['click', ['$event.target']]
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaCopyToClipboardComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-copy-to-clipboard.mjs.map

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

@@ -0,0 +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  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.1.7", ngImport: i0, type: OnemrvaCountryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", 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}.mat-form-field-disabled .onemrva-country-item flag-icon{opacity:.4}\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.1.7", 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}.mat-form-field-disabled .onemrva-country-item flag-icon{opacity:.4}\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,IAAA,CAAA,WAAW,GAAkB,IAAI;QACjC,IAAA,CAAA,WAAW,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,yNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,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,EAAA,UAAA,EAGhB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,eAAe,EAAE,iBAAiB,CAAC,EAAA,aAAA,EAC5C,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,uJAAA,EAAA,MAAA,EAAA,CAAA,yNAAA,CAAA,EAAA;8BAG5B,WAAW,EAAA,CAAA;sBAAnB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;;;AEhBH;;AAEG;;ACFH;;AAEG;;;;"}