@koalarx/ui 12.4.1 → 12.4.2

package/folder-page/esm2015/index.js

@@ -0,0 +1,4 @@
+export * from './lib/folder.component';
+export * from './lib/koala.folder-page.module';
+export * from './lib/koala-navigate-history.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9mb2xkZXItcGFnZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsd0NBQXdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9mb2xkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2tvYWxhLmZvbGRlci1wYWdlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9rb2FsYS1uYXZpZ2F0ZS1oaXN0b3J5LmludGVyZmFjZSc7XG4iXX0=

package/folder-page/esm2015/koalarx-ui-folder-page.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGFyeC11aS1mb2xkZXItcGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2ZvbGRlci1wYWdlL3NyYy9rb2FsYXJ4LXVpLWZvbGRlci1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/folder-page/esm2015/lib/folder.component.js

@@ -0,0 +1,56 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
+export class FolderComponent {
+    constructor() {
+        this.titlePage = 'Title';
+        this.customFolderFontColor = '#212121';
+        this.customFolderBackgroudColor = '#FFF';
+    }
+    ngOnInit() {
+        this.setCustomBackgroundColor();
+    }
+    ngOnChanges(changes) {
+        if (changes.customBackgroudColor || changes.customFolderFontColor) {
+            this.setCustomBackgroundColor();
+        }
+    }
+    setCustomBackgroundColor() {
+        var _a, _b, _c;
+        if (this.customFolderBackgroudColor) {
+            const folder = (_a = this.folder) === null || _a === void 0 ? void 0 : _a.nativeElement;
+            folder.style.background = this.customFolderBackgroudColor;
+        }
+        if (this.customFolderFontColor) {
+            const folderTitle = (_b = this.folderTitle) === null || _b === void 0 ? void 0 : _b.nativeElement;
+            folderTitle.style.color = this.customFolderFontColor;
+            const folderIconTitle = (_c = this.folderTitle) === null || _c === void 0 ? void 0 : _c.nativeElement;
+            folderIconTitle.style.color = this.customFolderFontColor;
+            setTimeout(() => {
+                if (this.folderNavigateHistory) {
+                    const folderNavigateHistory = this.folderNavigateHistory.nativeElement;
+                    folderNavigateHistory.style.color = this.customFolderFontColor;
+                }
+            }, 50);
+        }
+    }
+}
+FolderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-folder-page',
+                template: "<div #folder class=\"folder-list\">\n  <h1 #folderTitle>\n    <mat-icon #folderIconTitle *ngIf=\"titleIcon && !koalaIcon\">{{titleIcon}}</mat-icon>\n    <koala-icon *ngIf=\"titleIcon && koalaIcon\" size=\"20\" [color]=\"customFolderFontColor\" [icon]=\"titleIcon\"></koala-icon>\n    {{titlePage}}\n  </h1>\n  <ul #folderNavigateHistory class=\"navigate-history\" *ngIf=\"navigateHistory\">\n    <li *ngFor=\"let item of navigateHistory\">\n      <a [style]=\"'color: ' + customFolderFontColor\" [ngClass]=\"{'disabled': !item.routerLink}\" [routerLink]=\"item.routerLink\">{{item.name}}</a>\n    </li>\n  </ul>\n  <nav class=\"menu-folder\">\n    <ng-content select=\"[menu-page]\"></ng-content>\n  </nav>\n\n  <div class=\"content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".folder-list{position:relative;background-size:cover;width:100%;height:160px;box-sizing:border-box}.folder-list h1{padding:0;margin:0;position:absolute;top:20px;left:20px;font-size:1.2em;font-family:OpenSans,sans-serif;font-weight:bold;display:flex;align-items:center}.folder-list h1 mat-icon,.folder-list h1 koala-icon{margin-right:10px}nav.menu-folder{position:absolute;right:0;top:20px;z-index:4;padding:7px 30px}.content{position:relative;display:block;height:calc(100vh - 155px);overflow-x:hidden;top:85px;margin:0 auto;padding:3px 0}.navigate-history{position:absolute;top:45px;display:flex;align-items:center;list-style:none;padding:5px 20px;margin:0;font-size:0}.navigate-history li a{font-size:12px;text-decoration:none}.navigate-history li a.disabled{cursor:default;opacity:.8;pointer-events:none}.navigate-history li:after{content:\">\";padding:0 5px;font-size:12px;color:inherit}.navigate-history li:last-child:after{content:\"\";padding:0}\n"]
+            },] }
+];
+FolderComponent.propDecorators = {
+    titlePage: [{ type: Input }],
+    titleIcon: [{ type: Input }],
+    koalaIcon: [{ type: Input }],
+    customFolderFontColor: [{ type: Input }],
+    customFolderBackgroudColor: [{ type: Input }],
+    navigateHistory: [{ type: Input }],
+    folder: [{ type: ViewChild, args: ['folder', { static: true },] }],
+    folderTitle: [{ type: ViewChild, args: ['folderTitle', { static: true },] }],
+    folderIconTitle: [{ type: ViewChild, args: ['folderIconTitle', { static: true },] }],
+    folderNavigateHistory: [{ type: ViewChild, args: ['folderNavigateHistory', { static: false },] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9sZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2ZvbGRlci1wYWdlL3NyYy9saWIvZm9sZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxLQUFLLEVBSUwsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBU3ZCLE1BQU0sT0FBTyxlQUFlO0lBTjVCO1FBT1csY0FBUyxHQUFXLE9BQU8sQ0FBQztRQUc1QiwwQkFBcUIsR0FBVyxTQUFTLENBQUM7UUFDMUMsK0JBQTBCLEdBQVcsTUFBTSxDQUFDO0lBb0N2RCxDQUFDO0lBNUJDLFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLG9CQUFvQixJQUFJLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtZQUNqRSxJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFTyx3QkFBd0I7O1FBQzlCLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLE1BQUEsSUFBSSxDQUFDLE1BQU0sMENBQUUsYUFBK0IsQ0FBQztZQUM1RCxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsMEJBQTBCLENBQUM7U0FDM0Q7UUFDRCxJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUM5QixNQUFNLFdBQVcsR0FBRyxNQUFBLElBQUksQ0FBQyxXQUFXLDBDQUFFLGFBQStCLENBQUM7WUFDdEUsV0FBVyxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDO1lBQ3JELE1BQU0sZUFBZSxHQUFHLE1BQUEsSUFBSSxDQUFDLFdBQVcsMENBQUUsYUFBK0IsQ0FBQztZQUMxRSxlQUFlLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUM7WUFDekQsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtvQkFDOUIsTUFBTSxxQkFBcUIsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsYUFBK0IsQ0FBQztvQkFDekYscUJBQXFCLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUM7aUJBQ2hFO1lBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ1I7SUFDSCxDQUFDOzs7WUE5Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHF6QkFBb0M7Z0JBRXBDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O3dCQUVFLEtBQUs7d0JBQ0wsS0FBSzt3QkFDTCxLQUFLO29DQUNMLEtBQUs7eUNBQ0wsS0FBSzs4QkFDTCxLQUFLO3FCQUVMLFNBQVMsU0FBQyxRQUFRLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDOzBCQUNsQyxTQUFTLFNBQUMsYUFBYSxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQzs4QkFDdkMsU0FBUyxTQUFDLGlCQUFpQixFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQztvQ0FDM0MsU0FBUyxTQUFDLHVCQUF1QixFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS29hbGFOYXZpZ2F0ZUhpc3RvcnlJbnRlcmZhY2UgfSBmcm9tIFwiLi9rb2FsYS1uYXZpZ2F0ZS1oaXN0b3J5LmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrb2FsYS1mb2xkZXItcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnZm9sZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2ZvbGRlci5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEZvbGRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgdGl0bGVQYWdlOiBzdHJpbmcgPSAnVGl0bGUnO1xuICBASW5wdXQoKSB0aXRsZUljb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGtvYWxhSWNvbj86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGN1c3RvbUZvbGRlckZvbnRDb2xvcjogc3RyaW5nID0gJyMyMTIxMjEnO1xuICBASW5wdXQoKSBjdXN0b21Gb2xkZXJCYWNrZ3JvdWRDb2xvcjogc3RyaW5nID0gJyNGRkYnO1xuICBASW5wdXQoKSBuYXZpZ2F0ZUhpc3Rvcnk/OiBLb2FsYU5hdmlnYXRlSGlzdG9yeUludGVyZmFjZVtdO1xuXG4gIEBWaWV3Q2hpbGQoJ2ZvbGRlcicsIHtzdGF0aWM6IHRydWV9KSBwcml2YXRlIGZvbGRlcj86IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ2ZvbGRlclRpdGxlJywge3N0YXRpYzogdHJ1ZX0pIHByaXZhdGUgZm9sZGVyVGl0bGU/OiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdmb2xkZXJJY29uVGl0bGUnLCB7c3RhdGljOiB0cnVlfSkgcHJpdmF0ZSBmb2xkZXJJY29uVGl0bGU/OiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdmb2xkZXJOYXZpZ2F0ZUhpc3RvcnknLCB7c3RhdGljOiBmYWxzZX0pIHByaXZhdGUgZm9sZGVyTmF2aWdhdGVIaXN0b3J5PzogRWxlbWVudFJlZjtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNldEN1c3RvbUJhY2tncm91bmRDb2xvcigpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzLmN1c3RvbUJhY2tncm91ZENvbG9yIHx8IGNoYW5nZXMuY3VzdG9tRm9sZGVyRm9udENvbG9yKSB7XG4gICAgICB0aGlzLnNldEN1c3RvbUJhY2tncm91bmRDb2xvcigpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2V0Q3VzdG9tQmFja2dyb3VuZENvbG9yKCkge1xuICAgIGlmICh0aGlzLmN1c3RvbUZvbGRlckJhY2tncm91ZENvbG9yKSB7XG4gICAgICBjb25zdCBmb2xkZXIgPSB0aGlzLmZvbGRlcj8ubmF0aXZlRWxlbWVudCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICAgIGZvbGRlci5zdHlsZS5iYWNrZ3JvdW5kID0gdGhpcy5jdXN0b21Gb2xkZXJCYWNrZ3JvdWRDb2xvcjtcbiAgICB9XG4gICAgaWYgKHRoaXMuY3VzdG9tRm9sZGVyRm9udENvbG9yKSB7XG4gICAgICBjb25zdCBmb2xkZXJUaXRsZSA9IHRoaXMuZm9sZGVyVGl0bGU/Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICBmb2xkZXJUaXRsZS5zdHlsZS5jb2xvciA9IHRoaXMuY3VzdG9tRm9sZGVyRm9udENvbG9yO1xuICAgICAgY29uc3QgZm9sZGVySWNvblRpdGxlID0gdGhpcy5mb2xkZXJUaXRsZT8ubmF0aXZlRWxlbWVudCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICAgIGZvbGRlckljb25UaXRsZS5zdHlsZS5jb2xvciA9IHRoaXMuY3VzdG9tRm9sZGVyRm9udENvbG9yO1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGlmICh0aGlzLmZvbGRlck5hdmlnYXRlSGlzdG9yeSkge1xuICAgICAgICAgIGNvbnN0IGZvbGRlck5hdmlnYXRlSGlzdG9yeSA9IHRoaXMuZm9sZGVyTmF2aWdhdGVIaXN0b3J5Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICAgICAgZm9sZGVyTmF2aWdhdGVIaXN0b3J5LnN0eWxlLmNvbG9yID0gdGhpcy5jdXN0b21Gb2xkZXJGb250Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIH0sIDUwKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/folder-page/esm2015/lib/koala-navigate-history.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtbmF2aWdhdGUtaGlzdG9yeS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mb2xkZXItcGFnZS9zcmMvbGliL2tvYWxhLW5hdmlnYXRlLWhpc3RvcnkuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEtvYWxhTmF2aWdhdGVIaXN0b3J5SW50ZXJmYWNlIHtcbiAgbmFtZTogc3RyaW5nO1xuICByb3V0ZXJMaW5rPzogc3RyaW5nO1xufVxuIl19

package/folder-page/esm2015/lib/koala.folder-page.module.js

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { FolderComponent } from './folder.component';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { RouterModule } from "@angular/router";
+import { MatButtonModule } from "@angular/material/button";
+import { KoalaIconModule } from "@koalarx/ui/icon";
+export class KoalaFolderPageModule {
+}
+KoalaFolderPageModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    FolderComponent
+                ],
+                exports: [
+                    FolderComponent
+                ],
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    KoalaIconModule
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEuZm9sZGVyLXBhZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9sZGVyLXBhZ2Uvc3JjL2xpYi9rb2FsYS5mb2xkZXItcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQWlCbkQsTUFBTSxPQUFPLHFCQUFxQjs7O1lBZmpDLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osZUFBZTtpQkFDaEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLGVBQWU7aUJBQ2hCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixhQUFhO29CQUNiLGVBQWU7aUJBQ2hCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9sZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9mb2xkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvcm91dGVyXCI7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XG5pbXBvcnQgeyBLb2FsYUljb25Nb2R1bGUgfSBmcm9tIFwiQGtvYWxhcngvdWkvaWNvblwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGb2xkZXJDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZvbGRlckNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBLb2FsYUljb25Nb2R1bGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBLb2FsYUZvbGRlclBhZ2VNb2R1bGUge1xufVxuIl19

package/folder-page/fesm2015/koalarx-ui-folder-page.js

@@ -0,0 +1,88 @@
+import { Component, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { RouterModule } from '@angular/router';
+import { MatButtonModule } from '@angular/material/button';
+import { KoalaIconModule } from '@koalarx/ui/icon';
+
+class FolderComponent {
+    constructor() {
+        this.titlePage = 'Title';
+        this.customFolderFontColor = '#212121';
+        this.customFolderBackgroudColor = '#FFF';
+    }
+    ngOnInit() {
+        this.setCustomBackgroundColor();
+    }
+    ngOnChanges(changes) {
+        if (changes.customBackgroudColor || changes.customFolderFontColor) {
+            this.setCustomBackgroundColor();
+        }
+    }
+    setCustomBackgroundColor() {
+        var _a, _b, _c;
+        if (this.customFolderBackgroudColor) {
+            const folder = (_a = this.folder) === null || _a === void 0 ? void 0 : _a.nativeElement;
+            folder.style.background = this.customFolderBackgroudColor;
+        }
+        if (this.customFolderFontColor) {
+            const folderTitle = (_b = this.folderTitle) === null || _b === void 0 ? void 0 : _b.nativeElement;
+            folderTitle.style.color = this.customFolderFontColor;
+            const folderIconTitle = (_c = this.folderTitle) === null || _c === void 0 ? void 0 : _c.nativeElement;
+            folderIconTitle.style.color = this.customFolderFontColor;
+            setTimeout(() => {
+                if (this.folderNavigateHistory) {
+                    const folderNavigateHistory = this.folderNavigateHistory.nativeElement;
+                    folderNavigateHistory.style.color = this.customFolderFontColor;
+                }
+            }, 50);
+        }
+    }
+}
+FolderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-folder-page',
+                template: "<div #folder class=\"folder-list\">\n  <h1 #folderTitle>\n    <mat-icon #folderIconTitle *ngIf=\"titleIcon && !koalaIcon\">{{titleIcon}}</mat-icon>\n    <koala-icon *ngIf=\"titleIcon && koalaIcon\" size=\"20\" [color]=\"customFolderFontColor\" [icon]=\"titleIcon\"></koala-icon>\n    {{titlePage}}\n  </h1>\n  <ul #folderNavigateHistory class=\"navigate-history\" *ngIf=\"navigateHistory\">\n    <li *ngFor=\"let item of navigateHistory\">\n      <a [style]=\"'color: ' + customFolderFontColor\" [ngClass]=\"{'disabled': !item.routerLink}\" [routerLink]=\"item.routerLink\">{{item.name}}</a>\n    </li>\n  </ul>\n  <nav class=\"menu-folder\">\n    <ng-content select=\"[menu-page]\"></ng-content>\n  </nav>\n\n  <div class=\"content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".folder-list{position:relative;background-size:cover;width:100%;height:160px;box-sizing:border-box}.folder-list h1{padding:0;margin:0;position:absolute;top:20px;left:20px;font-size:1.2em;font-family:OpenSans,sans-serif;font-weight:bold;display:flex;align-items:center}.folder-list h1 mat-icon,.folder-list h1 koala-icon{margin-right:10px}nav.menu-folder{position:absolute;right:0;top:20px;z-index:4;padding:7px 30px}.content{position:relative;display:block;height:calc(100vh - 155px);overflow-x:hidden;top:85px;margin:0 auto;padding:3px 0}.navigate-history{position:absolute;top:45px;display:flex;align-items:center;list-style:none;padding:5px 20px;margin:0;font-size:0}.navigate-history li a{font-size:12px;text-decoration:none}.navigate-history li a.disabled{cursor:default;opacity:.8;pointer-events:none}.navigate-history li:after{content:\">\";padding:0 5px;font-size:12px;color:inherit}.navigate-history li:last-child:after{content:\"\";padding:0}\n"]
+            },] }
+];
+FolderComponent.propDecorators = {
+    titlePage: [{ type: Input }],
+    titleIcon: [{ type: Input }],
+    koalaIcon: [{ type: Input }],
+    customFolderFontColor: [{ type: Input }],
+    customFolderBackgroudColor: [{ type: Input }],
+    navigateHistory: [{ type: Input }],
+    folder: [{ type: ViewChild, args: ['folder', { static: true },] }],
+    folderTitle: [{ type: ViewChild, args: ['folderTitle', { static: true },] }],
+    folderIconTitle: [{ type: ViewChild, args: ['folderIconTitle', { static: true },] }],
+    folderNavigateHistory: [{ type: ViewChild, args: ['folderNavigateHistory', { static: false },] }]
+};
+
+class KoalaFolderPageModule {
+}
+KoalaFolderPageModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    FolderComponent
+                ],
+                exports: [
+                    FolderComponent
+                ],
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    KoalaIconModule
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FolderComponent, KoalaFolderPageModule };
+//# sourceMappingURL=koalarx-ui-folder-page.js.map

