@colijnit/corecomponents_v12 12.2.19 → 12.2.21

package/README.md

@@ -1,26 +1,23 @@
-# Corecomponentstest
+# Corecomponents
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.7.
-
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+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` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+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` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `ng build corecomponents` to build the project. The build artifacts will be stored in the `dist/` directory.
 
-## Running unit tests
+## Publishing
 
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+After building your library with `ng build corecomponents`, go to the dist folder `cd dist/corecomponents` and run `npm publish`.
 
-## Running end-to-end tests
+## Running unit tests
 
-Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+Run `ng test corecomponents` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
 ## Further help
 

package/karma.conf.js

@@ -25,7 +25,7 @@ module.exports = function (config) {
       suppressAll: true // removes the duplicated traces
     },
     coverageReporter: {
-      dir: require('path').join(__dirname, './coverage/corecomponentstest'),
+      dir: require('path').join(__dirname, '../../coverage/corecomponents'),
       subdir: '.',
       reporters: [
         { type: 'html' },

package/package.json

@@ -1,48 +1,19 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "12.2.19",
-  "scripts": {
-    "ng": "node --max_old_space_size=8192 node_modules/@angular/cli/bin/ng",
-    "start": "ng serve --port 4201",
-    "build": "ng build",
-    "buildLibrary": "ng build corecomponents --configuration production",
-    "package": "ng build && ng-packagr -p projects/corecomponents/ng-package.json && npm run postPackage",
-    "postPackage": "node move-assets",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
-  },
-  "dependencies": {
-    "@angular/animations": "~12.2.0",
-    "@angular/cdk": "^12.2.6",
-    "@angular/common": "~12.2.0",
-    "@angular/compiler": "~12.2.0",
-    "@angular/core": "~12.2.0",
-    "@angular/forms": "~12.2.0",
-    "@angular/platform-browser": "~12.2.0",
-    "@angular/platform-browser-dynamic": "~12.2.0",
-    "@angular/router": "~12.2.0",
-    "@colijnit/ioneconnector": "3.1.8",
-    "@tweenjs/tween.js": "^17.2.0",
+  "version": "12.2.21",
+  "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.19",
     "@types/hammerjs": "2.0.35",
-    "@types/three": "0.126.0",
-    "hammerjs": "^2.0.8",
-    "three": "0.126.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.11.4"
+    "@types/three": ">=0.125.0",
+    "@tweenjs/tween.js": ">=17.2.0",
+    "hammerjs": ">=2.0.8",
+    "three": ">=0.125.0"
   },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "~12.2.7",
-    "@angular/cli": "~12.2.7",
-    "@angular/compiler-cli": "~12.2.0",
-    "@types/jasmine": "~3.8.0",
-    "@types/node": "^12.11.1",
-    "jasmine-core": "~3.8.0",
-    "karma": "~6.3.0",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.0.3",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^12.1.1",
-    "typescript": "~4.3.5"
+  "dependencies": {
+    "tslib": "^2.3.0"
   }
 }

package/src/lib/components/base-input-time/base-input-time-directive.ts

@@ -0,0 +1,31 @@
+import {Directive, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';
+import {SafeHtml} from "@angular/platform-browser";
+import {BaseInputComponent} from "../base/base-input.component";
+import {CoreComponentsIcon} from "../../core/enum/core-components-icon.enum";
+
+@Directive()
+export abstract class BaseInputTimeDirective extends BaseInputComponent<any> implements OnInit {
+  public readonly rightIcon: CoreComponentsIcon = CoreComponentsIcon.Clock;
+
+  @ViewChild("parentForOverlay", {read: ElementRef})
+  public parentForOverlay: ElementRef;
+
+  @Input()
+  public locale: string = 'nl-NL';
+
+  @Input()
+  public placeholder: string;
+
+  @Input()
+  public leftIcon: CoreComponentsIcon;
+
+  @Input()
+  public leftIconData: SafeHtml;
+
+  @Output()
+  public leftIconClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+
+  @Input()
+  public closeAfterDateSelection: boolean = true;
+
+}

package/src/lib/components/input-time/input-time.component.ts

@@ -0,0 +1,72 @@
+import { Component, forwardRef, ViewEncapsulation } from '@angular/core';
+import {OverlayService} from "../../service/overlay.service";
+import {
+  SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME
+} from "../../interfaces/screen-config-adapter-component-interface-name";
+import {BaseInputTimeDirective} from "../base-input-time/base-input-time-directive";
+
+@Component({
+  selector: 'co-input-time',
+  template: `
+    <co-input-text
+                   [hidden]="hidden"
+                   [readonly]="readonly"
+                   [(model)]="timeAsString"
+                   [rightIcon]="rightIcon"
+                   [leftIcon]="leftIcon"
+                   [leftIconData]="leftIconData"
+                   [placeholder]="placeholder"
+                   (blur)="handleTimeChange(timeAsString)"
+                   (clearIconClick)="handleClearIconClicked()"
+    ></co-input-text>
+  `,
+  providers: [
+    OverlayService, {
+      provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: forwardRef(() => InputTimeComponent)
+    }, {
+      provide: BaseInputTimeDirective,
+      useExisting: InputTimeComponent
+    }],
+  encapsulation: ViewEncapsulation.None
+})
+export class InputTimeComponent extends BaseInputTimeDirective {
+
+  public timeAsString: string = '';
+
+  protected modelSet(): void {
+    this.setTimeAsString();
+  }
+
+  private setTimeAsString(): void {
+    if (this.model !== undefined && this.model !== null) {
+      const totalMinutes = Math.floor(this.model / (1000 * 60)); // Convert milliseconds to minutes
+      const days = Math.floor(totalMinutes / (24 * 60));
+      const hours = Math.floor((totalMinutes % (24 * 60)) / 60);
+      const minutes = totalMinutes % 60;
+      this.timeAsString = `${days}d ${hours}h ${minutes}m`;
+    } else {
+      this.timeAsString = '';
+    }
+  }
+
+  public handleTimeChange(value: string): void {
+    if (value) {
+      const parts = value.split(' ');
+      let totalMinutes = 0;
+      parts.forEach(part => {
+        if (part.endsWith('d')) {
+          totalMinutes += parseInt(part.substring(0, part.length - 1)) * 24 * 60;
+        } else if (part.endsWith('h')) {
+          totalMinutes += parseInt(part.substring(0, part.length - 1)) * 60;
+        } else if (part.endsWith('m')) {
+          totalMinutes += parseInt(part.substring(0, part.length - 1));
+        }
+      });
+      this.setModel(totalMinutes * 60 * 1000); // Convert minutes to milliseconds
+    }
+  }
+
+  public handleClearIconClicked() {
+    this.setModel(undefined);
+  }
+}

package/src/lib/components/input-time/input-time.module.ts

@@ -0,0 +1,22 @@
+import {NgModule, NO_ERRORS_SCHEMA} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { InputTimeComponent } from './input-time.component';
+import {OverlayModule} from '../../directives/overlay/overlay.module';
+import {InputTextModule} from "../input-text/input-text.module";
+import {ClickoutsideModule} from "../../directives/clickoutside/clickoutside.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    InputTextModule,
+    ClickoutsideModule,
+    OverlayModule
+  ],
+  schemas: [
+    NO_ERRORS_SCHEMA
+  ],
+  declarations: [InputTimeComponent],
+  exports: [InputTimeComponent]
+})
+export class InputTimeModule {
+}

