@koalarx/ui 13.1.2 → 13.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/esm2020/lib/dialog-alert.component.mjs +4 -4
- package/alert/esm2020/lib/koala.alert.module.mjs +5 -5
- package/alert/esm2020/lib/koala.alert.service.mjs +4 -4
- package/alert/fesm2015/koalarx-ui-alert.mjs +10 -10
- package/alert/fesm2015/koalarx-ui-alert.mjs.map +1 -1
- package/alert/fesm2020/koalarx-ui-alert.mjs +10 -10
- package/alert/fesm2020/koalarx-ui-alert.mjs.map +1 -1
- package/button/esm2020/lib/button.component.mjs +4 -4
- package/button/esm2020/lib/koala.button.module.mjs +5 -5
- package/button/fesm2015/koalarx-ui-button.mjs +7 -7
- package/button/fesm2015/koalarx-ui-button.mjs.map +1 -1
- package/button/fesm2020/koalarx-ui-button.mjs +7 -7
- package/button/fesm2020/koalarx-ui-button.mjs.map +1 -1
- package/common/esm2020/lib/services/csv/koala.csv.service.mjs +4 -4
- package/common/esm2020/lib/services/xlsx/koala.xlsx.service.mjs +4 -4
- package/common/fesm2015/koalarx-ui-common.mjs +6 -6
- package/common/fesm2015/koalarx-ui-common.mjs.map +1 -1
- package/common/fesm2020/koalarx-ui-common.mjs +6 -6
- package/common/fesm2020/koalarx-ui-common.mjs.map +1 -1
- package/core/esm2020/lib/loader/loader-bar-page.component.mjs +4 -4
- package/core/esm2020/lib/ngx-koala.module.mjs +5 -5
- package/core/esm2020/lib/page/koala.page.module.mjs +5 -5
- package/core/esm2020/lib/page/notifications/notification.component.mjs +4 -4
- package/core/esm2020/lib/page/page.component.mjs +4 -4
- package/core/esm2020/lib/router/koala.parameter-hash-location-stategy.mjs +4 -4
- package/core/esm2020/lib/services/api-requester/koala.api-requester.service.mjs +4 -4
- package/core/esm2020/lib/services/loader/koala.loader.service.mjs +4 -4
- package/core/esm2020/lib/services/openid/koala.oauth2.service.mjs +20 -26
- package/core/esm2020/lib/services/request/koala.request.service.mjs +4 -4
- package/core/esm2020/lib/services/token/koala.token.service.mjs +4 -4
- package/core/fesm2015/koalarx-ui-core.mjs +55 -59
- package/core/fesm2015/koalarx-ui-core.mjs.map +1 -1
- package/core/fesm2020/koalarx-ui-core.mjs +50 -56
- package/core/fesm2020/koalarx-ui-core.mjs.map +1 -1
- package/dialog/esm2020/lib/dialog.component.mjs +4 -4
- package/dialog/esm2020/lib/koala.dialog.module.mjs +5 -5
- package/dialog/esm2020/lib/koala.dialog.service.mjs +4 -4
- package/dialog/fesm2015/koalarx-ui-dialog.mjs +10 -10
- package/dialog/fesm2015/koalarx-ui-dialog.mjs.map +1 -1
- package/dialog/fesm2020/koalarx-ui-dialog.mjs +10 -10
- package/dialog/fesm2020/koalarx-ui-dialog.mjs.map +1 -1
- package/dynamic-component/esm2020/lib/koala-dynamic-component.directive.mjs +4 -4
- package/dynamic-component/esm2020/lib/koala-dynamic-component.factory.mjs +4 -4
- package/dynamic-component/esm2020/lib/koala-dynamic-component.module.mjs +5 -5
- package/dynamic-component/fesm2015/koalarx-ui-dynamic-component.mjs +10 -10
- package/dynamic-component/fesm2015/koalarx-ui-dynamic-component.mjs.map +1 -1
- package/dynamic-component/fesm2020/koalarx-ui-dynamic-component.mjs +10 -10
- package/dynamic-component/fesm2020/koalarx-ui-dynamic-component.mjs.map +1 -1
- package/file-button/esm2020/lib/file-button.component.mjs +4 -4
- package/file-button/esm2020/lib/koala.btn-file.service.mjs +4 -4
- package/file-button/esm2020/lib/koala.file-button.module.mjs +5 -5
- package/file-button/fesm2015/koalarx-ui-file-button.mjs +10 -10
- package/file-button/fesm2015/koalarx-ui-file-button.mjs.map +1 -1
- package/file-button/fesm2020/koalarx-ui-file-button.mjs +10 -10
- package/file-button/fesm2020/koalarx-ui-file-button.mjs.map +1 -1
- package/folder-page/esm2020/lib/folder.component.mjs +4 -4
- package/folder-page/esm2020/lib/koala.folder-page.module.mjs +5 -5
- package/folder-page/fesm2015/koalarx-ui-folder-page.mjs +7 -7
- package/folder-page/fesm2015/koalarx-ui-folder-page.mjs.map +1 -1
- package/folder-page/fesm2020/koalarx-ui-folder-page.mjs +7 -7
- package/folder-page/fesm2020/koalarx-ui-folder-page.mjs.map +1 -1
- package/form/esm2020/lib/btn-submit/btn-submit.component.mjs +4 -4
- package/form/esm2020/lib/directives/koala-autofocus.directive.mjs +4 -4
- package/form/esm2020/lib/dynamic-form/dynamic-form.component.mjs +4 -4
- package/form/esm2020/lib/dynamic-form/koala.dynamic-form.service.mjs +4 -4
- package/form/esm2020/lib/koala.form.module.mjs +5 -5
- package/form/fesm2015/koalarx-ui-form.mjs +16 -16
- package/form/fesm2015/koalarx-ui-form.mjs.map +1 -1
- package/form/fesm2020/koalarx-ui-form.mjs +16 -16
- package/form/fesm2020/koalarx-ui-form.mjs.map +1 -1
- package/icon/esm2020/lib/icon.component.mjs +4 -4
- package/icon/esm2020/lib/koala.icon.module.mjs +5 -5
- package/icon/fesm2015/koalarx-ui-icon.mjs +7 -7
- package/icon/fesm2015/koalarx-ui-icon.mjs.map +1 -1
- package/icon/fesm2020/koalarx-ui-icon.mjs +7 -7
- package/icon/fesm2020/koalarx-ui-icon.mjs.map +1 -1
- package/icons-animated/esm2020/lib/icons/downloading/downloading-icon-animated.component.mjs +4 -4
- package/icons-animated/esm2020/lib/icons/loading/loading-icon-animated.component.mjs +4 -4
- package/icons-animated/esm2020/lib/icons-animated.component.mjs +4 -4
- package/icons-animated/esm2020/lib/icons-animated.service.mjs +4 -4
- package/icons-animated/esm2020/lib/koala-icons-animated.module.mjs +5 -5
- package/icons-animated/fesm2015/koalarx-ui-icons-animated.mjs +16 -16
- package/icons-animated/fesm2015/koalarx-ui-icons-animated.mjs.map +1 -1
- package/icons-animated/fesm2020/koalarx-ui-icons-animated.mjs +16 -16
- package/icons-animated/fesm2020/koalarx-ui-icons-animated.mjs.map +1 -1
- package/list/esm2020/lib/koala.list.module.mjs +5 -5
- package/list/esm2020/lib/koala.list.service.mjs +4 -4
- package/list/esm2020/lib/list.component.mjs +4 -4
- package/list/esm2020/lib/providers/pagination/pagination.provider.mjs +4 -4
- package/list/fesm2015/koalarx-ui-list.mjs +13 -13
- package/list/fesm2015/koalarx-ui-list.mjs.map +1 -1
- package/list/fesm2020/koalarx-ui-list.mjs +13 -13
- package/list/fesm2020/koalarx-ui-list.mjs.map +1 -1
- package/menu/esm2020/lib/koala.menu.module.mjs +5 -5
- package/menu/esm2020/lib/koala.menu.service.mjs +4 -4
- package/menu/esm2020/lib/menu.component.mjs +4 -4
- package/menu/fesm2015/koalarx-ui-menu.mjs +10 -10
- package/menu/fesm2015/koalarx-ui-menu.mjs.map +1 -1
- package/menu/fesm2020/koalarx-ui-menu.mjs +10 -10
- package/menu/fesm2020/koalarx-ui-menu.mjs.map +1 -1
- package/package.json +8 -8
- package/question/esm2020/lib/dialog-question.component.mjs +4 -4
- package/question/esm2020/lib/koala.question.module.mjs +5 -5
- package/question/esm2020/lib/koala.question.service.mjs +4 -4
- package/question/fesm2015/koalarx-ui-question.mjs +10 -10
- package/question/fesm2015/koalarx-ui-question.mjs.map +1 -1
- package/question/fesm2020/koalarx-ui-question.mjs +10 -10
- package/question/fesm2020/koalarx-ui-question.mjs.map +1 -1
- package/snackbar/esm2020/lib/koala.snackbar.component.mjs +4 -4
- package/snackbar/esm2020/lib/koala.snackbar.module.mjs +5 -5
- package/snackbar/esm2020/lib/koala.snackbar.service.mjs +4 -4
- package/snackbar/fesm2015/koalarx-ui-snackbar.mjs +10 -10
- package/snackbar/fesm2015/koalarx-ui-snackbar.mjs.map +1 -1
- package/snackbar/fesm2020/koalarx-ui-snackbar.mjs +10 -10
- package/snackbar/fesm2020/koalarx-ui-snackbar.mjs.map +1 -1
|
@@ -47,9 +47,9 @@ class FolderComponent {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
-
FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
51
|
-
FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
50
|
+
FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FolderComponent, selector: "koala-folder-page", inputs: { titlePage: "titlePage", titleIcon: "titleIcon", koalaIcon: "koalaIcon", customFolderFontColor: "customFolderFontColor", customFolderBackgroudColor: "customFolderBackgroudColor", navigateHistory: "navigateHistory" }, viewQueries: [{ propertyName: "folder", first: true, predicate: ["folder"], descendants: true, static: true }, { propertyName: "folderTitle", first: true, predicate: ["folderTitle"], descendants: true, static: true }, { propertyName: "folderNavigateHistory", first: true, predicate: ["folderNavigateHistory"], descendants: true }], usesOnChanges: true, ngImport: i0, 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]=\"getKoalaIcon()\"></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:700;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"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FolderComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{ selector: 'koala-folder-page', changeDetection: ChangeDetectionStrategy.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]=\"getKoalaIcon()\"></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:700;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"] }]
|
|
55
55
|
}], propDecorators: { titlePage: [{
|
|
@@ -77,20 +77,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
77
77
|
|
|
78
78
|
class KoalaFolderPageModule {
|
|
79
79
|
}
|
|
80
|
-
KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
81
|
-
KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
80
|
+
KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
81
|
+
KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
|
|
82
82
|
RouterModule,
|
|
83
83
|
MatButtonModule,
|
|
84
84
|
MatIconModule,
|
|
85
85
|
KoalaIconModule], exports: [FolderComponent] });
|
|
86
|
-
KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
86
|
+
KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, imports: [[
|
|
87
87
|
CommonModule,
|
|
88
88
|
RouterModule,
|
|
89
89
|
MatButtonModule,
|
|
90
90
|
MatIconModule,
|
|
91
91
|
KoalaIconModule
|
|
92
92
|
]] });
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
|
|
94
94
|
type: NgModule,
|
|
95
95
|
args: [{
|
|
96
96
|
declarations: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../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 { KoalaIconType } from '@koalarx/ui/icon';\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 | KoalaIconType;\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('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 public getKoalaIcon() {\n return this.titleIcon as KoalaIconType;\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","<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]=\"getKoalaIcon()\"></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","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":";;;;;;;;;;;;MAmBa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;AAOW,QAAA,IAAS,CAAA,SAAA,GAAW,OAAO,CAAC;AAG5B,QAAA,IAAqB,CAAA,qBAAA,GAAW,SAAS,CAAC;AAC1C,QAAA,IAA0B,CAAA,0BAAA,GAAW,MAAM,CAAC;KAuCtD;IAhCC,QAAQ,GAAA;QACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,oBAAoB,IAAI,OAAO,CAAC,qBAAqB,EAAE;YACjE,IAAI,CAAC,wBAAwB,EAAE,CAAC;AACjC,SAAA;KACF;IAEM,YAAY,GAAA;QACjB,OAAO,IAAI,CAAC,SAA0B,CAAC;KACxC;IAEO,wBAAwB,GAAA;;QAC9B,IAAI,IAAI,CAAC,0BAA0B,EAAE;YACnC,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAA+B,CAAC;YAC5D,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC;AAC3D,SAAA;QACD,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAA+B,CAAC;YACtE,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACrD,MAAM,eAAe,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAA+B,CAAC;YAC1E,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACzD,UAAU,CAAC,MAAK;gBACd,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,oBAAA,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAA+B,CAAC;oBACzF,qBAAqB,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;AAChE,iBAAA;aACF,EAAE,EAAE,CAAC,CAAC;AACR,SAAA;KACF;;
|
|
1
|
+
{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../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 { KoalaIconType } from '@koalarx/ui/icon';\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 | KoalaIconType;\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('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 public getKoalaIcon() {\n return this.titleIcon as KoalaIconType;\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","<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]=\"getKoalaIcon()\"></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","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":"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"}
|
|
@@ -46,9 +46,9 @@ class FolderComponent {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
50
|
-
FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
49
|
+
FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FolderComponent, selector: "koala-folder-page", inputs: { titlePage: "titlePage", titleIcon: "titleIcon", koalaIcon: "koalaIcon", customFolderFontColor: "customFolderFontColor", customFolderBackgroudColor: "customFolderBackgroudColor", navigateHistory: "navigateHistory" }, viewQueries: [{ propertyName: "folder", first: true, predicate: ["folder"], descendants: true, static: true }, { propertyName: "folderTitle", first: true, predicate: ["folderTitle"], descendants: true, static: true }, { propertyName: "folderNavigateHistory", first: true, predicate: ["folderNavigateHistory"], descendants: true }], usesOnChanges: true, ngImport: i0, 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]=\"getKoalaIcon()\"></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:700;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"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FolderComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{ selector: 'koala-folder-page', changeDetection: ChangeDetectionStrategy.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]=\"getKoalaIcon()\"></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:700;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"] }]
|
|
54
54
|
}], propDecorators: { titlePage: [{
|
|
@@ -76,20 +76,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
76
76
|
|
|
77
77
|
class KoalaFolderPageModule {
|
|
78
78
|
}
|
|
79
|
-
KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
80
|
-
KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
79
|
+
KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
80
|
+
KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
|
|
81
81
|
RouterModule,
|
|
82
82
|
MatButtonModule,
|
|
83
83
|
MatIconModule,
|
|
84
84
|
KoalaIconModule], exports: [FolderComponent] });
|
|
85
|
-
KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
85
|
+
KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, imports: [[
|
|
86
86
|
CommonModule,
|
|
87
87
|
RouterModule,
|
|
88
88
|
MatButtonModule,
|
|
89
89
|
MatIconModule,
|
|
90
90
|
KoalaIconModule
|
|
91
91
|
]] });
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
|
|
93
93
|
type: NgModule,
|
|
94
94
|
args: [{
|
|
95
95
|
declarations: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../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 { KoalaIconType } from '@koalarx/ui/icon';\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 | KoalaIconType;\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('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 public getKoalaIcon() {\n return this.titleIcon as KoalaIconType;\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","<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]=\"getKoalaIcon()\"></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","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":";;;;;;;;;;;;MAmBa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QAOW,IAAS,CAAA,SAAA,GAAW,OAAO,CAAC;QAG5B,IAAqB,CAAA,qBAAA,GAAW,SAAS,CAAC;QAC1C,IAA0B,CAAA,0BAAA,GAAW,MAAM,CAAC;AAuCtD,KAAA;IAhCC,QAAQ,GAAA;QACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,oBAAoB,IAAI,OAAO,CAAC,qBAAqB,EAAE;YACjE,IAAI,CAAC,wBAAwB,EAAE,CAAC;AACjC,SAAA;KACF;IAEM,YAAY,GAAA;QACjB,OAAO,IAAI,CAAC,SAA0B,CAAC;KACxC;IAEO,wBAAwB,GAAA;QAC9B,IAAI,IAAI,CAAC,0BAA0B,EAAE;AACnC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,aAA+B,CAAC;YAC5D,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC;AAC3D,SAAA;QACD,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,aAA+B,CAAC;YACtE,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;AACrD,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,aAA+B,CAAC;YAC1E,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACzD,UAAU,CAAC,MAAK;gBACd,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,oBAAA,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAA+B,CAAC;oBACzF,qBAAqB,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;AAChE,iBAAA;aACF,EAAE,EAAE,CAAC,CAAC;AACR,SAAA;KACF;;
|
|
1
|
+
{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../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 { KoalaIconType } from '@koalarx/ui/icon';\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 | KoalaIconType;\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('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 public getKoalaIcon() {\n return this.titleIcon as KoalaIconType;\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","<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]=\"getKoalaIcon()\"></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","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":";;;;;;;;;;;;MAmBa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QAOW,IAAS,CAAA,SAAA,GAAW,OAAO,CAAC;QAG5B,IAAqB,CAAA,qBAAA,GAAW,SAAS,CAAC;QAC1C,IAA0B,CAAA,0BAAA,GAAW,MAAM,CAAC;AAuCtD,KAAA;IAhCC,QAAQ,GAAA;QACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,oBAAoB,IAAI,OAAO,CAAC,qBAAqB,EAAE;YACjE,IAAI,CAAC,wBAAwB,EAAE,CAAC;AACjC,SAAA;KACF;IAEM,YAAY,GAAA;QACjB,OAAO,IAAI,CAAC,SAA0B,CAAC;KACxC;IAEO,wBAAwB,GAAA;QAC9B,IAAI,IAAI,CAAC,0BAA0B,EAAE;AACnC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,aAA+B,CAAC;YAC5D,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC;AAC3D,SAAA;QACD,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,aAA+B,CAAC;YACtE,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;AACrD,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,aAA+B,CAAC;YAC1E,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACzD,UAAU,CAAC,MAAK;gBACd,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,oBAAA,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAA+B,CAAC;oBACzF,qBAAqB,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;AAChE,iBAAA;aACF,EAAE,EAAE,CAAC,CAAC;AACR,SAAA;KACF;;6GA3CU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,4nBCnB5B,kzBAoBA,EAAA,MAAA,EAAA,CAAA,27BAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDDa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kzBAAA,EAAA,MAAA,EAAA,CAAA,27BAAA,CAAA,EAAA,CAAA;8BAGtC,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,0BAA0B,EAAA,CAAA;sBAAlC,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBAEuC,MAAM,EAAA,CAAA;sBAAlD,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBACe,WAAW,EAAA,CAAA;sBAA5D,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,aAAa,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBACqB,qBAAqB,EAAA,CAAA;sBAAjF,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,uBAAuB,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC,CAAA;;;MENxC,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAb9B,eAAe,CAAA,EAAA,OAAA,EAAA,CAMf,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,aAAa;AACb,QAAA,eAAe,aAPf,eAAe,CAAA,EAAA,CAAA,CAAA;AAUN,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EARvB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,aAAa;YACb,eAAe;AAChB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAEU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAfjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;ACtBD;;AAEG;;;;"}
|
|
@@ -24,9 +24,9 @@ export class BtnSubmitComponent {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
BtnSubmitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
28
|
-
BtnSubmitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
27
|
+
BtnSubmitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BtnSubmitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
BtnSubmitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BtnSubmitComponent, selector: "koala-submit", inputs: { fg: "fg", color: "color", btnLabel: "btnLabel", btnSubmitDisabled: "btnSubmitDisabled", loader: "loader", iconButton: "iconButton", icon: "icon", iconColor: "iconColor" }, usesOnChanges: true, ngImport: i0, template: "<button\n\t*ngIf=\"!iconButton else btnIcon\"\n\t[color]=\"color\"\n\t[disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\tmat-raised-button\n\ttype=\"submit\">\n <span>{{btnLabel}}</span>\n <mat-spinner *ngIf=\"loader | async\" diameter=\"20\"></mat-spinner>\n</button>\n<ng-template #btnIcon>\n <button\n\t [color]=\"color\"\n\t [disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\t class=\"koala-icon-button\"\n\t mat-icon-button\n\t type=\"submit\">\n <mat-spinner *ngIf=\"loader | async\" [color]=\"color\" diameter=\"20\"></mat-spinner>\n <mat-icon *ngIf=\"!(loader | async)\">{{icon}}</mat-icon>\n </button>\n</ng-template>\n", styles: [".mat-spinner{display:inline-block;margin-left:8px}.koala-button{padding:2px 8px}.koala-icon-button mat-spinner{position:relative;display:inline-flex;margin:0}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4.AsyncPipe } });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BtnSubmitComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'koala-submit', template: "<button\n\t*ngIf=\"!iconButton else btnIcon\"\n\t[color]=\"color\"\n\t[disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\tmat-raised-button\n\ttype=\"submit\">\n <span>{{btnLabel}}</span>\n <mat-spinner *ngIf=\"loader | async\" diameter=\"20\"></mat-spinner>\n</button>\n<ng-template #btnIcon>\n <button\n\t [color]=\"color\"\n\t [disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\t class=\"koala-icon-button\"\n\t mat-icon-button\n\t type=\"submit\">\n <mat-spinner *ngIf=\"loader | async\" [color]=\"color\" diameter=\"20\"></mat-spinner>\n <mat-icon *ngIf=\"!(loader | async)\">{{icon}}</mat-icon>\n </button>\n</ng-template>\n", styles: [".mat-spinner{display:inline-block;margin-left:8px}.koala-button{padding:2px 8px}.koala-icon-button mat-spinner{position:relative;display:inline-flex;margin:0}\n"] }]
|
|
32
32
|
}], propDecorators: { fg: [{
|
|
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
46
46
|
}], iconColor: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnRuLXN1Ym1pdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mb3JtL3NyYy9saWIvYnRuLXN1Ym1pdC9idG4tc3VibWl0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Zvcm0vc3JjL2xpYi9idG4tc3VibWl0L2J0bi1zdWJtaXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQW9DLE1BQU0sZUFBZSxDQUFDO0FBR25GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDdkMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7OztBQU92RCxNQUFNLE9BQU8sa0JBQWtCO0lBTC9CO1FBT1csVUFBSyxHQUFpQixTQUFTLENBQUM7UUFDaEMsYUFBUSxHQUFXLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3JELHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUs1QixhQUFRLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7S0FhdkQ7SUFYQyxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNuRDtJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsaUJBQWlCLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQzVEO0lBQ0gsQ0FBQzs7Z0hBckJVLGtCQUFrQjtvR0FBbEIsa0JBQWtCLCtQQ1gvQixpcUJBb0JBOzRGRFRhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxjQUFjOzhCQUtmLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEtvYWxhTGFuZ3VhZ2VIZWxwZXIgfSBmcm9tIFwiQGtvYWxhcngvdWkvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrb2FsYS1zdWJtaXQnLFxuICB0ZW1wbGF0ZVVybDogJ2J0bi1zdWJtaXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnYnRuLXN1Ym1pdC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQnRuU3VibWl0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBmZzogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBjb2xvcjogVGhlbWVQYWxldHRlID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBidG5MYWJlbDogc3RyaW5nID0gS29hbGFMYW5ndWFnZUhlbHBlci5nZXRCdG5MYWJlbCgpO1xuICBASW5wdXQoKSBidG5TdWJtaXREaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkZXI6IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPjtcbiAgQElucHV0KCkgaWNvbkJ1dHRvbjogYm9vbGVhbjtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uQ29sb3I6ICdibHVlJyB8ICdyZWQnIHwgJ3llbGxvdycgfCAnYmxhY2snIHwgJ2dyZWVuJztcbiAgcHVibGljIGRpc2FibGVkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKCF0aGlzLmJ0bkxhYmVsKSB7XG4gICAgICB0aGlzLmJ0bkxhYmVsID0gS29hbGFMYW5ndWFnZUhlbHBlci5nZXRCdG5MYWJlbCgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlcy5idG5TdWJtaXREaXNhYmxlZCkge1xuICAgICAgdGhpcy5kaXNhYmxlZC5uZXh0KGNoYW5nZXMuYnRuU3VibWl0RGlzYWJsZWQuY3VycmVudFZhbHVlKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxidXR0b25cblx0Km5nSWY9XCIhaWNvbkJ1dHRvbiBlbHNlIGJ0bkljb25cIlxuXHRbY29sb3JdPVwiY29sb3JcIlxuXHRbZGlzYWJsZWRdPVwiKGRpc2FibGVkIHwgYXN5bmMpIHx8IGZnLmludmFsaWQgfHwgZmcucGVuZGluZ1wiXG5cdG1hdC1yYWlzZWQtYnV0dG9uXG5cdHR5cGU9XCJzdWJtaXRcIj5cbiAgPHNwYW4+e3tidG5MYWJlbH19PC9zcGFuPlxuICA8bWF0LXNwaW5uZXIgKm5nSWY9XCJsb2FkZXIgfCBhc3luY1wiIGRpYW1ldGVyPVwiMjBcIj48L21hdC1zcGlubmVyPlxuPC9idXR0b24+XG48bmctdGVtcGxhdGUgI2J0bkljb24+XG4gIDxidXR0b25cblx0ICBbY29sb3JdPVwiY29sb3JcIlxuXHQgIFtkaXNhYmxlZF09XCIoZGlzYWJsZWQgfCBhc3luYykgfHwgZmcuaW52YWxpZCB8fCBmZy5wZW5kaW5nXCJcblx0ICBjbGFzcz1cImtvYWxhLWljb24tYnV0dG9uXCJcblx0ICBtYXQtaWNvbi1idXR0b25cblx0ICB0eXBlPVwic3VibWl0XCI+XG4gICAgPG1hdC1zcGlubmVyICpuZ0lmPVwibG9hZGVyIHwgYXN5bmNcIiBbY29sb3JdPVwiY29sb3JcIiBkaWFtZXRlcj1cIjIwXCI+PC9tYXQtc3Bpbm5lcj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCIhKGxvYWRlciB8IGFzeW5jKVwiPnt7aWNvbn19PC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -12,9 +12,9 @@ export class KoalaAutofocusDirective {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
KoalaAutofocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
16
|
-
KoalaAutofocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
15
|
+
KoalaAutofocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
+
KoalaAutofocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: KoalaAutofocusDirective, selector: "[koalaAutoFocus]", inputs: { koalaAutoFocus: "koalaAutoFocus" }, ngImport: i0 });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: KoalaAutofocusDirective, decorators: [{
|
|
18
18
|
type: Directive,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: '[koalaAutoFocus]'
|
|
@@ -22,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { koalaAutoFocus: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtYXV0b2ZvY3VzLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Zvcm0vc3JjL2xpYi9kaXJlY3RpdmVzL2tvYWxhLWF1dG9mb2N1cy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUsvRSxNQUFNLE9BQU8sdUJBQXVCO0lBR25DLFlBQTJCLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBQUcsQ0FBQztJQUV0QyxrQkFBa0I7UUFDeEIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDL0IsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ1I7SUFDRixDQUFDOztxSEFYVyx1QkFBdUI7eUdBQXZCLHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxrQkFBa0I7aUJBQzVCO2lHQUVnQixjQUFjO3NCQUE3QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6ICdba29hbGFBdXRvRm9jdXNdJ1xufSlcbmV4cG9ydCBjbGFzcyBLb2FsYUF1dG9mb2N1c0RpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuXHRASW5wdXQoKSBwdWJsaWMga29hbGFBdXRvRm9jdXM6IGJvb2xlYW47XG5cdFxuXHRwdWJsaWMgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge31cblx0XG5cdHB1YmxpYyBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG5cdFx0aWYgKHRoaXMua29hbGFBdXRvRm9jdXMpIHtcblx0XHRcdHNldFRpbWVvdXQoKCkgPT4ge1xuXHRcdFx0XHR0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcblx0XHRcdH0sIDUwMCk7XG5cdFx0fVxuXHR9XG59XG4iXX0=
|