@colijnit/corecomponents_v12 12.2.18 → 12.2.19

package/projects/corecomponents/src/res/icons/wizard.svg

@@ -0,0 +1,18 @@
+<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.5 30.9">
+    <polygon points="12.3 0 11.5 2.2 9.2 2.9 11.1 4.4 11.1 6.7 13 5.4 15.2 6.2 14.6 3.9 16 2 13.6 1.9 12.3 0"
+             fill="#fff"/>
+    <polygon points="3.6 3.7 4.5 5.2 3.7 6.8 5.4 6.5 6.7 7.7 6.9 5.9 8.5 5.1 6.9 4.3 6.6 2.6 5.4 3.9 3.6 3.7"
+             fill="#fff"/>
+    <polygon points="0 9.8 0.9 10.4 0.9 11.4 1.7 10.8 2.8 11.1 2.4 10.1 3 9.2 2 9.3 1.3 8.4 1 9.4 0 9.8" fill="#fff"/>
+    <polygon
+            points="14.2 30.9 15 28.7 17.2 28 15.4 26.6 15.4 24.2 13.4 25.5 11.2 24.8 11.9 27 10.5 28.9 12.8 29 14.2 30.9"
+            fill="#fff"/>
+    <polygon
+            points="22.8 27.3 22 25.7 22.7 24.1 21 24.4 19.8 23.3 19.5 25 18 25.8 19.6 26.6 19.9 28.3 21.1 27 22.8 27.3"
+            fill="#fff"/>
+    <polygon
+            points="26.5 21.1 25.6 20.5 25.6 19.5 24.7 20.1 23.7 19.8 24 20.8 23.4 21.7 24.5 21.7 25.1 22.5 25.5 21.5 26.5 21.1"
+            fill="#fff"/>
+    <polygon points="13 19.4 8.4 22.6 10 17.2 5.5 13.8 11.2 13.7 13 8.3 14.8 13.7 20.5 13.8 16 17.2 17.6 22.6 13 19.4"
+             fill="#fff"/>
+</svg>

package/projects/corecomponents/src/res/icons/wms.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+<g>
+	<polygon fill="#2A363B" points="20,32.1 25,29.2 29.9,32.1 25,34.9 	"/>
+	<polygon opacity="0.5" fill="#2A363B" points="25.5,35.9 30.5,33 30.5,38.7 25.5,41.6 	"/>
+	<polygon opacity="0.25" fill="#2A363B" points="19.5,38.7 19.5,33 24.5,35.9 24.5,41.6 	"/>
+	<polygon fill="#2A363B" points="26,21.7 31,18.8 35.9,21.7 31,24.5 	"/>
+	<polygon opacity="0.5" fill="#2A363B" points="31.5,25.4 36.5,22.6 36.5,28.3 31.5,31.2 	"/>
+	<polygon opacity="0.25" fill="#2A363B" points="25.5,28.3 25.5,22.6 30.5,25.4 30.5,31.2 	"/>
+	<polygon fill="#2A363B" points="14,21.7 19,18.8 23.9,21.7 19,24.5 	"/>
+	<polygon opacity="0.5" fill="#2A363B" points="19.5,25.5 24.4,22.6 24.5,28.3 19.5,31.2 	"/>
+	<polygon opacity="0.25" fill="#2A363B" points="13.5,28.3 13.5,22.6 18.4,25.5 18.5,31.2 	"/>
+	<polygon fill="#2A363B" points="8,32.1 13,29.2 17.9,32.1 13,35 	"/>
+	<polygon opacity="0.5" fill="#2A363B" points="13.5,35.9 18.5,33 18.5,38.7 13.5,41.6 	"/>
+	<polygon opacity="0.25" fill="#2A363B" points="7.5,38.7 7.5,33 12.5,35.9 12.5,41.6 	"/>
+	<polygon fill="#2A363B" points="32.1,32.1 37,29.2 42,32 37,34.9 	"/>
+	<polygon opacity="0.5" fill="#2A363B" points="37.5,35.8 42.5,33 42.5,38.7 37.6,41.5 	"/>
+	<polygon opacity="0.25" fill="#2A363B" points="31.5,38.7 31.5,33 36.5,35.8 36.5,41.5 	"/>
+	<polygon fill="#2A363B" points="20,11.3 25,8.4 29.9,11.3 25,14.1 	"/>
+	<polygon opacity="0.5" fill="#2A363B" points="25.5,15 30.4,12.2 30.4,17.9 25.5,20.8 	"/>
+	<polygon opacity="0.25" fill="#2A363B" points="19.5,17.9 19.5,12.2 24.4,15 24.4,20.8 	"/>
+</g>
+</svg>

package/projects/corecomponents/src/res/icons/work_in_progress.svg

