ng-prime-tools 1.0.9 → 1.0.11
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/README.md +24 -17
- package/esm2022/lib/enums/badge-type.enum.mjs +21 -0
- package/esm2022/lib/enums/form-input-type.enum.mjs +2 -1
- package/esm2022/lib/enums/public-api.mjs +2 -1
- package/esm2022/lib/models/badge.model.mjs +2 -0
- package/esm2022/lib/models/bread-crumb-config.model.mjs +2 -0
- package/esm2022/lib/models/button.model.mjs +2 -0
- package/esm2022/lib/models/card-config.model.mjs +1 -1
- package/esm2022/lib/models/dialog.model.mjs +2 -0
- package/esm2022/lib/models/footer-config.model.mjs +2 -0
- package/esm2022/lib/models/footer.model.mjs +2 -0
- package/esm2022/lib/models/form-text-field.model.mjs +1 -1
- package/esm2022/lib/models/image-style.model.mjs +2 -0
- package/esm2022/lib/models/login-model.mjs +2 -0
- package/esm2022/lib/models/login-page-config.model.mjs +2 -0
- package/esm2022/lib/models/menu-config.model.mjs +1 -1
- package/esm2022/lib/models/menu.model.mjs +2 -0
- package/esm2022/lib/models/nav-bar-menu-config.model.mjs +2 -0
- package/esm2022/lib/models/page-skeleton-config.model.mjs +2 -0
- package/esm2022/lib/models/pattern.model.mjs +2 -0
- package/esm2022/lib/models/public-api.mjs +24 -1
- package/esm2022/lib/models/side-menu-bar-config.model.mjs +2 -0
- package/esm2022/lib/models/table-column.model.mjs +1 -1
- package/esm2022/lib/multi-search-criteria/multi-search-criteria.component.mjs +3 -3
- package/esm2022/lib/ng-advanced-prime-table/ng-advanced-prime-table.component.mjs +22 -3
- package/esm2022/lib/ng-prime-tools.module.mjs +116 -5
- package/esm2022/lib/pt-bread-crumb/index.mjs +2 -0
- package/esm2022/lib/pt-bread-crumb/pt-bread-crumb.component.mjs +50 -0
- package/esm2022/lib/pt-bread-crumb/pt-bread-crumb.module.mjs +19 -0
- package/esm2022/lib/pt-bread-crumb/pt-bread-crumb.service.mjs +92 -0
- package/esm2022/lib/pt-bread-crumb/public-api.mjs +3 -0
- package/esm2022/lib/pt-button/index.mjs +2 -0
- package/esm2022/lib/pt-button/pt-button.component.mjs +56 -0
- package/esm2022/lib/pt-button/pt-button.module.mjs +19 -0
- package/esm2022/lib/pt-button/public-api.mjs +3 -0
- package/esm2022/lib/pt-card/pt-card.component.mjs +33 -6
- package/esm2022/lib/pt-dialog/index.mjs +2 -0
- package/esm2022/lib/pt-dialog/pt-dialog.component.mjs +92 -0
- package/esm2022/lib/pt-dialog/pt-dialog.module.mjs +36 -0
- package/esm2022/lib/pt-dialog/public-api.mjs +3 -0
- package/esm2022/lib/pt-footer/index.mjs +2 -0
- package/esm2022/lib/pt-footer/pt-footer.component.mjs +41 -0
- package/esm2022/lib/pt-footer/pt-footer.module.mjs +19 -0
- package/esm2022/lib/pt-footer/public-api.mjs +3 -0
- package/esm2022/lib/pt-login-page/index.mjs +2 -0
- package/esm2022/lib/pt-login-page/pt-login-page.component.mjs +142 -0
- package/esm2022/lib/pt-login-page/pt-login-page.module.mjs +39 -0
- package/esm2022/lib/pt-login-page/public-api.mjs +3 -0
- package/esm2022/lib/pt-menu/pt-menu.component.mjs +20 -5
- package/esm2022/lib/pt-menu-fancy/index.mjs +2 -0
- package/esm2022/lib/pt-menu-fancy/pt-menu-fancy.component.mjs +92 -0
- package/esm2022/lib/pt-menu-fancy/pt-menu-fancy.module.mjs +19 -0
- package/esm2022/lib/pt-menu-fancy/public-api.mjs +3 -0
- package/esm2022/lib/pt-nav-bar-menu/index.mjs +2 -0
- package/esm2022/lib/pt-nav-bar-menu/pt-nav-bar-menu.component.mjs +97 -0
- package/esm2022/lib/pt-nav-bar-menu/pt-nav-bar-menu.module.mjs +20 -0
- package/esm2022/lib/pt-nav-bar-menu/public-api.mjs +3 -0
- package/esm2022/lib/pt-page-skeleton/index.mjs +2 -0
- package/esm2022/lib/pt-page-skeleton/pt-page-skeleton.component.mjs +53 -0
- package/esm2022/lib/pt-page-skeleton/pt-page-skeleton.module.mjs +44 -0
- package/esm2022/lib/pt-page-skeleton/public-api.mjs +3 -0
- package/esm2022/lib/pt-side-bar-menu/index.mjs +2 -0
- package/esm2022/lib/pt-side-bar-menu/pt-side-bar-menu.component.mjs +206 -0
- package/esm2022/lib/pt-side-bar-menu/pt-side-bar-menu.module.mjs +21 -0
- package/esm2022/lib/pt-side-bar-menu/public-api.mjs +3 -0
- package/esm2022/lib/pt-text-area-input/pt-text-area-input.component.mjs +2 -2
- package/esm2022/lib/pt-text-input/pt-text-input.component.mjs +20 -4
- package/esm2022/lib/utils/text.util.mjs +23 -0
- package/esm2022/public-api.mjs +18 -1
- package/fesm2022/ng-prime-tools.mjs +1310 -36
- package/fesm2022/ng-prime-tools.mjs.map +1 -1
- package/lib/enums/badge-type.enum.d.ts +20 -0
- package/lib/enums/badge-type.enum.d.ts.map +1 -0
- package/lib/enums/form-input-type.enum.d.ts +2 -1
- package/lib/enums/form-input-type.enum.d.ts.map +1 -1
- package/lib/enums/public-api.d.ts +1 -0
- package/lib/enums/public-api.d.ts.map +1 -1
- package/lib/models/badge.model.d.ts +8 -0
- package/lib/models/badge.model.d.ts.map +1 -0
- package/lib/models/bread-crumb-config.model.d.ts +7 -0
- package/lib/models/bread-crumb-config.model.d.ts.map +1 -0
- package/lib/models/button.model.d.ts +15 -0
- package/lib/models/button.model.d.ts.map +1 -0
- package/lib/models/card-config.model.d.ts +9 -0
- package/lib/models/card-config.model.d.ts.map +1 -1
- package/lib/models/dialog.model.d.ts +13 -0
- package/lib/models/dialog.model.d.ts.map +1 -0
- package/lib/models/footer-config.model.d.ts +8 -0
- package/lib/models/footer-config.model.d.ts.map +1 -0
- package/lib/models/footer.model.d.ts +5 -0
- package/lib/models/footer.model.d.ts.map +1 -0
- package/lib/models/form-text-field.model.d.ts +2 -0
- package/lib/models/form-text-field.model.d.ts.map +1 -1
- package/lib/models/image-style.model.d.ts +9 -0
- package/lib/models/image-style.model.d.ts.map +1 -0
- package/lib/models/login-model.d.ts +7 -0
- package/lib/models/login-model.d.ts.map +1 -0
- package/lib/models/login-page-config.model.d.ts +21 -0
- package/lib/models/login-page-config.model.d.ts.map +1 -0
- package/lib/models/menu-config.model.d.ts +1 -0
- package/lib/models/menu-config.model.d.ts.map +1 -1
- package/lib/models/menu.model.d.ts +13 -0
- package/lib/models/menu.model.d.ts.map +1 -0
- package/lib/models/nav-bar-menu-config.model.d.ts +11 -0
- package/lib/models/nav-bar-menu-config.model.d.ts.map +1 -0
- package/lib/models/page-skeleton-config.model.d.ts +14 -0
- package/lib/models/page-skeleton-config.model.d.ts.map +1 -0
- package/lib/models/pattern.model.d.ts +5 -0
- package/lib/models/pattern.model.d.ts.map +1 -0
- package/lib/models/public-api.d.ts +16 -0
- package/lib/models/public-api.d.ts.map +1 -1
- package/lib/models/side-menu-bar-config.model.d.ts +21 -0
- package/lib/models/side-menu-bar-config.model.d.ts.map +1 -0
- package/lib/models/table-column.model.d.ts +2 -0
- package/lib/models/table-column.model.d.ts.map +1 -1
- package/lib/ng-advanced-prime-table/ng-advanced-prime-table.component.d.ts +3 -0
- package/lib/ng-advanced-prime-table/ng-advanced-prime-table.component.d.ts.map +1 -1
- package/lib/ng-prime-tools.module.d.ts +10 -1
- package/lib/ng-prime-tools.module.d.ts.map +1 -1
- package/lib/pt-bread-crumb/index.d.ts +2 -0
- package/lib/pt-bread-crumb/index.d.ts.map +1 -0
- package/lib/pt-bread-crumb/pt-bread-crumb.component.d.ts +23 -0
- package/lib/pt-bread-crumb/pt-bread-crumb.component.d.ts.map +1 -0
- package/lib/pt-bread-crumb/pt-bread-crumb.module.d.ts +10 -0
- package/lib/pt-bread-crumb/pt-bread-crumb.module.d.ts.map +1 -0
- package/lib/pt-bread-crumb/pt-bread-crumb.service.d.ts +17 -0
- package/lib/pt-bread-crumb/pt-bread-crumb.service.d.ts.map +1 -0
- package/lib/pt-bread-crumb/public-api.d.ts +3 -0
- package/lib/pt-bread-crumb/public-api.d.ts.map +1 -0
- package/lib/pt-button/index.d.ts +2 -0
- package/lib/pt-button/index.d.ts.map +1 -0
- package/lib/pt-button/pt-button.component.d.ts +17 -0
- package/lib/pt-button/pt-button.component.d.ts.map +1 -0
- package/lib/pt-button/pt-button.module.d.ts +10 -0
- package/lib/pt-button/pt-button.module.d.ts.map +1 -0
- package/lib/pt-button/public-api.d.ts +3 -0
- package/lib/pt-button/public-api.d.ts.map +1 -0
- package/lib/pt-card/pt-card.component.d.ts +14 -3
- package/lib/pt-card/pt-card.component.d.ts.map +1 -1
- package/lib/pt-dialog/index.d.ts +2 -0
- package/lib/pt-dialog/index.d.ts.map +1 -0
- package/lib/pt-dialog/pt-dialog.component.d.ts +20 -0
- package/lib/pt-dialog/pt-dialog.component.d.ts.map +1 -0
- package/lib/pt-dialog/pt-dialog.module.d.ts +13 -0
- package/lib/pt-dialog/pt-dialog.module.d.ts.map +1 -0
- package/lib/pt-dialog/public-api.d.ts +3 -0
- package/lib/pt-dialog/public-api.d.ts.map +1 -0
- package/lib/pt-footer/index.d.ts +2 -0
- package/lib/pt-footer/index.d.ts.map +1 -0
- package/lib/pt-footer/pt-footer.component.d.ts +11 -0
- package/lib/pt-footer/pt-footer.component.d.ts.map +1 -0
- package/lib/pt-footer/pt-footer.module.d.ts +10 -0
- package/lib/pt-footer/pt-footer.module.d.ts.map +1 -0
- package/lib/pt-footer/public-api.d.ts +3 -0
- package/lib/pt-footer/public-api.d.ts.map +1 -0
- package/lib/pt-login-page/index.d.ts +2 -0
- package/lib/pt-login-page/index.d.ts.map +1 -0
- package/lib/pt-login-page/pt-login-page.component.d.ts +20 -0
- package/lib/pt-login-page/pt-login-page.component.d.ts.map +1 -0
- package/lib/pt-login-page/pt-login-page.module.d.ts +13 -0
- package/lib/pt-login-page/pt-login-page.module.d.ts.map +1 -0
- package/lib/pt-login-page/public-api.d.ts +3 -0
- package/lib/pt-login-page/public-api.d.ts.map +1 -0
- package/lib/pt-menu/pt-menu.component.d.ts +2 -2
- package/lib/pt-menu/pt-menu.component.d.ts.map +1 -1
- package/lib/pt-menu-fancy/index.d.ts +2 -0
- package/lib/pt-menu-fancy/index.d.ts.map +1 -0
- package/lib/pt-menu-fancy/pt-menu-fancy.component.d.ts +33 -0
- package/lib/pt-menu-fancy/pt-menu-fancy.component.d.ts.map +1 -0
- package/lib/pt-menu-fancy/pt-menu-fancy.module.d.ts +10 -0
- package/lib/pt-menu-fancy/pt-menu-fancy.module.d.ts.map +1 -0
- package/lib/pt-menu-fancy/public-api.d.ts +3 -0
- package/lib/pt-menu-fancy/public-api.d.ts.map +1 -0
- package/lib/pt-nav-bar-menu/index.d.ts +2 -0
- package/lib/pt-nav-bar-menu/index.d.ts.map +1 -0
- package/lib/pt-nav-bar-menu/pt-nav-bar-menu.component.d.ts +44 -0
- package/lib/pt-nav-bar-menu/pt-nav-bar-menu.component.d.ts.map +1 -0
- package/lib/pt-nav-bar-menu/pt-nav-bar-menu.module.d.ts +11 -0
- package/lib/pt-nav-bar-menu/pt-nav-bar-menu.module.d.ts.map +1 -0
- package/lib/pt-nav-bar-menu/public-api.d.ts +3 -0
- package/lib/pt-nav-bar-menu/public-api.d.ts.map +1 -0
- package/lib/pt-page-skeleton/index.d.ts +2 -0
- package/lib/pt-page-skeleton/index.d.ts.map +1 -0
- package/lib/pt-page-skeleton/pt-page-skeleton.component.d.ts +15 -0
- package/lib/pt-page-skeleton/pt-page-skeleton.component.d.ts.map +1 -0
- package/lib/pt-page-skeleton/pt-page-skeleton.module.d.ts +15 -0
- package/lib/pt-page-skeleton/pt-page-skeleton.module.d.ts.map +1 -0
- package/lib/pt-page-skeleton/public-api.d.ts +3 -0
- package/lib/pt-page-skeleton/public-api.d.ts.map +1 -0
- package/lib/pt-side-bar-menu/index.d.ts +2 -0
- package/lib/pt-side-bar-menu/index.d.ts.map +1 -0
- package/lib/pt-side-bar-menu/pt-side-bar-menu.component.d.ts +41 -0
- package/lib/pt-side-bar-menu/pt-side-bar-menu.component.d.ts.map +1 -0
- package/lib/pt-side-bar-menu/pt-side-bar-menu.module.d.ts +12 -0
- package/lib/pt-side-bar-menu/pt-side-bar-menu.module.d.ts.map +1 -0
- package/lib/pt-side-bar-menu/public-api.d.ts +3 -0
- package/lib/pt-side-bar-menu/public-api.d.ts.map +1 -0
- package/lib/pt-text-input/pt-text-input.component.d.ts +1 -0
- package/lib/pt-text-input/pt-text-input.component.d.ts.map +1 -1
- package/lib/utils/text.util.d.ts +11 -0
- package/lib/utils/text.util.d.ts.map +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +9 -0
- package/public-api.d.ts.map +1 -1
@@ -0,0 +1,39 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { PTLoginPageComponent } from './pt-login-page.component';
|
4
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
5
|
+
import { PTTextInputModule } from '../pt-text-input/pt-text-input.module';
|
6
|
+
import { PTCardModule } from '../pt-card/pt-card.module';
|
7
|
+
import { PTButtonModule } from '../pt-button';
|
8
|
+
import * as i0 from "@angular/core";
|
9
|
+
export class PTLoginPageModule {
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTLoginPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PTLoginPageModule, declarations: [PTLoginPageComponent], imports: [CommonModule,
|
12
|
+
FormsModule,
|
13
|
+
ReactiveFormsModule,
|
14
|
+
PTTextInputModule,
|
15
|
+
PTCardModule,
|
16
|
+
PTButtonModule], exports: [PTLoginPageComponent] }); }
|
17
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTLoginPageModule, imports: [CommonModule,
|
18
|
+
FormsModule,
|
19
|
+
ReactiveFormsModule,
|
20
|
+
PTTextInputModule,
|
21
|
+
PTCardModule,
|
22
|
+
PTButtonModule] }); }
|
23
|
+
}
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTLoginPageModule, decorators: [{
|
25
|
+
type: NgModule,
|
26
|
+
args: [{
|
27
|
+
declarations: [PTLoginPageComponent],
|
28
|
+
imports: [
|
29
|
+
CommonModule,
|
30
|
+
FormsModule,
|
31
|
+
ReactiveFormsModule,
|
32
|
+
PTTextInputModule,
|
33
|
+
PTCardModule,
|
34
|
+
PTButtonModule,
|
35
|
+
],
|
36
|
+
exports: [PTLoginPageComponent],
|
37
|
+
}]
|
38
|
+
}] });
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbG9naW4tcGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWxvZ2luLXBhZ2UvcHQtbG9naW4tcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDakUsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDOztBQWM5QyxNQUFNLE9BQU8saUJBQWlCOytHQUFqQixpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkFYYixvQkFBb0IsYUFFakMsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsaUJBQWlCO1lBQ2pCLFlBQVk7WUFDWixjQUFjLGFBRU4sb0JBQW9CO2dIQUVuQixpQkFBaUIsWUFUMUIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsaUJBQWlCO1lBQ2pCLFlBQVk7WUFDWixjQUFjOzs0RkFJTCxpQkFBaUI7a0JBWjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixpQkFBaUI7d0JBQ2pCLFlBQVk7d0JBQ1osY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFBUTG9naW5QYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9wdC1sb2dpbi1wYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFBUVGV4dElucHV0TW9kdWxlIH0gZnJvbSAnLi4vcHQtdGV4dC1pbnB1dC9wdC10ZXh0LWlucHV0Lm1vZHVsZSc7XG5pbXBvcnQgeyBQVENhcmRNb2R1bGUgfSBmcm9tICcuLi9wdC1jYXJkL3B0LWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFBUQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vcHQtYnV0dG9uJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUFRMb2dpblBhZ2VDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgUFRUZXh0SW5wdXRNb2R1bGUsXG4gICAgUFRDYXJkTW9kdWxlLFxuICAgIFBUQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbUFRMb2dpblBhZ2VDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQVExvZ2luUGFnZU1vZHVsZSB7fVxuIl19
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export * from './pt-login-page.component';
|
2
|
+
export * from './pt-login-page.module';
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtbG9naW4tcGFnZS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHQtbG9naW4tcGFnZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wdC1sb2dpbi1wYWdlLm1vZHVsZSc7XG4iXX0=
|
@@ -5,6 +5,7 @@ export class PTMenuComponent {
|
|
5
5
|
constructor() {
|
6
6
|
this.config = {
|
7
7
|
icon: { code: 'pi pi-ellipsis-v', color: '#000', fontSize: '15px' },
|
8
|
+
menuDirection: 'right',
|
8
9
|
};
|
9
10
|
this.isOpen = false;
|
10
11
|
}
|
@@ -13,13 +14,28 @@ export class PTMenuComponent {
|
|
13
14
|
static { this.DEFAULT_ICON_COLOR = '#000'; }
|
14
15
|
static { this.DEFAULT_ICON_FONT_SIZE = '15px'; }
|
15
16
|
static { this.DEFAULT_ICON_CODE = 'pi pi-ellipsis-v'; }
|
17
|
+
static { this.openMenuInstance = null; }
|
16
18
|
toggleMenu() {
|
19
|
+
if (PTMenuComponent.openMenuInstance &&
|
20
|
+
PTMenuComponent.openMenuInstance !== this) {
|
21
|
+
PTMenuComponent.openMenuInstance.closeMenu();
|
22
|
+
}
|
17
23
|
this.isOpen = !this.isOpen;
|
24
|
+
if (this.isOpen) {
|
25
|
+
PTMenuComponent.openMenuInstance = this;
|
26
|
+
}
|
27
|
+
else {
|
28
|
+
PTMenuComponent.openMenuInstance = null;
|
29
|
+
}
|
18
30
|
}
|
19
31
|
closeMenu() {
|
20
32
|
this.isOpen = false;
|
33
|
+
if (PTMenuComponent.openMenuInstance === this) {
|
34
|
+
PTMenuComponent.openMenuInstance = null;
|
35
|
+
}
|
21
36
|
}
|
22
37
|
getMenuItemIconClass(item) {
|
38
|
+
// Assuming that icons starting with "fa" are FontAwesome icons
|
23
39
|
return typeof item.icon === 'string' ? item.icon : item.icon?.code || '';
|
24
40
|
}
|
25
41
|
getMenuItemIconStyles(item) {
|
@@ -53,23 +69,22 @@ export class PTMenuComponent {
|
|
53
69
|
fontSize: item.fontSize || PTMenuComponent.DEFAULT_TEXT_FONT_SIZE,
|
54
70
|
};
|
55
71
|
}
|
56
|
-
// Listen to all clicks on the document
|
57
72
|
onDocumentClick(event) {
|
58
|
-
const clickedInside = event.target.closest('.menu
|
73
|
+
const clickedInside = event.target.closest('.pt-menu');
|
59
74
|
if (!clickedInside) {
|
60
75
|
this.closeMenu();
|
61
76
|
}
|
62
77
|
}
|
63
78
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTMenuComponent, selector: "pt-menu", inputs: { config: "config" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div
|
79
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTMenuComponent, selector: "pt-menu", inputs: { config: "config" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div\n [ngClass]=\"{\n open: isOpen,\n 'menu-left': config.menuDirection === 'left',\n 'menu-right': config.menuDirection === 'right'\n }\"\n class=\"pt-menu\"\n>\n <i\n class=\"menu-icon\"\n (click)=\"toggleMenu()\"\n [ngClass]=\"getIconClass()\"\n [ngStyle]=\"getIconStyles()\"\n ></i>\n <div class=\"menu-dropdown\" *ngIf=\"isOpen\">\n <div\n class=\"menu-item\"\n *ngFor=\"let item of config.menuItems\"\n (click)=\"item.action()\"\n >\n <i\n [ngClass]=\"getMenuItemIconClass(item)\"\n [ngStyle]=\"getMenuItemIconStyles(item)\"\n ></i>\n <span [ngStyle]=\"getTextStyles(item)\">{{ item.text }}</span>\n </div>\n </div>\n</div>\n", styles: [".pt-menu{position:relative;display:inline-block}.pt-menu .menu-icon{font-style:normal;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:8px;transition:background-color .2s,box-shadow .2s}.pt-menu .menu-icon:hover{background-color:#5959591a;box-shadow:0 0 0 1px #5959591a}.pt-menu .menu-dropdown{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px #0003;min-width:160px;z-index:1;border-radius:5px;overflow:hidden}.pt-menu .menu-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center}.pt-menu .menu-item i{margin-right:10px}.pt-menu .menu-item:hover{background-color:#f1f1f1}.pt-menu.open .menu-dropdown{display:block}.pt-menu.menu-left .menu-dropdown{right:0;left:auto}.pt-menu.menu-right .menu-dropdown{left:0;right:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
65
80
|
}
|
66
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMenuComponent, decorators: [{
|
67
82
|
type: Component,
|
68
|
-
args: [{ selector: 'pt-menu', template: "<div
|
83
|
+
args: [{ selector: 'pt-menu', template: "<div\n [ngClass]=\"{\n open: isOpen,\n 'menu-left': config.menuDirection === 'left',\n 'menu-right': config.menuDirection === 'right'\n }\"\n class=\"pt-menu\"\n>\n <i\n class=\"menu-icon\"\n (click)=\"toggleMenu()\"\n [ngClass]=\"getIconClass()\"\n [ngStyle]=\"getIconStyles()\"\n ></i>\n <div class=\"menu-dropdown\" *ngIf=\"isOpen\">\n <div\n class=\"menu-item\"\n *ngFor=\"let item of config.menuItems\"\n (click)=\"item.action()\"\n >\n <i\n [ngClass]=\"getMenuItemIconClass(item)\"\n [ngStyle]=\"getMenuItemIconStyles(item)\"\n ></i>\n <span [ngStyle]=\"getTextStyles(item)\">{{ item.text }}</span>\n </div>\n </div>\n</div>\n", styles: [".pt-menu{position:relative;display:inline-block}.pt-menu .menu-icon{font-style:normal;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:8px;transition:background-color .2s,box-shadow .2s}.pt-menu .menu-icon:hover{background-color:#5959591a;box-shadow:0 0 0 1px #5959591a}.pt-menu .menu-dropdown{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px #0003;min-width:160px;z-index:1;border-radius:5px;overflow:hidden}.pt-menu .menu-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center}.pt-menu .menu-item i{margin-right:10px}.pt-menu .menu-item:hover{background-color:#f1f1f1}.pt-menu.open .menu-dropdown{display:block}.pt-menu.menu-left .menu-dropdown{right:0;left:auto}.pt-menu.menu-right .menu-dropdown{left:0;right:auto}\n"] }]
|
69
84
|
}], propDecorators: { config: [{
|
70
85
|
type: Input
|
71
86
|
}], onDocumentClick: [{
|
72
87
|
type: HostListener,
|
73
88
|
args: ['document:click', ['$event']]
|
74
89
|
}] } });
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW1lbnUvcHQtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW1lbnUvcHQtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVEvRCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1XLFdBQU0sR0FBZTtZQUM1QixJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO1lBQ25FLGFBQWEsRUFBRSxPQUFPO1NBQ3ZCLENBQUM7UUFVRixXQUFNLEdBQUcsS0FBSyxDQUFDO0tBMkVoQjthQW5GeUIsdUJBQWtCLEdBQUcsTUFBTSxBQUFULENBQVU7YUFDNUIsMkJBQXNCLEdBQUcsTUFBTSxBQUFULENBQVU7YUFDaEMsdUJBQWtCLEdBQUcsTUFBTSxBQUFULENBQVU7YUFDNUIsMkJBQXNCLEdBQUcsTUFBTSxBQUFULENBQVU7YUFDaEMsc0JBQWlCLEdBQUcsa0JBQWtCLEFBQXJCLENBQXNCO2FBRWhELHFCQUFnQixHQUEyQixJQUFJLEFBQS9CLENBQWdDO0lBSS9ELFVBQVU7UUFDUixJQUNFLGVBQWUsQ0FBQyxnQkFBZ0I7WUFDaEMsZUFBZSxDQUFDLGdCQUFnQixLQUFLLElBQUksRUFDekMsQ0FBQztZQUNELGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUMvQyxDQUFDO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsZUFBZSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUMxQyxDQUFDO2FBQU0sQ0FBQztZQUNOLGVBQWUsQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDMUMsQ0FBQztJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxlQUFlLENBQUMsZ0JBQWdCLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDOUMsZUFBZSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELG9CQUFvQixDQUFDLElBQWM7UUFDakMsK0RBQStEO1FBQy9ELE9BQU8sT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDO0lBQzNFLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxJQUFjO1FBQ2xDLElBQUksT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQ2xDLE9BQU87Z0JBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxJQUFJLGVBQWUsQ0FBQyxrQkFBa0I7Z0JBQzdELFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLFFBQVEsSUFBSSxlQUFlLENBQUMsc0JBQXNCO2FBQ3hFLENBQUM7UUFDSixDQUFDO1FBQ0QsT0FBTztZQUNMLEtBQUssRUFBRSxlQUFlLENBQUMsa0JBQWtCO1lBQ3pDLFFBQVEsRUFBRSxlQUFlLENBQUMsc0JBQXNCO1NBQ2pELENBQUM7SUFDSixDQUFDO0lBRUQsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQztJQUNyRSxDQUFDO0lBRUQsYUFBYTtRQUNYLE9BQU87WUFDTCxLQUFLLEVBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLO2dCQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLO2dCQUN2QixlQUFlLENBQUMsa0JBQWtCO1lBQ3BDLFFBQVEsRUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVE7Z0JBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLFFBQVE7Z0JBQzFCLGVBQWUsQ0FBQyxzQkFBc0I7U0FDekMsQ0FBQztJQUNKLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBYztRQUMxQixPQUFPO1lBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLElBQUksZUFBZSxDQUFDLGtCQUFrQjtZQUN2RCxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxlQUFlLENBQUMsc0JBQXNCO1NBQ2xFLENBQUM7SUFDSixDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQWlCO1FBQy9CLE1BQU0sYUFBYSxHQUFJLEtBQUssQ0FBQyxNQUFzQixDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN4RSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ25CLENBQUM7SUFDSCxDQUFDOytHQXhGVSxlQUFlO21HQUFmLGVBQWUsbUpDUjVCLDJzQkE0QkE7OzRGRHBCYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFNBQVM7OEJBS1YsTUFBTTtzQkFBZCxLQUFLO2dCQWtGTixlQUFlO3NCQURkLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1lbnVJdGVtLCBNZW51Q29uZmlnIH0gZnJvbSAnLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHQtbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wdC1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtbWVudS5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBUTWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbmZpZzogTWVudUNvbmZpZyA9IHtcbiAgICBpY29uOiB7IGNvZGU6ICdwaSBwaS1lbGxpcHNpcy12JywgY29sb3I6ICcjMDAwJywgZm9udFNpemU6ICcxNXB4JyB9LFxuICAgIG1lbnVEaXJlY3Rpb246ICdyaWdodCcsXG4gIH07XG5cbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9URVhUX0NPTE9SID0gJyMwMDAnO1xuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBERUZBVUxUX1RFWFRfRk9OVF9TSVpFID0gJzE1cHgnO1xuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBERUZBVUxUX0lDT05fQ09MT1IgPSAnIzAwMCc7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfSUNPTl9GT05UX1NJWkUgPSAnMTVweCc7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfSUNPTl9DT0RFID0gJ3BpIHBpLWVsbGlwc2lzLXYnO1xuXG4gIHByaXZhdGUgc3RhdGljIG9wZW5NZW51SW5zdGFuY2U6IFBUTWVudUNvbXBvbmVudCB8IG51bGwgPSBudWxsO1xuXG4gIGlzT3BlbiA9IGZhbHNlO1xuXG4gIHRvZ2dsZU1lbnUoKSB7XG4gICAgaWYgKFxuICAgICAgUFRNZW51Q29tcG9uZW50Lm9wZW5NZW51SW5zdGFuY2UgJiZcbiAgICAgIFBUTWVudUNvbXBvbmVudC5vcGVuTWVudUluc3RhbmNlICE9PSB0aGlzXG4gICAgKSB7XG4gICAgICBQVE1lbnVDb21wb25lbnQub3Blbk1lbnVJbnN0YW5jZS5jbG9zZU1lbnUoKTtcbiAgICB9XG5cbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcblxuICAgIGlmICh0aGlzLmlzT3Blbikge1xuICAgICAgUFRNZW51Q29tcG9uZW50Lm9wZW5NZW51SW5zdGFuY2UgPSB0aGlzO1xuICAgIH0gZWxzZSB7XG4gICAgICBQVE1lbnVDb21wb25lbnQub3Blbk1lbnVJbnN0YW5jZSA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgY2xvc2VNZW51KCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgaWYgKFBUTWVudUNvbXBvbmVudC5vcGVuTWVudUluc3RhbmNlID09PSB0aGlzKSB7XG4gICAgICBQVE1lbnVDb21wb25lbnQub3Blbk1lbnVJbnN0YW5jZSA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgZ2V0TWVudUl0ZW1JY29uQ2xhc3MoaXRlbTogTWVudUl0ZW0pOiBzdHJpbmcge1xuICAgIC8vIEFzc3VtaW5nIHRoYXQgaWNvbnMgc3RhcnRpbmcgd2l0aCBcImZhXCIgYXJlIEZvbnRBd2Vzb21lIGljb25zXG4gICAgcmV0dXJuIHR5cGVvZiBpdGVtLmljb24gPT09ICdzdHJpbmcnID8gaXRlbS5pY29uIDogaXRlbS5pY29uPy5jb2RlIHx8ICcnO1xuICB9XG5cbiAgZ2V0TWVudUl0ZW1JY29uU3R5bGVzKGl0ZW06IE1lbnVJdGVtKSB7XG4gICAgaWYgKHR5cGVvZiBpdGVtLmljb24gIT09ICdzdHJpbmcnKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBjb2xvcjogaXRlbS5pY29uPy5jb2xvciB8fCBQVE1lbnVDb21wb25lbnQuREVGQVVMVF9JQ09OX0NPTE9SLFxuICAgICAgICBmb250U2l6ZTogaXRlbS5pY29uPy5mb250U2l6ZSB8fCBQVE1lbnVDb21wb25lbnQuREVGQVVMVF9JQ09OX0ZPTlRfU0laRSxcbiAgICAgIH07XG4gICAgfVxuICAgIHJldHVybiB7XG4gICAgICBjb2xvcjogUFRNZW51Q29tcG9uZW50LkRFRkFVTFRfSUNPTl9DT0xPUixcbiAgICAgIGZvbnRTaXplOiBQVE1lbnVDb21wb25lbnQuREVGQVVMVF9JQ09OX0ZPTlRfU0laRSxcbiAgICB9O1xuICB9XG5cbiAgZ2V0SWNvbkNsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLmljb24/LmNvZGUgfHwgUFRNZW51Q29tcG9uZW50LkRFRkFVTFRfSUNPTl9DT0RFO1xuICB9XG5cbiAgZ2V0SWNvblN0eWxlcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY29sb3I6XG4gICAgICAgIHRoaXMuY29uZmlnLmNvbG9yIHx8XG4gICAgICAgIHRoaXMuY29uZmlnLmljb24/LmNvbG9yIHx8XG4gICAgICAgIFBUTWVudUNvbXBvbmVudC5ERUZBVUxUX0lDT05fQ09MT1IsXG4gICAgICBmb250U2l6ZTpcbiAgICAgICAgdGhpcy5jb25maWcuZm9udFNpemUgfHxcbiAgICAgICAgdGhpcy5jb25maWcuaWNvbj8uZm9udFNpemUgfHxcbiAgICAgICAgUFRNZW51Q29tcG9uZW50LkRFRkFVTFRfSUNPTl9GT05UX1NJWkUsXG4gICAgfTtcbiAgfVxuXG4gIGdldFRleHRTdHlsZXMoaXRlbTogTWVudUl0ZW0pIHtcbiAgICByZXR1cm4ge1xuICAgICAgY29sb3I6IGl0ZW0uY29sb3IgfHwgUFRNZW51Q29tcG9uZW50LkRFRkFVTFRfVEVYVF9DT0xPUixcbiAgICAgIGZvbnRTaXplOiBpdGVtLmZvbnRTaXplIHx8IFBUTWVudUNvbXBvbmVudC5ERUZBVUxUX1RFWFRfRk9OVF9TSVpFLFxuICAgIH07XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uRG9jdW1lbnRDbGljayhldmVudDogTW91c2VFdmVudCkge1xuICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCcucHQtbWVudScpO1xuICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xuICAgICAgdGhpcy5jbG9zZU1lbnUoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgW25nQ2xhc3NdPVwie1xuICAgIG9wZW46IGlzT3BlbixcbiAgICAnbWVudS1sZWZ0JzogY29uZmlnLm1lbnVEaXJlY3Rpb24gPT09ICdsZWZ0JyxcbiAgICAnbWVudS1yaWdodCc6IGNvbmZpZy5tZW51RGlyZWN0aW9uID09PSAncmlnaHQnXG4gIH1cIlxuICBjbGFzcz1cInB0LW1lbnVcIlxuPlxuICA8aVxuICAgIGNsYXNzPVwibWVudS1pY29uXCJcbiAgICAoY2xpY2spPVwidG9nZ2xlTWVudSgpXCJcbiAgICBbbmdDbGFzc109XCJnZXRJY29uQ2xhc3MoKVwiXG4gICAgW25nU3R5bGVdPVwiZ2V0SWNvblN0eWxlcygpXCJcbiAgPjwvaT5cbiAgPGRpdiBjbGFzcz1cIm1lbnUtZHJvcGRvd25cIiAqbmdJZj1cImlzT3BlblwiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwibWVudS1pdGVtXCJcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNvbmZpZy5tZW51SXRlbXNcIlxuICAgICAgKGNsaWNrKT1cIml0ZW0uYWN0aW9uKClcIlxuICAgID5cbiAgICAgIDxpXG4gICAgICAgIFtuZ0NsYXNzXT1cImdldE1lbnVJdGVtSWNvbkNsYXNzKGl0ZW0pXCJcbiAgICAgICAgW25nU3R5bGVdPVwiZ2V0TWVudUl0ZW1JY29uU3R5bGVzKGl0ZW0pXCJcbiAgICAgID48L2k+XG4gICAgICA8c3BhbiBbbmdTdHlsZV09XCJnZXRUZXh0U3R5bGVzKGl0ZW0pXCI+e3sgaXRlbS50ZXh0IH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './public-api';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW1lbnUtZmFuY3kvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
@@ -0,0 +1,92 @@
|
|
1
|
+
import { Component, Input, HostListener } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@angular/common";
|
4
|
+
import * as i2 from "../pt-card/pt-card.component";
|
5
|
+
export class PTMenuFancyComponent {
|
6
|
+
constructor() {
|
7
|
+
this.config = {
|
8
|
+
icon: { code: 'pi pi-ellipsis-v', color: '#000', fontSize: '15px' },
|
9
|
+
menuDirection: 'right',
|
10
|
+
};
|
11
|
+
this.cardMenuConfig = { noBorder: true };
|
12
|
+
this.isOpen = false;
|
13
|
+
}
|
14
|
+
static { this.DEFAULT_TEXT_COLOR = '#000'; }
|
15
|
+
static { this.DEFAULT_TEXT_FONT_SIZE = '15px'; }
|
16
|
+
static { this.DEFAULT_ICON_COLOR = '#000'; }
|
17
|
+
static { this.DEFAULT_ICON_FONT_SIZE = '15px'; }
|
18
|
+
static { this.DEFAULT_ICON_CODE = 'pi pi-ellipsis-v'; }
|
19
|
+
static { this.openMenuInstance = null; }
|
20
|
+
toggleMenu() {
|
21
|
+
if (PTMenuFancyComponent.openMenuInstance &&
|
22
|
+
PTMenuFancyComponent.openMenuInstance !== this) {
|
23
|
+
PTMenuFancyComponent.openMenuInstance.closeMenu();
|
24
|
+
}
|
25
|
+
this.isOpen = !this.isOpen;
|
26
|
+
if (this.isOpen) {
|
27
|
+
PTMenuFancyComponent.openMenuInstance = this;
|
28
|
+
}
|
29
|
+
else {
|
30
|
+
PTMenuFancyComponent.openMenuInstance = null;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
closeMenu() {
|
34
|
+
this.isOpen = false;
|
35
|
+
if (PTMenuFancyComponent.openMenuInstance === this) {
|
36
|
+
PTMenuFancyComponent.openMenuInstance = null;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
getMenuItemIconClass(item) {
|
40
|
+
// Assuming that icons starting with "fa" are FontAwesome icons
|
41
|
+
return typeof item.icon === 'string' ? item.icon : item.icon?.code || '';
|
42
|
+
}
|
43
|
+
getMenuItemIconStyles(item) {
|
44
|
+
if (typeof item.icon !== 'string') {
|
45
|
+
return {
|
46
|
+
color: item.icon?.color || PTMenuFancyComponent.DEFAULT_ICON_COLOR,
|
47
|
+
fontSize: item.icon?.fontSize || PTMenuFancyComponent.DEFAULT_ICON_FONT_SIZE,
|
48
|
+
};
|
49
|
+
}
|
50
|
+
return {
|
51
|
+
color: PTMenuFancyComponent.DEFAULT_ICON_COLOR,
|
52
|
+
fontSize: PTMenuFancyComponent.DEFAULT_ICON_FONT_SIZE,
|
53
|
+
};
|
54
|
+
}
|
55
|
+
getIconClass() {
|
56
|
+
return this.config.icon?.code || PTMenuFancyComponent.DEFAULT_ICON_CODE;
|
57
|
+
}
|
58
|
+
getIconStyles() {
|
59
|
+
return {
|
60
|
+
color: this.config.color ||
|
61
|
+
this.config.icon?.color ||
|
62
|
+
PTMenuFancyComponent.DEFAULT_ICON_COLOR,
|
63
|
+
fontSize: this.config.fontSize ||
|
64
|
+
this.config.icon?.fontSize ||
|
65
|
+
PTMenuFancyComponent.DEFAULT_ICON_FONT_SIZE,
|
66
|
+
};
|
67
|
+
}
|
68
|
+
getTextStyles(item) {
|
69
|
+
return {
|
70
|
+
color: item.color || PTMenuFancyComponent.DEFAULT_TEXT_COLOR,
|
71
|
+
fontSize: item.fontSize || PTMenuFancyComponent.DEFAULT_TEXT_FONT_SIZE,
|
72
|
+
};
|
73
|
+
}
|
74
|
+
onDocumentClick(event) {
|
75
|
+
const clickedInside = event.target.closest('.pt-menu-fancy');
|
76
|
+
if (!clickedInside) {
|
77
|
+
this.closeMenu();
|
78
|
+
}
|
79
|
+
}
|
80
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMenuFancyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTMenuFancyComponent, selector: "pt-menu-fancy", inputs: { config: "config" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div\n [ngClass]=\"{\n open: isOpen,\n 'menu-left': config.menuDirection === 'left',\n 'menu-right': config.menuDirection === 'right'\n }\"\n class=\"pt-menu-fancy\"\n>\n <i\n class=\"menu-icon\"\n (click)=\"toggleMenu()\"\n [ngClass]=\"getIconClass()\"\n [ngStyle]=\"getIconStyles()\"\n ></i>\n <div class=\"menu-dropdown\" *ngIf=\"isOpen\">\n <pt-card [config]=\"cardMenuConfig\">\n <div\n class=\"menu-item\"\n *ngFor=\"let item of config.menuItems\"\n (click)=\"item.action()\"\n >\n <i\n [ngClass]=\"getMenuItemIconClass(item)\"\n [ngStyle]=\"getMenuItemIconStyles(item)\"\n ></i>\n <span [ngStyle]=\"getTextStyles(item)\">{{ item.text }}</span>\n </div>\n </pt-card>\n </div>\n</div>\n", styles: [".pt-menu-fancy{position:relative;display:inline-block}.pt-menu-fancy .menu-icon{font-style:normal;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:8px;transition:background-color .2s,box-shadow .2s}.pt-menu-fancy .menu-icon:hover{background-color:#5959591a;box-shadow:0 0 0 1px #5959591a}.pt-menu-fancy .menu-dropdown{position:absolute;top:100%;background-color:#fff;box-shadow:0 8px 16px #0003;min-width:160px;z-index:1;border-radius:5px;overflow:hidden;opacity:0;transform:translateY(-20px);transition:transform .3s ease-out,opacity .3s ease-out}.pt-menu-fancy.open .menu-dropdown{display:block;opacity:1;transform:translateY(0)}.pt-menu-fancy.menu-left .menu-dropdown{right:0;left:auto}.pt-menu-fancy.menu-right .menu-dropdown{left:0;right:auto}.pt-menu-fancy .menu-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center}.pt-menu-fancy .menu-item i{margin-right:10px}.pt-menu-fancy .menu-item:hover{background-color:#f1f1f1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.PTCardComponent, selector: "pt-card", inputs: ["config"] }] }); }
|
82
|
+
}
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMenuFancyComponent, decorators: [{
|
84
|
+
type: Component,
|
85
|
+
args: [{ selector: 'pt-menu-fancy', template: "<div\n [ngClass]=\"{\n open: isOpen,\n 'menu-left': config.menuDirection === 'left',\n 'menu-right': config.menuDirection === 'right'\n }\"\n class=\"pt-menu-fancy\"\n>\n <i\n class=\"menu-icon\"\n (click)=\"toggleMenu()\"\n [ngClass]=\"getIconClass()\"\n [ngStyle]=\"getIconStyles()\"\n ></i>\n <div class=\"menu-dropdown\" *ngIf=\"isOpen\">\n <pt-card [config]=\"cardMenuConfig\">\n <div\n class=\"menu-item\"\n *ngFor=\"let item of config.menuItems\"\n (click)=\"item.action()\"\n >\n <i\n [ngClass]=\"getMenuItemIconClass(item)\"\n [ngStyle]=\"getMenuItemIconStyles(item)\"\n ></i>\n <span [ngStyle]=\"getTextStyles(item)\">{{ item.text }}</span>\n </div>\n </pt-card>\n </div>\n</div>\n", styles: [".pt-menu-fancy{position:relative;display:inline-block}.pt-menu-fancy .menu-icon{font-style:normal;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:8px;transition:background-color .2s,box-shadow .2s}.pt-menu-fancy .menu-icon:hover{background-color:#5959591a;box-shadow:0 0 0 1px #5959591a}.pt-menu-fancy .menu-dropdown{position:absolute;top:100%;background-color:#fff;box-shadow:0 8px 16px #0003;min-width:160px;z-index:1;border-radius:5px;overflow:hidden;opacity:0;transform:translateY(-20px);transition:transform .3s ease-out,opacity .3s ease-out}.pt-menu-fancy.open .menu-dropdown{display:block;opacity:1;transform:translateY(0)}.pt-menu-fancy.menu-left .menu-dropdown{right:0;left:auto}.pt-menu-fancy.menu-right .menu-dropdown{left:0;right:auto}.pt-menu-fancy .menu-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center}.pt-menu-fancy .menu-item i{margin-right:10px}.pt-menu-fancy .menu-item:hover{background-color:#f1f1f1}\n"] }]
|
86
|
+
}], propDecorators: { config: [{
|
87
|
+
type: Input
|
88
|
+
}], onDocumentClick: [{
|
89
|
+
type: HostListener,
|
90
|
+
args: ['document:click', ['$event']]
|
91
|
+
}] } });
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbWVudS1mYW5jeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW1lbnUtZmFuY3kvcHQtbWVudS1mYW5jeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW1lbnUtZmFuY3kvcHQtbWVudS1mYW5jeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRL0QsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU1XLFdBQU0sR0FBZTtZQUM1QixJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO1lBQ25FLGFBQWEsRUFBRSxPQUFPO1NBQ3ZCLENBQUM7UUFFRixtQkFBYyxHQUFlLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1FBVWhELFdBQU0sR0FBRyxLQUFLLENBQUM7S0E4RWhCO2FBdEZ5Qix1QkFBa0IsR0FBRyxNQUFNLEFBQVQsQ0FBVTthQUM1QiwyQkFBc0IsR0FBRyxNQUFNLEFBQVQsQ0FBVTthQUNoQyx1QkFBa0IsR0FBRyxNQUFNLEFBQVQsQ0FBVTthQUM1QiwyQkFBc0IsR0FBRyxNQUFNLEFBQVQsQ0FBVTthQUNoQyxzQkFBaUIsR0FBRyxrQkFBa0IsQUFBckIsQ0FBc0I7YUFFaEQscUJBQWdCLEdBQWdDLElBQUksQUFBcEMsQ0FBcUM7SUFJcEUsVUFBVTtRQUNSLElBQ0Usb0JBQW9CLENBQUMsZ0JBQWdCO1lBQ3JDLG9CQUFvQixDQUFDLGdCQUFnQixLQUFLLElBQUksRUFDOUMsQ0FBQztZQUNELG9CQUFvQixDQUFDLGdCQUFnQixD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TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1lbnVJdGVtLCBNZW51Q29uZmlnLCBDYXJkQ29uZmlnIH0gZnJvbSAnLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHQtbWVudS1mYW5jeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wdC1tZW51LWZhbmN5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtbWVudS1mYW5jeS5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBUTWVudUZhbmN5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgY29uZmlnOiBNZW51Q29uZmlnID0ge1xuICAgIGljb246IHsgY29kZTogJ3BpIHBpLWVsbGlwc2lzLXYnLCBjb2xvcjogJyMwMDAnLCBmb250U2l6ZTogJzE1cHgnIH0sXG4gICAgbWVudURpcmVjdGlvbjogJ3JpZ2h0JyxcbiAgfTtcblxuICBjYXJkTWVudUNvbmZpZzogQ2FyZENvbmZpZyA9IHsgbm9Cb3JkZXI6IHRydWUgfTtcblxuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBERUZBVUxUX1RFWFRfQ09MT1IgPSAnIzAwMCc7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfVEVYVF9GT05UX1NJWkUgPSAnMTVweCc7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfSUNPTl9DT0xPUiA9ICcjMDAwJztcbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9JQ09OX0ZPTlRfU0laRSA9ICcxNXB4JztcbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9JQ09OX0NPREUgPSAncGkgcGktZWxsaXBzaXMtdic7XG5cbiAgcHJpdmF0ZSBzdGF0aWMgb3Blbk1lbnVJbnN0YW5jZTogUFRNZW51RmFuY3lDb21wb25lbnQgfCBudWxsID0gbnVsbDtcblxuICBpc09wZW4gPSBmYWxzZTtcblxuICB0b2dnbGVNZW51KCkge1xuICAgIGlmIChcbiAgICAgIFBUTWVudUZhbmN5Q29tcG9uZW50Lm9wZW5NZW51SW5zdGFuY2UgJiZcbiAgICAgIFBUTWVudUZhbmN5Q29tcG9uZW50Lm9wZW5NZW51SW5zdGFuY2UgIT09IHRoaXNcbiAgICApIHtcbiAgICAgIFBUTWVudUZhbmN5Q29tcG9uZW50Lm9wZW5NZW51SW5zdGFuY2UuY2xvc2VNZW51KCk7XG4gICAgfVxuXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XG5cbiAgICBpZiAodGhpcy5pc09wZW4pIHtcbiAgICAgIFBUTWVudUZhbmN5Q29tcG9uZW50Lm9wZW5NZW51SW5zdGFuY2UgPSB0aGlzO1xuICAgIH0gZWxzZSB7XG4gICAgICBQVE1lbnVGYW5jeUNvbXBvbmVudC5vcGVuTWVudUluc3RhbmNlID0gbnVsbDtcbiAgICB9XG4gIH1cblxuICBjbG9zZU1lbnUoKSB7XG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgICBpZiAoUFRNZW51RmFuY3lDb21wb25lbnQub3Blbk1lbnVJbnN0YW5jZSA9PT0gdGhpcykge1xuICAgICAgUFRNZW51RmFuY3lDb21wb25lbnQub3Blbk1lbnVJbnN0YW5jZSA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgZ2V0TWVudUl0ZW1JY29uQ2xhc3MoaXRlbTogTWVudUl0ZW0pOiBzdHJpbmcge1xuICAgIC8vIEFzc3VtaW5nIHRoYXQgaWNvbnMgc3RhcnRpbmcgd2l0aCBcImZhXCIgYXJlIEZvbnRBd2Vzb21lIGljb25zXG4gICAgcmV0dXJuIHR5cGVvZiBpdGVtLmljb24gPT09ICdzdHJpbmcnID8gaXRlbS5pY29uIDogaXRlbS5pY29uPy5jb2RlIHx8ICcnO1xuICB9XG5cbiAgZ2V0TWVudUl0ZW1JY29uU3R5bGVzKGl0ZW06IE1lbnVJdGVtKSB7XG4gICAgaWYgKHR5cGVvZiBpdGVtLmljb24gIT09ICdzdHJpbmcnKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBjb2xvcjogaXRlbS5pY29uPy5jb2xvciB8fCBQVE1lbnVGYW5jeUNvbXBvbmVudC5ERUZBVUxUX0lDT05fQ09MT1IsXG4gICAgICAgIGZvbnRTaXplOlxuICAgICAgICAgIGl0ZW0uaWNvbj8uZm9udFNpemUgfHwgUFRNZW51RmFuY3lDb21wb25lbnQuREVGQVVMVF9JQ09OX0ZPTlRfU0laRSxcbiAgICAgIH07XG4gICAgfVxuICAgIHJldHVybiB7XG4gICAgICBjb2xvcjogUFRNZW51RmFuY3lDb21wb25lbnQuREVGQVVMVF9JQ09OX0NPTE9SLFxuICAgICAgZm9udFNpemU6IFBUTWVudUZhbmN5Q29tcG9uZW50LkRFRkFVTFRfSUNPTl9GT05UX1NJWkUsXG4gICAgfTtcbiAgfVxuXG4gIGdldEljb25DbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZy5pY29uPy5jb2RlIHx8IFBUTWVudUZhbmN5Q29tcG9uZW50LkRFRkFVTFRfSUNPTl9DT0RFO1xuICB9XG5cbiAgZ2V0SWNvblN0eWxlcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY29sb3I6XG4gICAgICAgIHRoaXMuY29uZmlnLmNvbG9yIHx8XG4gICAgICAgIHRoaXMuY29uZmlnLmljb24/LmNvbG9yIHx8XG4gICAgICAgIFBUTWVudUZhbmN5Q29tcG9uZW50LkRFRkFVTFRfSUNPTl9DT0xPUixcbiAgICAgIGZvbnRTaXplOlxuICAgICAgICB0aGlzLmNvbmZpZy5mb250U2l6ZSB8fFxuICAgICAgICB0aGlzLmNvbmZpZy5pY29uPy5mb250U2l6ZSB8fFxuICAgICAgICBQVE1lbnVGYW5jeUNvbXBvbmVudC5ERUZBVUxUX0lDT05fRk9OVF9TSVpFLFxuICAgIH07XG4gIH1cblxuICBnZXRUZXh0U3R5bGVzKGl0ZW06IE1lbnVJdGVtKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvbG9yOiBpdGVtLmNvbG9yIHx8IFBUTWVudUZhbmN5Q29tcG9uZW50LkRFRkFVTFRfVEVYVF9DT0xPUixcbiAgICAgIGZvbnRTaXplOiBpdGVtLmZvbnRTaXplIHx8IFBUTWVudUZhbmN5Q29tcG9uZW50LkRFRkFVTFRfVEVYVF9GT05UX1NJWkUsXG4gICAgfTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgb25Eb2N1bWVudENsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IChldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLmNsb3Nlc3QoXG4gICAgICAnLnB0LW1lbnUtZmFuY3knXG4gICAgKTtcbiAgICBpZiAoIWNsaWNrZWRJbnNpZGUpIHtcbiAgICAgIHRoaXMuY2xvc2VNZW51KCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gIFtuZ0NsYXNzXT1cIntcbiAgICBvcGVuOiBpc09wZW4sXG4gICAgJ21lbnUtbGVmdCc6IGNvbmZpZy5tZW51RGlyZWN0aW9uID09PSAnbGVmdCcsXG4gICAgJ21lbnUtcmlnaHQnOiBjb25maWcubWVudURpcmVjdGlvbiA9PT0gJ3JpZ2h0J1xuICB9XCJcbiAgY2xhc3M9XCJwdC1tZW51LWZhbmN5XCJcbj5cbiAgPGlcbiAgICBjbGFzcz1cIm1lbnUtaWNvblwiXG4gICAgKGNsaWNrKT1cInRvZ2dsZU1lbnUoKVwiXG4gICAgW25nQ2xhc3NdPVwiZ2V0SWNvbkNsYXNzKClcIlxuICAgIFtuZ1N0eWxlXT1cImdldEljb25TdHlsZXMoKVwiXG4gID48L2k+XG4gIDxkaXYgY2xhc3M9XCJtZW51LWRyb3Bkb3duXCIgKm5nSWY9XCJpc09wZW5cIj5cbiAgICA8cHQtY2FyZCBbY29uZmlnXT1cImNhcmRNZW51Q29uZmlnXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwibWVudS1pdGVtXCJcbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY29uZmlnLm1lbnVJdGVtc1wiXG4gICAgICAgIChjbGljayk9XCJpdGVtLmFjdGlvbigpXCJcbiAgICAgID5cbiAgICAgICAgPGlcbiAgICAgICAgICBbbmdDbGFzc109XCJnZXRNZW51SXRlbUljb25DbGFzcyhpdGVtKVwiXG4gICAgICAgICAgW25nU3R5bGVdPVwiZ2V0TWVudUl0ZW1JY29uU3R5bGVzKGl0ZW0pXCJcbiAgICAgICAgPjwvaT5cbiAgICAgICAgPHNwYW4gW25nU3R5bGVdPVwiZ2V0VGV4dFN0eWxlcyhpdGVtKVwiPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvcHQtY2FyZD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { PTMenuFancyComponent } from './pt-menu-fancy.component';
|
4
|
+
import { PTCardModule } from '../pt-card/pt-card.module';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
export class PTMenuFancyModule {
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMenuFancyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PTMenuFancyModule, declarations: [PTMenuFancyComponent], imports: [CommonModule, PTCardModule], exports: [PTMenuFancyComponent] }); }
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMenuFancyModule, imports: [CommonModule, PTCardModule] }); }
|
10
|
+
}
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMenuFancyModule, decorators: [{
|
12
|
+
type: NgModule,
|
13
|
+
args: [{
|
14
|
+
declarations: [PTMenuFancyComponent],
|
15
|
+
imports: [CommonModule, PTCardModule],
|
16
|
+
exports: [PTMenuFancyComponent],
|
17
|
+
}]
|
18
|
+
}] });
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbWVudS1mYW5jeS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW1lbnUtZmFuY3kvcHQtbWVudS1mYW5jeS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQU96RCxNQUFNLE9BQU8saUJBQWlCOytHQUFqQixpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkFKYixvQkFBb0IsYUFDekIsWUFBWSxFQUFFLFlBQVksYUFDMUIsb0JBQW9CO2dIQUVuQixpQkFBaUIsWUFIbEIsWUFBWSxFQUFFLFlBQVk7OzRGQUd6QixpQkFBaUI7a0JBTDdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUFRNZW51RmFuY3lDb21wb25lbnQgfSBmcm9tICcuL3B0LW1lbnUtZmFuY3kuY29tcG9uZW50JztcbmltcG9ydCB7IFBUQ2FyZE1vZHVsZSB9IGZyb20gJy4uL3B0LWNhcmQvcHQtY2FyZC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtQVE1lbnVGYW5jeUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFBUQ2FyZE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtQVE1lbnVGYW5jeUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBUTWVudUZhbmN5TW9kdWxlIHt9XG4iXX0=
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export * from './pt-menu-fancy.component';
|
2
|
+
export * from './pt-menu-fancy.module';
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtbWVudS1mYW5jeS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHQtbWVudS1mYW5jeS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wdC1tZW51LWZhbmN5Lm1vZHVsZSc7XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './public-api';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW5hdi1iYXItbWVudS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
@@ -0,0 +1,97 @@
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@angular/common";
|
4
|
+
import * as i2 from "@angular/router";
|
5
|
+
import * as i3 from "../pt-menu-fancy/pt-menu-fancy.component";
|
6
|
+
export class PTNavbarMenuComponent {
|
7
|
+
constructor() {
|
8
|
+
this.navBarMenuConfig = {};
|
9
|
+
this.toggleSidebar = new EventEmitter();
|
10
|
+
}
|
11
|
+
// Default values as readonly variables
|
12
|
+
static { this.DEFAULT_LOGO_URL = ''; }
|
13
|
+
static { this.DEFAULT_LOGO_ALT_TEXT = 'Logo'; }
|
14
|
+
static { this.DEFAULT_LOGO_WIDTH = '40px'; }
|
15
|
+
static { this.DEFAULT_LOGO_HEIGHT = 'auto'; }
|
16
|
+
static { this.DEFAULT_APP_NAME = 'Application'; }
|
17
|
+
static { this.DEFAULT_APP_NAME_COLOR = '#000'; }
|
18
|
+
static { this.DEFAULT_APP_NAME_FONT_SIZE = '24px'; }
|
19
|
+
static { this.DEFAULT_TRANSPARENCY = '100'; }
|
20
|
+
static { this.DEFAULT_ICON_COLOR = '#333'; }
|
21
|
+
isImageStyle(object) {
|
22
|
+
return typeof object === 'object' && 'imageUrl' in object;
|
23
|
+
}
|
24
|
+
isTextStyle(object) {
|
25
|
+
return typeof object === 'object' && 'text' in object;
|
26
|
+
}
|
27
|
+
getLogoUrl() {
|
28
|
+
return this.isImageStyle(this.navBarMenuConfig.logo)
|
29
|
+
? this.navBarMenuConfig.logo.imageUrl
|
30
|
+
: PTNavbarMenuComponent.DEFAULT_LOGO_URL;
|
31
|
+
}
|
32
|
+
getLogoAltText() {
|
33
|
+
return this.isImageStyle(this.navBarMenuConfig.logo)
|
34
|
+
? this.navBarMenuConfig.logo.altText ||
|
35
|
+
PTNavbarMenuComponent.DEFAULT_LOGO_ALT_TEXT
|
36
|
+
: PTNavbarMenuComponent.DEFAULT_LOGO_ALT_TEXT;
|
37
|
+
}
|
38
|
+
getLogoStyles() {
|
39
|
+
if (this.isImageStyle(this.navBarMenuConfig.logo)) {
|
40
|
+
return {
|
41
|
+
color: this.navBarMenuConfig.logo.color ||
|
42
|
+
PTNavbarMenuComponent.DEFAULT_ICON_COLOR,
|
43
|
+
width: this.navBarMenuConfig.logo.width ||
|
44
|
+
PTNavbarMenuComponent.DEFAULT_LOGO_WIDTH,
|
45
|
+
height: this.navBarMenuConfig.logo.height ||
|
46
|
+
PTNavbarMenuComponent.DEFAULT_LOGO_HEIGHT,
|
47
|
+
};
|
48
|
+
}
|
49
|
+
return {};
|
50
|
+
}
|
51
|
+
getAppName() {
|
52
|
+
return this.isTextStyle(this.navBarMenuConfig.appName)
|
53
|
+
? this.navBarMenuConfig.appName.text
|
54
|
+
: PTNavbarMenuComponent.DEFAULT_APP_NAME;
|
55
|
+
}
|
56
|
+
getAppNameStyles() {
|
57
|
+
if (this.isTextStyle(this.navBarMenuConfig.appName)) {
|
58
|
+
return {
|
59
|
+
color: this.navBarMenuConfig.appName.color ||
|
60
|
+
PTNavbarMenuComponent.DEFAULT_APP_NAME_COLOR,
|
61
|
+
fontSize: this.navBarMenuConfig.appName.fontSize ||
|
62
|
+
PTNavbarMenuComponent.DEFAULT_APP_NAME_FONT_SIZE,
|
63
|
+
};
|
64
|
+
}
|
65
|
+
return {
|
66
|
+
color: PTNavbarMenuComponent.DEFAULT_APP_NAME_COLOR,
|
67
|
+
fontSize: PTNavbarMenuComponent.DEFAULT_APP_NAME_FONT_SIZE,
|
68
|
+
};
|
69
|
+
}
|
70
|
+
getNavbarStyles() {
|
71
|
+
const transparency = this.navBarMenuConfig.pattern?.transparencyPercentage ||
|
72
|
+
PTNavbarMenuComponent.DEFAULT_TRANSPARENCY;
|
73
|
+
const backgroundImage = this.navBarMenuConfig.pattern
|
74
|
+
? `linear-gradient(rgba(255, 255, 255, ${1 - parseFloat(transparency) / 100}), rgba(255, 255, 255, ${1 - parseFloat(transparency) / 100})), url(${this.navBarMenuConfig.pattern.imageUrl})`
|
75
|
+
: '';
|
76
|
+
return {
|
77
|
+
backgroundColor: this.navBarMenuConfig.pattern ? 'transparent' : '#fff',
|
78
|
+
backgroundImage: backgroundImage,
|
79
|
+
backgroundSize: 'cover',
|
80
|
+
backgroundPosition: 'center',
|
81
|
+
};
|
82
|
+
}
|
83
|
+
toggleMenu() {
|
84
|
+
this.toggleSidebar.emit();
|
85
|
+
}
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTNavbarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTNavbarMenuComponent, selector: "pt-nav-bar-menu", inputs: { navBarMenuConfig: "navBarMenuConfig" }, outputs: { toggleSidebar: "toggleSidebar" }, ngImport: i0, template: "<div class=\"pt-nav-bar-menu\" [ngStyle]=\"getNavbarStyles()\">\n <div class=\"navbar-left\">\n <a\n [routerLink]=\"\n isImageStyle(navBarMenuConfig.logo)\n ? navBarMenuConfig.logo.routerLink\n : '/'\n \"\n class=\"logo-link\"\n >\n <img\n [src]=\"getLogoUrl()\"\n [alt]=\"getLogoAltText()\"\n [ngStyle]=\"getLogoStyles()\"\n class=\"navbar-logo\"\n />\n <span class=\"navbar-title\" [ngStyle]=\"getAppNameStyles()\">\n {{ getAppName() }}\n </span>\n </a>\n <a (click)=\"toggleMenu()\" class=\"toggle-btn\">\n <i class=\"pi pi-bars\"></i>\n </a>\n </div>\n <div class=\"navbar-right\">\n <pt-menu-fancy\n *ngFor=\"let menuConfig of navBarMenuConfig.menus\"\n [config]=\"menuConfig\"\n ></pt-menu-fancy>\n </div>\n</div>\n", styles: [".pt-nav-bar-menu{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;background-size:cover;background-position:center}.pt-nav-bar-menu .navbar-left{display:flex;align-items:center}.pt-nav-bar-menu .logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.pt-nav-bar-menu .navbar-logo{margin-left:10px;margin-right:20px}.pt-nav-bar-menu .navbar-right{display:flex;align-items:center}.pt-nav-bar-menu .navbar-right a{margin-left:20px;color:#333;text-decoration:none;font-size:20px;cursor:pointer}.pt-nav-bar-menu .navbar-right a:hover{color:#000;cursor:pointer}.pt-nav-bar-menu .toggle-btn>.pi.pi-bars{font-size:1.5rem;color:#333}.pt-nav-bar-menu .toggle-btn:hover{background-color:#f1f1f1}.pt-nav-bar-menu .toggle-btn{margin-left:2rem;cursor:pointer;padding:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.PTMenuFancyComponent, selector: "pt-menu-fancy", inputs: ["config"] }] }); }
|
88
|
+
}
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTNavbarMenuComponent, decorators: [{
|
90
|
+
type: Component,
|
91
|
+
args: [{ selector: 'pt-nav-bar-menu', template: "<div class=\"pt-nav-bar-menu\" [ngStyle]=\"getNavbarStyles()\">\n <div class=\"navbar-left\">\n <a\n [routerLink]=\"\n isImageStyle(navBarMenuConfig.logo)\n ? navBarMenuConfig.logo.routerLink\n : '/'\n \"\n class=\"logo-link\"\n >\n <img\n [src]=\"getLogoUrl()\"\n [alt]=\"getLogoAltText()\"\n [ngStyle]=\"getLogoStyles()\"\n class=\"navbar-logo\"\n />\n <span class=\"navbar-title\" [ngStyle]=\"getAppNameStyles()\">\n {{ getAppName() }}\n </span>\n </a>\n <a (click)=\"toggleMenu()\" class=\"toggle-btn\">\n <i class=\"pi pi-bars\"></i>\n </a>\n </div>\n <div class=\"navbar-right\">\n <pt-menu-fancy\n *ngFor=\"let menuConfig of navBarMenuConfig.menus\"\n [config]=\"menuConfig\"\n ></pt-menu-fancy>\n </div>\n</div>\n", styles: [".pt-nav-bar-menu{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;background-size:cover;background-position:center}.pt-nav-bar-menu .navbar-left{display:flex;align-items:center}.pt-nav-bar-menu .logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.pt-nav-bar-menu .navbar-logo{margin-left:10px;margin-right:20px}.pt-nav-bar-menu .navbar-right{display:flex;align-items:center}.pt-nav-bar-menu .navbar-right a{margin-left:20px;color:#333;text-decoration:none;font-size:20px;cursor:pointer}.pt-nav-bar-menu .navbar-right a:hover{color:#000;cursor:pointer}.pt-nav-bar-menu .toggle-btn>.pi.pi-bars{font-size:1.5rem;color:#333}.pt-nav-bar-menu .toggle-btn:hover{background-color:#f1f1f1}.pt-nav-bar-menu .toggle-btn{margin-left:2rem;cursor:pointer;padding:7px}\n"] }]
|
92
|
+
}], propDecorators: { navBarMenuConfig: [{
|
93
|
+
type: Input
|
94
|
+
}], toggleSidebar: [{
|
95
|
+
type: Output
|
96
|
+
}] } });
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbmF2LWJhci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtbmF2LWJhci1tZW51L3B0LW5hdi1iYXItbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW5hdi1iYXItbWVudS9wdC1uYXYtYmFyLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkUsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU1XLHFCQUFnQixHQUFxQixFQUFFLENBQUM7UUFFdkMsa0JBQWEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWlHeEU7SUEvRkMsdUNBQXVDO2FBQ2YscUJBQWdCLEdBQVcsRUFBRSxBQUFiLENBQWM7YUFDOUIsMEJBQXFCLEdBQVcsTUFBTSxBQUFqQixDQUFrQjthQUN2Qyx1QkFBa0IsR0FBVyxNQUFNLEFBQWpCLENBQWtCO2FBQ3BDLHdCQUFtQixHQUFXLE1BQU0sQUFBakIsQ0FBa0I7YUFDckMscUJBQWdCLEdBQVcsYUFBYSxBQUF4QixDQUF5QjthQUN6QywyQkFBc0IsR0FBVyxNQUFNLEFBQWpCLENBQWtCO2FBQ3hDLCtCQUEwQixHQUFXLE1BQU0sQUFBakIsQ0FBa0I7YUFDNUMseUJBQW9CLEdBQVcsS0FBSyxBQUFoQixDQUFpQjthQUNyQyx1QkFBa0IsR0FBVyxNQUFNLEFBQWpCLENBQWtCO0lBRTVELFlBQVksQ0FBQyxNQUFXO1FBQ3RCLE9BQU8sT0FBTyxNQUFNLEtBQUssUUFBUSxJQUFJLFVBQVUsSUFBSSxNQUFNLENBQUM7SUFDNUQsQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFX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QUFNO1lBQ3ZFLGVBQWUsRUFBRSxlQUFlO1lBQ2hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLFFBQVE7U0FDN0IsQ0FBQztJQUNKLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQW5HVSxxQkFBcUI7bUdBQXJCLHFCQUFxQixzSkNSbEMsMDFCQStCQTs7NEZEdkJhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBS2xCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltYWdlU3R5bGUsIE5hdkJhck1lbnVDb25maWcsIFRleHRTdHlsZSB9IGZyb20gJy4uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3B0LW5hdi1iYXItbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wdC1uYXYtYmFyLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wdC1uYXYtYmFyLW1lbnUuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQVE5hdmJhck1lbnVDb21wb25lbnQge1xuICBASW5wdXQoKSBuYXZCYXJNZW51Q29uZmlnOiBOYXZCYXJNZW51Q29uZmlnID0ge307XG5cbiAgQE91dHB1dCgpIHRvZ2dsZVNpZGViYXI6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvLyBEZWZhdWx0IHZhbHVlcyBhcyByZWFkb25seSB2YXJpYWJsZXNcbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9MT0dPX1VSTDogc3RyaW5nID0gJyc7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfTE9HT19BTFRfVEVYVDogc3RyaW5nID0gJ0xvZ28nO1xuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBERUZBVUxUX0xPR09fV0lEVEg6IHN0cmluZyA9ICc0MHB4JztcbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9MT0dPX0hFSUdIVDogc3RyaW5nID0gJ2F1dG8nO1xuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBERUZBVUxUX0FQUF9OQU1FOiBzdHJpbmcgPSAnQXBwbGljYXRpb24nO1xuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBERUZBVUxUX0FQUF9OQU1FX0NPTE9SOiBzdHJpbmcgPSAnIzAwMCc7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfQVBQX05BTUVfRk9OVF9TSVpFOiBzdHJpbmcgPSAnMjRweCc7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfVFJBTlNQQVJFTkNZOiBzdHJpbmcgPSAnMTAwJztcbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9JQ09OX0NPTE9SOiBzdHJpbmcgPSAnIzMzMyc7XG5cbiAgaXNJbWFnZVN0eWxlKG9iamVjdDogYW55KTogb2JqZWN0IGlzIEltYWdlU3R5bGUge1xuICAgIHJldHVybiB0eXBlb2Ygb2JqZWN0ID09PSAnb2JqZWN0JyAmJiAnaW1hZ2VVcmwnIGluIG9iamVjdDtcbiAgfVxuXG4gIGlzVGV4dFN0eWxlKG9iamVjdDogYW55KTogb2JqZWN0IGlzIFRleHRTdHlsZSB7XG4gICAgcmV0dXJuIHR5cGVvZiBvYmplY3QgPT09ICdvYmplY3QnICYmICd0ZXh0JyBpbiBvYmplY3Q7XG4gIH1cblxuICBnZXRMb2dvVXJsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNJbWFnZVN0eWxlKHRoaXMubmF2QmFyTWVudUNvbmZpZy5sb2dvKVxuICAgICAgPyB0aGlzLm5hdkJhck1lbnVDb25maWcubG9nby5pbWFnZVVybFxuICAgICAgOiBQVE5hdmJhck1lbnVDb21wb25lbnQuREVGQVVMVF9MT0dPX1VSTDtcbiAgfVxuXG4gIGdldExvZ29BbHRUZXh0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNJbWFnZVN0eWxlKHRoaXMubmF2QmFyTWVudUNvbmZpZy5sb2dvKVxuICAgICAgPyB0aGlzLm5hdkJhck1lbnVDb25maWcubG9nby5hbHRUZXh0IHx8XG4gICAgICAgICAgUFROYXZiYXJNZW51Q29tcG9uZW50LkRFRkFVTFRfTE9HT19BTFRfVEVYVFxuICAgICAgOiBQVE5hdmJhck1lbnVDb21wb25lbnQuREVGQVVMVF9MT0dPX0FMVF9URVhUO1xuICB9XG5cbiAgZ2V0TG9nb1N0eWxlcygpIHtcbiAgICBpZiAodGhpcy5pc0ltYWdlU3R5bGUodGhpcy5uYXZCYXJNZW51Q29uZmlnLmxvZ28pKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBjb2xvcjpcbiAgICAgICAgICB0aGlzLm5hdkJhck1lbnVDb25maWcubG9nby5jb2xvciB8fFxuICAgICAgICAgIFBUTmF2YmFyTWVudUNvbXBvbmVudC5ERUZBVUxUX0lDT05fQ09MT1IsXG4gICAgICAgIHdpZHRoOlxuICAgICAgICAgIHRoaXMubmF2QmFyTWVudUNvbmZpZy5sb2dvLndpZHRoIHx8XG4gICAgICAgICAgUFROYXZiYXJNZW51Q29tcG9uZW50LkRFRkFVTFRfTE9HT19XSURUSCxcbiAgICAgICAgaGVpZ2h0OlxuICAgICAgICAgIHRoaXMubmF2QmFyTWVudUNvbmZpZy5sb2dvLmhlaWdodCB8fFxuICAgICAgICAgIFBUTmF2YmFyTWVudUNvbXBvbmVudC5ERUZBVUxUX0xPR09fSEVJR0hULFxuICAgICAgfTtcbiAgICB9XG4gICAgcmV0dXJuIHt9O1xuICB9XG5cbiAgZ2V0QXBwTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlzVGV4dFN0eWxlKHRoaXMubmF2QmFyTWVudUNvbmZpZy5hcHBOYW1lKVxuICAgICAgPyB0aGlzLm5hdkJhck1lbnVDb25maWcuYXBwTmFtZS50ZXh0XG4gICAgICA6IFBUTmF2YmFyTWVudUNvbXBvbmVudC5ERUZBVUxUX0FQUF9OQU1FO1xuICB9XG5cbiAgZ2V0QXBwTmFtZVN0eWxlcygpIHtcbiAgICBpZiAodGhpcy5pc1RleHRTdHlsZSh0aGlzLm5hdkJhck1lbnVDb25maWcuYXBwTmFtZSkpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGNvbG9yOlxuICAgICAgICAgIHRoaXMubmF2QmFyTWVudUNvbmZpZy5hcHBOYW1lLmNvbG9yIHx8XG4gICAgICAgICAgUFROYXZiYXJNZW51Q29tcG9uZW50LkRFRkFVTFRfQVBQX05BTUVfQ09MT1IsXG4gICAgICAgIGZvbnRTaXplOlxuICAgICAgICAgIHRoaXMubmF2QmFyTWVudUNvbmZpZy5hcHBOYW1lLmZvbnRTaXplIHx8XG4gICAgICAgICAgUFROYXZiYXJNZW51Q29tcG9uZW50LkRFRkFVTFRfQVBQX05BTUVfRk9OVF9TSVpFLFxuICAgICAgfTtcbiAgICB9XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvbG9yOiBQVE5hdmJhck1lbnVDb21wb25lbnQuREVGQVVMVF9BUFBfTkFNRV9DT0xPUixcbiAgICAgIGZvbnRTaXplOiBQVE5hdmJhck1lbnVDb21wb25lbnQuREVGQVVMVF9BUFBfTkFNRV9GT05UX1NJWkUsXG4gICAgfTtcbiAgfVxuXG4gIGdldE5hdmJhclN0eWxlcygpIHtcbiAgICBjb25zdCB0cmFuc3BhcmVuY3kgPVxuICAgICAgdGhpcy5uYXZCYXJNZW51Q29uZmlnLnBhdHRlcm4/LnRyYW5zcGFyZW5jeVBlcmNlbnRhZ2UgfHxcbiAgICAgIFBUTmF2YmFyTWVudUNvbXBvbmVudC5ERUZBVUxUX1RSQU5TUEFSRU5DWTtcbiAgICBjb25zdCBiYWNrZ3JvdW5kSW1hZ2UgPSB0aGlzLm5hdkJhck1lbnVDb25maWcucGF0dGVyblxuICAgICAgPyBgbGluZWFyLWdyYWRpZW50KHJnYmEoMjU1LCAyNTUsIDI1NSwgJHtcbiAgICAgICAgICAxIC0gcGFyc2VGbG9hdCh0cmFuc3BhcmVuY3kpIC8gMTAwXG4gICAgICAgIH0pLCByZ2JhKDI1NSwgMjU1LCAyNTUsICR7MSAtIHBhcnNlRmxvYXQodHJhbnNwYXJlbmN5KSAvIDEwMH0pKSwgdXJsKCR7XG4gICAgICAgICAgdGhpcy5uYXZCYXJNZW51Q29uZmlnLnBhdHRlcm4uaW1hZ2VVcmxcbiAgICAgICAgfSlgXG4gICAgICA6ICcnO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhpcy5uYXZCYXJNZW51Q29uZmlnLnBhdHRlcm4gPyAndHJhbnNwYXJlbnQnIDogJyNmZmYnLFxuICAgICAgYmFja2dyb3VuZEltYWdlOiBiYWNrZ3JvdW5kSW1hZ2UsXG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogJ2NvdmVyJyxcbiAgICAgIGJhY2tncm91bmRQb3NpdGlvbjogJ2NlbnRlcicsXG4gICAgfTtcbiAgfVxuXG4gIHRvZ2dsZU1lbnUoKSB7XG4gICAgdGhpcy50b2dnbGVTaWRlYmFyLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInB0LW5hdi1iYXItbWVudVwiIFtuZ1N0eWxlXT1cImdldE5hdmJhclN0eWxlcygpXCI+XG4gIDxkaXYgY2xhc3M9XCJuYXZiYXItbGVmdFwiPlxuICAgIDxhXG4gICAgICBbcm91dGVyTGlua109XCJcbiAgICAgICAgaXNJbWFnZVN0eWxlKG5hdkJhck1lbnVDb25maWcubG9nbylcbiAgICAgICAgICA/IG5hdkJhck1lbnVDb25maWcubG9nby5yb3V0ZXJMaW5rXG4gICAgICAgICAgOiAnLydcbiAgICAgIFwiXG4gICAgICBjbGFzcz1cImxvZ28tbGlua1wiXG4gICAgPlxuICAgICAgPGltZ1xuICAgICAgICBbc3JjXT1cImdldExvZ29VcmwoKVwiXG4gICAgICAgIFthbHRdPVwiZ2V0TG9nb0FsdFRleHQoKVwiXG4gICAgICAgIFtuZ1N0eWxlXT1cImdldExvZ29TdHlsZXMoKVwiXG4gICAgICAgIGNsYXNzPVwibmF2YmFyLWxvZ29cIlxuICAgICAgLz5cbiAgICAgIDxzcGFuIGNsYXNzPVwibmF2YmFyLXRpdGxlXCIgW25nU3R5bGVdPVwiZ2V0QXBwTmFtZVN0eWxlcygpXCI+XG4gICAgICAgIHt7IGdldEFwcE5hbWUoKSB9fVxuICAgICAgPC9zcGFuPlxuICAgIDwvYT5cbiAgICA8YSAoY2xpY2spPVwidG9nZ2xlTWVudSgpXCIgY2xhc3M9XCJ0b2dnbGUtYnRuXCI+XG4gICAgICA8aSBjbGFzcz1cInBpIHBpLWJhcnNcIj48L2k+XG4gICAgPC9hPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm5hdmJhci1yaWdodFwiPlxuICAgIDxwdC1tZW51LWZhbmN5XG4gICAgICAqbmdGb3I9XCJsZXQgbWVudUNvbmZpZyBvZiBuYXZCYXJNZW51Q29uZmlnLm1lbnVzXCJcbiAgICAgIFtjb25maWddPVwibWVudUNvbmZpZ1wiXG4gICAgPjwvcHQtbWVudS1mYW5jeT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { PTNavbarMenuComponent } from './pt-nav-bar-menu.component';
|
4
|
+
import { RouterModule } from '@angular/router';
|
5
|
+
import { PTMenuFancyModule } from '../pt-menu-fancy';
|
6
|
+
import * as i0 from "@angular/core";
|
7
|
+
export class PTNavbarMenuModule {
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTNavbarMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PTNavbarMenuModule, declarations: [PTNavbarMenuComponent], imports: [CommonModule, RouterModule, PTMenuFancyModule], exports: [PTNavbarMenuComponent] }); }
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTNavbarMenuModule, imports: [CommonModule, RouterModule, PTMenuFancyModule] }); }
|
11
|
+
}
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTNavbarMenuModule, decorators: [{
|
13
|
+
type: NgModule,
|
14
|
+
args: [{
|
15
|
+
declarations: [PTNavbarMenuComponent],
|
16
|
+
imports: [CommonModule, RouterModule, PTMenuFancyModule],
|
17
|
+
exports: [PTNavbarMenuComponent],
|
18
|
+
}]
|
19
|
+
}] });
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbmF2LWJhci1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtbmF2LWJhci1tZW51L3B0LW5hdi1iYXItbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQU9yRCxNQUFNLE9BQU8sa0JBQWtCOytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFKZCxxQkFBcUIsYUFDMUIsWUFBWSxFQUFFLFlBQVksRUFBRSxpQkFBaUIsYUFDN0MscUJBQXFCO2dIQUVwQixrQkFBa0IsWUFIbkIsWUFBWSxFQUFFLFlBQVksRUFBRSxpQkFBaUI7OzRGQUc1QyxrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsaUJBQWlCLENBQUM7b0JBQ3hELE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUFROYXZiYXJNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9wdC1uYXYtYmFyLW1lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBQVE1lbnVGYW5jeU1vZHVsZSB9IGZyb20gJy4uL3B0LW1lbnUtZmFuY3knO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtQVE5hdmJhck1lbnVDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIFBUTWVudUZhbmN5TW9kdWxlXSxcbiAgZXhwb3J0czogW1BUTmF2YmFyTWVudUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBUTmF2YmFyTWVudU1vZHVsZSB7fVxuIl19
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export * from './pt-nav-bar-menu.component';
|
2
|
+
export * from './pt-nav-bar-menu.module';
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtbmF2LWJhci1tZW51L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdC1uYXYtYmFyLW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcHQtbmF2LWJhci1tZW51Lm1vZHVsZSc7XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './public-api';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LXBhZ2Utc2tlbGV0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
@@ -0,0 +1,53 @@
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@angular/common";
|
4
|
+
import * as i2 from "../pt-nav-bar-menu/pt-nav-bar-menu.component";
|
5
|
+
import * as i3 from "../pt-card/pt-card.component";
|
6
|
+
import * as i4 from "../pt-side-bar-menu/pt-side-bar-menu.component";
|
7
|
+
import * as i5 from "@angular/router";
|
8
|
+
import * as i6 from "../pt-footer/pt-footer.component";
|
9
|
+
import * as i7 from "../pt-bread-crumb/pt-bread-crumb.component";
|
10
|
+
export class PTPageSkeletonComponent {
|
11
|
+
constructor() {
|
12
|
+
this.toggleSidebar = new EventEmitter();
|
13
|
+
this.isSidebarVisible = true;
|
14
|
+
}
|
15
|
+
ngOnInit() {
|
16
|
+
this.initializeBackgroundCardConfig();
|
17
|
+
this.initializeContentCardConfig();
|
18
|
+
}
|
19
|
+
onToggleSidebar() {
|
20
|
+
this.isSidebarVisible = !this.isSidebarVisible;
|
21
|
+
this.toggleSidebar.emit();
|
22
|
+
}
|
23
|
+
// Initialize backgroundCardConfig with default values
|
24
|
+
initializeBackgroundCardConfig() {
|
25
|
+
this.pageSkeletonConfig.backgroundCardConfig = {
|
26
|
+
noBorder: this.pageSkeletonConfig.backgroundCardConfig?.noBorder ?? true,
|
27
|
+
backgroundColor: this.pageSkeletonConfig.backgroundCardConfig?.backgroundColor || '#fff',
|
28
|
+
padding: this.pageSkeletonConfig.backgroundCardConfig?.padding || '20px',
|
29
|
+
margin: this.pageSkeletonConfig.backgroundCardConfig?.margin || '10px',
|
30
|
+
...this.pageSkeletonConfig.backgroundCardConfig,
|
31
|
+
};
|
32
|
+
}
|
33
|
+
// Initialize contentCardConfig with default values (if necessary)
|
34
|
+
initializeContentCardConfig() {
|
35
|
+
this.pageSkeletonConfig.contentCardConfig = {
|
36
|
+
noBorder: this.pageSkeletonConfig.contentCardConfig?.noBorder ?? false,
|
37
|
+
backgroundColor: this.pageSkeletonConfig.contentCardConfig?.backgroundColor || '#f0f0f0',
|
38
|
+
padding: this.pageSkeletonConfig.contentCardConfig?.padding || '15px',
|
39
|
+
...this.pageSkeletonConfig.contentCardConfig,
|
40
|
+
};
|
41
|
+
}
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTPageSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTPageSkeletonComponent, selector: "pt-page-skeleton", inputs: { pageSkeletonConfig: "pageSkeletonConfig" }, outputs: { toggleSidebar: "toggleSidebar" }, ngImport: i0, template: "<pt-card [config]=\"pageSkeletonConfig.backgroundCardConfig!\">\n <!-- Navbar -->\n <pt-nav-bar-menu\n [navBarMenuConfig]=\"pageSkeletonConfig.navBarMenuConfig\"\n (toggleSidebar)=\"onToggleSidebar()\"\n ></pt-nav-bar-menu>\n\n <div class=\"main-content\">\n <!-- Sidebar (use *ngIf to toggle visibility) -->\n <pt-side-bar-menu\n *ngIf=\"isSidebarVisible\"\n [menuConfig]=\"pageSkeletonConfig.sideMenuBarConfig\"\n class=\"sidebar\"\n ></pt-side-bar-menu>\n\n <!-- Main View Area -->\n <div class=\"content-area\" [ngClass]=\"{ 'full-width': !isSidebarVisible }\">\n <!-- Content Card Wrapper -->\n <pt-card [config]=\"pageSkeletonConfig.contentCardConfig\">\n <!-- Breadcrumb -->\n <pt-bread-crumb\n *ngIf=\"pageSkeletonConfig.breadCrumbConfig\"\n [breadCrumbConfig]=\"pageSkeletonConfig.breadCrumbConfig\"\n class=\"bread-crumb\"\n ></pt-bread-crumb>\n\n <!-- Background Card -->\n\n <router-outlet></router-outlet>\n </pt-card>\n </div>\n </div>\n\n <!-- Footer -->\n <pt-footer\n *ngIf=\"pageSkeletonConfig.footerConfig\"\n [footerConfig]=\"pageSkeletonConfig.footerConfig\"\n class=\"pt-footer\"\n ></pt-footer>\n</pt-card>\n", styles: [".bread-crumb{margin-bottom:15px}.app-container{display:flex;flex-direction:column;height:100vh}.main-content{display:flex;flex-grow:1;transition:all .3s ease-in-out}.content-area{flex-grow:1;display:flex;justify-content:center;align-items:flex-start;transition:all .3s ease-in-out;margin-left:14px;width:100%;overflow-x:hidden}.sidebar{width:300px;transition:all .3s ease-in-out}.content-area.full-width{margin-left:0;width:100%}pt-card{width:100%;height:100%;max-width:100%;overflow:hidden}pt-card .card-body-scrollable{overflow-x:auto}.pt-footer{margin-top:0}.footer-card{width:100%;background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PTNavbarMenuComponent, selector: "pt-nav-bar-menu", inputs: ["navBarMenuConfig"], outputs: ["toggleSidebar"] }, { kind: "component", type: i3.PTCardComponent, selector: "pt-card", inputs: ["config"] }, { kind: "component", type: i4.PTSideBarMenuComponent, selector: "pt-side-bar-menu", inputs: ["menuConfig"] }, { kind: "directive", type: i5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i6.PTFooterComponent, selector: "pt-footer", inputs: ["footerConfig"] }, { kind: "component", type: i7.PTBreadCrumbComponent, selector: "pt-bread-crumb", inputs: ["breadCrumbConfig"] }] }); }
|
44
|
+
}
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTPageSkeletonComponent, decorators: [{
|
46
|
+
type: Component,
|
47
|
+
args: [{ selector: 'pt-page-skeleton', template: "<pt-card [config]=\"pageSkeletonConfig.backgroundCardConfig!\">\n <!-- Navbar -->\n <pt-nav-bar-menu\n [navBarMenuConfig]=\"pageSkeletonConfig.navBarMenuConfig\"\n (toggleSidebar)=\"onToggleSidebar()\"\n ></pt-nav-bar-menu>\n\n <div class=\"main-content\">\n <!-- Sidebar (use *ngIf to toggle visibility) -->\n <pt-side-bar-menu\n *ngIf=\"isSidebarVisible\"\n [menuConfig]=\"pageSkeletonConfig.sideMenuBarConfig\"\n class=\"sidebar\"\n ></pt-side-bar-menu>\n\n <!-- Main View Area -->\n <div class=\"content-area\" [ngClass]=\"{ 'full-width': !isSidebarVisible }\">\n <!-- Content Card Wrapper -->\n <pt-card [config]=\"pageSkeletonConfig.contentCardConfig\">\n <!-- Breadcrumb -->\n <pt-bread-crumb\n *ngIf=\"pageSkeletonConfig.breadCrumbConfig\"\n [breadCrumbConfig]=\"pageSkeletonConfig.breadCrumbConfig\"\n class=\"bread-crumb\"\n ></pt-bread-crumb>\n\n <!-- Background Card -->\n\n <router-outlet></router-outlet>\n </pt-card>\n </div>\n </div>\n\n <!-- Footer -->\n <pt-footer\n *ngIf=\"pageSkeletonConfig.footerConfig\"\n [footerConfig]=\"pageSkeletonConfig.footerConfig\"\n class=\"pt-footer\"\n ></pt-footer>\n</pt-card>\n", styles: [".bread-crumb{margin-bottom:15px}.app-container{display:flex;flex-direction:column;height:100vh}.main-content{display:flex;flex-grow:1;transition:all .3s ease-in-out}.content-area{flex-grow:1;display:flex;justify-content:center;align-items:flex-start;transition:all .3s ease-in-out;margin-left:14px;width:100%;overflow-x:hidden}.sidebar{width:300px;transition:all .3s ease-in-out}.content-area.full-width{margin-left:0;width:100%}pt-card{width:100%;height:100%;max-width:100%;overflow:hidden}pt-card .card-body-scrollable{overflow-x:auto}.pt-footer{margin-top:0}.footer-card{width:100%;background-color:transparent}\n"] }]
|
48
|
+
}], propDecorators: { pageSkeletonConfig: [{
|
49
|
+
type: Input
|
50
|
+
}], toggleSidebar: [{
|
51
|
+
type: Output
|
52
|
+
}] } });
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtcGFnZS1za2VsZXRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LXBhZ2Utc2tlbGV0b24vcHQtcGFnZS1za2VsZXRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LXBhZ2Utc2tlbGV0b24vcHQtcGFnZS1za2VsZXRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFRL0UsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU9ZLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdkUscUJBQWdCLEdBQVksSUFBSSxDQUFDO0tBa0NsQztJQWhDQyxRQUFRO1FBQ04sSUFBSSxDQUFDLDhCQUE4QixFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLDJCQUEyQixFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDL0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsc0RBQXNEO0lBQ3RELDhCQUE4QjtRQUM1QixJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLEdBQUc7WUFDN0MsUUFBUSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxRQUFRLElBQUksSUFBSTtZQUN4RSxlQUFlLEVBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixFQUFFLGVBQWUsSUFBSSxNQUFNO1lBQ3pFLE9BQU8sRUFBRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxJQUFJLE1BQU07WUFDeEUsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsRUFBRSxNQUFNLElBQUksTUFBTTtZQUN0RSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0I7U0FDaEQsQ0FBQztJQUNKLENBQUM7SUFFRCxrRUFBa0U7SUFDbEUsMkJBQTJCO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxpQkFBaUIsR0FBRztZQUMxQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGlCQUFpQixFQUFFLFFBQVEsSUFBSSxLQUFLO1lBQ3RFLGVBQWUsRUFDYixJQUFJLENBQUMsa0JBQWtCLENBQUMsaUJBQWlCLEVBQUUsZUFBZSxJQUFJLFNBQVM7WUFDekUsT0FBTyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxpQkFBaUIsRUFBRSxPQUFPLElBQUksTUFBTTtZQUNyRSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxpQkFBaUI7U0FDN0MsQ0FBQztJQUNKLENBQUM7K0dBckNVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDJKQ1JwQyxrdkNBd0NBOzs0RkRoQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFLbkIsa0JBQWtCO3NCQUExQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlU2tlbGV0b25Db25maWcsIENhcmRDb25maWcgfSBmcm9tICcuLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwdC1wYWdlLXNrZWxldG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3B0LXBhZ2Utc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wdC1wYWdlLXNrZWxldG9uLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUFRQYWdlU2tlbGV0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBwYWdlU2tlbGV0b25Db25maWchOiBQYWdlU2tlbGV0b25Db25maWc7XG4gIEBPdXRwdXQoKSB0b2dnbGVTaWRlYmFyOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgaXNTaWRlYmFyVmlzaWJsZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pbml0aWFsaXplQmFja2dyb3VuZENhcmRDb25maWcoKTtcbiAgICB0aGlzLmluaXRpYWxpemVDb250ZW50Q2FyZENvbmZpZygpO1xuICB9XG5cbiAgb25Ub2dnbGVTaWRlYmFyKCk6IHZvaWQge1xuICAgIHRoaXMuaXNTaWRlYmFyVmlzaWJsZSA9ICF0aGlzLmlzU2lkZWJhclZpc2libGU7XG4gICAgdGhpcy50b2dnbGVTaWRlYmFyLmVtaXQoKTtcbiAgfVxuXG4gIC8vIEluaXRpYWxpemUgYmFja2dyb3VuZENhcmRDb25maWcgd2l0aCBkZWZhdWx0IHZhbHVlc1xuICBpbml0aWFsaXplQmFja2dyb3VuZENhcmRDb25maWcoKSB7XG4gICAgdGhpcy5wYWdlU2tlbGV0b25Db25maWcuYmFja2dyb3VuZENhcmRDb25maWcgPSB7XG4gICAgICBub0JvcmRlcjogdGhpcy5wYWdlU2tlbGV0b25Db25maWcuYmFja2dyb3VuZENhcmRDb25maWc/Lm5vQm9yZGVyID8/IHRydWUsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgIHRoaXMucGFnZVNrZWxldG9uQ29uZmlnLmJhY2tncm91bmRDYXJkQ29uZmlnPy5iYWNrZ3JvdW5kQ29sb3IgfHwgJyNmZmYnLFxuICAgICAgcGFkZGluZzogdGhpcy5wYWdlU2tlbGV0b25Db25maWcuYmFja2dyb3VuZENhcmRDb25maWc/LnBhZGRpbmcgfHwgJzIwcHgnLFxuICAgICAgbWFyZ2luOiB0aGlzLnBhZ2VTa2VsZXRvbkNvbmZpZy5iYWNrZ3JvdW5kQ2FyZENvbmZpZz8ubWFyZ2luIHx8ICcxMHB4JyxcbiAgICAgIC4uLnRoaXMucGFnZVNrZWxldG9uQ29uZmlnLmJhY2tncm91bmRDYXJkQ29uZmlnLFxuICAgIH07XG4gIH1cblxuICAvLyBJbml0aWFsaXplIGNvbnRlbnRDYXJkQ29uZmlnIHdpdGggZGVmYXVsdCB2YWx1ZXMgKGlmIG5lY2Vzc2FyeSlcbiAgaW5pdGlhbGl6ZUNvbnRlbnRDYXJkQ29uZmlnKCkge1xuICAgIHRoaXMucGFnZVNrZWxldG9uQ29uZmlnLmNvbnRlbnRDYXJkQ29uZmlnID0ge1xuICAgICAgbm9Cb3JkZXI6IHRoaXMucGFnZVNrZWxldG9uQ29uZmlnLmNvbnRlbnRDYXJkQ29uZmlnPy5ub0JvcmRlciA/PyBmYWxzZSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgdGhpcy5wYWdlU2tlbGV0b25Db25maWcuY29udGVudENhcmRDb25maWc/LmJhY2tncm91bmRDb2xvciB8fCAnI2YwZjBmMCcsXG4gICAgICBwYWRkaW5nOiB0aGlzLnBhZ2VTa2VsZXRvbkNvbmZpZy5jb250ZW50Q2FyZENvbmZpZz8ucGFkZGluZyB8fCAnMTVweCcsXG4gICAgICAuLi50aGlzLnBhZ2VTa2VsZXRvbkNvbmZpZy5jb250ZW50Q2FyZENvbmZpZyxcbiAgICB9O1xuICB9XG59XG4iLCI8cHQtY2FyZCBbY29uZmlnXT1cInBhZ2VTa2VsZXRvbkNvbmZpZy5iYWNrZ3JvdW5kQ2FyZENvbmZpZyFcIj5cbiAgPCEtLSBOYXZiYXIgLS0+XG4gIDxwdC1uYXYtYmFyLW1lbnVcbiAgICBbbmF2QmFyTWVudUNvbmZpZ109XCJwYWdlU2tlbGV0b25Db25maWcubmF2QmFyTWVudUNvbmZpZ1wiXG4gICAgKHRvZ2dsZVNpZGViYXIpPVwib25Ub2dnbGVTaWRlYmFyKClcIlxuICA+PC9wdC1uYXYtYmFyLW1lbnU+XG5cbiAgPGRpdiBjbGFzcz1cIm1haW4tY29udGVudFwiPlxuICAgIDwhLS0gU2lkZWJhciAodXNlICpuZ0lmIHRvIHRvZ2dsZSB2aXNpYmlsaXR5KSAtLT5cbiAgICA8cHQtc2lkZS1iYXItbWVudVxuICAgICAgKm5nSWY9XCJpc1NpZGViYXJWaXNpYmxlXCJcbiAgICAgIFttZW51Q29uZmlnXT1cInBhZ2VTa2VsZXRvbkNvbmZpZy5zaWRlTWVudUJhckNvbmZpZ1wiXG4gICAgICBjbGFzcz1cInNpZGViYXJcIlxuICAgID48L3B0LXNpZGUtYmFyLW1lbnU+XG5cbiAgICA8IS0tIE1haW4gVmlldyBBcmVhIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWFyZWFcIiBbbmdDbGFzc109XCJ7ICdmdWxsLXdpZHRoJzogIWlzU2lkZWJhclZpc2libGUgfVwiPlxuICAgICAgPCEtLSBDb250ZW50IENhcmQgV3JhcHBlciAtLT5cbiAgICAgIDxwdC1jYXJkIFtjb25maWddPVwicGFnZVNrZWxldG9uQ29uZmlnLmNvbnRlbnRDYXJkQ29uZmlnXCI+XG4gICAgICAgIDwhLS0gQnJlYWRjcnVtYiAtLT5cbiAgICAgICAgPHB0LWJyZWFkLWNydW1iXG4gICAgICAgICAgKm5nSWY9XCJwYWdlU2tlbGV0b25Db25maWcuYnJlYWRDcnVtYkNvbmZpZ1wiXG4gICAgICAgICAgW2JyZWFkQ3J1bWJDb25maWddPVwicGFnZVNrZWxldG9uQ29uZmlnLmJyZWFkQ3J1bWJDb25maWdcIlxuICAgICAgICAgIGNsYXNzPVwiYnJlYWQtY3J1bWJcIlxuICAgICAgICA+PC9wdC1icmVhZC1jcnVtYj5cblxuICAgICAgICA8IS0tIEJhY2tncm91bmQgQ2FyZCAtLT5cblxuICAgICAgICA8cm91dGVyLW91dGxldD48L3JvdXRlci1vdXRsZXQ+XG4gICAgICA8L3B0LWNhcmQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDwhLS0gRm9vdGVyIC0tPlxuICA8cHQtZm9vdGVyXG4gICAgKm5nSWY9XCJwYWdlU2tlbGV0b25Db25maWcuZm9vdGVyQ29uZmlnXCJcbiAgICBbZm9vdGVyQ29uZmlnXT1cInBhZ2VTa2VsZXRvbkNvbmZpZy5mb290ZXJDb25maWdcIlxuICAgIGNsYXNzPVwicHQtZm9vdGVyXCJcbiAgPjwvcHQtZm9vdGVyPlxuPC9wdC1jYXJkPlxuIl19
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { PTPageSkeletonComponent } from './pt-page-skeleton.component';
|
4
|
+
import { PTNavbarMenuModule } from '../pt-nav-bar-menu';
|
5
|
+
import { PTCardModule } from '../pt-card';
|
6
|
+
import { PTSideBarMenuModule } from '../pt-side-bar-menu';
|
7
|
+
import { RouterModule } from '@angular/router';
|
8
|
+
import { PTFooterModule } from '../pt-footer';
|
9
|
+
import { PTBreadCrumbModule } from '../pt-bread-crumb';
|
10
|
+
import * as i0 from "@angular/core";
|
11
|
+
export class PTPageSkeletonModule {
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTPageSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
13
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PTPageSkeletonModule, declarations: [PTPageSkeletonComponent], imports: [CommonModule,
|
14
|
+
PTNavbarMenuModule,
|
15
|
+
PTCardModule,
|
16
|
+
PTSideBarMenuModule,
|
17
|
+
RouterModule,
|
18
|
+
PTFooterModule,
|
19
|
+
PTBreadCrumbModule], exports: [PTPageSkeletonComponent] }); }
|
20
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTPageSkeletonModule, imports: [CommonModule,
|
21
|
+
PTNavbarMenuModule,
|
22
|
+
PTCardModule,
|
23
|
+
PTSideBarMenuModule,
|
24
|
+
RouterModule,
|
25
|
+
PTFooterModule,
|
26
|
+
PTBreadCrumbModule] }); }
|
27
|
+
}
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTPageSkeletonModule, decorators: [{
|
29
|
+
type: NgModule,
|
30
|
+
args: [{
|
31
|
+
declarations: [PTPageSkeletonComponent],
|
32
|
+
imports: [
|
33
|
+
CommonModule,
|
34
|
+
PTNavbarMenuModule,
|
35
|
+
PTCardModule,
|
36
|
+
PTSideBarMenuModule,
|
37
|
+
RouterModule,
|
38
|
+
PTFooterModule,
|
39
|
+
PTBreadCrumbModule,
|
40
|
+
],
|
41
|
+
exports: [PTPageSkeletonComponent],
|
42
|
+
}]
|
43
|
+
}] });
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtcGFnZS1za2VsZXRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LXBhZ2Utc2tlbGV0b24vcHQtcGFnZS1za2VsZXRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM5QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFldkQsTUFBTSxPQUFPLG9CQUFvQjsrR0FBcEIsb0JBQW9CO2dIQUFwQixvQkFBb0IsaUJBWmhCLHVCQUF1QixhQUVwQyxZQUFZO1lBQ1osa0JBQWtCO1lBQ2xCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGNBQWM7WUFDZCxrQkFBa0IsYUFFVix1QkFBdUI7Z0hBRXRCLG9CQUFvQixZQVY3QixZQUFZO1lBQ1osa0JBQWtCO1lBQ2xCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGNBQWM7WUFDZCxrQkFBa0I7OzRGQUlULG9CQUFvQjtrQkFiaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDdkMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osa0JBQWtCO3dCQUNsQixZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQVFBhZ2VTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4vcHQtcGFnZS1za2VsZXRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUFROYXZiYXJNZW51TW9kdWxlIH0gZnJvbSAnLi4vcHQtbmF2LWJhci1tZW51JztcbmltcG9ydCB7IFBUQ2FyZE1vZHVsZSB9IGZyb20gJy4uL3B0LWNhcmQnO1xuaW1wb3J0IHsgUFRTaWRlQmFyTWVudU1vZHVsZSB9IGZyb20gJy4uL3B0LXNpZGUtYmFyLW1lbnUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFBURm9vdGVyTW9kdWxlIH0gZnJvbSAnLi4vcHQtZm9vdGVyJztcbmltcG9ydCB7IFBUQnJlYWRDcnVtYk1vZHVsZSB9IGZyb20gJy4uL3B0LWJyZWFkLWNydW1iJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUFRQYWdlU2tlbGV0b25Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFBUTmF2YmFyTWVudU1vZHVsZSxcbiAgICBQVENhcmRNb2R1bGUsXG4gICAgUFRTaWRlQmFyTWVudU1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUFRGb290ZXJNb2R1bGUsXG4gICAgUFRCcmVhZENydW1iTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbUFRQYWdlU2tlbGV0b25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQVFBhZ2VTa2VsZXRvbk1vZHVsZSB7fVxuIl19
|