package/{dist/corecomponents → src}/lib/components/list-of-values/style/_layout.scss

@@ -110,6 +110,10 @@
       border: $cc-co-list-of-values-lov-options-border;
       border-radius: $cc-co-list-of-values-lov-options-border-radius;
       z-index: 99999999;
+      height: 100%;
+      &.top {
+        justify-content: flex-end;
+      }
     }
     .co-input-search {
       display: flex;

package/src/test.ts

@@ -1,5 +1,6 @@
 // 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 {

package/tsconfig.spec.json

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

package/.browserslistrc

@@ -1,17 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR
-not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

package/.editorconfig

@@ -1,16 +0,0 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.ts]
-quote_type = single
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/.idea/CoreComponents_v12.iml

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/dist" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-  <component name="SonarLintModuleSettings">
-    <option name="uniqueId" value="3a6e1cff-b70d-4455-9f45-56580c9ef975" />
-  </component>
-</module>

package/.idea/misc.xml

@@ -1,18 +0,0 @@
-<project version="4">
-  <component name="ProjectRootManager">
-    <output url="file://$PROJECT_DIR$/out" />
-  </component>
-  <component name="SvnBranchConfigurationManager">
-    <option name="myConfigurationMap">
-      <map>
-        <entry key="$PROJECT_DIR$">
-          <value>
-            <SvnBranchConfiguration>
-              <option name="trunkUrl" value="svn://130.62.11.34/develop/Ontwikkel versie/Ione/Client/JavaScript/CoreComponents_v12" />
-            </SvnBranchConfiguration>
-          </value>
-        </entry>
-      </map>
-    </option>
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/CoreComponents_v12.iml" filepath="$PROJECT_DIR$/.idea/CoreComponents_v12.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/sonarlint/issuestore/0/f/0f979e97a746f2bd65ccd53931b7e4b297b88bf0

