@natec/mef-dev-ui-kit 20.0.0-beta.1 → 20.0.1

package/documentation/styles/reset.css

@@ -1,129 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font: inherit;
-    font-size: 100%;
-    vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-    display: block;
-}
-body {
-    line-height: 1;
-}
-ol,
-ul {
-    list-style: none;
-}
-blockquote,
-q {
-    quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-    content: '';
-    content: none;
-}
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}

package/documentation/styles/stripe.css

@@ -1,106 +0,0 @@
-.navbar-default .navbar-brand {
-    color: #0099e5;
-}
-
-.menu ul.list li a[data-type='chapter-link'],
-.menu ul.list li.chapter .simple {
-    color: #939da3;
-    text-transform: uppercase;
-}
-
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5 {
-    color: #292e31;
-    font-weight: normal;
-}
-
-.content {
-    color: #4c555a;
-}
-
-.menu ul.list li.title {
-    padding: 5px 0;
-}
-
-a {
-    color: #0099e5;
-    text-decoration: none;
-}
-a:hover {
-    color: #292e31;
-    text-decoration: none;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin-top: 0;
-}
-
-.menu ul.list li.title a,
-.navbar a {
-    color: #0099e5;
-    text-decoration: none;
-    font-size: 16px;
-}
-
-.menu ul.list li a.active {
-    color: #0099e5;
-}
-
-code {
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 0 5px;
-    background: #fafcfc;
-    border-radius: 4px;
-    color: #b93d6a;
-    font-size: 13px;
-    line-height: 20px;
-}
-
-pre {
-    margin: 0;
-    padding: 12px 12px;
-    background: #272b2d;
-    border-radius: 5px;
-    font-size: 13px;
-    line-height: 1.5em;
-    font-weight: 500;
-}
-
-.dark body {
-    color: #fafafa;
-}
-.dark .content h1,
-.dark .content h2,
-.dark .content h3,
-.dark .content h4,
-.dark .content h5 {
-    color: #fafafa;
-}
-
-.dark code {
-    background: none;
-}
-
-.dark .content {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li a[data-type='chapter-link'],
-.dark .menu ul.list li.chapter .simple {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li.title a {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li a {
-    color: #fafafa;
-}
-.dark .menu ul.list li a.active {
-    color: #7fc9ff;
-}

package/documentation/styles/style.css

@@ -1,7 +0,0 @@
-@import "./reset.css";
-@import "./bootstrap.min.css";
-@import "./bootstrap-card.css";
-@import "./prism.css";
-@import "./ionicons.min.css";
-@import "./compodoc.css";
-@import "./tablesort.css";

package/documentation/styles/tablesort.css

@@ -1,33 +0,0 @@
-th[role=columnheader]:not(.no-sort) {
-	cursor: pointer;
-}
-
-th[role=columnheader]:not(.no-sort):after {
-	content: '';
-	float: right;
-	margin-top: 7px;
-	border-width: 0 4px 4px;
-	border-style: solid;
-	border-color: #404040 transparent;
-	visibility: visible;
-	opacity: 1;
-	-ms-user-select: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-}
-
-th[aria-sort=ascending]:not(.no-sort):after {
-	border-bottom: none;
-	border-width: 4px 4px 0;
-}
-
-th[aria-sort]:not(.no-sort):after {
-	visibility: visible;
-	opacity: 0.4;
-}
-
-th[role=columnheader]:not(.no-sort):hover:after {
-	visibility: visible;
-	opacity: 1;
-}

package/documentation/styles/vagrant.css

@@ -1,130 +0,0 @@
-.navbar-default .navbar-brand {
-    background: white;
-    color: #8d9ba8;
-}
-
-.menu .list {
-    background: #0c5593;
-}
-
-.menu .chapter {
-    padding: 0 20px;
-}
-
-.menu ul.list li a[data-type='chapter-link'],
-.menu ul.list li.chapter .simple {
-    color: white;
-    text-transform: uppercase;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
-}
-
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5 {
-    color: #292e31;
-    font-weight: normal;
-}
-
-.content {
-    color: #4c555a;
-}
-
-a {
-    color: #0094bf;
-    text-decoration: underline;
-}
-a:hover {
-    color: #f1362f;
-}
-
-.menu ul.list li.title {
-    background: white;
-    padding-bottom: 5px;
-}
-
-.menu ul.list li:nth-child(2) {
-    margin-top: 0;
-}
-
-.menu ul.list li:nth-last-child(2) {
-    background: none;
-}
-
-.menu ul.list li.title a {
-    padding: 10px 15px;
-}
-
-.menu ul.list li.title a,
-.navbar a {
-    color: #8d9ba8;
-    text-decoration: none;
-    font-size: 16px;
-    font-weight: 300;
-}
-
-.menu ul.list li a {
-    color: white;
-    padding: 10px;
-    font-weight: 300;
-    text-decoration: none;
-}
-.menu ul.list li a.active {
-    color: white;
-    font-weight: bold;
-}
-
-.copyright {
-    color: white;
-    background: #000;
-}
-
-code {
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 0 5px;
-    background: rgba(0, 148, 191, 0.1);
-    border-radius: 3px;
-    color: #0094bf;
-    font-size: 13px;
-    line-height: 20px;
-}
-
-pre {
-    margin: 0;
-    padding: 12px 12px;
-    background: rgba(238, 238, 238, 0.35);
-    border-radius: 3px;
-    font-size: 13px;
-    line-height: 1.5em;
-    font-weight: 500;
-}
-
-.dark body {
-    color: #fafafa;
-}
-.dark .content h1,
-.dark .content h2,
-.dark .content h3,
-.dark .content h4,
-.dark .content h5 {
-    color: #fafafa;
-}
-
-.dark code {
-    background: none;
-}
-
-.dark .content {
-    color: #fafafa;
-}
-
-.dark .menu ul.list li.title a,
-.dark .navbar a {
-    color: #8d9ba8;
-}
-
-.dark .menu ul.list li a {
-    color: #fafafa;
-}

package/karma.conf.js

@@ -1,44 +0,0 @@
-// 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-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/ui-kit-lib'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};

package/ng-package.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ui-kit-lib",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    "src/lib/styles/*",
-    "src/lib/styles/img/*",
-    "src/lib/styles/fonts/pgicon/*",
-    "src/lib/styles/fonts/main-img-font/*",
-    "src/lib/styles/pg/*",
-    "src/lib/styles/pg/vendor/*",
-    "src/lib/styles/pg/modules/*"
-  ],
-  "allowedNonPeerDependencies": [
-  ]
-}

package/src/lib/markup-kit/card/card/card.component.html

@@ -1,44 +0,0 @@
-<mefdev-inner-card
-  MinimalHeader="true"
-  TimeOut="2500"
-  [Refresh]="false"
-  [Close]="false">
-
-  <ng-template #CardTitle>
-    <ng-template class="card-title body-1" [ngTemplateOutlet]="card_title"></ng-template>
-  </ng-template>
-
-  <div class="plugin-type">
-    {{ card_type }}
-  </div>
-
-  <div class="row">
-    <div class="col-12">
-      <div class="m-l-2 card-description">
-        <div *ngIf="!description || description == ''" class="card-no-description"> {{'No plugin description'}}</div>
-        <p>
-          {{description}}
-        </p>
-      </div>
-    </div>
-    <div class="col-12 mt-3 text-center card-img"
-         [ngStyle]="{'background-color': img ? 'transparent' : '#fff'}">
-      <div *ngIf="!img || img == ''">
-        <img src="assets/images/md_icon.png"
-             style="max-width: 110px; max-height: 110px;"/>
-      </div>
-      <div *ngIf="img">
-        <img src="{{img}}" alt="" class="image-responsive-height img-middle"
-             style="max-width: 260px; max-height: 150px;"
-             onclick="imgClick()"
-        />
-      </div>
-
-    </div>
-  </div>
-  <div class="row mb-3 mt-3">
-    <div class="col-12">
-      <ng-template [ngTemplateOutlet]="card_footer"></ng-template>
-    </div>
-  </div>
-</mefdev-inner-card>

package/src/lib/markup-kit/card/card/card.component.scss

@@ -1,65 +0,0 @@
-@use './../../../styles/vars.scss' as v;
-@use './../../../styles/fonts.scss';
-
-
-
-
-::ng-deep {
-    .card-title{
-        width: 70%;
-        span{
-            @extend .body-1;
-        }
-    }
-}
-
-.plugin-type{
-    right: 20px;
-    top: 25px;
-    position: absolute;
-    background-color: v.$Red;
-    border-radius: 5px 0px 0px 5px;
-    margin-right: -20px;
-    height: 28px;
-    padding: 5px 15px;
-    @extend .h6;
-    color: v.$White;
-}
-
-
-.card-description{
-    height: 40px;
-    overflow-y: clip;
-    @extend .body-5;
-    color: v.$Dark-Gray-2;
-}
-
-
-.card-no-description{
-    overflow-y: clip;
-    height: 60px;
-    @extend .body-5;
-    color: v.$Light-Gray-1;
-}
-
-.card-img{
-    padding: 0;
-    height: 130px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: -webkit-fill-available;
-    margin-right: calc(var(--bs-gutter-x) * .5);
-    margin-left: calc(var(--bs-gutter-x) * .5);
-
-}
-
-.card-default{
-    background-color: v.$Light-Gray-2;
-    border-radius: 5px;
-}
-
-.card-header{
-    height: 72px;
-}
-

package/src/lib/markup-kit/card/card/card.component.ts

@@ -1,109 +0,0 @@
-import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';
-import { Router } from '@angular/router';
-
-/**
-  * Component for displaying a card with a title, image, and description.
-  *
-  * Example of usage:
-  *
-  * ```
-  * <mefdev-card>
-  *   <ng-template #card_title>
-  *     <!-- Content for the card title -->
-  *   </ng-template>
-  *   <ng-template #card_footer>
-  *     <!-- Content for the card footer -->
-  *   </ng-template>
-  * </mefdev-card>
-  * ```
-  *
-  * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card</example-url>
-  */
-@Component({
-    selector: 'mefdev-card',
-    templateUrl: './card.component.html',
-    styleUrls: ['./card.component.scss'],
-    standalone: false
-})
-export class CardComponent implements OnInit {
-
-  /**
-  * The template reference to the content of the card title.
-  *
-  * @usageNotes
-  * ```
-  * <mefdev-card>
-  *   <ng-template #card_title>
-  *     <!-- Content for the card title -->
-  *   </ng-template>
-  * </mefdev-card>
-  * ```
-   */
-  @ContentChild("card_title") card_title: TemplateRef<void>;
-
-  /**
-   * The template reference to the content of the card footer.
-   * @usageNotes
-   * ```
-   * <mefdev-card>
-   *   <ng-template #card_footer>
-   *     <!-- Content for the card footer -->
-   *   </ng-template>
-   * </mefdev-card>
-   * ```
-   */
-  @ContentChild("card_footer") card_footer: TemplateRef<void>;
-
-  /**
-   * The type of the card.
-   * @usageNotes
-   * ```
-   * <mefdev-card [card_type] = "'type'"></mefdev-card>
-   * ```
-   */
-  @Input() card_type: string;
-
-  /**
-   * The path to the image.
-   * @usageNotes
-   * ```
-   * <mefdev-card [img] = "'img/path/img.png'"></mefdev-card>
-   * ```
-   */
-  @Input() img: string;
-
-  /**
-   * The path, where user goes after click at the image.
-   * @usageNotes
-   * ```
-   * <mefdev-card [imgUrl] = "'Img.url'"></mefdev-card>
-   * ```
-   */
-  @Input() imgUrl: string;
-
-  /**
-   * The description of the card.
-   * @usageNotes
-   * ```
-   * <mefdev-card [description] = "'description'"></mefdev-card>
-   * ```
-   */
-  @Input() description: string;
-
-
-  constructor(
-    private router: Router
-  ) { }
-
-  ngOnInit(): void {
-  }
-
-  /**
-   * Event handler for image click.
-   * Navigates to the specified URL.
-   */
-  public imgClick(){
-    this.router.navigate(['/', this.imgUrl.toString()])
-  }
-
-}