@testgorilla/tgo-ui 1.5.0 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "lint-staged": {
     "src/**/*.ts": [
       "eslint --fix",
@@ -31,7 +31,8 @@
     "@ngneat/transloco-messageformat": "^4.0.0",
     "@ngneat/until-destroy": "^10.0.0",
     "rxjs": "~7.8.0",
-    "zone.js": "^0.13.1"
+    "zone.js": "^0.13.1",
+    "ngx-skeleton-loader": "^8.1.0"
   },
   "overrides": {
     "crypto-js": "4.2.0"

package/public-api.d.ts

@@ -48,8 +48,8 @@ export * from './components/navbar/navbar.component.module';
 export * from './components/navbar/navbar.model';
 export * from './components/navigation/navigation.component';
 export * from './components/navigation/navigation.component.module';
-export * from './components/paginator/paginator.component';
-export * from './components/paginator/paginator.component.module';
+export * from './components/deprecated-paginator/deprecated-paginator.component';
+export * from './components/deprecated-paginator/deprecated-paginator.component.module';
 export * from './components/progress-bar/progress-bar.component';
 export * from './components/progress-bar/progress-bar.component.module';
 export * from './components/radio-button/radio-button.component';
@@ -58,10 +58,10 @@ export * from './components/snackbar/snackbar.component';
 export * from './components/snackbar/snackbar.component.module';
 export * from './components/snackbar/snackbar.model';
 export * from './components/snackbar/snackbar.service';
-export * from './components/table/pipes/data-property-getter';
-export * from './components/table/table.component';
-export * from './components/table/table.component.module';
-export * from './components/table/table.model';
+export * from './components/deprecated-table/pipes/data-property-getter';
+export * from './components/deprecated-table/deprecated-table.component';
+export * from './components/deprecated-table/deprecated-table.component.module';
+export * from './components/deprecated-table/deprecated-table.model';
 export * from './components/tag/tag.component';
 export * from './components/tag/tag.component.module';
 export * from './components/tag/tag.model';
@@ -98,3 +98,9 @@ export * from './components/radial-progress/radial-progress.component.module';
 export * from './components/radial-progress/radial-progress.model';
 export * from './components/empty-state/empty-state.component';
 export * from './components/empty-state/empty-state.component.module';
+export * from './components/table/table.component';
+export * from './components/table/table.component.module';
+export * from './components/table/table.model';
+export * from './components/paginator/paginator.component';
+export * from './components/paginator/paginator.component.module';
+export * from './components/skeleton/skeleton.component';

package/src/assets/images/premium.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 17.799 18.299 22.5 12.5 22.5C6.70101 22.5 2 17.799 2 12C2 6.20101 6.70101 1.5 12.5 1.5C18.299 1.5 23 6.20101 23 12ZM24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM17.4015 5.25H7.59872L4.06543 10.5499L12.5001 20.6715L20.9348 10.5499L17.4015 5.25ZM6.40149 9.75L7.77352 7.69196L8.45953 9.75H6.40149ZM6.60138 11.25H8.95953L10.5316 15.9663L6.60138 11.25ZM18.3988 11.25L14.4686 15.9663L16.0407 11.25H18.3988ZM10.5407 11.25H14.4595L12.5001 17.1283L10.5407 11.25ZM10.0407 9.75H14.9595L15.9595 6.75H9.04067L10.0407 9.75ZM18.5987 9.75H16.5407L17.2267 7.69196L18.5987 9.75Z" fill="#CCA45F"/>
+</svg>

package/src/theme/_mat-paginator.scss

@@ -0,0 +1,59 @@
+@use "./variables" as *;
+
+.mat-mdc-paginator {
+
+  .mdc-text-field--focused {
+    .mdc-notched-outline__leading, .mdc-notched-outline__trailing, .mdc-notched-outline__notch {
+      border-color: $tgo-petrol-default !important;
+    }
+  }
+
+  .mat-mdc-select {
+    &[aria-expanded="false"] {
+      .mat-mdc-select-arrow {
+        @extend .select-arrow;
+        background-image: url('/assets/icons/Arrow_down.svg');
+      }
+
+      &[aria-disabled="true"] {
+        .mat-mdc-select-arrow {
+          opacity: 0.2 !important;
+        }
+      }
+    }
+
+    &[aria-expanded="true"] {
+      .mat-mdc-select-arrow {
+        @extend .select-arrow;
+        background-image: url('/assets/icons/Arrow_up.svg');
+      }
+    }
+
+    svg {
+      display: none;
+    }
+  }
+}
+
+.mdc-menu-surface {
+  &[aria-labelledby*="mat-paginator"] {
+    mat-option {
+      &[aria-selected="true"] {
+        background: $tgo-petrol-90w!important;
+
+        .mdc-list-item__primary-text {
+          color: black!important;
+        }
+      }
+    }
+  }
+}
+
+.select-arrow {
+  left: -4px;
+  top: 0;
+  width: 22px;
+  height: 23px;
+  background-repeat: no-repeat;
+  background-size: cover;
+}

package/src/theme/theme.scss

@@ -3,6 +3,8 @@
 @use "variables.scss" as *;
 @use "typography.scss" as *;
 @use "tooltip.scss" as *;
+@use "mat-paginator.scss" as *;
+
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
 @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
 

package/esm2022/components/table/directives/dynamic-component.directive.mjs

@@ -1,39 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import { Subscription } from 'rxjs';
-import * as i0 from "@angular/core";
-export class DynamicComponentDirective {
-    set dynamicComponent(componentRenderer) {
-        if (componentRenderer.component) {
-            this.compRef = this.vcr.createComponent(componentRenderer.component);
-            if (componentRenderer.inputs) {
-                Object.keys(componentRenderer.inputs).map(inputName => (this.compRef.instance[inputName] = componentRenderer.inputs[inputName]));
-            }
-            if (componentRenderer.outputs) {
-                Object.keys(componentRenderer.outputs).map(output => {
-                    this.subscription.add(this.compRef.instance[output].subscribe(componentRenderer.outputs?.[output]));
-                });
-            }
-        }
-    }
-    constructor(vcr) {
-        this.vcr = vcr;
-        this.subscription = new Subscription();
-    }
-    ngOnDestroy() {
-        if (this.compRef) {
-            this.compRef.destroy();
-        }
-        this.subscription.unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DynamicComponentDirective, selector: "[dynamicComponent]", inputs: { dynamicComponent: "dynamicComponent" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dynamicComponent]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { dynamicComponent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1jb21wb25lbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGFibGUvZGlyZWN0aXZlcy9keW5hbWljLWNvbXBvbmVudC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWdCLEtBQUssRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDMUcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFNcEMsTUFBTSxPQUFPLHlCQUF5QjtJQUlwQyxJQUFhLGdCQUFnQixDQUFDLGlCQUFxQztRQUNqRSxJQUFJLGlCQUFpQixDQUFDLFNBQVMsRUFBRTtZQUMvQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBRXJFLElBQUksaUJBQWlCLENBQUMsTUFBTSxFQUFFO2dCQUM1QixNQUFNLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdkMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUN0RixDQUFDO2FBQ0g7WUFFRCxJQUFJLGlCQUFpQixDQUFDLE9BQU8sRUFBRTtnQkFDN0IsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUU7b0JBQ2xELElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQXVCLENBQUMsU0FBUyxDQUFDLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQ3BHLENBQUM7Z0JBQ0osQ0FBQyxDQUFDLENBQUM7YUFDSjtTQUNGO0lBQ0gsQ0FBQztJQUVELFlBQW9CLEdBQXFCO1FBQXJCLFFBQUcsR0FBSCxHQUFHLENBQWtCO1FBdkJqQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUF1QkUsQ0FBQztJQUU3QyxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDeEI7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7K0dBL0JVLHlCQUF5QjttR0FBekIseUJBQXlCOzs0RkFBekIseUJBQXlCO2tCQUhyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7aUJBQy9CO3VHQUtjLGdCQUFnQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudFJlZiwgRGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSUNvbXBvbmVudFJlbmRlcmVyIH0gZnJvbSAnLi4vdGFibGUubW9kZWwnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZHluYW1pY0NvbXBvbmVudF0nLFxufSlcbmV4cG9ydCBjbGFzcyBEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG4gIHByaXZhdGUgY29tcFJlZjogQ29tcG9uZW50UmVmPGFueT47XG5cbiAgQElucHV0KCkgc2V0IGR5bmFtaWNDb21wb25lbnQoY29tcG9uZW50UmVuZGVyZXI6IElDb21wb25lbnRSZW5kZXJlcikge1xuICAgIGlmIChjb21wb25lbnRSZW5kZXJlci5jb21wb25lbnQpIHtcbiAgICAgIHRoaXMuY29tcFJlZiA9IHRoaXMudmNyLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnRSZW5kZXJlci5jb21wb25lbnQpO1xuXG4gICAgICBpZiAoY29tcG9uZW50UmVuZGVyZXIuaW5wdXRzKSB7XG4gICAgICAgIE9iamVjdC5rZXlzKGNvbXBvbmVudFJlbmRlcmVyLmlucHV0cykubWFwKFxuICAgICAgICAgIGlucHV0TmFtZSA9PiAodGhpcy5jb21wUmVmLmluc3RhbmNlW2lucHV0TmFtZV0gPSBjb21wb25lbnRSZW5kZXJlci5pbnB1dHNbaW5wdXROYW1lXSlcbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgaWYgKGNvbXBvbmVudFJlbmRlcmVyLm91dHB1dHMpIHtcbiAgICAgICAgT2JqZWN0LmtleXMoY29tcG9uZW50UmVuZGVyZXIub3V0cHV0cykubWFwKG91dHB1dCA9PiB7XG4gICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKFxuICAgICAgICAgICAgKHRoaXMuY29tcFJlZi5pbnN0YW5jZVtvdXRwdXRdIGFzIEV2ZW50RW1pdHRlcjxhbnk+KS5zdWJzY3JpYmUoY29tcG9uZW50UmVuZGVyZXIub3V0cHV0cz8uW291dHB1dF0pXG4gICAgICAgICAgKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB2Y3I6IFZpZXdDb250YWluZXJSZWYpIHt9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuY29tcFJlZikge1xuICAgICAgdGhpcy5jb21wUmVmLmRlc3Ryb3koKTtcbiAgICB9XG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIl19

package/esm2022/components/table/pipes/data-property-getter.mjs

@@ -1,32 +0,0 @@
-import { Pipe } from '@angular/core';
-import * as i0 from "@angular/core";
-export class DataPropertyGetterPipe {
-    transform(obj, keyName = '') {
-        return this.getDeepVal(obj, keyName);
-    }
-    getDeepVal(obj, path) {
-        if (typeof obj === 'undefined' || obj === null) {
-            return '';
-        }
-        const splittedPath = path.split(/[\.\[\]\"\']{1,2}/);
-        for (let i = 0, l = splittedPath.length; i < l; i++) {
-            if (splittedPath[i] === '') {
-                continue;
-            }
-            obj = obj[splittedPath[i]];
-            if (typeof obj === 'undefined' || obj === null) {
-                return '';
-            }
-        }
-        return obj;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataPropertyGetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DataPropertyGetterPipe, name: "dataPropertyGetter" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataPropertyGetterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'dataPropertyGetter',
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wcm9wZXJ0eS1nZXR0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90YWJsZS9waXBlcy9kYXRhLXByb3BlcnR5LWdldHRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFRcEQsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxTQUFTLENBQUMsR0FBVyxFQUFFLFVBQWtCLEVBQUU7UUFDekMsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRU8sVUFBVSxDQUFDLEdBQVEsRUFBRSxJQUFZO1FBQ3ZDLElBQUksT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxJQUFJLEVBQUU7WUFDOUMsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUNyRCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ25ELElBQUksWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDMUIsU0FBUzthQUNWO1lBQ0QsR0FBRyxHQUFHLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMzQixJQUFJLE9BQU8sR0FBRyxLQUFLLFdBQVcsSUFBSSxHQUFHLEtBQUssSUFBSSxFQUFFO2dCQUM5QyxPQUFPLEVBQUUsQ0FBQzthQUNYO1NBQ0Y7UUFDRCxPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7K0dBcEJVLHNCQUFzQjs2R0FBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQUhsQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxvQkFBb0I7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vLyBUT0RPOiBDaGVjayB0eXBlIChiYWNrZW5kIGNvdWxkIHJldHVybiBhIG51bWJlcilcbnR5cGUgRGF0YVByb3BlcnR5R2V0dGVyVHlwZSA9IHN0cmluZztcblxuQFBpcGUoe1xuICBuYW1lOiAnZGF0YVByb3BlcnR5R2V0dGVyJyxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YVByb3BlcnR5R2V0dGVyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0ob2JqOiBvYmplY3QsIGtleU5hbWU6IHN0cmluZyA9ICcnKSB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0RGVlcFZhbChvYmosIGtleU5hbWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXREZWVwVmFsKG9iajogYW55LCBwYXRoOiBzdHJpbmcpIHtcbiAgICBpZiAodHlwZW9mIG9iaiA9PT0gJ3VuZGVmaW5lZCcgfHwgb2JqID09PSBudWxsKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGNvbnN0IHNwbGl0dGVkUGF0aCA9IHBhdGguc3BsaXQoL1tcXC5cXFtcXF1cXFwiXFwnXXsxLDJ9Lyk7XG4gICAgZm9yIChsZXQgaSA9IDAsIGwgPSBzcGxpdHRlZFBhdGgubGVuZ3RoOyBpIDwgbDsgaSsrKSB7XG4gICAgICBpZiAoc3BsaXR0ZWRQYXRoW2ldID09PSAnJykge1xuICAgICAgICBjb250aW51ZTtcbiAgICAgIH1cbiAgICAgIG9iaiA9IG9ialtzcGxpdHRlZFBhdGhbaV1dO1xuICAgICAgaWYgKHR5cGVvZiBvYmogPT09ICd1bmRlZmluZWQnIHx8IG9iaiA9PT0gbnVsbCkge1xuICAgICAgICByZXR1cm4gJyc7XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiBvYmo7XG4gIH1cbn1cbiJdfQ==