@onemrvapublic/design-system 0.0.0

package/projects/test/src/app/demos/toc/demo-toc.component.html

@@ -0,0 +1,288 @@
+<p>
+  Thermodynamics is a branch of physics that deals with heat, work, and
+  temperature, and their relation to energy, entropy, and the physical
+  properties of matter and radiation. The behavior of these quantities is
+  governed by the four laws of thermodynamics which convey a quantitative
+  description using measurable macroscopic physical quantities, but may be
+  explained in terms of microscopic constituents by statistical mechanics.
+  Thermodynamics applies to a wide variety of topics in science and engineering,
+  especially physical chemistry, biochemistry, chemical engineering and
+  mechanical engineering, but also in other complex fields such as meteorology.
+  Historically, thermodynamics developed out of a desire to increase the
+  efficiency of early steam engines, particularly through the work of French
+  physicist Sadi Carnot (1824) who believed that engine efficiency was the key
+  that could help France win the Napoleonic Wars.[1] Scots-Irish physicist Lord
+  Kelvin was the first to formulate a concise definition of thermodynamics in
+  1854[2] which stated, "Thermo-dynamics is the subject of the relation of heat
+  to forces acting between contiguous parts of bodies, and the relation of heat
+  to electrical agency." German physicist and mathematician Rudolf Clausius
+  restated Carnot's principle known as the Carnot cycle and gave so the theory
+  of heat a truer and sounder basis. His most important paper, "On the Moving
+  Force of Heat",[3] published in 1850, first stated the second law of
+  thermodynamics. In 1865 he introduced the concept of entropy. In 1870 he
+  introduced the virial theorem, which applied to heat.[4] The initial
+  application of thermodynamics to mechanical heat engines was quickly extended
+  to the study of chemical compounds and chemical reactions. Chemical
+  thermodynamics studies the nature of the role of entropy in the process of
+  chemical reactions and has provided the bulk of expansion and knowledge of the
+  field. Other formulations of thermodynamics emerged. Statistical
+  thermodynamics, or statistical mechanics, concerns itself with statistical
+  predictions of the collective motion of particles from their microscopic
+  behavior. In 1909, Constantin Carathéodory presented a purely mathematical
+  approach in an axiomatic formulation, a description often referred to as
+  geometrical thermodynamics.
+</p>
+
+<h2
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.introduction',
+    path: '#introduction'
+  }"
+  [hiddenInToc]="hidden"
+>
+  Introduction
+</h2>
+<button (click)="hidden = !hidden">toggle</button>
+<p>
+  A description of any thermodynamic system employs the four laws of
+  thermodynamics that form an axiomatic basis. The first law specifies that
+  energy can be transferred between physical systems as heat, as work, and with
+  transfer of matter.[5] The second law defines the existence of a quantity
+  called entropy, that describes the direction, thermodynamically, that a system
+  can evolve and quantifies the state of order of a system and that can be used
+  to quantify the useful work that can be extracted from the system.[6] In
+  thermodynamics, interactions between large ensembles of objects are studied
+  and categorized. Central to this are the concepts of the thermodynamic system
+  and its surroundings. A system is composed of particles, whose average motions
+  define its properties, and those properties are in turn related to one another
+  through equations of state. Properties can be combined to express internal
+  energy and thermodynamic potentials, which are useful for determining
+  conditions for equilibrium and spontaneous processes. With these tools,
+  thermodynamics can be used to describe how systems respond to changes in their
+  environment. This can be applied to a wide variety of topics in science and
+  engineering, such as engines, phase transitions, chemical reactions, transport
+  phenomena, and even black holes. The results of thermodynamics are essential
+  for other fields of physics and for chemistry, chemical engineering, corrosion
+  engineering, aerospace engineering, mechanical engineering, cell biology,
+  biomedical engineering, materials science, and economics, to name a few.[7][8]
+  This article is focused mainly on classical thermodynamics which primarily
+  studies systems in thermodynamic equilibrium. Non-equilibrium thermodynamics
+  is often treated as an extension of the classical treatment, but statistical
+  mechanics has brought many advances to that field.
+</p>
+
+<h2
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.history',
+    path: '#history'
+  }"
+>
+  History
+</h2>
+<p>
+  The history of thermodynamics as a scientific discipline generally begins with
+  Otto von Guericke who, in 1650, built and designed the world's first vacuum
+  pump and demonstrated a vacuum using his Magdeburg hemispheres. Guericke was
+  driven to make a vacuum in order to disprove Aristotle's long-held supposition
+  that 'nature abhors a vacuum'. Shortly after Guericke, the Anglo-Irish
+  physicist and chemist Robert Boyle had learned of Guericke's designs and, in
+  1656, in coordination with English scientist Robert Hooke, built an air
+  pump.[10] Using this pump, Boyle and Hooke noticed a correlation between
+  pressure, temperature, and volume. In time, Boyle's Law was formulated, which
+  states that pressure and volume are inversely proportional. Then, in 1679,
+  based on these concepts, an associate of Boyle's named Denis Papin built a
+  steam digester, which was a closed vessel with a tightly fitting lid that
+  confined steam until a high pressure was generated. Later designs implemented
+  a steam release valve that kept the machine from exploding. By watching the
+  valve rhythmically move up and down, Papin conceived of the idea of a piston
+  and a cylinder engine. He did not, however, follow through with his design.
+  Nevertheless, in 1697, based on Papin's designs, engineer Thomas Savery built
+  the first engine, followed by Thomas Newcomen in 1712. Although these early
+  engines were crude and inefficient, they attracted the attention of the
+  leading scientists of the time. The fundamental concepts of heat capacity and
+  latent heat, which were necessary for the development of thermodynamics, were
+  developed by Professor Joseph Black at the University of Glasgow, where James
+  Watt was employed as an instrument maker. Black and Watt performed experiments
+  together, but it was Watt who conceived the idea of the external condenser
+  which resulted in a large increase in steam engine efficiency.[11] Drawing on
+  all the previous work led Sadi Carnot, the "father of thermodynamics", to
+  publish Reflections on the Motive Power of Fire (1824), a discourse on heat,
+  power, energy and engine efficiency. The book outlined the basic energetic
+  relations between the Carnot engine, the Carnot cycle, and motive power. It
+  marked the start of thermodynamics as a modern science.[12] The first
+  thermodynamic textbook was written in 1859 by William Rankine, originally
+  trained as a physicist and a civil and mechanical engineering professor at the
+  University of Glasgow.[13] The first and second laws of thermodynamics emerged
+  simultaneously in the 1850s, primarily out of the works of William Rankine,
+  Rudolf Clausius, and William Thomson (Lord Kelvin). The foundations of
+  statistical thermodynamics were set out by physicists such as James Clerk
+  Maxwell, Ludwig Boltzmann, Max Planck, Rudolf Clausius and J. Willard Gibbs.
+  Clausius, who first stated the basic ideas of the second law in his paper "On
+  the Moving Force of Heat",[3] published in 1850, and is called "one of the
+  founding fathers of thermodynamics",[14] introduced the concept of entropy in
+  1865.During the years 1873–76 the American mathematical physicist Josiah
+  Willard Gibbs published a series of three papers, the most famous being On the
+  Equilibrium of Heterogeneous Substances,[15] in which he showed how
+  thermodynamic processes, including chemical reactions, could be graphically
+  analyzed, by studying the energy, entropy, volume, temperature and pressure of
+  the thermodynamic system in such a manner, one can determine if a process
+  would occur spontaneously.[16] Also Pierre Duhem in the 19th century wrote
+  about chemical thermodynamics.[17] During the early 20th century, chemists
+  such as Gilbert N. Lewis, Merle Randall,[18] and E. A. Guggenheim[19][20]
+  applied the mathematical methods of Gibbs to the analysis of chemical
+  processes.
+</p>
+
+<h2
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.etymology',
+    path: '#etymology'
+  }"
+>
+  Etymology
+</h2>
+<p>
+  The etymology of thermodynamics has an intricate history.[21] It was first
+  spelled in a hyphenated form as an adjective (thermo-dynamic) and from 1854 to
+  1868 as the noun thermo-dynamics to represent the science of generalized heat
+  engines.[21] American biophysicist Donald Haynie claims that thermodynamics
+  was coined in 1840 from the Greek root θέρμη therme, meaning "heat", and
+  δύναμις dynamis, meaning "power".[22] Pierre Perrot claims that the term
+  thermodynamics was coined by James Joule in 1858 to designate the science of
+  relations between heat and power,[12] however, Joule never used that term, but
+  used instead the term perfect thermo-dynamic engine in reference to Thomson's
+  1849[23] phraseology.[21] By 1858, thermo-dynamics, as a functional term, was
+  used in William Thomson's paper "An Account of Carnot's Theory of the Motive
+  Power of Heat."[23]
+</p>
+
+<h2
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.branches',
+    path: '#branches'
+  }"
+>
+  Branches of thermodynamics
+</h2>
+<p>
+  The study of thermodynamical systems has developed into several related
+  branches, each using a different fundamental model as a theoretical or
+  experimental basis, or applying the principles to varying types of systems.
+</p>
+
+<h3
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.classicalThermodynamics',
+    path: '#classical-thermodynamics',
+    level: level.SUBSECTION
+  }"
+>
+  Classical thermodynamics
+</h3>
+<p>
+  Classical thermodynamics is the description of the states of thermodynamic
+  systems at near-equilibrium, that uses macroscopic, measurable properties. It
+  is used to model exchanges of energy, work and heat based on the laws of
+  thermodynamics. The qualifier classical reflects the fact that it represents
+  the first level of understanding of the subject as it developed in the 19th
+  century and describes the changes of a system in terms of macroscopic
+  empirical (large scale, and measurable) parameters. A microscopic
+  interpretation of these concepts was later provided by the development of
+  statistical mechanics.
+</p>
+
+<h3
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.statisticalThermodynamics',
+    path: '#statistical-thermodynamics',
+    level: level.SUBSECTION
+  }"
+>
+  Statistical mechanics
+</h3>
+<p>
+  Statistical mechanics, also known as statistical thermodynamics, emerged with
+  the development of atomic and molecular theories in the late 19th century and
+  early 20th century, and supplemented classical thermodynamics with an
+  interpretation of the microscopic interactions between individual particles or
+  quantum-mechanical states. This field relates the microscopic properties of
+  individual atoms and molecules to the macroscopic, bulk properties of
+  materials that can be observed on the human scale, thereby explaining
+  classical thermodynamics as a natural result of statistics, classical
+  mechanics, and quantum theory at the microscopic level.
+</p>
+
+<h3
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.chemicalThermodynamics',
+    path: '#chemical-thermodynamics',
+    level: level.SUBSECTION
+  }"
+>
+  Chemical thermodynamics
+</h3>
+<p>
+  Chemical thermodynamics is the study of the interrelation of energy with
+  chemical reactions or with a physical change of state within the confines of
+  the laws of thermodynamics. The primary objective of chemical thermodynamics
+  is determining the spontaneity of a given transformation.[24]
+</p>
+
+<h3
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.equilibriumThermodynamics',
+    path: '#equilibrium-thermodynamics',
+    level: level.SUBSECTION
+  }"
+>
+  Equilibrium thermodynamics
+</h3>
+<p>
+  Equilibrium thermodynamics is the study of transfers of matter and energy in
+  systems or bodies that, by agencies in their surroundings, can be driven from
+  one state of thermodynamic equilibrium to another. The term 'thermodynamic
+  equilibrium' indicates a state of balance, in which all macroscopic flows are
+  zero; in the case of the simplest systems or bodies, their intensive
+  properties are homogeneous, and their pressures are perpendicular to their
+  boundaries. In an equilibrium state there are no unbalanced potentials, or
+  driving forces, between macroscopically distinct parts of the system. A
+  central aim in equilibrium thermodynamics is: given a system in a well-defined
+  initial equilibrium state, and given its surroundings, and given its
+  constitutive walls, to calculate what will be the final equilibrium state of
+  the system after a specified thermodynamic operation has changed its walls or
+  surroundings.
+</p>
+
+<h3
+  [onemrvaMatToc]="{
+    tocName: 'thermo',
+    titleKey: 'thermo.nonEquilibriumThermodynamics',
+    path: '#non-equilibrium-thermodynamics',
+    level: level.SUBSECTION
+  }"
+>
+  Non-equilibrium thermodynamics
+</h3>
+<p>
+  Non-equilibrium thermodynamics is a branch of thermodynamics that deals with
+  systems that are not in thermodynamic equilibrium. Most systems found in
+  nature are not in thermodynamic equilibrium because they are not in stationary
+  states, and are continuously and discontinuously subject to flux of matter and
+  energy to and from other systems. The thermodynamic study of non-equilibrium
+  systems requires more general concepts than are dealt with by equilibrium
+  thermodynamics.[25] Many natural systems still today remain beyond the scope
+  of currently known macroscopic thermodynamic methods.
+</p>
+
+<onemrva-mat-table-of-content
+  titleKey="thermo.title"
+  tocName="thermo"
+></onemrva-mat-table-of-content>