@@ -1,2 +0,0 @@
-
-ujavascript:S5843"TSimplify this regular expression to reduce its complexity from 30 to the 20 allowed.(���������

package/.idea/sonarlint/issuestore/1/6/16889fd3e15c9f8d85d67e9949a82d4aa2e68a69

@@ -1,3 +0,0 @@
-
-/typescript:S6647G"Useless constructor.(گ�
-8typescript:S1186G"Unexpected empty constructor.(گ�

package/.idea/sonarlint/issuestore/3/0/30425a0f1c632d590492a90b9952705f4d51cab6

@@ -1,2 +0,0 @@
-
-2	css:S4658
"Unexpected empty block(����8�����1

package/.idea/sonarlint/issuestore/4/0/40157b768357092ea0916e190ea6cb382e0ca917

@@ -1,5 +0,0 @@
-
-Otypescript:S1128",Remove this unused import of 'EventEmitter'.(��ѕ8͂���1
-Htypescript:S1128"%Remove this unused import of 'Input'.(��ߠ
8΂���1
-Itypescript:S1128"&Remove this unused import of 'Output'.(����8΂���1
-Ztypescript:S1128"2Remove this unused import of 'BaseInputComponent'.(���������
8΂���1

package/.idea/sonarlint/issuestore/4/4/4471f9b3122ebdcc576fa6c11527c9ea5351149d

