@sava-info-systems/api-maker-with-extensions 1.0.0-alpha

package/dist/assets/styles/styles.scss

@@ -0,0 +1,356 @@
+/* You can add global styles to this file, and also import other style files */
+@import "variables";
+@import "monaco-editor-overrides.scss";
+
+body {
+    min-width: $min-width;
+    //font-family: 'PT Sans', sans-serif;
+}
+
+::-moz-selection { /* Code for Firefox */
+    //color: white;
+    //background: $primary-color;
+}
+
+::selection {
+    //color: white;
+    //background: $primary-color;
+}
+
+::-webkit-scrollbar { width: 7px; height: 7px; }
+
+/* Track */
+::-webkit-scrollbar-track {
+    background: transparent; border-radius: 8px;
+    //box-shadow: inset 0 0 5px gray;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb { background: #5b5b5b; border-radius: 10px; }
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover { background: #5b5b5b; }
+
+/* Hide HTML5 Up and Down arrows. */
+input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none; margin: 0;
+}
+
+// Hide up & down arrows for number in firefox
+input[type="number"] { -moz-appearance: textfield; }
+
+// ==== animations ====
+@keyframes fadein { from { opacity: 0} to { opacity: 1} }
+
+
+// ==== common classes ====
+.cursor-pointer { cursor: pointer;}
+.text-v-small {font-size: 70%;}
+.mt-1px { margin-top: 1px }
+.mt--1px { margin-top: -1px; }
+.mt--2px { margin-top: -2px; }
+.dialog-text { margin: 30px;text-align: center;}
+.full-body { height: calc(100vh - 56px); } // 50 is giving scroll in log profile, 56 is working fine.
+.line-height-1-3 { line-height: 1.3rem;}
+.line-height-1 { line-height: 1rem;}
+.line-height-1-plain { line-height: 1;}
+
+.icon-inside-table-cell { text-align: center !important; padding: 0 !important; vertical-align: middle !important; height: 30px; width: 30px;
+    img {height: 20px; width: 20px;}
+}
+
+.font-monospaced { font-family: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
+.font-verdana { font-family: 'Verdana', sans-serif; }
+.font-jetbrains-mono { font-family: "JetBrains Mono", Monaco, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;}
+
+.text-overflow-ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.italic { font-style: italic; }
+
+.w-10-nowrap {width: 10px; white-space: nowrap;}
+
+.btn-xsm-custom {
+    width: 30px;
+    height: 23px;
+    padding: 0;
+    line-height: 0.5;
+}
+
+.text-yellow { color: #dbdb37; }
+
+textarea { resize: none; }
+
+.request-cancel-button { position: absolute; top: calc(50% + 40px); left: calc(50% - 50px); width: 100px; margin: 0; z-index: 2;
+    text-transform: uppercase; // if we remove this text is not showing.
+}
+.maximize-testing-tab { position: absolute; top: 0; width: 100%; left: 0; height: calc(100vh - 26px); }
+.maximize-testing-panel { position: absolute; width: 100%; top: 0; border: 0; }
+
+// API Testing page related styles
+.panel-body-h { height: calc(100vh - 75px); }
+.tab-content-h { height: calc(100vh - 80px); }
+.tab-content-h-maximize {
+    height: calc(100vh - 64px);
+    .monaco-code-h { height: calc(100vh - 100px) !important; }
+}
+.api-list {
+    .monaco-code-h { height: calc(100vh - 238px); }
+}
+.api-list-test-hook {
+    .monaco-code-h { height: calc(100vh - 312px - 48px); }
+}
+.modal-full { max-width: calc(100vw - 100px); }
+
+.table-no-padding {
+    td {
+        height: 30px;
+        padding: 0;
+        div { min-height: 30px; padding: .2rem .75rem; }
+        div.selected-row { background-color: #2f647357; }
+    }
+}
+.font-label { font-size: .875rem; }
+
+// monaco editor error highlight classes
+.highlightMatchedWord { background: yellow !important; color: black !important; font-weight: bold !important; }
+.highlightLineHavingError { border-bottom: 1px dashed red; }
+.parent-notes-modal .child-notes-grid { height: calc(100% - 10px) !important; }
+.prevent-text-selection { user-select: none; }
+
+.logs-collapse-div { background: #3d3d3d; height: 25px; }
+
+.preHookCounter {
+    position: absolute;
+    right: 0.5em;
+    //top: -16px !important;
+    rotate: 270deg;
+    border-radius: 0.8em;
+    background-color: grey;
+    color: white;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 0.8em;
+    height: 1.5em;
+    min-width: 1.5em;
+}
+
+.postHookCounter {
+    position: absolute;
+    right: -0.5em;
+    //top: 13px !important;
+    rotate: 90deg;
+    border-radius: 0.8em;
+    background-color: grey;
+    color: white;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 0.8em;
+    height: 1.5em;
+    min-width: 1.5em;
+}
+
+
+// delta to html override css
+div.delta-to-html {
+    .ql-size-huge {
+        font-size: xx-large;
+    }
+    pre {
+        display: block;
+        font-size: 87.5%;
+        color: inherit;
+        background: #1d1d1d;
+        padding: 10px;
+    }
+
+    table, td, th {
+        border: 1px solid grey;
+        text-align: left;
+    }
+
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        display: table;
+        box-sizing: border-box;
+        text-indent: initial;
+        border-spacing: 2px;
+        background: #3b3b3b;
+        border-color: grey;
+    }
+
+    th, td {
+        padding: 6px;
+    }
+    tr:nth-of-type(odd) {
+        background: #282828c7;
+    }
+}
+
+app-fun-man-layout {
+    .custom-api-grid-height {
+        height: calc(100vh - 82px);
+    }
+}
+
+app-db-cell-layout {
+    app-w-instances {
+        .instance-grid-height {
+            height: calc(100vh - 94px);
+        }
+    }
+
+    app-w-databases {
+        .database-grid-height {
+            height: calc(50vh - 66px);
+        }
+    }
+
+    app-w-collections {
+        .collection-grid-height {
+            height: calc(50vh - 66px);
+        }
+    }
+}
+
+app-system-api-layout {
+    app-system-api-w {
+        .system-api-grid-height {
+            height: calc(100vh - 82px);
+        }
+    }
+}
+
+app-tp-api-layout {
+    app-w-supported-tp-api {
+        .system-api-grid-height {
+            height: calc(100vh - 94px)
+        }
+    }
+}
+
+app-event-man-layout {
+    app-events-grid {
+        .events-grid-height {
+            height: calc(100vh - 94px);
+        }
+    }
+}
+
+
+app-scheduler-man-layout {
+    app-scheduler-man-w {
+        .schedulers-grid-height {
+            height: calc(100vh - 82px);
+        }
+    }
+}
+
+app-web-socket-events-layout-grid {
+    app-web-socket-events-grid {
+        .ws-events-grid-height {
+            height: calc(100vh - 82px);
+        }
+    }
+}
+
+app-logprofile-layout {
+    app-w-logprofiles {
+        .log-profile-grid-height {
+            height: calc(100vh - 94px);
+        }
+    }
+}
+
+app-utility-classes-layout {
+    app-utility-classes-list {
+        .utility-classes-grid-height {
+            height: calc(100vh - 94px);
+        }
+    }
+}
+
+app-notes-layout {
+    app-notes-list {
+        .notes-grid-height {
+            height: calc(100vh - 86px);
+        }
+    }
+    app-notes-form {
+        .notes-form-height {
+            height: calc(100vh - 94px);
+        }
+    }
+}
+
+app-notes-modal {
+    app-notes-list {
+        .notes-grid-height {
+            height: calc(100vh - 102px);
+        }
+    }
+    app-notes-form {
+        .notes-form-height {
+            height: calc(100vh - 94px);
+        }
+    }
+}
+
+
+
+app-code-finder-modal {
+    app-code-finder-w {
+        .code-finder-height {
+            height: calc(100vh - 72px) !important;
+        }
+    }
+}
+
+app-root {
+    app-code-finder-w {
+        .code-finder-height {
+            height: calc(100vh - 52px);
+        }
+    }
+}
+
+.dropdown-menu { z-index: 1051; }
+a { color: #aaa; }
+
+.p-tree-empty-message {
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    padding-top: 20px;
+}
+
+.json-key {
+    color: #9d74af;
+}
+
+.json-val {
+    color: #6aab73;
+}
+
+#svgContainerId {
+    svg {
+        height: calc(100vh - 88px);
+        width: calc(100vw - 20px);
+    }
+    rect, text { cursor: grab; }
+}
+
+.p-datatable-header { padding: 0 !important; }
+
+.width-300 { width: 300px; }
+
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {
+    background: none !important;
+    color: inherit !important;
+}

package/dist/assets/styles/variables.scss

@@ -0,0 +1,18 @@
+//$primary-color: #007bff;
+$min-width: 1349px;
+$primary-color: #7157cb;
+$primary-color-font: #eeeeee;
+$font-size: 0.875rem;
+$font-size-small: 0.775rem;
+//$shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; // it is bootstrap standard shadow-sm
+//$border-style: 1px solid #dee2e6;
+
+@font-face {
+    font-family: 'Verdana';
+    src: url('../fonts/Verdana.ttf');
+}
+
+@font-face {
+    font-family: 'JetBrains Mono';
+    src: url('../fonts/JetBrainsMonoRegular.ttf');
+}

package/dist/common.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkapi_maker_fe=self.webpackChunkapi_maker_fe||[]).push([[8592],{9184:(a,o,t)=>{t.r(o),t.d(o,{ApiInfoM:()=>s});var h=t(7664),d=t(8176),l=t(4946);const M=[{path:"db-cell",loadChildren:()=>Promise.all([t.e(1678),t.e(4211)]).then(t.bind(t,4211)).then(n=>n.DbCellM)},{path:"third-party-api",loadChildren:()=>Promise.all([t.e(1678),t.e(4211),t.e(7987),t.e(1025),t.e(9208),t.e(4186),t.e(9243),t.e(6401),t.e(1928)]).then(t.bind(t,1928)).then(n=>n.TpApiM)},{path:"custom-api",loadChildren:()=>Promise.all([t.e(7987),t.e(9208),t.e(6925)]).then(t.bind(t,9208)).then(n=>n.FunctionManM)},{path:"am-events",loadChildren:()=>Promise.all([t.e(8125),t.e(8374)]).then(t.bind(t,8125)).then(n=>n.AmEventsM)},{path:"web-socket-events",loadChildren:()=>Promise.all([t.e(1025),t.e(8682)]).then(t.bind(t,1025)).then(n=>n.WebSocketEventsM)},{path:"system-api",loadChildren:()=>Promise.all([t.e(4186),t.e(1617)]).then(t.bind(t,4186)).then(n=>n.SystemApiM)},{path:"schedulers",loadChildren:()=>Promise.all([t.e(885),t.e(1558)]).then(t.bind(t,1558)).then(n=>n.SchedulerManM)},{path:"process-initializers",loadChildren:()=>Promise.all([t.e(6236),t.e(5421)]).then(t.bind(t,5421)).then(n=>n.ProcessInitializersM)},{path:"db-masters",loadChildren:()=>t.e(1840).then(t.bind(t,1840)).then(n=>n.DbMastersM)},{path:"api-testing",loadChildren:()=>Promise.all([t.e(1678),t.e(4211),t.e(7987),t.e(885),t.e(4181),t.e(7470),t.e(7975),t.e(6236),t.e(2443)]).then(t.bind(t,2443)).then(n=>n.ApiTestingM)}];let s=(()=>{class n{static \u0275fac=function(C){return new(C||n)};static \u0275mod=l.oAB({type:n});static \u0275inj=l.cJS({imports:[h.Bz.forChild(M),d.u]})}return n})()},9575:(a,o,t)=>{t.d(o,{Q:()=>m});var h=t(8176),d=t(7664),l=t(4946);const M=[];let m=(()=>{class s{static \u0275fac=function(P){return new(P||s)};static \u0275mod=l.oAB({type:s});static \u0275inj=l.cJS({imports:[d.Bz.forChild(M),h.u]})}return s})()}}]);

package/dist/index.html

@@ -0,0 +1,147 @@
+<!doctype html>
+<html lang="en" data-critters-container>
+<head>
+    <meta charset="utf-8">
+    <title>API Maker</title>
+    <base href="/">
+
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <link href="favicon.ico" rel="icon" type="image/x-icon">
+
+    <!-- axios --> <!-- it is not working at the end -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js" type="text/javascript"></script>
+
+    <!--&lt;!&ndash; google fonts &ndash;&gt;
+    <link href="https://fonts.googleapis.com/css?family=PT+Sans&display=swap" rel="stylesheet">-->
+
+    <!-- font awesome -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
+
+    <!-- root styles -->
+    <style>:root{--bg-primary:#282828;--bg-primary--shade--one:#323232;--bg-primary--shade--two:#3c3c3c;--bg-primary--shade--three:#4e4e4e;--bg-primary--shade--four:#686868;--bg-secondary:#303030;--bg-secondary--shade--one:#3a3a3a;--bg-secondary--shade--two:#444444;--bg-secondary--shade--three:#565656;--bg-secondary--shade--four:#707070;--bg-tertiary:#404040;--bg-tertiary--shade--one:#4a4a4a;--bg-tertiary--shade--two:#545454;--bg-tertiary--shade--three:#666666;--bg-tertiary--shade--four:#808080;--hairline-regular:#434343;--hairline-regular--shade--one:#4d4d4d;--hairline-regular--shade--two:#575757;--hairline-regular--shade--three:#696969;--hairline-regular--shade--four:#838383;--hairline-strong:#464646;--hairline-strong--shade--one:#505050;--hairline-strong--shade--two:#5a5a5a;--hairline-strong--shade--three:#6c6c6c;--hairline-strong--shade--four:#868686;--content-primary:#f0f0f0;--content-primary--shade--one:#e6e6e6;--content-primary--shade--two:#dcdcdc;--content-primary--shade--three:#cacaca;--content-primary--shade--four:#b0b0b0;--content-secondary:#969696;--content-secondary--shade--one:#8c8c8c;--content-secondary--shade--two:#828282;--content-secondary--shade--three:#707070;--content-secondary--shade--four:#565656;--content-tertiary:#6F6F6F;--content-tertiary--shade--one:#797979;--content-tertiary--shade--two:#838383;--content-tertiary--shade--three:#959595;--content-tertiary--shade--four:#afafaf;--brand-primary:#F26B3A;--brand-primary--highlight:rgba(242, 107, 58, 0.2);--brand-primary--shade--one:#f15d27;--brand-primary--shade--two:#ef4e14;--brand-primary--shade--three:#d2420e;--brand-primary--shade--four:#a2330b;--brand-secondary:#097BED;--brand-secondary--highlight:rgba(9, 123, 237, 0.2);--brand-secondary--shade--one:#1485f6;--brand-secondary--shade--two:#288ff7;--brand-secondary--shade--three:#4aa1f8;--brand-secondary--shade--four:#7bbbfa;--accent-error:#ED4B48;--accent-error--highlight:rgba(237, 75, 72, 0.2);--accent-error--shade--one:#eb3935;--accent-error--shade--two:#e92623;--accent-error--shade--three:#d41815;--accent-error--shade--four:#a51310;--accent-error--shade--five:rgb(107 28 33);--accent-warning:#FFB400;--accent-warning--highlight:rgba(255, 180, 0, 0.2);--accent-warning--shade--one:#ffba14;--accent-warning--shade--two:#ffc029;--accent-warning--shade--three:#ffcb4d;--accent-warning--shade--four:#ffda80;--accent-success:#26B47F;--accent-success--highlight:rgba(38, 180, 127, 0.2);--accent-success--shade--one:#2ac58b;--accent-success--shade--two:#30d396;--accent-success--shade--three:#29a3b3;--accent-success--shade--four:#77e2ba;--color-darkest:#ffffff;--color-darkest--shade--one:#f5f5f5;--color-darkest--shade--two:#ebebeb;--color-darkest--shade--three:#d9d9d9;--color-darkest--shade--four:#bfbfbf;--dark-bg-primary:#303030;--dark-bg-primary--shade--one:#3a3a3a;--dark-bg-primary--shade--two:#444444;--dark-bg-primary--shade--three:#565656;--dark-bg-primary--shade--four:#707070;--dark-bg-secondary:#333333;--dark-bg-secondary--shade--one:#3d3d3d;--dark-bg-secondary--shade--two:#474747;--dark-bg-secondary--shade--three:#595959;--dark-bg-secondary--shade--four:#737373;--dark-bg-tertiary:#464646;--dark-bg-tertiary--shade--one:#505050;--dark-bg-tertiary--shade--two:#5a5a5a;--dark-bg-tertiary--shade--three:#6c6c6c;--dark-bg-tertiary--shade--four:#868686;--dark-hairline-regular:#3C3C3C;--dark-hairline-regular--shade--one:#464646;--dark-hairline-regular--shade--two:#505050;--dark-hairline-regular--shade--three:#626262;--dark-hairline-regular--shade--four:#7c7c7c;--dark-hairline-strong:#5A5A5A;--dark-hairline-strong--shade--one:#646464;--dark-hairline-strong--shade--two:#6e6e6e;--dark-hairline-strong--shade--three:#808080;--dark-hairline-strong--shade--four:#9a9a9a;--dark-content-primary:#F0F0F0;--dark-content-primary--shade--one:#e6e6e6;--dark-content-primary--shade--two:#dcdcdc;--dark-content-primary--shade--three:#cacaca;--dark-content-primary--shade--four:#b0b0b0;--dark-content-secondary:#808080;--dark-content-secondary--shade--one:#767676;--dark-content-secondary--shade--two:#6c6c6c;--dark-content-secondary--shade--three:#5a5a5a;--dark-content-secondary--shade--four:#404040;--dark-color-lightest:#FFFFFF;--dark-color-lightest--shade--one:#f5f5f5;--dark-color-lightest--shade--two:#ebebeb;--dark-color-lightest--shade--three:#d9d9d9;--dark-color-lightest--shade--four:#bfbfbf}</style><link href="/assets/styles/root-styles.css" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/assets/styles/root-styles.css"></noscript>
+
+    <!-- Dark Theme -->
+    <link id="idLinkBootstrapCss" crossorigin="anonymous" href rel="stylesheet">
+    <link id="idLinkColorsCss" crossorigin="anonymous" href rel="stylesheet">
+
+    <!-- Light Theme -->
+    <!--<link id="idLinkBootstrapCss" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.3.1/cerulean/bootstrap.min.css" rel="stylesheet">-->
+
+    <link href="/assets/styles/out/bootstrap-overrides.css" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/assets/styles/out/bootstrap-overrides.css"></noscript>
+    <style>body{min-width:1349px}</style><link href="/assets/styles/out/styles.css" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/assets/styles/out/styles.css"></noscript>
+
+    <!--<link id="idLinkBootstrapCss" crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">-->
+    <script crossorigin="anonymous" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" src="https://code.jquery.com/jquery-3.3.1.slim.min.js" type="text/javascript"></script>
+    <script crossorigin="anonymous" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" type="text/javascript"></script>
+    <script crossorigin="anonymous" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" type="text/javascript"></script>
+
+    <!-- noty notification library --> <!-- not working at the end -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js" type="text/javascript"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.min.css">
+
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/quill/2.0.0-dev.4/quill.snow.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/quill-table-ui@1.0.7/dist/index.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/quill/2.0.0-dev.4/quill.min.js" type="text/javascript"></script>
+    <script src="https://unpkg.com/quill-table-ui@1.0.7/dist/umd/index.js" type="text/javascript"></script>
+    <script type="text/javascript">
+        // https://openbase.com/js/quill-table-ui
+        // https://codepen.io/volser/pen/QWWpOpr?editors=1010
+        Quill.register({
+            'modules/tableUI': quillTableUI.default
+        }, true)
+    </script>
+
+    <!-- apexcharts -->
+    <!--<script src="https://cdn.jsdelivr.net/npm/apexcharts" type="text/javascript"></script>-->
+
+    <!-- lodash -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js" type="text/javascript"></script>
+
+    <!-- moment -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" type="text/javascript"></script>
+
+    <!-- svg -->
+    <script src="/assets/lib/svg-pan-zoom.min.js" type="text/javascript"></script>
+
+    <!-- monaco supported sub libraries -->
+    <script src="https://cdn.jsdelivr.net/npm/vscode-textmate@8.0.0/release/main.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vscode-oniguruma@1.7.0/release/main.min.js"></script>
+    <script type="text/javascript">
+        const onigGlobal = onig;
+        setTimeout(() => {
+            window.onigGlobal = onigGlobal;
+        }, 1000);
+    </script>
+
+    <!-- monaco editor -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.35.0/min/vs/loader.min.js"></script>
+    <script type="text/javascript">
+        const requireJs = require;
+        window.requireJs = requireJs;
+        requireJs.config({ paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.35.0/min/vs' } });
+        requireJs(['vs/editor/editor.main'], () => {
+        });
+    </script>
+
+    <!-- crypto js -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/core-min.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" type="text/javascript"></script>
+
+    <!-- prism js -->
+    <!--<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css" rel="stylesheet">-->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism-okaidia.min.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/components/prism-core.min.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js" type="text/javascript"></script>
+    
+<style>@layer primeng{}:root{--surface-a:#3b3b3b;--surface-b:#303030;--surface-c:#610000;--surface-d:#4f4f4f;--surface-e:#3b3b3b;--surface-f:#3b3b3b;--text-color:#b0b0b0;--text-color-secondary:#7a7a7a;--primary-color:#790109;--primary-color-text:#ebebeb;--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--surface-0:#20262e;--surface-50:#363c43;--surface-100:#4d5158;--surface-200:#63676d;--surface-300:#797d82;--surface-400:#909397;--surface-500:#a6a8ab;--surface-600:#bcbec0;--surface-700:#d2d4d5;--surface-800:#e9e9ea;--surface-900:#ffffff;--gray-50:#e9e9ea;--gray-100:#d2d4d5;--gray-200:#bcbec0;--gray-300:#a6a8ab;--gray-400:#909397;--gray-500:#797d82;--gray-600:#63676d;--gray-700:#4d5158;--gray-800:#363c43;--gray-900:#20262e;--content-padding:1.25rem;--inline-spacing:.5rem;--border-radius:4px;--surface-ground:#20262e;--surface-section:#20262e;--surface-card:#2a323d;--surface-overlay:#2a323d;--surface-border:#3f4b5b;--surface-hover:rgba(255,255,255,.04);--maskbg:rgba(0, 0, 0, .4);--focus-ring:0 0 0 1px #8a0000;--highlight-bg:#750008;--highlight-text-color:#dedede;color-scheme:dark}*{box-sizing:border-box}:root{--blue-50:#f3f8ff;--blue-100:#c5dcff;--blue-200:#97c1fe;--blue-300:#69a5fe;--blue-400:#3b8afd;--blue-500:#0d6efd;--blue-600:#0b5ed7;--blue-700:#094db1;--blue-800:#073d8b;--blue-900:#052c65;--green-50:#f4f9f6;--green-100:#c8e2d6;--green-200:#9ccbb5;--green-300:#70b595;--green-400:#459e74;--green-500:#198754;--green-600:#157347;--green-700:#125f3b;--green-800:#0e4a2e;--green-900:#0a3622;--yellow-50:#fffcf3;--yellow-100:#fff0c3;--yellow-200:#ffe494;--yellow-300:#ffd965;--yellow-400:#ffcd36;--yellow-500:#ffc107;--yellow-600:#d9a406;--yellow-700:#b38705;--yellow-800:#8c6a04;--yellow-900:#664d03;--cyan-50:#f3fcfe;--cyan-100:#c5f2fb;--cyan-200:#97e8f9;--cyan-300:#69def6;--cyan-400:#3bd4f3;--cyan-500:#0dcaf0;--cyan-600:#0baccc;--cyan-700:#098da8;--cyan-800:#076f84;--cyan-900:#055160;--pink-50:#fdf5f9;--pink-100:#f5cee1;--pink-200:#eda7ca;--pink-300:#e681b3;--pink-400:#de5a9b;--pink-500:#d63384;--pink-600:#b62b70;--pink-700:#96245c;--pink-800:#761c49;--pink-900:#561435;--indigo-50:#f7f3fe;--indigo-100:#dac6fc;--indigo-200:#bd98f9;--indigo-300:#a06bf7;--indigo-400:#833df4;--indigo-500:#6610f2;--indigo-600:#570ece;--indigo-700:#470ba9;--indigo-800:#380985;--indigo-900:#290661;--teal-50:#f4fcfa;--teal-100:#c9f2e6;--teal-200:#9fe8d2;--teal-300:#75debf;--teal-400:#4ad3ab;--teal-500:#20c997;--teal-600:#1bab80;--teal-700:#168d6a;--teal-800:#126f53;--teal-900:#0d503c;--orange-50:#fff9f3;--orange-100:#ffe0c7;--orange-200:#fec89a;--orange-300:#feaf6d;--orange-400:#fd9741;--orange-500:#fd7e14;--orange-600:#d76b11;--orange-700:#b1580e;--orange-800:#8b450b;--orange-900:#653208;--bluegray-50:#f8f9fb;--bluegray-100:#e0e4ea;--bluegray-200:#c7ced9;--bluegray-300:#aeb9c8;--bluegray-400:#95a3b8;--bluegray-500:#7c8ea7;--bluegray-600:#69798e;--bluegray-700:#576375;--bluegray-800:#444e5c;--bluegray-900:#323943;--purple-50:#f8f6fc;--purple-100:#dcd2f0;--purple-200:#c1aee4;--purple-300:#a68ad9;--purple-400:#8a66cd;--purple-500:#6f42c1;--purple-600:#5e38a4;--purple-700:#4e2e87;--purple-800:#3d246a;--purple-900:#2c1a4d;--red-50:#fdf5f6;--red-100:#f7cfd2;--red-200:#f0a8af;--red-300:#e9828c;--red-400:#e35b68;--red-500:#dc3545;--red-600:#bb2d3b;--red-700:#9a2530;--red-800:#791d26;--red-900:#58151c;--primary-50:#f8f2f3;--primary-100:#dfc2c4;--primary-200:#c59295;--primary-300:#ac6266;--primary-400:#923138;--primary-500:#790109;--primary-600:#670108;--primary-700:#550106;--primary-800:#430105;--primary-900:#300004}</style><link rel="stylesheet" href="styles.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.css"></noscript></head>
+<body>
+<app-root></app-root>
+
+<div id="preloader">
+    <h3 style="margin:0; padding:0; color:white;">
+        <div id="status">
+            <span id="idPageLoadingText" style="font-size: 26px;">Please Wait...</span>
+            <span id="idPageLoadingTextNoScript">Please enable javascript in your browser.</span>
+            <div>
+                <i class="fas fa-yin-yang fa-spin fa-lg" style="font-size: 64px; margin-top: 15px;"></i>
+            </div>
+        </div>
+    </h3>
+</div>
+
+<!-- Preloader -->
+<style>
+    #preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #3e3e3e; z-index: 99999;}
+    #status {
+        width: 420px; height: 175px; position: absolute; left: calc(50% - 105px);
+        top: calc(50% - 70px); background-repeat: no-repeat; background-position: center;
+        margin: -100px 0 0 -100px; text-align: center; background-size: 100px;
+    }
+    #idPageLoadingTextNoScript { display: none; }
+</style>
+
+<script type="text/javascript">
+    function show_loading(message) {
+        document.getElementById('idPageLoadingText').textContent = message || 'Please Wait...';
+        document.getElementById('preloader').style.display = 'block';
+    }
+
+    function hide_loading() {
+        document.getElementById('preloader').style.display = 'none';
+    }
+</script>
+
+<noscript>
+    <!--<h2>JavaScript is disabled! Why you want to do so? Please enable JavaScript in your web browser!</h2>-->
+    <style type="text/css">
+        #idPageLoadingTextNoScript {
+            display: block;
+        }
+        #idPageLoadingText {
+            display: none;
+        }
+    </style>
+</noscript>
+
+<script src="runtime.js" type="module"></script><script src="polyfills.js" type="module"></script><script src="main.js" type="module"></script></body>
+</html>