@@ -0,0 +1,10 @@
+<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51">
+    <polygon
+            points="26.8 34 27.7 33 28.3 32.3 29.1 31.9 30 31.7 30.1 31 30.1 30.1 30.2 29 30.8 28.5 31.7 28 33.2 28.1 34.2 28.4 34.9 28.8 35 29.5 30.5 34 26.8 34"
+            fill="#4d5050"/>
+    <path d="M298.4,421.8v-2.7l0.2-3.2v-1.5l-1.1-.7-1.1-.3-1.6.7-1.7.7-1.3.3v0.5l0.4,1.6,0.6,1.5-0.5.9v7.3l1.5,2.2v-1.1l0.4-3.1,0.3-2.8,1.2,2.4v4.6H297v-5.5l-1.1-2.2,4.6,3.9h0.5v-0.9Zm-5-4.5-0.4-.8v-0.8l1.9-.2Zm2.5,2.4,1.4-2v2l0.3,1.5Z"
+          transform="translate(-272.5 -395)" fill="#4d5050"/>
+    <circle cx="26.7" cy="17.5" r="1.6" fill="#4d5050"/>
+    <path d="M296.1,403.7l-14.9,14.9a2.6,2.6,0,0,0,0,3.7l14.9,14.9a2.6,2.6,0,0,0,3.7,0l14.9-14.9a2.6,2.6,0,0,0,0-3.7l-14.9-14.9A2.6,2.6,0,0,0,296.1,403.7Zm0.9,31.4-13.8-13.8a1.3,1.3,0,0,1,0-1.9l13.8-13.8a1.3,1.3,0,0,1,1.9,0l13.8,13.8a1.3,1.3,0,0,1,0,1.9l-13.8,13.8A1.3,1.3,0,0,1,297.1,435.2Z"
+          transform="translate(-272.5 -395)" fill="#4d5050"/>
+</svg>

package/projects/corecomponents/src/res/icons/work_in_progress_round_open.svg

@@ -0,0 +1,9 @@
+<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51">
+    <path d="M684,405a20,20,0,1,1,20-20A20,20,0,0,1,684,405Zm0-38.71A18.71,18.71,0,1,0,702.71,385,18.73,18.73,0,0,0,684,366.29Z"
+          transform="translate(-658.5 -359.5)" fill="#4d5050"/>
+    <path d="M695.74,392.08l-.08-1.41-.91-.48-1.55-.58-2.13-.1-1.45.78-.78.78-.19,1.55V394l-.1,1-1.36.29-1.16.68-1,1-1.26,1.45h6A55.26,55.26,0,0,0,695.74,392.08Z"
+          transform="translate(-658.5 -359.5)" fill="#4d5050"/>
+    <path d="M682.25,383.88l.29-4.65-.1-2.23-1.55-1.07-1.65-.48-2.33,1-2.52,1-1.94.39-.19.68.58,2.33.87,2.23-.68,1.36-.1,10.74,2.23,3.23.1-1.65.58-4.56.39-4.07,1.84,3.49.1,6.79h2.23v-6.21l-.1-1.94-1.55-3.3,6.73,5.76.68-.1.1-1.36-3.82-3.33Zm-7.18-2.72-.58-1.16.1-1.16,2.81-.29Zm3.68,3.49,2-3-.19,2.91.48,2.23Z"
+          transform="translate(-658.5 -359.5)" fill="#4d5050"/>
+    <circle cx="25.1" cy="14.49" r="2.33" fill="#4d5050"/>
+</svg>

package/projects/corecomponents/src/res/icons/wrench.svg

@@ -0,0 +1,4 @@
+<svg id="Laag_1" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51">
+    <path d="M696.41,378.36a5.36,5.36,0,0,0-.58.61q-2.09,2.11-4.2,4.21a2.22,2.22,0,0,1-3.38.24,22.16,22.16,0,0,1-2.06-2,10.79,10.79,0,0,1-1.31-1.51,2.1,2.1,0,0,1,.29-3c.54-.55,1.08-1.09,1.63-1.63L690.2,372c-.33-.11-.51-.18-.7-.23a9.89,9.89,0,0,0-12,12,.86.86,0,0,1-.27.95c-2.08,2.06-4.15,4.14-6.23,6.2a13.7,13.7,0,0,0,6.53,6.48q3.1-3.1,6.2-6.2a.86.86,0,0,1,.95-.27,9.89,9.89,0,0,0,12.19-8A8.55,8.55,0,0,0,696.41,378.36Z"
+          transform="translate(-658.5 -358.97)" fill="#4c5050"/>
+</svg>

package/projects/corecomponents/src/res/icons/x_axis.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
+    <polygon points="30.24 23.75 38.24 31.75 30.24 39.75 29.34 38.85 36.43 31.75 29.34 24.65 30.24 23.75" fill="#484f60" opacity="0.98"/>
+    <rect x="11.76" y="10.25" width="1.5" height="19" fill="#484f60" opacity="0.5"/>
+    <rect x="12.01" y="31" width="20" height="1.5" fill="#484f60"/>
+</svg>