package/projects/test/src/app/demos/toc/demo-toc.component.ts

@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import {
+  OnemrvaMatTableOfContentComponent,
+  OnemrvaMatTableOfContentDirective,
+  OnemrvaMatTableOfContentService,
+  OnemrvaMatTocAnchorLevel,
+  OnemrvaMatTocAnchorStatus,
+} from '../../../../../onemrva/design-system/mat-table-of-content';
+
+@Component({
+  selector: 'app-demo-toc',
+  templateUrl: 'demo-toc.component.html',
+  standalone: true,
+  imports: [
+    OnemrvaMatTableOfContentComponent,
+    OnemrvaMatTableOfContentDirective,
+  ],
+  providers: [OnemrvaMatTableOfContentService],
+})
+export class DemoTocComponent {
+  status = OnemrvaMatTocAnchorStatus;
+  level = OnemrvaMatTocAnchorLevel;
+  hidden = false;
+
+  constructor(public tocService: OnemrvaMatTableOfContentService) {}
+}

package/projects/test/src/app/demos/tooltip/demo-tooltip.component.html

@@ -0,0 +1,73 @@
+<div class="demo-tooltip-container">
+  <div class="demo-tooltip">
+    <mat-icon
+      OnemrvaMatTooltip
+      position="right"
+      color="info"
+      [contentTemplate]="tooltipContent"
+      [attr.data-cy]="'data-cy-tooltip-trigger'"
+      [attr.data-cy-tooltipcontent]="'data-cy-tooltip-content'"
+    >
+      info
+    </mat-icon>
+    <ng-template #tooltipContent>
+      I am a custom content with html (position: <b>right</b>) but there are 3
+      other positions
+      <ul>
+        <li>left</li>
+        <li>top</li>
+        <li>bottom</li>
+      </ul>
+    </ng-template>
+  </div>
+
+  <div class="demo-tooltip">
+    <mat-icon
+      OnemrvaMatTooltip
+      position="left"
+      color="info"
+      [contentTemplate]="tooltipContent2"
+      [attr.data-cy]="'data-cy-tooltip-trigger'"
+      [attr.data-cy-tooltipcontent2]="'data-cy-tooltip-content'"
+    >
+      info
+    </mat-icon>
+    <ng-template #tooltipContent2>
+      I am a custom content (position: <b>left</b>)
+    </ng-template>
+  </div>
+
+  <div class="demo-tooltip">
+    <mat-icon
+      OnemrvaMatTooltip
+      position="top"
+      color="info"
+      [contentTemplate]="tooltipContent3"
+      [attr.data-cy]="'data-cy-tooltip-trigger'"
+      [attr.data-cy-tooltipcontent3]="'data-cy-tooltip-content'"
+    >
+      info
+    </mat-icon>
+    <ng-template #tooltipContent3>
+      <div style="color: pink">
+        I am a custom content with html (position: <b>top</b>)
+      </div></ng-template
+    >
+  </div>
+
+  <div class="demo-tooltip">
+    <mat-icon
+      OnemrvaMatTooltip
+      position="bottom"
+      color="info"
+      [contentTemplate]="tooltipContent4"
+      [attr.data-cy]="'data-cy-tooltip-trigger'"
+      [attr.data-cy-tooltipcontent4]="'data-cy-tooltip-content'"
+    >
+      info
+    </mat-icon>
+    <ng-template #tooltipContent4>
+      I am a custom content (position: <b>bottom</b>)
+    </ng-template>
+  </div>
+</div>

