npm - cedar-embeddable-editor - Versions diffs - 0.9.0 - Mend

cedar-embeddable-editor 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (256) hide show

package/src/assets/i18n-cee/hu.json ADDED Viewed

@@ -0,0 +1,86 @@
+{
+  "App": {
+    "Title": "CEDAR Beágyazható Szerkesztő",
+    "Maintained": "A CEDAR-t a Stanford Biomedikai Informatikai Kutatási Központ működteti.",
+    "Contact": "Kapcsolat"
+  },
+  "Generic": {
+    "BMIR": "BMIR",
+    "SAVE": "MENTÉS",
+    "Infinite": "Végtelen",
+    "ExpandAll": "Mindet kinyit",
+    "CollapseAll": "Mindet bezár",
+    "Copy": "Másolás",
+    "Page": "Oldal",
+    "Name": "Név",
+    "Value": "Érték",
+    "AttributeName": "Attribútum név",
+    "AttributeValue": "Attribútum érték",
+    "AllValues": "Minden érték",
+    "Clear": "Törlés",
+    "SelectDecimalSeconds": "Tizedes másodpercek kiválasztása",
+    "SelectTimeZone": "Időzóna kiválasztása",
+    "NoTimeZoneFound": "Nem található időzóna",
+    "SelectYear": "Év kiválasztása",
+    "SelectYearAndMonth": "Év és hónap kiválasztása",
+    "SelectDate": "Dátum kiválasztása",
+    "NumberOnly": "Csak szám",
+    "CedarLogo": "CEDAR logó"
+  },
+  "Process": {
+    "Initializing": "A CEDAR Beágyazható Szerkesztő inicializálása..."
+  },
+  "Multi": {
+    "NoInstancesYet": "Még nincsenek példányok",
+    "AddEmptyAfter": "Üres hozzáadása az aktuális után",
+    "AddCloneAfter": "Klón hozzáadása az aktuális után",
+    "DeleteCurrent": "Aktuális törlése"
+  },
+  "Error": {
+    "ValueRequired": "A mező kitöltése kötelező"
+  },
+  "Extra": {
+    "SampleTemplate": {
+      "Title": "Mintasablonok",
+      "Select": "Válassz sablont",
+      "Find": "Sablon keresése...",
+      "FindNoMatch": "Nincs egyező sablon"
+    },
+    "JsonLD": {
+      "InstanceCore": "JSON-LD - Példány - Alap",
+      "Instance": "JSON-LD - Példány"
+    },
+    "JsonSchemaTemplate": "JSON Séma - Sablon",
+    "TemplateRendering": "Sablon megjelenítési adatok",
+    "MultiInstance": "Multi-példány információ"
+  },
+  "Uploader": {
+    "DragAndDrop": "Húzza és ejtse ide a saját CEDAR sablonját, vagy",
+    "Browse": "Tallózon a fájlrendszeren",
+    "Error": "A(z) {{fileName}} feltöltése sikertelen volt a következő hibával: {{responseMessage}}",
+    "Success": "A(z) {{fileName}} feltöltése sikerült"
+  },
+  "Saver": {
+    "Error": "Hiba a metaadatok mentése során"
+  },
+  "Validation": {
+    "Required": "Az érték megadása kötelező.",
+    "Text": {
+      "MinLength": "Az érték legalább {{constraintMinLength}} karakter hosszú kell legyen.",
+      "MaxLength": "Az érték legfeljebb {{constraintMaxLength}} karakter hosszú lehet."
+    },
+    "Select": {
+      "MaxSelection": "Legfeljebb {{maxSelections}} lehetőség kiválasztása lehetséges"
+    },
+    "Email": {
+      "Invalid": "Az érték érvényes e-mail címnek kell lennie."
+    },
+    "Link": {
+      "Invalid": "Az érték érvényes webcímnek (URL-nek) kell lennie."
+    },
+    "Numeric": {
+      "MinValue": "Az érték legalább {{constraintMinValue}} kell legyen.",
+      "MaxValue": "Az érték legfeljebb {{constraintMaxValue}} lehet."
+    }
+  }
+}

package/src/assets/images/bmir-logo.png ADDED Viewed

Binary file

package/src/assets/images/cedar-logo-80x80.png ADDED Viewed

Binary file

package/src/environments/environment.prod.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export const environment = {
+    production: true,
+    defaultLanguage: 'en',
+    fallbackLanguage: 'en'
+};

package/src/environments/environment.ts ADDED Viewed

@@ -0,0 +1,18 @@
+// 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,
+    defaultLanguage: 'en',
+    fallbackLanguage: 'en'
+};
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

package/src/favicon.ico ADDED Viewed

Binary file

package/src/index.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>CEDAR Embeddable Editor</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <script src="https://www.youtube.com/iframe_api"></script>
+</head>
+<body class="mat-typography cee-body">
+  <app-component-dev></app-component-dev>
+</body>
+</html>