package/folder-page/fesm2015/koalarx-ui-folder-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-folder-page.js","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/koala.folder-page.module.ts","../../../projects/folder-page/src/koalarx-ui-folder-page.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnInit,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core';\nimport { KoalaNavigateHistoryInterface } from \"./koala-navigate-history.interface\";\n\n@Component({\n  selector: 'koala-folder-page',\n  templateUrl: 'folder.component.html',\n  styleUrls: ['folder.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FolderComponent implements OnInit, OnChanges {\n  @Input() titlePage: string = 'Title';\n  @Input() titleIcon?: string;\n  @Input() koalaIcon?: boolean;\n  @Input() customFolderFontColor: string = '#212121';\n  @Input() customFolderBackgroudColor: string = '#FFF';\n  @Input() navigateHistory?: KoalaNavigateHistoryInterface[];\n\n  @ViewChild('folder', {static: true}) private folder?: ElementRef;\n  @ViewChild('folderTitle', {static: true}) private folderTitle?: ElementRef;\n  @ViewChild('folderIconTitle', {static: true}) private folderIconTitle?: ElementRef;\n  @ViewChild('folderNavigateHistory', {static: false}) private folderNavigateHistory?: ElementRef;\n\n  ngOnInit() {\n    this.setCustomBackgroundColor();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.customBackgroudColor || changes.customFolderFontColor) {\n      this.setCustomBackgroundColor();\n    }\n  }\n\n  private setCustomBackgroundColor() {\n    if (this.customFolderBackgroudColor) {\n      const folder = this.folder?.nativeElement as HTMLDivElement;\n      folder.style.background = this.customFolderBackgroudColor;\n    }\n    if (this.customFolderFontColor) {\n      const folderTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderTitle.style.color = this.customFolderFontColor;\n      const folderIconTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderIconTitle.style.color = this.customFolderFontColor;\n      setTimeout(() => {\n        if (this.folderNavigateHistory) {\n          const folderNavigateHistory = this.folderNavigateHistory.nativeElement as HTMLDivElement;\n          folderNavigateHistory.style.color = this.customFolderFontColor;\n        }\n      }, 50);\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { FolderComponent } from './folder.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from \"@angular/router\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    FolderComponent\n  ],\n  exports: [\n    FolderComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatButtonModule,\n    MatIconModule,\n    KoalaIconModule\n  ]\n})\nexport class KoalaFolderPageModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,eAAe;IAN5B;QAOW,cAAS,GAAW,OAAO,CAAC;QAG5B,0BAAqB,GAAW,SAAS,CAAC;QAC1C,+BAA0B,GAAW,MAAM,CAAC;KAoCtD;IA5BC,QAAQ;QACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,oBAAoB,IAAI,OAAO,CAAC,qBAAqB,EAAE;YACjE,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;KACF;IAEO,wBAAwB;;QAC9B,IAAI,IAAI,CAAC,0BAA0B,EAAE;YACnC,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,aAA+B,CAAC;YAC5D,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC;SAC3D;QACD,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,aAA+B,CAAC;YACtE,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACrD,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,aAA+B,CAAC;YAC1E,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACzD,UAAU,CAAC;gBACT,IAAI,IAAI,CAAC,qBAAqB,EAAE;oBAC9B,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAA+B,CAAC;oBACzF,qBAAqB,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;iBAChE;aACF,EAAE,EAAE,CAAC,CAAC;SACR;KACF;;;YA9CF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,qzBAAoC;gBAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;wBAEE,KAAK;wBACL,KAAK;wBACL,KAAK;oCACL,KAAK;yCACL,KAAK;8BACL,KAAK;qBAEL,SAAS,SAAC,QAAQ,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;0BAClC,SAAS,SAAC,aAAa,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;8BACvC,SAAS,SAAC,iBAAiB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;oCAC3C,SAAS,SAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC;;;MCNxC,qBAAqB;;;YAfjC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,eAAe;iBAChB;aACF;;;ACtBD;;;;;;"}

package/folder-page/index.d.ts

@@ -1,2 +1,3 @@
-export * from './folder.component';
-export * from './koala.folder-page.module';
+export * from './lib/folder.component';
+export * from './lib/koala.folder-page.module';
+export * from './lib/koala-navigate-history.interface';

package/folder-page/koalarx-ui-folder-page.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/folder-page/koalarx-ui-folder-page.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"FolderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"koala-folder-page","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"<div #folder class=\"folder-list\">\n  <h1 #folderTitle>\n    <mat-icon #folderIconTitle *ngIf=\"titleIcon && !koalaIcon\">{{titleIcon}}</mat-icon>\n    <koala-icon *ngIf=\"titleIcon && koalaIcon\" size=\"20\" [color]=\"customFolderFontColor\" [icon]=\"titleIcon\"></koala-icon>\n    {{titlePage}}\n  </h1>\n  <ul #folderNavigateHistory class=\"navigate-history\" *ngIf=\"navigateHistory\">\n    <li *ngFor=\"let item of navigateHistory\">\n      <a [style]=\"'color: ' + customFolderFontColor\" [ngClass]=\"{'disabled': !item.routerLink}\" [routerLink]=\"item.routerLink\">{{item.name}}</a>\n    </li>\n  </ul>\n  <nav class=\"menu-folder\">\n    <ng-content select=\"[menu-page]\"></ng-content>\n  </nav>\n\n  <div class=\"content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n</div>\n","styles":[".folder-list{position:relative;background-size:cover;width:100%;height:160px;box-sizing:border-box}.folder-list h1{padding:0;margin:0;position:absolute;top:20px;left:20px;font-size:1.2em;font-family:OpenSans,sans-serif;font-weight:bold;display:flex;align-items:center}.folder-list h1 mat-icon,.folder-list h1 koala-icon{margin-right:10px}nav.menu-folder{position:absolute;right:0;top:20px;z-index:4;padding:7px 30px}.content{position:relative;display:block;height:calc(100vh - 155px);overflow-x:hidden;top:85px;margin:0 auto;padding:3px 0}.navigate-history{position:absolute;top:45px;display:flex;align-items:center;list-style:none;padding:5px 20px;margin:0;font-size:0}.navigate-history li a{font-size:12px;text-decoration:none}.navigate-history li a.disabled{cursor:default;opacity:.8;pointer-events:none}.navigate-history li:after{content:\">\";padding:0 5px;font-size:12px;color:inherit}.navigate-history li:last-child:after{content:\"\";padding:0}\n"]}]}],"members":{"titlePage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"titleIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"koalaIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"customFolderFontColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"customFolderBackgroudColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"navigateHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"folder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["folder",{"static":true}]}]}],"folderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["folderTitle",{"static":true}]}]}],"folderIconTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["folderIconTitle",{"static":true}]}]}],"folderNavigateHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["folderNavigateHistory",{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setCustomBackgroundColor":[{"__symbolic":"method"}]}},"KoalaFolderPageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FolderComponent"}],"exports":[{"__symbolic":"reference","name":"FolderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":4},{"__symbolic":"reference","module":"@koalarx/ui/icon","name":"KoalaIconModule","line":20,"character":4}]}]}],"members":{}},"KoalaNavigateHistoryInterface":{"__symbolic":"interface"}},"origins":{"FolderComponent":"./lib/folder.component","KoalaFolderPageModule":"./lib/koala.folder-page.module","KoalaNavigateHistoryInterface":"./lib/koala-navigate-history.interface"},"importAs":"@koalarx/ui/folder-page"}

package/folder-page/lib/folder.component.d.ts

@@ -0,0 +1,17 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { KoalaNavigateHistoryInterface } from "./koala-navigate-history.interface";
+export declare class FolderComponent implements OnInit, OnChanges {
+    titlePage: string;
+    titleIcon?: string;
+    koalaIcon?: boolean;
+    customFolderFontColor: string;
+    customFolderBackgroudColor: string;
+    navigateHistory?: KoalaNavigateHistoryInterface[];
+    private folder?;
+    private folderTitle?;
+    private folderIconTitle?;
+    private folderNavigateHistory?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setCustomBackgroundColor;
+}

package/folder-page/lib/koala.folder-page.module.d.ts

@@ -0,0 +1,2 @@
+export declare class KoalaFolderPageModule {
+}

package/folder-page/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@koalarx/ui/folder-page",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^12.0.3",
+    "@angular/core": "^12.0.3"
+  },
+  "dependencies": {
+    "tslib": "^2.1.0"
+  },
+  "main": "bundles/koalarx-ui-folder-page.umd.js",
+  "module": "fesm2015/koalarx-ui-folder-page.js",
+  "es2015": "fesm2015/koalarx-ui-folder-page.js",
+  "esm2015": "esm2015/koalarx-ui-folder-page.js",
+  "fesm2015": "fesm2015/koalarx-ui-folder-page.js",
+  "typings": "koalarx-ui-folder-page.d.ts",
+  "metadata": "koalarx-ui-folder-page.metadata.json",
+  "sideEffects": false
+}

package/form/README.md

@@ -0,0 +1,24 @@
+# Form
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.3.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project form` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project form`.
+> Note: Don't forget to add `--project form` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build form` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build form`, go to the dist folder `cd dist/form` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test form` 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.