package/projects/test/src/app/demos/tooltip/demo-tooltip.component.scss

@@ -0,0 +1,11 @@
+.demo-tooltip-container {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-around;
+  gap: 3rem;
+
+  .demo-tooltip {
+    flex: 1 0 40%;
+    text-align: center;
+  }
+}

package/projects/test/src/app/demos/tooltip/demo-tooltip.component.ts

@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { OnemrvaMatTooltipModule } from '../../../../../onemrva/design-system/mat-tooltip';
+import { OnemrvaMaterialModule } from '../../material.module';
+
+@Component({
+  selector: 'app-demo-tooltip',
+  standalone: true,
+  imports: [CommonModule, OnemrvaMatTooltipModule, MatIconModule],
+  templateUrl: 'demo-tooltip.component.html',
+  styleUrls: ['./demo-tooltip.component.scss'],
+})
+export class DemoTooltipComponent {}

package/projects/test/src/app/home.component.ts

@@ -0,0 +1,54 @@
+import { Component } from '@angular/core';
+import { routes } from './routes';
+import { OnemrvaMatTableOfContentService } from '../../../onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.service';
+import {
+  OnemrvaMatTocAnchorLevel,
+  OnemrvaMatTocAnchorStatus,
+} from '../../../onemrva/design-system/mat-table-of-content/';
+
+@Component({
+  selector: 'app-home',
+  template: `
+    <div style="margin-left: 300px; display: flex; flex-flow: row wrap">
+      <div
+        style="flex: 1 0 500px;"
+        *ngFor="let route of routes; let i = index"
+        [routerLink]="route.path"
+        [attr.data-cy]="route.path"
+        [onemrvaMatToc]="anchorParam[i]"
+        role="link"
+      >
+        <a>{{ route.path }}</a>
+      </div>
+    </div>
+
+    <onemrva-mat-table-of-content
+      titleKey="toc"
+      tocName="test"
+    ></onemrva-mat-table-of-content>
+  `,
+})
+export class HomeComponent {
+  routes = routes.filter((route) => route.path !== '');
+
+  anchorParam = this.routes.map((route, order) => {
+    if (order === 0 || order === 7 || order === 11) {
+      return {
+        tocName: 'test',
+        titleKey: 'title - ' + route.path,
+        path: '#' + route.path,
+        status: OnemrvaMatTocAnchorStatus.CHECKMARK,
+        level: OnemrvaMatTocAnchorLevel.SECTION,
+      };
+    }
+    return {
+      tocName: 'test',
+      titleKey: 'title - ' + route.path,
+      path: '#' + route.path,
+      level: OnemrvaMatTocAnchorLevel.SUBSECTION,
+      status: OnemrvaMatTocAnchorStatus.WARNING,
+    };
+  });
+
+  constructor(public tocService: OnemrvaMatTableOfContentService) {}
+}

