@openmrs/ngx-formentry 3.2.1-pre.271 → 3.2.1-pre.276

package/src/assets/carbon.select.theme.css

@@ -0,0 +1,356 @@
+.ng-select {
+  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono',
+    'Bitstream Vera Sans Mono', Courier, monospace;
+  padding-bottom: 1.25em;
+}
+
+.ng-select.ng-select-disabled .ng-select-container:after {
+  border-bottom-color: transparent;
+  background-image: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0.42) 0%,
+    rgba(0, 0, 0, 0.42) 33%,
+    transparent 0%
+  );
+  background-size: 4px 1px;
+  background-repeat: repeat-x;
+}
+
+.ng-select.ng-select-disabled
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-select.ng-select-disabled
+  .ng-select-container
+  .ng-value-container
+  .ng-placeholder {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
+.ng-select.ng-select-disabled .ng-clear-wrapper {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-select.ng-select-focused .ng-select-container:after {
+  border-color: var(--color-gray-100);
+  border-width: 2px;
+}
+
+.ng-select.ng-select-focused
+  .ng-select-container
+  .ng-value-container
+  .ng-placeholder {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px)
+    translateZ(0.001px);
+  color: var(--color-gray-100);
+}
+
+.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
+  color: var(--color-gray-100);
+}
+
+.ng-select .ng-has-value .ng-placeholder,
+.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
+  display: initial;
+}
+
+.ng-select .ng-has-value .ng-placeholder,
+.ng-select.ng-select-opened .ng-placeholder {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px)
+    translateZ(0.001px);
+}
+
+.ng-select .ng-select-container {
+  align-items: baseline;
+  min-height: 40px;
+  padding: 0 1rem;
+}
+
+.ng-select .ng-select-container:after {
+  border-bottom: 1px solid var(--color-gray-100);
+  content: '';
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  transition: border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
+}
+
+.ng-select .ng-select-container .ng-value-container {
+  align-items: stretch;
+  padding: 0;
+  border-top: 0.84375em solid transparent;
+}
+
+.ng-select .ng-select-container .ng-value-container .ng-placeholder {
+  position: absolute;
+  color: rgba(0, 0, 0, 0.54);
+  transform-origin: 0 0;
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
+    color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
+    width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+
+.ng-select .ng-select-container .ng-value-container .ng-input {
+  bottom: 0.4375em;
+  padding: 0 1rem;
+}
+
+.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
+  align-self: flex-end;
+  bottom: 9px;
+}
+
+.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
+  align-self: center;
+}
+
+.ng-select.ng-select-multiple.ng-select-disabled
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  background-color: var(--color-gray-100);
+  border-radius: 2px;
+  color: #fff;
+  padding: 2px 5px;
+  margin: 0 0.4375em 0.4375em 0;
+}
+
+[dir='rtl']
+  .ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  margin: 0 0 0.4375em 0.4375em;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value.ng-value-disabled {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-label {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-icon {
+  color: rgba(255, 255, 255, 0.54);
+  padding-right: 5px;
+}
+
+[dir='rtl']
+  .ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-icon {
+  padding-left: 5px;
+  padding-right: 0;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-icon:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-input {
+  line-height: 1.375em;
+}
+
+.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
+  align-items: center;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container.ng-has-value
+  .ng-value-container {
+  padding-bottom: 0;
+  padding-top: 0.1875em;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container.ng-has-value
+  .ng-clear-wrapper,
+.ng-select.ng-select-multiple
+  .ng-select-container.ng-has-value
+  .ng-arrow-wrapper {
+  border-top: 0.84375em solid transparent;
+}
+
+.ng-select .ng-clear-wrapper {
+  color: rgba(0, 0, 0, 0.54);
+}
+
+.ng-select .ng-clear-wrapper:hover {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ng-select .ng-arrow-wrapper {
+  bottom: 2px;
+}
+
+.ng-select .ng-arrow-wrapper .ng-arrow {
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid;
+  margin: 0 4px;
+  color: rgba(0, 0, 0, 0.54);
+}
+
+.ng-select .ng-spinner-zone {
+  top: 3px;
+}
+
+.ng-dropdown-panel {
+  background: #fff;
+  left: 0;
+}
+
+.ng-dropdown-panel.ng-select-bottom {
+  top: calc(100% - 1.25em);
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.ng-dropdown-panel.ng-select-top {
+  bottom: calc(100% - 0.84375em);
+  box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.ng-dropdown-panel.multiple .ng-option.selected {
+  background: #fff;
+}
+
+.ng-dropdown-panel.multiple .ng-option.marked {
+  background: rgba(0, 0, 0, 0.04);
+}
+
+.ng-dropdown-panel .ng-dropdown-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+  padding: 0 16px;
+  line-height: 3em;
+  min-height: 3em;
+}
+
+.ng-dropdown-panel .ng-dropdown-footer {
+  border-top: 1px solid rgba(0, 0, 0, 0.12);
+  padding: 0 16px;
+  line-height: 3em;
+  min-height: 3em;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
+  user-select: none;
+  cursor: pointer;
+  line-height: 3em;
+  height: 3em;
+  padding: 0 16px;
+  color: rgba(0, 0, 0, 0.54);
+  font-weight: 500;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
+  background: rgba(0, 0, 0, 0.04);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
+  cursor: default;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
+  background: rgba(0, 0, 0, 0.12);
+  color: var(--color-gray-100);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+  line-height: 3em;
+  min-height: 3em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 16px;
+  text-decoration: none;
+  position: relative;
+  color: rgba(0, 0, 0, 0.87);
+  text-align: left;
+}
+
+[dir='rtl'] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+  text-align: right;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
+  background: rgba(0, 0, 0, 0.04);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
+  background: rgba(0, 0, 0, 0.12);
+  color: var(--color-gray-100);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
+  padding-left: 32px;
+}
+
+[dir='rtl']
+  .ng-dropdown-panel
+  .ng-dropdown-panel-items
+  .ng-option.ng-option-child {
+  padding-right: 32px;
+  padding-left: 0;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
+  padding-right: 5px;
+  font-size: 80%;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.38);
+}
+
+[dir='rtl']
+  .ng-dropdown-panel
+  .ng-dropdown-panel-items
+  .ng-option
+  .ng-tag-label {
+  padding-left: 5px;
+  padding-right: 0;
+}
+.ng-select-container {
+  background-color: #f4f4f4;
+}

package/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/src/environments/environment.ts

@@ -0,0 +1,15 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false
+};
+
+/*
+ * In development mode, to ignore zone related error stack frames such as
+ * `zone.run`, `zoneDelegate.invokeTask` for easier debugging, you can
+ * import the following file, but please comment it out in production mode
+ * because it will have performance impact when throw error
+ */
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

package/src/index.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>OpenMRS Formentry</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/6.6.1/system.min.js"></script>
+    <script type="systemjs-importmap">
+      {
+        "imports": {
+          "mwc-switch": "https://unpkg.com/@material/mwc-switch@0.18.0/mwc-switch.js?module"
+        }
+      }
+    </script>
+  </head>
+
+  <body>
+    <app-root></app-root>
+  </body>
+</html>

package/src/karma.conf.js

@@ -0,0 +1,37 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-firefox-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../coverage'),
+      reports: ['html', 'lcovonly'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    singleRun: false,
+    browsers: ['ChromeHeadless'],
+    flags: ['--disable-gpu', '--no-sandbox'],
+    browserDisconnectTimeout: 100000,
+    browserNoActivityTimeout: 100000,
+    browserDisconnectTolerance: 3,
+    captureTimeout: 100000
+  });
+};

package/src/main.ts

@@ -0,0 +1,13 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error('Error starting app: ', err));