@@ -1,4 +0,0 @@
-
-[typescript:S1128"8Remove this unused import of 'InputDatePickerComponent'.(���
8�����1
-Stypescript:S1128"0Remove this unused import of 'IconCacheService'.(���8�����1
-Ftypescript:S1186."#Unexpected empty method 'ngOnInit'.(ň��8�����1

package/.idea/sonarlint/issuestore/4/5/45448c8da1f183b3bcbd0eddfd28b5929735aaa2

@@ -1,3 +0,0 @@
-
-6typescript:S6647&"Useless constructor.(گ�8�����1
-?typescript:S1186&"Unexpected empty constructor.(گ�8�����1

package/.idea/sonarlint/issuestore/6/0/602b6d754fdc998b165f9f8d280013ed331992c6

@@ -1,7 +0,0 @@
-
-Qtypescript:S1128")Remove this unused import of 'ViewChild'.(��֫�����
8́���1
-Ztypescript:S1128"2Remove this unused import of 'InputTextComponent'.(���������
8΁���1
-Btypescript:S125�
"Remove this commented out code.(�۵�8΁���1
-Gtypescript:S125�
"Remove this commented out code.(�„������
8΁���1
-<typescript:S1874�
"'keyCode' is deprecated.(�ގ�8΁���1
-jtypescript:S4524�"AMove this "default" clause to the end of this "switch" statement.(ݖҘ�����
8΁���1

package/.idea/sonarlint/issuestore/7/2/72630c90215cab8d0bac0d16b30f080b6a52ccc6

@@ -1,3 +0,0 @@
-
-Ftypescript:S1128
"*Remove this unused import of 'ElementRef'.(�΁�
-7typescript:S3626L"Remove this redundant jump.(��݅

package/.idea/sonarlint/issuestore/9/0/90023cfcf2a031f38a7367c2c385fc332e2d8924

@@ -1,3 +0,0 @@
-
-[typescript:S1128"8Remove this unused import of 'AnimationTriggerMetadata'.(���8�����1
-atypescript:S1301]"9"switch" statements should have at least 3 "case" clauses(���������
8�����1

package/.idea/sonarlint/issuestore/9/9/998c15e0fb9f722e326e957a95cd9ddae0c2dc52

@@ -1,2 +0,0 @@
-
-Ntypescript:S1128",Remove this unused import of 'InputBoolean'.(��$8�ҭ�1

package/.idea/sonarlint/issuestore/9/e/9ec97ae4bab62d9ab3928fcb948bc86168d48a8c

@@ -1,10 +0,0 @@
-
->typescript:S6509�"Redundant double negation.(�ɋ�8�����1
->typescript:S6509�"Redundant double negation.(�҂�8�����1
-Jtypescript:S6535�"!Unnecessary escape character: \'.(�ߜ������
8�����1
-Jtypescript:S6535�"!Unnecessary escape character: \'.(�ߜ������
8�����1
-Jtypescript:S6535�"!Unnecessary escape character: \'.(�ߜ������
8�����1
-Jtypescript:S6535�"!Unnecessary escape character: \'.(�ߜ������
8�����1
-}typescript:S1874�"YThe signature '(from: number, length?: number): string' of 'filter.substr' is deprecated.(�ڇ8�����1
-atypescript:S1874�"8'(from: number, length?: number): string' is deprecated.(�Ǥ������
8�����1
-\typescript:S1874�"8'(from: number, length?: number): string' is deprecated.(��˭8�����1

package/.idea/sonarlint/issuestore/a/4/a457f45f6889ca1d80041756e548cde4807c297e

@@ -1,2 +0,0 @@
-
-7	css:S4658E"Unexpected empty block(�謘�����
8�����1

package/.idea/sonarlint/issuestore/a/e/ae78096813ae04924bdd2a3f62a29446ff360fa8

@@ -1,2 +0,0 @@
-
-`typescript:S6660"?'If' statement should not be the only statement in 'else' block(ɒ�������

package/.idea/sonarlint/issuestore/c/d/cd04ba8368cedb9faa35f9ea1edec63c74518733

@@ -1,3 +0,0 @@
-
-Ttypescript:S1128",Remove this unused import of 'ComponentRef'.(ȵ�������
8�����1
-Ytypescript:S1128"1Remove this unused import of 'CalendarComponent'.(���������
8�����1

package/.idea/sonarlint/issuestore/d/3/d3bc30a00a90b0b99200b951e268cdbc44eb78f9

@@ -1,2 +0,0 @@
-
-Wtypescript:S1854""4Remove this useless assignment to variable "config".(����8����1

package/.idea/sonarlint/issuestore/d/5/d53dacc28e12906191d3ccd71094b67a17192535

@@ -1,3 +0,0 @@
-
-\typescript:S6660�
"?'If' statement should not be the only statement in 'else' block(����
-vtypescript:S3776�
"TRefactor this function to reduce its Cognitive Complexity from 21 to the 15 allowed.(�ܩ������