package/projects/test/src/app/material.module.ts

@@ -0,0 +1,39 @@
+import { NgModule } from '@angular/core';
+
+import { OnemrvaMatAvatarModule } from '../../../onemrva/design-system/mat-avatar';
+import { OnemrvaMatBadgeModule } from '../../../onemrva/design-system/mat-badge';
+import { OnemrvaMatBreadcrumbModule } from '../../../onemrva/design-system/mat-breadcrumb';
+import { OnemrvaMatFileUploadModule } from '../../../onemrva/design-system/mat-file-upload';
+import { OnemrvaMatMessageBoxModule } from '../../../onemrva/design-system/mat-message-box';
+import { OnemrvaMatMultiSelectModule } from '../../../onemrva/design-system/mat-multi-select';
+import { OnemrvaMatPaginatorModule } from '../../../onemrva/design-system/mat-paginator';
+import { OnemrvaMatPanelModule } from '../../../onemrva/design-system/mat-panel';
+import { OnemrvaMatPopOverModule } from '../../../onemrva/design-system/mat-pop-over';
+import { OnemrvaMatSideMenuModule } from '../../../onemrva/design-system/mat-side-menu';
+import { OnemrvaMatStepperModule } from '../../../onemrva/design-system/mat-stepper';
+import { OnemrvaMatTimepickerModule } from '../../../onemrva/design-system/mat-timepicker';
+import { OnemrvaMatToastModule } from '../../../onemrva/design-system/mat-toast';
+import { OnemrvaPageNotFoundModule } from '../../../onemrva/design-system/page-not-found';
+
+const onemrvaMatModules = [
+  OnemrvaMatAvatarModule,
+  OnemrvaMatBadgeModule,
+  OnemrvaMatBreadcrumbModule,
+  OnemrvaMatFileUploadModule,
+  OnemrvaMatMessageBoxModule,
+  OnemrvaMatMultiSelectModule,
+  OnemrvaMatPaginatorModule,
+  OnemrvaMatPanelModule,
+  OnemrvaMatPopOverModule,
+  OnemrvaMatSideMenuModule,
+  OnemrvaMatStepperModule,
+  OnemrvaMatTimepickerModule,
+  OnemrvaMatToastModule,
+  OnemrvaPageNotFoundModule,
+];
+
+@NgModule({
+  imports: [...onemrvaMatModules],
+  exports: [...onemrvaMatModules],
+})
+export class OnemrvaMaterialModule {}

