cedar-embeddable-editor 0.9.0 → 0.9.2

package/src/styles-own.scss

@@ -1,352 +0,0 @@
-@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

@@ -1,116 +0,0 @@
-// 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";

package/src/test.ts

@@ -1,25 +0,0 @@
-// 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: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    keys(): string[];
-    <T>(id: string): T;
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package/tsconfig.app.json

@@ -1,16 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": [],
-    "allowSyntheticDefaultImports": true
-  },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/tsconfig.base.json

@@ -1,20 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2015",
-    "module": "es2020",
-    "lib": [
-      "es2018",
-      "dom"
-    ]
-  }
-}

package/tsconfig.json

@@ -1,20 +0,0 @@
-/*
-  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
-  It is not intended to be used to perform a compilation.
-
-  To learn more about this file see: https://angular.io/config/solution-tsconfig.
-*/
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    },
-    {
-      "path": "./e2e/tsconfig.json"
-    }
-]
-}

package/tsconfig.spec.json

@@ -1,18 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}