@onemrvapublic/design-system 0.0.0

package/projects/onemrva/design-system/mat-toast/src/onemrva-mat-toast.component.scss

@@ -0,0 +1,54 @@
+@use "../../utils";
+
+@mixin toast($theme) {
+  .onemrva-mat-toast {
+    position: relative;
+    padding: 16px 24px 16px 60px;
+    margin: -15px -17px;
+    border-radius: 4px 4px 0 0;
+
+    &:before {
+      position: absolute;
+      top: 16px;
+      left: 24px;
+      width: 60px;
+      font-family: "Material Icons";
+      font-size: 20px;
+      font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
+    }
+    &.info {
+      background-color: utils.palette($theme, "info", 50);
+      color: utils.palette($theme, "info", 500);
+      border-bottom: 1px solid utils.palette($theme, "info", 500);
+      &:before {
+        content: "\e88e";
+      }
+    }
+    &.success {
+      background-color: utils.palette($theme, "success", 50);
+      color: utils.palette($theme, "success", 600);
+      border-bottom: 1px solid utils.palette($theme, "success", 600);
+      &:before {
+        content: "\e86c";
+      }
+    }
+    &.warn {
+      background-color: utils.palette($theme, "warn", 50);
+      color: utils.palette($theme, "warn", 600);
+      border-bottom: 1px solid utils.palette($theme, "warn", 600);
+
+      &:before {
+        content: "\e002";
+      }
+    }
+    &.error {
+      background-color: utils.palette($theme, "error", 50);
+      color: utils.palette($theme, "error", 500);
+      border-bottom: 1px solid utils.palette($theme, "error", 500);
+
+      &:before {
+        content: "\e000";
+      }
+    }
+  }
+}

package/projects/onemrva/design-system/mat-toast/src/onemrva-mat-toast.component.ts

@@ -0,0 +1,36 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
+
+export enum ToastType {
+  info = 'info',
+  success = 'success',
+  warn = 'warn',
+  error = 'error',
+  accent = 'accent',
+  primary = 'primary',
+}
+
+@Component({
+  selector: 'onemrva-mat-toast',
+  template: `
+    <div
+      class="onemrva-mat-toast"
+      [ngClass]="data.type"
+      [attr.data-cy]="dataCy"
+      role="alert"
+      aria-atomic="true"
+    >
+      {{ data.message }}
+    </div>
+  `,
+})
+export class OnemrvaMatToastComponent {
+  dataCy: string;
+
+  constructor(
+    @Inject(MAT_SNACK_BAR_DATA)
+    public data: { type: ToastType; message: string; dataCy?: string }
+  ) {
+    this.dataCy = !!data.dataCy ? data.dataCy : 'onemrva-mat-toast';
+  }
+}

package/projects/onemrva/design-system/mat-toast/src/onemrva-mat-toast.module.ts

@@ -0,0 +1,11 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { OnemrvaMatToastComponent } from './onemrva-mat-toast.component';
+
+@NgModule({
+  declarations: [OnemrvaMatToastComponent],
+  imports: [CommonModule],
+  exports: [OnemrvaMatToastComponent, MatSnackBarModule],
+})
+export class OnemrvaMatToastModule {}

package/projects/onemrva/design-system/mat-tooltip/index.ts

@@ -0,0 +1,4 @@
+export * from './src/onemrva-mat-tooltip.directive';
+export * from './src/onemrva-mat-tooltip.component';
+export * from './src/onemrva-mat-tooltip.directive';
+export * from './src/onemrva-mat-tooltip.module';

package/projects/onemrva/design-system/mat-tooltip/ng-package.json

@@ -0,0 +1,6 @@
+{
+    "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+    "lib": {
+        "entryFile": "index.ts"
+    }
+}

package/projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.scss

@@ -0,0 +1,9 @@
+.tooltip-container {
+  background: #ffffff;
+  color: black;
+  box-shadow: 0 2px 6px #00000052;
+  border-radius: 4px;
+  margin: 2px;
+  padding: 8px;
+  line-height: normal;
+}

package/projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.ts