package/projects/test/src/app/onemrva-translate-http-loader.ts

@@ -0,0 +1,35 @@
+import { HttpClient } from '@angular/common/http';
+import { forkJoin, Observable, of } from 'rxjs';
+import { catchError, map } from 'rxjs/operators';
+import {TranslateLoader} from "@ngx-translate/core";
+
+export class OnemrvaTranslateHttpLoader implements TranslateLoader {
+    constructor(
+        private http: HttpClient,
+        public prefix: string = '/assets/i18n/',
+        public suffix: string = '.json',
+        public modules: string[] = []
+    ) {}
+
+    /**
+     * Gets the translations from the server
+     */
+    public getTranslation(lang: string): Observable<Object> {
+        const observables = [
+            this.http.get(`${this.prefix}${lang}${this.suffix}`).pipe(catchError(() => of(null))),
+            ...this.modules.map((m) => {
+                    this.http.get(`${this.prefix}${m}/${lang}${this.suffix}`).pipe(
+                        catchError(() => of(null))
+                    )
+                    //console.log(`${this.prefix}${m}/${lang}${this.suffix}`);
+                }
+            ),
+        ];
+
+        return forkJoin(observables).pipe(
+            map((all) => {
+                return (all.filter((v) => !!v) as Object[]).reduce((s, c) => ({ ...s, ...c }), {});
+            })
+        );
+    }
+}