package/src/polyfills.ts

@@ -0,0 +1,68 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE9, IE10 and IE11 requires all of the following polyfills. **/
+// import 'core-js/es6/symbol';
+// import 'core-js/es6/object';
+// import 'core-js/es6/function';
+// import 'core-js/es6/parse-int';
+// import 'core-js/es6/parse-float';
+// import 'core-js/es6/number';
+// import 'core-js/es6/math';
+// import 'core-js/es6/string';
+// import 'core-js/es6/date';
+// import 'core-js/es6/array';
+// import 'core-js/es6/regexp';
+// import 'core-js/es6/map';
+// import 'core-js/es6/weak-map';
+// import 'core-js/es6/set';
+
+/** IE10 and IE11 requires the following for the Reflect API. */
+// import 'core-js/es6/reflect';
+
+/** Evergreen browsers require these. **/
+// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ */
+
+// (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+// (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+// (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+
+/*
+ * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ * with the following flag, it will bypass `zone.js` patch for IE/Edge
+ */
+// (window as any).__Zone_enable_cross_context_check = true;
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js'; // Included with Angular CLI.
+import 'reflect-metadata';
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
+// @ts-ignore
+window.__importDefault = (mod) => (mod?.__esModule ? mod : { default: mod });

package/src/styles.scss

@@ -0,0 +1,8 @@
+/* You can add global styles to this file, and also import other style files */
+@import '~@carbon/styles/css/styles.min.css';
+:root {
+  --brand-01: #005d5d;
+  --brand-02: #004144;
+  --brand-03: #007d79;
+  --cds-field: #ffffff;
+}

package/src/test.ts

@@ -0,0 +1,23 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(),
+  {
+    teardown: { destroyAfterEach: false }
+  }
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/src/translations/en.json