@@ -0,0 +1,21 @@
+import { Component, Input, TemplateRef } from '@angular/core';
+
+@Component({
+  selector: 'onemrva-mat-tooltip',
+  styleUrls: ['./onemrva-mat-tooltip.component.scss'],
+  template: `
+    <div>
+      <div class="tooltip-container">
+        <ng-template #simpleText>
+          {{ text }}
+        </ng-template>
+        <ng-container *ngTemplateOutlet="contentTemplate || simpleText">
+        </ng-container>
+      </div>
+    </div>
+  `,
+})
+export class OnemrvaMatTooltipComponent {
+  @Input() text!: string;
+  @Input() contentTemplate!: TemplateRef<any>;
+}

package/projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.directive.ts

@@ -0,0 +1,119 @@
+import {
+  ComponentRef,
+  Directive,
+  ElementRef,
+  HostListener,
+  Input,
+  TemplateRef,
+} from '@angular/core';
+import { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';
+import { ComponentPortal } from '@angular/cdk/portal';
+import {
+  ConnectedPosition,
+  Overlay,
+  OverlayPositionBuilder,
+  OverlayRef,
+} from '@angular/cdk/overlay';
+@Directive({
+  selector: '[OnemrvaMatTooltip]',
+})
+export class OnemrvaMatTooltipDirective {
+  @Input() showToolTip: boolean = true;
+
+  @Input(`customToolTip`) text!: string;
+
+  @Input() contentTemplate!: TemplateRef<any>;
+
+  @Input() position: 'top' | 'right' | 'bottom' | 'left' = 'bottom';
+  @Input() positionOffset: number = 5;
+
+  private _overlayRef!: OverlayRef;
+
+  constructor(
+    private _overlay: Overlay,
+    private _overlayPositionBuilder: OverlayPositionBuilder,
+    private _elementRef: ElementRef
+  ) {}
+
+  ngOnInit() {
+    if (!this.showToolTip) {
+      return;
+    }
+
+    const positionStrategy = this._overlayPositionBuilder
+      .flexibleConnectedTo(this._elementRef)
+      .withPositions(this.defineStrategy());
+    this._overlayRef = this._overlay.create({ positionStrategy });
+  }
+  defineStrategy(): ConnectedPosition[] {
+    switch (this.position) {
+      case 'top':
+        return [
+          {
+            originX: 'center',
+            originY: 'top',
+            overlayX: 'center',
+            overlayY: 'bottom',
+            offsetY: -this.positionOffset,
+          },
+        ];
+      case 'right':
+        return [
+          {
+            originX: 'end',
+            originY: 'center',
+            overlayX: 'start',
+            overlayY: 'center',
+            offsetX: this.positionOffset,
+          },
+        ];
+      case 'bottom':
+        return [
+          {
+            originX: 'center',
+            originY: 'bottom',
+            overlayX: 'center',
+            overlayY: 'top',
+            offsetY: this.positionOffset,
+          },
+        ];
+      case 'left':
+        return [
+          {
+            originX: 'start',
+            originY: 'center',
+            overlayX: 'end',
+            overlayY: 'center',
+            offsetX: -this.positionOffset,
+          },
+        ];
+    }
+  }
+
+  @HostListener('mouseenter')
+  show() {
+    if (this._overlayRef && !this._overlayRef.hasAttached()) {
+      const tooltipRef: ComponentRef<OnemrvaMatTooltipComponent> =
+        this._overlayRef.attach(
+          new ComponentPortal(OnemrvaMatTooltipComponent)
+        );
+      tooltipRef.instance.text = this.text;
+      tooltipRef.instance.contentTemplate = this.contentTemplate;
+    }
+  }
+
+  @HostListener('mouseleave')
+  hide() {
+    this.closeToolTip();
+  }
+
+  ngOnDestroy() {
+    this.closeToolTip();
+  }
+
+  private closeToolTip() {
+    if (this._overlayRef) {
+      this._overlayRef.detach();
+    }
+  }
+}

package/projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.module.ts

@@ -0,0 +1,11 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';
+import { OnemrvaMatTooltipDirective } from './onemrva-mat-tooltip.directive';
+
+@NgModule({
+  declarations: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],
+  imports: [CommonModule],
+  exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],
+})
+export class OnemrvaMatTooltipModule {}