package/projects/corecomponents/src/res/icons/y_axis.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
+    <polygon points="26.25 19.76 25.35 20.66 18.25 13.57 11.15 20.66 10.25 19.76 18.25 11.76 26.25 19.76" fill="#484f60" opacity="0.98"/>
+    <rect x="17.5" y="17.99" width="1.5" height="20" fill="#484f60"/>
+    <rect x="20.75" y="36.74" width="19" height="1.5" fill="#484f60" opacity="0.5"/>
+</svg>

package/projects/corecomponents/src/test.ts

@@ -0,0 +1,28 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+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(),
+  { teardown: { destroyAfterEach: true }},
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/projects/corecomponents/tsconfig.lib.json

@@ -0,0 +1,20 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2018"
+    ]
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/projects/corecomponents/tsconfig.lib.prod.json

@@ -0,0 +1,16 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false,
+    "paths": {
+      "@angular/*": [
+        "./node_modules/@angular/*"
+      ]
+    }
+  },
+  "angularCompilerOptions": {
+    "enableIvy": true,
+    "compilationMode": "partial"
+  }
+}

package/projects/corecomponents/tsconfig.spec.json

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

package/scripts/export.bat

@@ -0,0 +1,9 @@
+echo "@colijnit/corecomponents_v12": "file:/C:/Develop/Workspaces/Trunk/Corecomponents_v12/dist/corecomponents/colijnit-corecomponents_v12-12.0.10.tgz",
+call npm cache clean --force
+del "*.tgz"/q
+del "dist\corecomponents\*.tgz"/q
+call npm run package
+cd /d ./dist/corecomponents
+call npm pack
+cd /d ..
+

package/scripts/merge-icons.js

@@ -0,0 +1,39 @@
+const fs = require('fs');
+const icons = {};
+const srcDir = 'projects/corecomponents/src/res/icons/';
+const dataFile = 'projects/corecomponents/src/lib/core/model/core-components-icon-svg.ts';
+const enumFile = 'projects/corecomponents/src/lib/core/enum/core-components-icon.enum.ts';
+const warning = '/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/';
+
+
+function minifyXml(xml) {
+    return xml
+        .replace(/(<\?xml.*\?>)|(<!--.*-->)|(\n)|(\t)|(\r)|(xmlns:.*?".*?"\s?)|(id=".*?"\s?)|(data-name=".*?"\s?)|(xml:space=".*?"\s?)/gim, '')
+        .replace(/\s{2,}/g, ' ')
+        .replace(/> </g, '><');
+}
+
+function toPascalCase(icon) {
+    return icon.charAt(0).toUpperCase() + icon.slice(1).replace(/(_[a-z]?)/gi, (match) => {
+        return match.toUpperCase().replace(/_/g, '');
+    });
+}
+
+fs.readdirSync(srcDir)
+    .filter(file => file.substr(-4).toLowerCase() === '.svg')
+    .reduce((icons, file) => {
+        icons[file.substr(0, file.length - 4)] = minifyXml(fs.readFileSync(srcDir + file, {encoding : 'utf-8'}));
+        return icons;
+    }, icons);
+
+fs.writeFileSync(dataFile, `${warning}
+
+export const CoreComponentsIconSvg: {[iconName: string]: string} =  ${JSON.stringify(icons, null, 1)};`
+);
+
+fs.writeFileSync(enumFile, `${warning}
+
+export enum CoreComponentsIcon {
+    ${Object.keys(icons).map(icon => toPascalCase(icon) + ' = "' + icon + '"').join(",\n    ")}
+}`
+);

package/scripts/publish.bat

@@ -0,0 +1,6 @@
+call npm login
+rd /S /Q dist
+call npm run package
+del "dist\corecomponents\*.tgz"/q
+cd /d ./dist/corecomponents
+call npm publish --access=public

package/src/app/app.component.scss

@@ -0,0 +1,36 @@
+
+body, html {
+  background: #ededed;
+}
+:host {
+  //font-family: $font-family;
+  //color: $color-dark;
+  display: inline-block;
+  width: 100%;
+  height: 100vh;
+}
+.tabs {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.tab {
+  width: 150px;
+  height: 40px;
+  background: #f8fdff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  -webkit-border-radius: 25px 25px 0 0;-moz-border-radius: 25px 25px 0 0;border-radius: 25px 25px 0 0;
+  border-style: solid;
+  border-width: 1px 3px 0px 1px;
+}
+.tab.active {
+  background: #ededed;
+}
+.content {
+  border: 1px solid;
+}
+.lov {
+  width: 320px;
+}

package/src/app/app.component.spec.ts

@@ -0,0 +1,31 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'corecomponentstest'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('corecomponentstest');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('.content span')?.textContent).toContain('corecomponentstest app is running!');
+  });
+});