fontastic 0.1.3 → 0.2.0

package/src/assets/icons/site.webmanifest

@@ -1 +0,0 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

package/src/environments/environment.web.prod.ts

@@ -1,4 +0,0 @@
-export const APP_CONFIG = {
-  production: true,
-  environment: 'WEB-PROD'
-};

package/src/environments/environment.web.ts

@@ -1,4 +0,0 @@
-export const APP_CONFIG = {
-  production: false,
-  environment: 'WEB'
-};

package/src/karma.conf.js

@@ -1,50 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/0.13/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-electron'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    
-    browserDisconnectTimeout: 100000,
-    browserNoActivityTimeout: 100000,
-    browserDisconnectTolerance: 10,
-
-    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, // LOG_INFO, LOG_DEBUG
-    browsers: ['AngularElectron'],
-    customLaunchers: {
-      AngularElectron: {
-        base: 'Electron',
-        flags: [
-          '--remote-debugging-port=9222',
-        ],
-        browserWindowOptions: {
-          webPreferences: {
-            nodeIntegration: true,
-            nodeIntegrationInSubFrames: true,
-            allowRunningInsecureContent: true,
-            contextIsolation: false
-          }
-        }
-      }
-    }
-  });
-};

package/src/polyfills-test.ts

@@ -1 +0,0 @@
-import 'zone.js';

package/src/polyfills.ts

@@ -1,53 +0,0 @@
-/**
- * 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
- */
-
-/**
- * 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.ts';
- *
- * 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
- */

package/src/styles/base/loading.scss