package/projects/onemrva/design-system/ng-package.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/onemrva/design-system",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "assets": [
+    "./*.scss",
+    {
+      "input": ".",
+      "glob": "**/*.scss",
+      "output": "."
+    },
+    {
+      "input": ".",
+      "glob": "**/*.svg",
+      "output": "."
+    }
+  ]
+}

package/projects/onemrva/design-system/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@onemrvapublic/design-system",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "@angular/material": "^16.0.0",
+    "@ngx-translate/core": "^15.0.0",
+    "rxjs": "^7.5.0",
+    "mime-wrapper": "^2.0.0",
+    "flag-icons": "^6.7.0",
+    "google-libphonenumber": "^3.2.32",
+    "rxjs-compat": "^6.6.7",
+    "@angular/material-moment-adapter": "^16.2.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "exports": {
+    ".": {
+      "sass": "./_index.scss"
+    },
+    "./utils": {
+      "sass": "./_utils.scss"
+    }
+  }
+}

package/projects/onemrva/design-system/page-not-found/assets/404/Arri/303/250re-plan.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1639.386" height="1177.268" viewBox="0 0 1639.386 1177.268">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_455" data-name="Rectangle 455" width="1089.387" height="857.728" transform="translate(0 0)" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Arrière-plan" transform="translate(106 208.268)">
+    <g id="Groupe_1026" data-name="Groupe 1026" transform="translate(443.999 -14.149)">
+      <g id="Groupe_1025" data-name="Groupe 1025" transform="translate(0 0.002)" clip-path="url(#clip-path)">
+        <path id="Tracé_1050" data-name="Tracé 1050" d="M1089.387,0V857.729h-655.6c37.756-65.71,97.6-121.894,172.462-156.393,42.629-19.645,88.927-32.621,132.264-51.067s85.013-43.682,108.351-80.321,23.82-86.529-8.994-117.227c-31.857-29.8-83.974-34.2-130.814-32.736s-96.135,6.457-138.559-10.815C490.7,377.5,472.251,288.724,412.917,234.818c-41.142-37.376-99.777-55.83-157.142-69.83S138.915,139.8,88.145,112.75C41.782,88.045,3.243,46.314,0,0Z" transform="translate(0 -0.002)" fill="#f3f2f7"/>
+      </g>
+    </g>
+    <g id="Ellipse_95" data-name="Ellipse 95" transform="translate(1084 -208.268)" fill="none" stroke="#fff" stroke-width="30">
+      <circle cx="198" cy="198" r="198" stroke="none"/>
+      <circle cx="198" cy="198" r="183" fill="none"/>
+    </g>
+    <g id="Ellipse_96" data-name="Ellipse 96" transform="translate(-106 573)" fill="none" stroke="#f6f5f9" stroke-width="30">
+      <circle cx="198" cy="198" r="198" stroke="none"/>
+      <circle cx="198" cy="198" r="183" fill="none"/>
+    </g>
+  </g>
+</svg>

package/projects/onemrva/design-system/page-not-found/assets/404/Halo.svg

