@colijnit/corecomponents_v12 12.2.19 → 12.2.20

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/corecomponentstest'),
-      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/move-assets.js

@@ -1,14 +0,0 @@
-var fs = require('fs-extra')
-
-var oldSrcPath = 'dist/corecomponents/src';
-var oldPath = 'dist/corecomponents/src/lib';
-var newPath = 'dist/corecomponents/lib';
-
-const copyLibFolder = async () => {
-  await fs.copy(oldPath, newPath, function (err) {
-    if (err) throw err;
-    fs.rmSync(oldSrcPath, { recursive: true, force: true });
-    console.log('Successfully moved assets!')
-  });
-}
-copyLibFolder();

package/projects/corecomponents/README.md

@@ -1,24 +0,0 @@
-# Corecomponents
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project corecomponents` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project corecomponents`.
-> Note: Don't forget to add `--project corecomponents` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build corecomponents` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build corecomponents`, go to the dist folder `cd dist/corecomponents` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test corecomponents` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/projects/corecomponents/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/corecomponents'),
-      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/projects/corecomponents/ng-package.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/corecomponents",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    "**/*.scss"
-  ]
-}

package/projects/corecomponents/package-lock.json

@@ -1,13 +0,0 @@
-{
-  "name": "@colijnit/corecomponents_v12",
-  "version": "12.0.91",
-  "lockfileVersion": 1,
-  "requires": true,
-  "dependencies": {
-    "tslib": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
-    }
-  }
-}

package/projects/corecomponents/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "@colijnit/corecomponents_v12",
-  "version": "12.2.18",
-  "description": "Colijn IT core components for Angular 12",
-  "private": false,
-  "peerDependencies": {
-    "@angular/common": ">=12.2.0",
-    "@angular/core": ">=12.2.0",
-    "@colijnit/ioneconnector": ">=3.1.8",
-    "@types/hammerjs": "2.0.35",
-    "@types/three": ">=0.125.0",
-    "@tweenjs/tween.js": ">=17.2.0",
-    "hammerjs": ">=2.0.8",
-    "three": ">=0.125.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
-}

package/projects/corecomponents/src/lib/components/article-tile/article-tile.component.scss

@@ -1,158 +0,0 @@
-:host {
-/*display: flex;*/
-/*flex-direction: column;*/
-/*align-items: center;*/
-/*position: relative;*/
-/*flex-shrink: 0;*/
-/*flex-grow: 0;*/
-/*width: 150px;*/
-/*height: 220px;*/
-/*margin: 10px;*/
-/*border-radius: 5px;*/
-/*padding: 10px;*/
-/*transition: all 0.14s ease-out;*/
-.description {
-    font-weight: bold;
-}
-}
-
-co-button.card-button {
-    height: 50px;
-    width: 50px;
-    padding: 0;
-    border-radius: 50%;
-&.square {
-     border-radius: 5px;
- }
-::ng-deep co-icon {
-    height: 50px;
-    width: 50px;
-}
-&.mini {
-     transform: scale(1);
-     height: 20px;
-     width: 20px;
-::ng-deep co-icon {
-    height: 20px;
-    width: 20px;
-}
-}
-}
-
-.bottom-content-wrapper {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-end;
-    height: 100%;
-.left-buttons {
-    display: flex;
-    margin-right: auto;
-    height: 100%;
-    align-items: center;
-* {
-    margin-right: 5px;
-}
-}
-}
-
-/*:host.border-hover:hover {*/
-/*box-shadow: 0 0 3px 2px rgba(128, 128, 128, 0.4);*/
-/*background-color: initial;*/
-/*}*/
-
-/*:host:hover {*/
-/*background-color: rgb(228, 233, 232);*/
-/*}*/
-
-/*:host:hover co-button.magnify {*/
-/*visibility: visible;*/
-/*}*/
-
-/*:host.small-modus {*/
-/*width: 90px;*/
-/*height: 140px;*/
-/*}*/
-
-/*:host.small-modus co-image {*/
-/*width: 90px;*/
-/*height: 90px;*/
-/*}*/
-
-/*:host.small-modus span.description {*/
-/*margin-top: 2px;*/
-/*font-size: 12px;*/
-/*}*/
-
-/*:host.small-modus span.price {*/
-/*margin-top: 2px;*/
-/*font-size: 14px;*/
-/*}*/
-
-/*:host.small-modus co-level-indicator {*/
-/*bottom: 58px;*/
-/*}*/
-
-/*:host.small-modus co-button.info {*/
-/*bottom: 47px;*/
-/*}*/
-
-/*div.image {*/
-/*position: relative;*/
-/*}*/
-
-/*co-image {*/
-/*width: 150px;*/
-/*height: 150px;*/
-/*border-radius: 20px;*/
-/*overflow: hidden;*/
-/*}*/
-
-/*co-icon.check {*/
-/*position: absolute;*/
-/*background-color: #8faba6;*/
-/*z-index: 1;*/
-/*border-radius: 50%;*/
-/*transform: scale(1.1);*/
-/*right: 7px;*/
-/*top: 7px;*/
-/*}*/
-
-/*co-icon.check /deep/ svg {*/
-/*transform: scale(0.9);*/
-/*}*/
-
-/*co-button.magnify {*/
-/*position: absolute;*/
-/*visibility: hidden;*/
-/*top: 1px;*/
-/*left: 1px;*/
-/*z-index: 2; !* above co-icon.check *!*/
-/*}*/
-
-/*co-button.magnify /deep/ svg {*/
-/*transform: scale(1.5);*/
-/*}*/
-
-/*co-button.info {*/
-/*position: absolute;*/
-/*bottom: 71px;*/
-/*right: 1px;*/
-/*}*/
-
-/*co-level-indicator {*/
-/*position: absolute;*/
-/*bottom: 80px;*/
-/*}*/
-
-/*span.description {*/
-/*font-size: 13px;*/
-/*margin-top: 10px;*/
-/*text-align: center;*/
-/*}*/
-
-/*span.price {*/
-/*position: absolute;*/
-/*bottom: 10px;*/
-/*font-weight: bold;*/
-/*}*/