@@ -0,0 +1,53 @@
+{
+  "requiredField": "This field is required!",
+  "invalidDate": "Provided date is invalid!",
+  "futureDateRestriction": "Future date is not allowed!",
+  "minLength": "Min Length should be {minLength}",
+  "maxLength": "Max Length should be {maxLength}",
+  "maxDate": "Max Date should be {maxDate}",
+  "minDate": "Min Date should be {minDate}",
+  "max": "Max value should be {max}",
+  "min": "Min value should be {min}",
+  "previousValue": "Previous Value",
+  "add": "Add",
+  "remove": "Remove",
+  "useValue": "Use Value",
+  "componentLoadingFailed": "Component Loading failed...",
+  "loadingComponent": "Loading Component...",
+  "weeks": "Weeks",
+  "selectWeeks": "Select Weeks",
+  "enterMoreCharacters": "Please enter 2 or more characters",
+  "addSecond":"Add a second",
+  "minusSecond":"Minus a second",
+  "addMinute":"Add a minute",
+  "minusMinute":"Minus a minute",
+  "addHour":"Add a hour",
+  "minusHour":"Minus a hour",
+  "previousMonth":"Previous month",
+  "nextMonth":"Next month",
+  "previousYear":"Previous year",
+  "nextYear":"Next year",
+  "previous21Years":"Previous 21 years",
+  "next21Years":"Next 21 years",
+  "changeToMonthView":"Change to month view",
+  "chooseMonthAndYear":"Choose month and year",
+  "aFewSecondsAgo": "a few seconds ago",
+  "aMinuteAgo": "a minute ago",
+  "minutesAgo": " minutes ago",
+  "anHourAgo": "an hour ago",
+  "hoursAgo": " hours ago",
+  "aDayAgo": "a day ago",
+  "daysAgo": " days ago",
+  "aMonthAgo": "a month ago",
+  "monthsAgo": " months ago",
+  "aYearAgo": "a year ago",
+  "yearsAgo": " years ago",
+  "cancel":"Cancel",
+  "set":"Set",
+  "from":"From",
+  "to":"To",
+  "fix": "Fix",
+  "clearEntry": "Are you sure you want to clear this entry?",
+  "deleteEntry": "Are you sure you want to delete this item?",
+  "maxEntries": "Cannot have more than {max} entries"
+}

package/src/translations/fr.json

@@ -0,0 +1,53 @@
+{
+  "requiredField": "Ce champs est requis!",
+  "invalidDate": "La date fournie n'est pas valide!",
+  "futureDateRestriction": "Une date future n'est pas autorisée!",
+  "minLength": "La longueur minimale doit être de {minLength}",
+  "maxLength": "La longueur maximale doit être {maxLength}",
+  "maxDate": "La date maximale doit être {maxDate}",
+  "minDate": "La date minimale doit être {minDate}",
+  "max": "La valeur maximale doit être {max}",
+  "min": "La valeur minimale doit être {min}",
+  "previousValue": "Valeur précédente",
+  "add": "Ajouter",
+  "remove": "Enlever",
+  "useValue": "Utiliser la valeur",
+  "componentLoadingFailed": "Le chargement du composant a échoué...",
+  "loadingComponent": "Chargement du composant...",
+  "weeks": "Semaines",
+  "selectWeeks": "Sélectionnez des semaines",
+  "enterMoreCharacters": "Veuillez entrer au moins 2 caractères",
+  "addSecond": "Ajouter une seconde",
+  "minusSecond": "Enlever une seconde",
+  "addMinute": " Ajouter une minute",
+  "minusMinute": "Enlever une minute",
+  "addHour": "Ajouter une heure",
+  "minusHour": "Enlever une heure",
+  "previousMonth": "Mois précédent",
+  "nextMonth": "Mois suivant",
+  "previousYear": "Année précédente",
+  "nextYear": "Année suivante",
+  "previous21Years": "21 dernières années",
+  "next21Years": "Prochaines 21 années",
+  "changeToMonthView": "Changer pour une vue mensuelle",
+  "chooseMonthAndYear": "Choisissez le mois et l'année",
+  "aFewSecondsAgo": "il y a quelques secondes",
+  "aMinuteAgo": "il y a une minute",
+  "minutesAgo": " minutes",
+  "anHourAgo": "il y a une heure",
+  "hoursAgo": " heures",
+  "aDayAgo": "il y a un jour",
+  "daysAgo": " jours",
+  "aMonthAgo": "il y a un mois",
+  "monthsAgo": " mois",
+  "aYearAgo": "il y a un an",
+  "yearsAgo": " ans",
+  "cancel": "Annuler",
+  "set": "Paramétrer",
+  "from": "A partir de",
+  "to": "Jusqu'à",
+  "fix": "Corriger",
+  "clearEntry": "Êtes-vous sûr(e) de vouloir effacer cette entrée ?",
+  "deleteEntry": "Êtes-vous sûr(e) de vouloir supprimer cet élément ?",
+  "maxEntries":"Vous ne pouvez pas avoir plus de {max} entrées"
+}

package/src/tsconfig.app.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "types": ["node"]
+  },
+  "files": ["main.ts", "polyfills.ts"],
+  "paths": {
+    "ngx-formentry": ["projects/ngx-formentry"],
+    "ngx-formentry/*": ["projects/ngx-formentry/*"]
+  },
+  "include": ["src/**/*.d.ts"]
+}

package/src/tsconfig.spec.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "types": ["jasmine", "node"]
+  },
+  "files": ["test.ts", "polyfills.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}