@@ -0,0 +1,10 @@
+<svg id="Halo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="273.002" height="394.916" viewBox="0 0 273.002 394.916">
+  <defs>
+    <clipPath id="clip-path">
+      <path id="Tracé_1060" data-name="Tracé 1060" d="M219.86,684.271l-6.678.476c-2.264.162-4.685,1.383-4.942,3.841l-55.577,388.122h273l-54.926-387.86c-.257-2.458-2.9-3.94-5.16-4.1l-6.821-.486q-34.653-2.469-69.387-2.469-34.777,0-69.51,2.478" transform="translate(-152.662 -681.793)" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Groupe_1037" data-name="Groupe 1037" clip-path="url(#clip-path)">
+    <image id="Rectangle_459" data-name="Rectangle 459" width="273.408" height="395.105" transform="translate(-0.181 -0.189)" xlink:href="data:image/png;base64,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"/>
+  </g>
+</svg>

package/projects/onemrva/design-system/page-not-found/assets/404/Ombre.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="245.795" height="19.213" viewBox="0 0 245.795 19.213">
+  <path id="Ombre" d="M531.019,2043.365c0,5.305-55.023,9.606-122.9,9.606s-122.9-4.3-122.9-9.606,55.023-9.606,122.9-9.606,122.9,4.3,122.9,9.606" transform="translate(-285.224 -2033.759)" fill="#e4e4ea"/>
+</svg>

package/projects/onemrva/design-system/page-not-found/assets/404/Page.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="181.672" height="210.607" viewBox="0 0 181.672 210.607">
+  <defs>
+    <clipPath id="clip-path">
+      <path id="Tracé_1080" data-name="Tracé 1080" d="M651.639,1446.705c-15.79,4.134-25.549,19.269-21.76,33.742a2.585,2.585,0,0,0,3.225,1.705l52.061-13.631a2.585,2.585,0,0,0,1.976-3.067c-3.136-11.977-14.581-19.8-27.384-19.8a32.023,32.023,0,0,0-8.119,1.053" transform="translate(-629.063 -1445.652)" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Page" transform="translate(-894.878 -329.315)">
+    <path id="Tracé_1072" data-name="Tracé 1072" d="M536.714,1205.414,403.2,1240.37l-48.159-183.938L456.9,1029.763l21.2,12.4,18.746,10.967Z" transform="translate(539.835 -700.448)" fill="#c5c5ce"/>
+    <path id="Tracé_1073" data-name="Tracé 1073" d="M728.335,1029.763l8.28,31.625,31.663-8.258-18.746-10.967Z" transform="translate(268.401 -700.448)" fill="#9a99a2"/>
+    <path id="Tracé_1074" data-name="Tracé 1074" d="M494.935,1267.744a26.128,26.128,0,1,1-18.658,31.893,26.128,26.128,0,0,1,18.658-31.893" transform="translate(452.305 -872.868)" fill="#b8b8c2"/>
+    <path id="Tracé_1075" data-name="Tracé 1075" d="M715.546,1209.983a26.128,26.128,0,1,1-18.658,31.893,26.128,26.128,0,0,1,18.658-31.893" transform="translate(291.891 -830.868)" fill="#b8b8c2"/>
+    <path id="Tracé_1076" data-name="Tracé 1076" d="M500.823,1268a23.17,23.17,0,1,1-16.546,28.283A23.17,23.17,0,0,1,500.823,1268" transform="translate(446.417 -873.127)" fill="#fffffd"/>
+    <path id="Tracé_1077" data-name="Tracé 1077" d="M721.434,1210.242a23.17,23.17,0,1,1-16.546,28.283,23.17,23.17,0,0,1,16.546-28.283" transform="translate(286.003 -831.127)" fill="#fff"/>
+    <path id="Tracé_1078" data-name="Tracé 1078" d="M633.1,1482.152l52.061-13.631a2.585,2.585,0,0,0,1.976-3.067c-3.789-14.473-19.713-22.883-35.5-18.749s-25.549,19.268-21.76,33.742a2.585,2.585,0,0,0,3.225,1.705" transform="translate(340.585 -1002.856)" fill="#24242d"/>
+    <g id="Groupe_1053" data-name="Groupe 1053" transform="translate(969.647 442.796)" clip-path="url(#clip-path)">
+      <path id="Tracé_1079" data-name="Tracé 1079" d="M720.176,1538.307a15.927,15.927,0,1,1-19.442-11.374,15.927,15.927,0,0,1,19.442,11.374" transform="translate(-672.526 -1504.374)" fill="#db0020"/>
+    </g>
+    <path id="Tracé_1081" data-name="Tracé 1081" d="M777.243,1274.135a6.968,6.968,0,1,1-8.506-4.976,6.968,6.968,0,0,1,8.506,4.976" transform="translate(242.807 -874.355)" fill="#24242d"/>
+    <path id="Tracé_1082" data-name="Tracé 1082" d="M556.633,1331.9a6.968,6.968,0,1,1-8.506-4.976,6.968,6.968,0,0,1,8.506,4.976" transform="translate(403.221 -916.355)" fill="#24242d"/>
+  </g>
+</svg>

package/projects/onemrva/design-system/page-not-found/assets/404/Page2.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="181.672" height="210.607" viewBox="0 0 181.672 210.607">
+  <defs>
+    <clipPath id="clip-path">
+      <path id="Tracé_1080" data-name="Tracé 1080" d="M651.639,1446.705c-15.79,4.134-25.549,19.269-21.76,33.742a2.585,2.585,0,0,0,3.225,1.705l52.061-13.631a2.585,2.585,0,0,0,1.976-3.067c-3.136-11.977-14.581-19.8-27.384-19.8a32.023,32.023,0,0,0-8.119,1.053" transform="translate(-629.063 -1445.652)" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Page2" transform="translate(-894.878 -329.315)">
+    <path id="Tracé_1072" data-name="Tracé 1072" d="M536.714,1205.414,403.2,1240.37l-48.159-183.938L456.9,1029.763l21.2,12.4,18.746,10.967Z" transform="translate(539.835 -700.448)" fill="#c5c5ce"/>
+    <path id="Tracé_1073" data-name="Tracé 1073" d="M728.335,1029.763l8.28,31.625,31.663-8.258-18.746-10.967Z" transform="translate(268.401 -700.448)" fill="#9a99a2"/>
+    <path id="Tracé_1074" data-name="Tracé 1074" d="M494.935,1267.744a26.128,26.128,0,1,1-18.658,31.893,26.128,26.128,0,0,1,18.658-31.893" transform="translate(452.305 -872.868)" fill="#b8b8c2"/>
+    <path id="Tracé_1075" data-name="Tracé 1075" d="M715.546,1209.983a26.128,26.128,0,1,1-18.658,31.893,26.128,26.128,0,0,1,18.658-31.893" transform="translate(291.891 -830.868)" fill="#b8b8c2"/>
+    <path id="Tracé_1076" data-name="Tracé 1076" d="M500.823,1268a23.17,23.17,0,1,1-16.546,28.283A23.17,23.17,0,0,1,500.823,1268" transform="translate(446.417 -873.127)" fill="#fffffd"/>
+    <path id="Tracé_1077" data-name="Tracé 1077" d="M721.434,1210.242a23.17,23.17,0,1,1-16.546,28.283,23.17,23.17,0,0,1,16.546-28.283" transform="translate(286.003 -831.127)" fill="#fff"/>
+    <path id="Tracé_1078" data-name="Tracé 1078" d="M633.1,1482.152l52.061-13.631a2.585,2.585,0,0,0,1.976-3.067c-3.789-14.473-19.713-22.883-35.5-18.749s-25.549,19.268-21.76,33.742a2.585,2.585,0,0,0,3.225,1.705" transform="translate(340.585 -1002.856)" fill="#24242d"/>
+    <g id="Groupe_1053" data-name="Groupe 1053" transform="translate(969.647 442.796)" clip-path="url(#clip-path)">
+      <path id="Tracé_1079" data-name="Tracé 1079" d="M720.176,1538.307a15.927,15.927,0,1,1-19.442-11.374,15.927,15.927,0,0,1,19.442,11.374" transform="translate(-672.526 -1504.374)" fill="#db0020"/>
+    </g>
+  </g>
+</svg>

package/projects/onemrva/design-system/page-not-found/assets/404/Soucoupe.svg

@@ -0,0 +1,70 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="356.764" height="157.513" viewBox="0 0 356.764 157.513">
+  <defs>
+    <clipPath id="clip-path">
+      <path id="Tracé_1054" data-name="Tracé 1054" d="M326.41,252.409c0,1.99.088,3.958.217,5.916H504.808c.131-1.958.219-3.926.219-5.916a89.308,89.308,0,1,0-178.617,0" transform="translate(-326.41 -163.1)" fill="none"/>
+    </clipPath>
+    <clipPath id="clip-path-2">
+      <path id="Tracé_1057" data-name="Tracé 1057" d="M89.282,512.085s-39.652,16.48-50.308,21.974c-8.574,4.42-24.36,13.811-36.537,21.185a5.033,5.033,0,0,0,2.844,9.332L178.373,556.4l173.11,8.176a5.033,5.033,0,0,0,2.845-9.331c-12.166-7.374-27.942-16.767-36.517-21.187-10.656-5.494-50.348-21.974-50.348-21.974Z" transform="translate(0 -512.085)" fill="none"/>
+    </clipPath>
+    <clipPath id="clip-path-3">
+      <path id="Tracé_1062" data-name="Tracé 1062" d="M492.691,556.009c0,3.428,3.59,6.206,8.019,6.206s8.019-2.778,8.019-6.206-3.59-6.206-8.019-6.206-8.019,2.778-8.019,6.206" transform="translate(-492.691 -549.803)" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="-8.383" y1="34.72" x2="-8.366" y2="34.72" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#db0020"/>
+      <stop offset="1" stop-color="#d20062"/>
+    </linearGradient>
+    <clipPath id="clip-path-4">
+      <path id="Tracé_1063" data-name="Tracé 1063" d="M754.367,556.009c0,3.428,3.59,6.206,8.019,6.206s8.019-2.778,8.019-6.206-3.59-6.206-8.019-6.206-8.019,2.778-8.019,6.206" transform="translate(-754.367 -549.803)" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient-2" x1="-12.835" y1="34.72" x2="-12.818" y2="34.72" xlink:href="#linear-gradient"/>
+    <clipPath id="clip-path-5">
+      <path id="Tracé_1067" data-name="Tracé 1067" d="M986.148,572.349c0,3.136,3.284,5.677,7.336,5.677s7.336-2.542,7.336-5.677-3.284-5.677-7.336-5.677-7.336,2.542-7.336,5.677" transform="translate(-986.148 -566.672)" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient-3" x1="-18.341" y1="37.547" x2="-18.322" y2="37.547" xlink:href="#linear-gradient"/>
+    <clipPath id="clip-path-6">
+      <path id="Tracé_1068" data-name="Tracé 1068" d="M267.57,572.349c0,3.136,3.284,5.677,7.336,5.677s7.336-2.542,7.336-5.677-3.284-5.677-7.336-5.677-7.336,2.542-7.336,5.677" transform="translate(-267.57 -566.672)" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient-4" x1="-4.976" y1="37.547" x2="-4.958" y2="37.547" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Soucoupe" transform="translate(-798 -92.835)">
+    <path id="Tracé_1052" data-name="Tracé 1052" d="M504.808,258.325c.131-1.958.219-3.926.219-5.916a89.308,89.308,0,1,0-178.617,0c0,1.99.088,3.958.217,5.916Z" transform="translate(560.655 -70.265)" fill="#b8b8c2"/>
+    <g id="Groupe_1030" data-name="Groupe 1030" transform="translate(887.065 92.835)">
+      <g id="Groupe_1029" data-name="Groupe 1029" clip-path="url(#clip-path)">
+        <path id="Tracé_1053" data-name="Tracé 1053" d="M653.714,44.5c17.512,0,75.315,11.943,74.692,103.982s114.439-17.823,114.439-17.823L660.5,0Z" transform="translate(-564.405 -44.502)" fill="#9a99a2"/>
+      </g>
+    </g>
+    <path id="Tracé_1055" data-name="Tracé 1055" d="M89.282,512.085S49.63,528.566,38.974,534.059c-8.574,4.42-24.36,13.811-36.537,21.185a5.033,5.033,0,0,0,2.844,9.332L178.373,556.4l173.11,8.176a5.032,5.032,0,0,0,2.845-9.331c-12.166-7.374-27.942-16.767-36.516-21.187-10.656-5.493-50.349-21.974-50.349-21.974Z" transform="translate(798 -324.025)" fill="#9a99a2"/>
+    <g id="Groupe_1033" data-name="Groupe 1033" transform="translate(798 188.06)" clip-path="url(#clip-path-2)">
+      <path id="Tracé_1056" data-name="Tracé 1056" d="M927,479.742c.52,10.388,66.532,34.365,76.92,66.164,8.249,25.25,80.667-44.623,80.667-44.623L964.6,467.605Z" transform="translate(-674.054 -479.742)" fill="#797882"/>
+    </g>
+    <path id="Tracé_1058" data-name="Tracé 1058" d="M358.249,663.941c0,6.668-71.253,12.073-177.47,12.073S3.308,670.609,3.308,663.941s71.253-12.073,177.471-12.073,177.47,5.405,177.47,12.073" transform="translate(795.595 -425.666)" fill="#5b5a65"/>
+    <path id="Tracé_1059" data-name="Tracé 1059" d="M520.2,689.42c0-2.895-35.834-5.241-80.038-5.241s-80.038,2.347-80.038,5.241,35.834,5.241,80.038,5.241,80.038-2.347,80.038-5.241" transform="translate(536.144 -449.161)" fill="#24242d"/>
+    <g id="Groupe_1042" data-name="Groupe 1042" transform="translate(932.437 198.352)">
+      <g id="Groupe_1041" data-name="Groupe 1041" clip-path="url(#clip-path-3)">
+        <rect id="Rectangle_461" data-name="Rectangle 461" width="16.037" height="12.412" transform="translate(0 0)" fill="url(#linear-gradient)"/>
+      </g>
+    </g>
+    <g id="Groupe_1044" data-name="Groupe 1044" transform="translate(1003.838 198.352)">
+      <g id="Groupe_1043" data-name="Groupe 1043" clip-path="url(#clip-path-4)">
+        <rect id="Rectangle_462" data-name="Rectangle 462" width="16.038" height="12.412" transform="translate(0 0)" fill="url(#linear-gradient-2)"/>
+      </g>
+    </g>
+    <path id="Tracé_1064" data-name="Tracé 1064" d="M392.788,561.41c0,3.3-3.462,5.984-7.732,5.984s-7.732-2.679-7.732-5.984,3.462-5.984,7.732-5.984,7.732,2.679,7.732,5.984" transform="translate(523.634 -355.54)" fill="#e4e4ea"/>
+    <path id="Tracé_1065" data-name="Tracé 1065" d="M888.952,561.41c0,3.3-3.462,5.984-7.732,5.984s-7.732-2.679-7.732-5.984,3.462-5.984,7.732-5.984,7.732,2.679,7.732,5.984" transform="translate(162.854 -355.54)" fill="#e4e4ea"/>
+    <g id="Groupe_1048" data-name="Groupe 1048" transform="translate(1067.083 202.955)">
+      <g id="Groupe_1047" data-name="Groupe 1047" clip-path="url(#clip-path-5)">
+        <rect id="Rectangle_464" data-name="Rectangle 464" width="14.671" height="11.355" transform="translate(0 0)" fill="url(#linear-gradient-3)"/>
+        <path id="Tracé_1066" data-name="Tracé 1066" d="M930.162,495.138c.368,7.357,47.116,24.337,54.473,46.855,5.842,17.882,57.126-31.6,57.126-31.6l-84.97-23.85Z" transform="translate(-945.438 -508.407)" fill="#545454"/>
+      </g>
+    </g>
+    <g id="Groupe_1050" data-name="Groupe 1050" transform="translate(871.01 202.955)">
+      <g id="Groupe_1049" data-name="Groupe 1049" clip-path="url(#clip-path-6)">
+        <rect id="Rectangle_465" data-name="Rectangle 465" width="14.671" height="11.355" transform="translate(0 0)" fill="url(#linear-gradient-4)"/>
+      </g>
+    </g>
+    <path id="Tracé_1069" data-name="Tracé 1069" d="M1105.464,584.159c0,3.135-3.284,5.677-7.336,5.677s-7.336-2.542-7.336-5.677,3.284-5.677,7.336-5.677,7.336,2.542,7.336,5.677" transform="translate(4.844 -372.304)" fill="#e4e4ea"/>
+    <path id="Tracé_1070" data-name="Tracé 1070" d="M177.6,584.159c0,3.135-3.284,5.677-7.336,5.677s-7.336-2.542-7.336-5.677,3.284-5.677,7.336-5.677,7.336,2.542,7.336,5.677" transform="translate(679.532 -372.304)" fill="#e4e4ea"/>
+    <path id="Tracé_1071" data-name="Tracé 1071" d="M469.476,244.445c3.851,5.2.2,14.43-8.164,20.625s-18.258,7-22.108,1.807-.2-14.43,8.164-20.625,18.257-7,22.108-1.807" transform="translate(479.752 -126.924)" fill="#e4e4ea"/>
+    <path id="Tracé_1227" data-name="Tracé 1227" d="M639.356,550.483c0,3.481-3.647,6.3-8.145,6.3s-8.146-2.823-8.146-6.3,3.647-6.3,8.146-6.3,8.145,2.823,8.145,6.3" transform="translate(344.946 -347.361)" fill="#e4e4ea"/>
+  </g>
+</svg>

package/projects/onemrva/design-system/page-not-found/assets/404/Yeux.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="74.136" height="29.701" viewBox="0 0 74.136 29.701">
+  <g id="Yeux" transform="translate(-950.143 -387.865)">
+    <path id="Tracé_1228" data-name="Tracé 1228" d="M777.243,1274.135a6.968,6.968,0,1,1-8.506-4.976,6.968,6.968,0,0,1,8.506,4.976" transform="translate(246.807 -881.065)" fill="#24242d"/>
+    <path id="Tracé_1229" data-name="Tracé 1229" d="M556.633,1331.9a6.968,6.968,0,1,1-8.506-4.976,6.968,6.968,0,0,1,8.506,4.976" transform="translate(407.221 -923.065)" fill="#24242d"/>
+  </g>
+</svg>

package/projects/onemrva/design-system/page-not-found/assets/404/shape.svg

@@ -0,0 +1,3 @@
+<svg width="1281" height="1401" viewBox="0 0 1281 1401" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M73.9191 401.671C-72.8809 329.271 32.4191 187.171 103.419 125.171C372.419 -82.3292 797.419 18.671 914.919 72.1709C1022.51 121.158 1212.42 258.171 1095.42 577.671C978.419 897.171 1308.42 1032.17 1278.92 1128.17C1249.42 1224.17 1137.92 1381.17 797.419 1399.67C456.919 1418.17 434 1210.5 446.419 1152.17C463.7 1071.01 582.252 1001.5 651.419 976.671C724 947.5 843.237 888.671 850.919 822.171C863.719 711.371 707 713.171 632.419 713.171C472.919 699.671 480.919 581.095 403.919 524.171C252.419 412.171 257.419 492.171 73.9191 401.671Z" fill="#F6F5F9"/>
+</svg>

package/projects/onemrva/design-system/page-not-found/index.ts

@@ -0,0 +1,5 @@
+export * from './src/page-not-found-action.component';
+export * from './src/page-not-found-extra.component';
+export * from './src/page-not-found-invader.component';
+export * from './src/page-not-found.component';
+export * from './src/page-not-found.module';

package/projects/onemrva/design-system/page-not-found/ng-package.json

@@ -0,0 +1,9 @@
+{
+    "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+    "lib": {
+        "entryFile": "index.ts"
+    },
+    "assets": [
+        "./assets/**/*"
+    ]
+}

