@lenne.tech/ng-base 13.17.0 → 13.18.0

package/fesm2020/lenne.tech-ng-base-shared.mjs

@@ -1,7 +1,8 @@
-import { GraphQLNonNull, GraphQLList, buildClientSchema, getIntrospectionQuery } from 'graphql';
+import { GraphQLInputObjectType, GraphQLNonNull, GraphQLList, buildClientSchema, getIntrospectionQuery } from 'graphql';
 import { cloneDeep } from '@apollo/client/utilities';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject } from '@angular/core';
+import { Directive, Inject, Input, HostListener, InjectionToken, Injectable } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
 import { BehaviorSubject, of, throwError, Observable, map as map$1, filter } from 'rxjs';
 import * as i1 from 'apollo-angular';
 import { gql } from 'apollo-angular';
@@ -596,6 +597,12 @@ class GraphQLMeta {
             const preparedType = prepared.get(type);
             if (preparedType) {
                 const clone = cloneDeep(preparedType);
+                // Disable meta flags for sub objects
+                if (type?.type instanceof GraphQLInputObjectType ||
+                    (type?.type instanceof GraphQLNonNull && type?.type?.ofType instanceof GraphQLInputObjectType && setMetaData)) {
+                    setMetaData = false;
+                }
+                // Check for meta flags
                 if (type.type && setMetaData) {
                     if (type.type instanceof GraphQLNonNull) {
                         clone.isRequired = true;
@@ -644,6 +651,12 @@ class GraphQLMeta {
         // Get type name
         if (type.type) {
             const typeResult = this.getDeepType(type.type, prepared, setMetaData);
+            // Disable meta flags for sub objects
+            if (type?.type instanceof GraphQLInputObjectType ||
+                (type?.type instanceof GraphQLNonNull && type?.type?.ofType instanceof GraphQLInputObjectType && setMetaData)) {
+                setMetaData = false;
+            }
+            // Check for meta flags
             if (setMetaData) {
                 if (type.type instanceof GraphQLNonNull) {
                     typeResult.isRequired = true;
@@ -704,6 +717,103 @@ class Auth extends Standard {
     }
 }
 
+class Sort {
+    constructor() {
+        this.sortOrder = 1;
+        this.collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' });
+    }
+    /**
+     * Sorts clicked column
+     *
+     * @param property
+     * @param order
+     * @param type
+     */
+    startSort(property, order, type = '') {
+        if (order === 'desc') {
+            this.sortOrder = -1;
+        }
+        return (a, b) => {
+            if (type === 'date') {
+                return this.sortDate(new Date(a.latestStep[property]), new Date(b.latestStep[property]));
+            }
+            else if (type === 'position') {
+                return this.collator.compare(a.position.Value[property], b.position.Value[property]) * this.sortOrder;
+            }
+            else {
+                return this.collator.compare(a[property], b[property]) * this.sortOrder;
+            }
+        };
+    }
+    /**
+     * Sorts dates
+     *
+     * @param a
+     * @param b
+     */
+    sortDate(a, b) {
+        if (a < b) {
+            return -1 * this.sortOrder;
+        }
+        else if (a > b) {
+            return 1 * this.sortOrder;
+        }
+        else {
+            return 0 * this.sortOrder;
+        }
+    }
+}
+
+class SortDirective {
+    constructor(renderer, targetElem, document) {
+        this.renderer = renderer;
+        this.targetElem = targetElem;
+    }
+    /**
+     * Sorts columns on click
+     */
+    sortColumn() {
+        const items = document.getElementsByTagName('th');
+        for (let i = 0; i < items.length; i++) {
+            items[i].classList.remove('asc');
+            items[i].classList.remove('desc');
+        }
+        const sort = new Sort();
+        const elem = this.targetElem.nativeElement;
+        const order = elem.getAttribute('data-order');
+        const type = elem.getAttribute('data-type');
+        const property = elem.getAttribute('data-name');
+        if (order === 'desc') {
+            this.lcSort.sort(sort.startSort(property, order, type));
+            elem.setAttribute('data-order', 'asc');
+            elem.classList.remove('desc');
+            elem.classList.add('asc');
+        }
+        else {
+            this.lcSort.sort(sort.startSort(property, order, type));
+            elem.setAttribute('data-order', 'desc');
+            elem.classList.remove('asc');
+            elem.classList.add('desc');
+        }
+    }
+}
+SortDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SortDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+SortDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: SortDirective, selector: "[baseSort]", inputs: { lcSort: "lcSort" }, host: { listeners: { "click": "sortColumn()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SortDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[baseSort]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { lcSort: [{
+                type: Input
+            }], sortColumn: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
 const BASE_MODULE_CONFIG = new InjectionToken('BASE_MODULE_CONFIG');
 
 /**
@@ -1297,7 +1407,7 @@ class GraphQLService {
                     continue;
                 }
                 if (key === 'password') {
-                    result.push(key + ':' + sha256(value));
+                    result.push(key + ':' + `"${sha256(value)}"`);
                     continue;
                 }
                 // Process array
@@ -1617,6 +1727,7 @@ class UserService extends GraphQLPlusService {
             fields: ['token', { user: ['id', 'firstName', 'lastName', 'email', 'roles'] }],
             type: GraphQLRequestType.QUERY,
             loading: true,
+            log: true,
         }).pipe(map$1((response) => {
             this.authService.token = response.token;
             this.authService.currentUser = BasicUser.map(response.user);
@@ -2155,5 +2266,5 @@ function createRestartableClient(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { Auth, AuthService, BASE_MODULE_CONFIG, BasicUser, BreadcrumbService, ComparisonOperatorEnum, FormsService, GraphQLEnum, GraphQLMeta, GraphQLMetaService, GraphQLPlusService, GraphQLRequestType, GraphQLService, GraphQLType, Helper, ImageService, LoaderService, LogicalOperatorEnum, ScrollService, SkeletonType, SortOrderEnum, Standard, StorageService, ToastService, ToastType, UserService, Validation, WsService, createRestartableClient };
+export { Auth, AuthService, BASE_MODULE_CONFIG, BasicUser, BreadcrumbService, ComparisonOperatorEnum, FormsService, GraphQLEnum, GraphQLMeta, GraphQLMetaService, GraphQLPlusService, GraphQLRequestType, GraphQLService, GraphQLType, Helper, ImageService, LoaderService, LogicalOperatorEnum, ScrollService, SkeletonType, Sort, SortDirective, SortOrderEnum, Standard, StorageService, ToastService, ToastType, UserService, Validation, WsService, createRestartableClient };
 //# sourceMappingURL=lenne.tech-ng-base-shared.mjs.map