package/src/main.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import {enableProdMode} from '@angular/core';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {environment} from './environments/environment';
+import {AppModuleProd} from './app/app.module.prod';
+import {AppModuleDev} from './app/app.module.dev';
+declare global {
+  interface Window {
+    WebComponents: {
+      ready: boolean;
+    };
+  }
+}
+// needed for jsonld js library
+// (window as any).global = window;
+if (environment.production) {
+  enableProdMode();
+}
+if (environment.production) {
+  platformBrowserDynamic().bootstrapModule(AppModuleProd)
+    .catch(err => console.error(err));
+} else {
+  platformBrowserDynamic().bootstrapModule(AppModuleDev)
+    .catch(err => console.error(err));
+}

package/src/polyfills.ts ADDED Viewed

@@ -0,0 +1,65 @@
+/**
+ * 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/guide/browser-support
+ */
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (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__UNPATCHED_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.
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
+import '@webcomponents/custom-elements';

package/src/styles-own.scss ADDED Viewed

@@ -0,0 +1,352 @@
+@use '@angular/material' as mat;
+@include mat.core();
+@include mat.strong-focus-indicators();
+$my-primary: mat.define-palette(mat.$teal-palette, 600);
+$my-accent: mat.define-palette(mat.$deep-orange-palette, A200, A100, A400);
+$my-theme: mat.define-light-theme((
+  color: (
+    primary: $my-primary,
+    accent: $my-accent,
+  )
+));
+@include mat.all-component-themes($my-theme);
+@include mat.strong-focus-indicators-theme($my-theme);
+@font-face {
+  font-family: 'Material Icons';
+  font-display: block;
+  font-style: normal;
+  font-weight: 400;
+  src: url(assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: local('Material Icons'),
+  local('MaterialIcons-Regular'),
+  url(assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
+  url(assets/fonts/MaterialIcons-Regular.woff) format('woff'),
+  url(assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
+}
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}
+html, body.cee-body {
+  height: 100%;
+}
+body.cee-body {
+  margin: 0;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+}
+.allow-cr {
+  white-space: pre;
+}
+.form-container {
+  min-width: 50%;
+  max-width: 100%;
+  border: 0 solid red;
+}
+.full-width {
+  width: 100%;
+}
+.half-width {
+  width: 50%;
+}
+.half-width-with-margin {
+  width: 49%;
+  margin-right: 1%;
+}
+.image-component {
+  background-color: #e5daa1;
+  max-width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 20px;
+}
+.section-break-component {
+  background-color: #f0f8f7;
+  margin-top: 30px;
+}
+.youtube-component {
+  background-color: #ff0000;
+  min-width: 400px;
+  max-width: 640px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 20px;
+}
+.icon-help {
+  margin-left: 10px;
+  font-size: medium !important;
+}
+.icon-src {
+  margin-left: 10px;
+}
+.mat-card {
+  margin-top: 5px;
+}
+.iterable-component {
+  background-color: #f6f1f6;
+}
+.non-iterable-component {
+  background-color: #f1f6f1;
+}
+.header-image {
+  background-image: url('/assets/images/cedar-logo-80x80.png');
+  background-size: cover;
+  background-color: #0B3938;
+}
+.cedar-logo {
+  background-image: url('/assets/images/cedar-logo-80x80.png');
+  background-repeat: no-repeat;
+  background-size: cover;
+  width: 70px;
+  height: 70px;
+}
+.template-card {
+  max-width: 90%;
+  background-color: #f8f8f8;
+  margin: 0 auto;
+}
+.pager-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: right;
+  align-items: center;
+  margin-right: 10px;
+  margin-top: -20px;
+}
+.pager-chips {
+  margin-right: 20px;
+}
+.pager-pager {
+}
+app-source-panels {
+  .mat-expansion-panel-header-description {
+    justify-content: space-between;
+    align-items: center;
+  }
+  .mat-expansion-panel {
+    max-width: 90%;
+    margin: 0 auto;
+    background-color: #f5f5f5;
+    pre {
+      font-size: 12px;
+      line-height: 1.1;
+    }
+  }
+  .mat-expansion-panel-header-title .mat-icon {
+    margin-right: 15px;
+  }
+}
+.toolbar-spacer {
+  flex: 1 2 auto;
+}
+app-sample-templates {
+  .mat-expansion-panel {
+    max-width: 90%;
+    margin: 10px auto 0;
+    background-color: #f5f5f5;
+  }
+  .mat-expansion-panel-header-title .mat-icon {
+    margin-right: 15px;
+  }
+}
+.spinner-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 30px;
+  .mat-progress-spinner {
+    float:left;
+    margin-right: 20px;
+  }
+}
+.info-box {
+  color: #383d41;
+  background-color: rgba(0, 0, 0, 0.04);
+  padding: 15px;
+  border: 1px solid #d6d8db;
+  border-radius: 0.25rem;
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+.notify-info, .notify-success, .notify-error, .notify-warning, .notify-progress {
+  padding: 15px;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+.notify-info:before, .notify-success:before, .notify-error:before, .notify-warning:before, .notify-progress:before {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 18px;
+  vertical-align: middle;
+  speak: none;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .8em;
+  text-align: center;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+  margin-left: .2em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.notify-info:before {
+  content: "\e88e";
+}
+.notify-success:before {
+  content: '\e86c';
+}
+.notify-error:before {
+  content: '\e000';
+}
+.notify-warning:before {
+  content: '\e002';
+}
+.notify-progress-icon {
+  margin-right: .8em;
+  line-height: 1em;
+  margin-left: .2em;
+  float:left;
+  margin-top: 2px;
+}
+.notify-info {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+.notify-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+.notify-error {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+.notify-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+.notify-progress {
+  color: #383d41;
+  background-color: #eeeeee;
+  border-color: #d6d8db;
+}
+.close {
+  float: right;
+  font-size: 1.5rem;
+  line-height: .9;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5;
+  color: inherit;
+}
+.close:hover {
+  opacity: 1;
+}
+button.close {
+  cursor: pointer;
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+  background: var(--color-primary);
+  color: var(--color-text-primary);
+}
+.ng-select.ng-select-multiple .ng-value-icon {
+  color: var(--color-text-primary) !important;
+}
+.mat-form-field-infix{
+  margin: 0 !important;
+  padding-top: 5px !important;
+  padding-bottom: 7px !important;
+}
+.mat-icon:hover {
+  color: #0f7686;
+  scale: 1.2;
+}
+.mat-tooltip.tooltip {
+  font-size: 12px;
+}

package/src/styles.scss ADDED Viewed

@@ -0,0 +1,116 @@
+// Custom Theming for Angular Material
+@use '@angular/material' as mat;
+// For more information: https://material.angular.io/guide/theming
+// Plus imports for other components in your app.
+// Include the common styles for Angular Material. We include this here so that you only
+// have to load a single css file for Angular Material in your app.
+// Be sure that you only ever include this mixin once!
+@import '@angular/material/theming';
+@include mat.core();
+// Palette generated using http://mcg.mbitson.com/
+// Also helpful: https://www.colorhexa.com/, https://www.colorbook.io/
+/* For use in src/lib/core/theming/_palette.scss */
+$md-cedarpalette: (
+  50 : #e2eff0,
+  100 : #b7d6db,
+  200 : #87bbc3,
+  300 : #579faa,
+  400 : #338b98,
+  500 : #0f7686,
+  600 : #0d6e7e,
+  700 : #0b6373,
+  800 : #085969,
+  900 : #044656,
+  A100 : #88e4ff,
+  A200 : #55d8ff,
+  A400 : #22ccff,
+  A700 : #08c7ff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #ffffff,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+$md-cedaraccent: (
+  50 : #f0e4e2,
+  100 : #dbbcb7,
+  200 : #c38f87,
+  300 : #aa6257,
+  400 : #984133,
+  500 : #861f0f,
+  600 : #7e1b0d,
+  700 : #73170b,
+  800 : #691208,
+  900 : #560a04,
+  A100 : #ff8d88,
+  A200 : #ff5c55,
+  A400 : #ff2b22,
+  A700 : #ff1308,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #ffffff,
+    400 : #ffffff,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #ffffff,
+    A700 : #ffffff,
+  )
+);
+// Define the palettes for your theme using the Material Design palettes available in palette.scss
+// (imported above). For each palette, you can optionally specify a default, lighter, and darker
+// hue. Available color palettes: https://material.io/design/color/
+$cedar-embeddable-editor-primary: mat.define-palette($md-cedarpalette);
+$cedar-embeddable-editor-accent: mat.define-palette($md-cedaraccent, A200, A100, A400);
+// The warn palette is optional (defaults to red).
+$cedar-embeddable-editor-warn: mat.define-palette(mat.$red-palette);
+// Create the theme object. A theme consists of configurations for individual
+// theming systems such as "color" or "typography".
+$cedar-embeddable-editor-theme: mat.define-light-theme((
+  color: (
+    primary: $cedar-embeddable-editor-primary,
+    accent: $cedar-embeddable-editor-accent,
+    warn: $cedar-embeddable-editor-warn,
+  )
+));
+// Include theme styles for core and each component used in your app.
+// Alternatively, you can import and @include the theme mixins for each component
+// that you are using.
+@include mat.all-component-themes($cedar-embeddable-editor-theme);
+$primary: map-get($cedar-embeddable-editor-theme, primary);
+$accent: map-get($cedar-embeddable-editor-theme, accent);
+:root {
+  --color-primary: #{mat-color($cedar-embeddable-editor-primary, default)};
+  --color-text-primary: #{mat-color($cedar-embeddable-editor-primary, default-contrast)};
+  --color-accent: #{mat-color($cedar-embeddable-editor-accent)};
+  --color-warn: #{mat-color($cedar-embeddable-editor-warn)};
+}
+/* You can add global styles to this file, and also import other style files */
+@import "~@ng-select/ng-select/themes/material.theme.css";