package/projects/onemrva/design-system/page-not-found/src/page-not-found-action.component.ts

@@ -0,0 +1,9 @@
+import { Component, TemplateRef, ViewChild } from '@angular/core';
+
+@Component({
+    selector: 'page-not-found-action',
+    template: '<ng-template><ng-content></ng-content></ng-template>',
+})
+export class PageNotFoundActionComponent {
+    @ViewChild(TemplateRef) template?: TemplateRef<any>;
+}

package/projects/onemrva/design-system/page-not-found/src/page-not-found-extra.component.ts

@@ -0,0 +1,9 @@
+import { Component, TemplateRef, ViewChild } from '@angular/core';
+
+@Component({
+    selector: 'page-not-found-extra',
+    template: '<ng-template><ng-content></ng-content></ng-template>',
+})
+export class PageNotFoundExtraComponent {
+    @ViewChild(TemplateRef) template?: TemplateRef<any>;
+}

package/projects/onemrva/design-system/page-not-found/src/page-not-found-invader.component.scss

@@ -0,0 +1,16 @@
+.invader {
+  max-height: 20px;
+  max-width: 20px;
+  position: absolute;
+  border-radius: 50%;
+  z-index: 100;
+
+  &.game-over {
+    padding: 10px;
+    border: 2px solid red;
+  }
+
+  &:hover {
+    cursor: crosshair;
+  }
+}