@@ -1,87 +0,0 @@
-/* ==========================================================================
-Page loading
-========================================================================== */
-
-body.app-loaded {
-  .header-block {
-    a {
-      opacity: 1 !important;
-      visibility: visible !important;
-    }
-  }
-}
-
-body.app-loaded {
-  figure {
-    opacity: 1;
-    visibility: visible;
-    figcaption {
-      opacity: 1;
-      visibility: visible;
-    }
-    ul {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-}
-
-body.app-loaded {
-  details {
-    opacity: 1;
-    visibility: visible;
-    summary {
-      opacity: 1;
-      visibility: visible;
-    }
-    ul {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-}
-
-body.app-loaded {
-  .preview {
-    opacity: 1;
-    visibility: visible;
-  }
-  .glyph-list {
-    opacity: 1;
-    visibility: visible;
-  }
-  .typescale {
-    opacity: 1;
-    visibility: visible;
-  }
-}
-
-body.app-loaded {
-  .controls {
-    &__item {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-}
-
-body.app-loaded {
-  .input-preview {
-    opacity: 1;
-    visibility: visible;
-  }
-}
-
-body.app-loaded {
-  .paginator {
-    opacity: 1;
-    visibility: visible;
-  }
-}
-
-body.app-loaded {
-  .table {
-    opacity: 1;
-    visibility: visible;
-  }
-}

package/src/styles/base/reset.scss

@@ -1,408 +0,0 @@
-@use "sass:map";
-
-@import "../tools/_variables";
-@import "../tools/_functions";
-@import "../tools/_mixins";
-@import "../tools/_placeholders";
-
-:root {
-  --border-radius: 50%;
-}
-
-* {
-  @apply select-none;
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-body,
-html {
-  @apply text-[12px] h-full;
-}
-
-body {
-  @apply text-default bg-default m-0 overflow-hidden;
-}
-
-a {
-  @apply text-default outline-none no-underline;
-
-  &:hover,
-  &:focus,
-  &:active {
-    @apply text-default outline-none no-underline;
-  }
-}
-
-p {
-  @apply m-0;
-}
-
-ul {
-  @apply list-none m-0 p-0;
-}
-
-.active {
-  @apply text-default;
-}
-
-.checkout {
-  @apply text-default;
-}
-
-.favorite {
-  @apply text-default;
-}
-
-.errors {
-  @apply text-red-600;
-}
-
-.disabled,
-.disabled i {
-  @apply text-gray-400;
-}
-
-.enabled {
-  @apply text-default;
-}
-
-.selected {
-  @apply bg-gray-100;
-}
-
-.material-icons {
-  @apply text-default;
-}
-
-.hidden {
-  display: none !important;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-/* ==========================================================================
-Borders
-========================================================================== */
-
-.border-top {
-  @apply border-t border-[#00a0be];
-}
-
-.border-right {
-  @apply border-r border-[#00a0be];
-}
-
-.border-bottom {
-  @apply border-b border-[#00a0be];
-}
-
-.border-left {
-  @apply border-l border-[#00a0be];
-}
-
-.border-top-dashed {
-  @apply border-t border-[#00a0be] border-dashed;
-}
-
-.border-right-dashed {
-  @apply border-r border-[#00a0be] border-dashed;
-}
-
-.border-bottom-dashed {
-  @apply border-b border-[#00a0be] border-dashed;
-}
-
-.border-left-dashed {
-  @apply border-l border-[#00a0be] border-dashed;
-}
-
-/* ==========================================================================
-Wrapper
-========================================================================== */
-
-.application {
-  @apply w-screen h-screen opacity-100 overflow-hidden transition-opacity;
-
-  &.app-loading {
-    @apply opacity-0 invisible;
-  }
-}
-
-/* ==========================================================================
-Component
-========================================================================== */
-
-.component {
-  @extend %full;
-
-  &__panel {
-    @apply relative flex flex-col justify-start flex-nowrap overflow-hidden w-full h-full;
-  }
-
-  &__panel-wrapper {
-    @apply relative flex flex-col justify-start overflow-hidden h-full w-full;
-  }
-}
-
-/* ==========================================================================
-Controls
-========================================================================== */
-
-.controls {
-  @apply w-full p-0 m-0;
-  height: $figureCaptionHeight;
-  min-height: $figureCaptionHeight;
-  max-height: $figureCaptionHeight;
-
-  &__item {
-    @apply w-full py-0 px-2 m-0;
-    height: $figureCaptionHeight;
-    min-height: $figureCaptionHeight;
-    max-height: $figureCaptionHeight;
-    @include loading-transition(0s, 1s);
-  }
-
-  &__item-elements {
-    @apply flex flex-row flex-nowrap justify-start items-center whitespace-nowrap py-0 px-1 m-0;
-  }
-}
-
-/* ==========================================================================
-Page 
-========================================================================== */
-
-.page {
-  @apply flex flex-col grow;
-
-  &__header {
-    @apply flex items-center justify-between relative p-5 min-h-[48px];
-
-    &-title {
-      @apply w-full;
-      h1 {
-        @apply text-lg font-semibold;
-      }
-    }
-  }
-
-  &__body {
-    @apply flex flex-col p-5 overflow-hidden;
-  }
-
-  &__footer {
-    @apply flex items-center justify-between relative p-5 min-h-[48px];
-  }
-}
-
-/* ==========================================================================
-Details
-========================================================================== */
-
-details {
-  margin: 0;
-
-  @include loading-transition(0s, 1s);
-
-  >summary {
-    @include nav-summary;
-    @include loading-transition(0s, 1s);
-
-    &:hover {
-      .material-icons-hidden {
-        opacity: 1;
-        visibility: visible;
-      }
-    }
-  }
-
-  >summary {
-    span.collapsed-icon:before {
-      @include include-material-icon('arrow_right');
-    }
-  }
-
-  &[open]>summary {
-    span.collapsed-icon:before {
-      @include include-material-icon('arrow_drop_down');
-    }
-  }
-
-  >details {
-    @include tree-lines(32px);
-  }
-
-  ul {
-    @include loading-transition(0s, 1s);
-
-    li {
-      @include nav-details;
-      @include tree-lines(24px);
-    }
-  }
-}
-
-/* ==========================================================================
-Figure
-========================================================================== */
-
-figure {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  height: $figureCaptionHeight;
-  min-height: $figureCaptionHeight;
-  width: 100%;
-  padding: 0px;
-  margin: 0px;
-  text-align: left;
-  overflow: hidden;
-  @include loading-transition(0s, 1s);
-
-  &.collapsed {
-    height: auto;
-  }
-
-  figcaption {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    height: $figureCaptionHeight;
-    min-height: $figureCaptionHeight;
-    max-height: $figureCaptionHeight;
-    padding: 0px 5px;
-    width: 100%;
-    @include loading-transition(0s, 1s);
-  }
-
-  ul {
-    @include loading-transition(0s, 1s);
-  }
-
-  ul.statistics {
-    display: flex;
-    flex-direction: column;
-    margin: 0px;
-    padding: 7px 0;
-    height: 136px;
-    width: 100%;
-    overflow: hidden;
-
-    li {
-      padding: 0px;
-      margin: 0px;
-      width: 100%;
-    }
-
-    li a {
-      cursor: pointer;
-      position: relative;
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: center;
-      padding: 0 15px 0 10px;
-      margin: 0;
-      width: 100%;
-      height: 28px;
-    }
-  }
-}
-
-figure.figure-stats {
-  &.collapsed {
-    height: 162px;
-    min-height: 162px;
-  }
-}
-
-/* ==========================================================================
-Aside Table Data
-========================================================================== */
-
-.table-data {
-  &__item:last-child {
-    border-bottom: 0;
-  }
-}
-
-/* ==========================================================================
-Glyph Listing
-========================================================================== */
-
-.glyph-list {
-  @apply flex flex-wrap justify-start items-start content-start p-[1px];
-  @include loading-transition(0s, 1s);
-
-  &__wrapper {
-    @apply grow;
-  }
-
-  &__wrapper-item {
-    @apply cursor-pointer m-[1px] bg-[#f9f9f9] border-2 border-[#fff];
-  }
-}
-
-/* ==========================================================================
-Glyph Display
-========================================================================== */
-
-.glyph-info {
-  display: inline-block;
-  font-size: 10px;
-  font-weight: bold;
-  letter-spacing: 1;
-  text-transform: uppercase;
-}
-
-.glyph-display {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .glyph-display-wrapper {
-    position: relative;
-    width: 400px;
-    height: 400px;
-  }
-
-  #glyph-fg,
-  #glyph-bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-}
-
-/* ==========================================================================
-Typescale
-========================================================================== */
-
-.typescale {
-  @include loading-transition(0s, 1s);
-
-  &__label {
-    @apply bg-slate-100;
-  }
-
-  &__label-text {
-    @apply text-inherit;
-  }
-
-  &__wrapper {
-    @apply bg-white;
-
-    &.active {
-      @apply bg-slate-100;
-    }
-  }
-}

package/src/styles/components/alert.scss

@@ -1,54 +0,0 @@
-@use "sass:map";
-
-.app-alert {
-    @apply bg-white absolute top-0 left-0 opacity-0 invisible transition-opacity -z-10;
-
-    &.app-alert-enabled {
-        @apply opacity-100 visible z-10;
-    }
-
-    &.app-alert-info {
-        color: map.get($alert-colors, "info");
-        background-color: map.get($alert-backgrounds, "info");
-
-        .material-icons {
-            color: map.get($alert-colors, "info");
-        }
-    }
-
-    &.app-alert-success {
-        color: map.get($alert-colors, "success");
-        background-color: map.get($alert-backgrounds, "success");
-
-        .material-icons {
-            color: map.get($alert-colors, "success");
-        }
-    }
-
-    &.app-alert-error {
-        color: map.get($alert-colors, "error");
-        background-color: map.get($alert-backgrounds, "error");
-
-        .material-icons {
-            color: map.get($alert-colors, "error");
-        }
-    }
-
-    &.app-alert-warning {
-        color: map.get($alert-colors, "warning");
-        background-color: map.get($alert-backgrounds, "warning");
-
-        .material-icons {
-            color: map.get($alert-colors, "warning");
-        }
-    }
-
-    &.app-alert-danger {
-        color: map.get($alert-colors, "danger");
-        background-color: map.get($alert-backgrounds, "danger");
-
-        .material-icons {
-            color: map.get($alert-colors, "danger");
-        }
-    }
-}