package/projects/corecomponents/src/lib/components/article-tile/article-tile.component.ts

@@ -1,95 +0,0 @@
-import {ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output} from "@angular/core";
-
-import {IconCacheService} from "../icon/icon-cache.service";
-import {CoreComponentsIcon} from "../../core/enum/core-components-icon.enum";
-import {LevelIndicatorLevel} from "../level-indicator/level-indicator-level.enum";
-
-@Component({
-    selector: "co-article-tile",
-    template: `
-        <co-tile [image]="imageData" [small]="isSmallModus">
-            <ng-container tile-top-content>
-                <ng-content select="[tile-top-content]"></ng-content>
-            </ng-container>
-            <ng-container tile-over-image>
-                <ng-content select="[over-image]"></ng-content>
-            </ng-container>
-            <ng-container tile-bottom-content>
-                <div class="bottom-content-wrapper">
-                    <div class="left-buttons">
-                        <co-button class="card-button square white" *ngIf="hasConfigureButton" [iconData]="icons.getIcon(Icons.MagicWand)"
-                                   [stopClick]="true" [class.mini]="isSmallModus"
-                                   (click)="configureButtonClick.emit($event)"></co-button>
-                        <co-button class="card-button square white" *ngIf="hasThreeDButton" [iconData]="icons.getIcon(Icons.ThreeD)"
-                                   [stopClick]="true" [class.mini]="isSmallModus"
-                                   (click)="threeDButtonClick.emit($event)"></co-button>
-                    </div>
-                    <co-level-indicator *ngIf="!!level" [model]="level" [class.small]="isSmallModus"></co-level-indicator>
-                    <co-button class="card-button" *ngIf="hasCartButton" [iconData]="icons.getIcon(Icons.AddToCartDrop)"
-                               [stopClick]="true" [class.mini]="isSmallModus"
-                               (click)="cartButtonClick.emit($event)"></co-button>
-                </div>
-            </ng-container>
-            <ng-container tile-extra-bottom-content>
-                <span *ngIf="!!description" class="description" [innerText]="description"></span>
-                <span *ngIf="!!price" class="price" [innerText]="price | priceDisplay"></span>
-                <ng-content select="[card-extra-content]"></ng-content>
-            </ng-container>
-        </co-tile>
-    `,
-    styleUrls: [
-        "article-tile.component.scss"
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ArticleTileComponent {
-    @Input()
-    public imageData: string;
-
-    @Input()
-    public description: string;
-
-    @Input()
-    public price: number | string;
-
-    @Input()
-    public level: LevelIndicatorLevel;
-
-    @Input()
-    public isSelected: boolean = false;
-
-    @Input() @HostBinding("class.small-modus")
-    public isSmallModus: boolean = false;
-
-    @Input()
-    public hasConfigureButton: boolean = false;
-
-    @Input()
-    public hasThreeDButton: boolean = false;
-
-    @Input()
-    public hasCartButton: boolean = false;
-
-    // does not emit when you click one of the predefined buttons, but emits on a click on any of our other content
-    @Output()
-    public readonly contentClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @Output()
-    public readonly configureButtonClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @Output()
-    public readonly threeDButtonClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @Output()
-    public readonly cartButtonClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    public readonly Icons: any = CoreComponentsIcon;
-
-    constructor(public icons: IconCacheService) {
-    }
-
-    @HostListener("click", ["$event"])
-    public onHostClick(event: MouseEvent): void {
-        this.contentClick.emit(event);
-    }
-}

package/projects/corecomponents/src/lib/components/article-tile/article-tile.module.ts

@@ -1,34 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {HttpClientModule} from "@angular/common/http";
-
-import {IconModule} from "../icon/icon.module";
-import {ButtonModule} from "../button/button.module";
-import {ImageModule} from "../image/image.module";
-import {StopClickModule} from "../../directives/stopclick/stop-click.module";
-import {LevelIndicatorModule} from "../level-indicator/level-indicator.module";
-import {PriceDisplayPipeModule} from "../../pipes/price-display-pipe.module";
-import { TileModule } from '../tile/tile.module';
-import { ArticleTileComponent } from './article-tile.component';
-import { IconCacheService } from '../icon/icon-cache.service';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        HttpClientModule,
-        IconModule,
-        ButtonModule,
-        ImageModule,
-        StopClickModule,
-        LevelIndicatorModule,
-        PriceDisplayPipeModule,
-        TileModule
-    ],
-    declarations: [ArticleTileComponent],
-    providers: [
-        IconCacheService
-    ],
-    exports: [ArticleTileComponent]
-})
-export class ArticleTileModule {
-}