@kris701/ez-ui 1.1.0 → 1.1.1
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.
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, signal, Output, Input, Component, ViewChild, ContentChild, Directive } from '@angular/core';
|
|
2
|
+
import { EventEmitter, signal, Output, Input, Component, ViewChild, ContentChild, Directive, inject } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/forms';
|
|
4
4
|
import { FormsModule } from '@angular/forms';
|
|
5
5
|
import * as i3$3 from '@taiga-ui/addon-mobile';
|
|
6
6
|
import { TuiDropdownSheet } from '@taiga-ui/addon-mobile';
|
|
7
7
|
import { TuiDay, TuiTime } from '@taiga-ui/cdk/date-time';
|
|
8
8
|
import * as i3$1 from '@taiga-ui/core';
|
|
9
|
-
import { TuiInput, TuiButton, TuiDropdown, TuiOption, TuiGroup, TuiScrollbar, TuiSelectLike, TuiDataList, TuiTextfield, TuiIcon, TuiHint, TuiLoader } from '@taiga-ui/core';
|
|
9
|
+
import { TuiInput, TuiButton, TuiDropdown, TuiOption, TuiGroup, TuiScrollbar, TuiSelectLike, TuiDataList, TuiTextfield, TuiIcon, TuiHint, TuiLoader, TUI_DARK_MODE, TuiRoot } from '@taiga-ui/core';
|
|
10
10
|
import * as i4$1 from '@taiga-ui/kit';
|
|
11
11
|
import { TuiInputDate, TuiInputDateTime, TuiFiles, TuiChevron, TuiTextarea, TuiMultiSelect, TuiInputNumber, TuiInputChip, TuiPassword, TuiBadge, TuiStatus, TuiDataListWrapper, TuiButtonSelect, TuiBadgeNotification, TuiStringifyContentPipe, TuiBadgedContent, TUI_CONFIRM } from '@taiga-ui/kit';
|
|
12
12
|
import * as i2 from '@taiga-ui/core/components/label';
|
|
@@ -21,10 +21,12 @@ import * as i7 from '@taiga-ui/cdk/directives/item';
|
|
|
21
21
|
import * as i3$2 from '@taiga-ui/addon-table';
|
|
22
22
|
import { TuiTablePagination, TuiTable } from '@taiga-ui/addon-table';
|
|
23
23
|
import * as i4$2 from '@taiga-ui/layout';
|
|
24
|
-
import { TuiBlockStatus } from '@taiga-ui/layout';
|
|
24
|
+
import { TuiBlockStatus, TuiNavigation, TuiAsideGroupComponent } from '@taiga-ui/layout';
|
|
25
25
|
import { v4 } from 'uuid';
|
|
26
26
|
import { firstValueFrom, switchMap } from 'rxjs';
|
|
27
27
|
import * as i1$1 from '@angular/common/http';
|
|
28
|
+
import * as i3$4 from '@angular/router';
|
|
29
|
+
import { RouterLink, NavigationEnd, RouterModule } from '@angular/router';
|
|
28
30
|
|
|
29
31
|
class EzUIDateInput {
|
|
30
32
|
icon = '';
|
|
@@ -4592,11 +4594,374 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
4592
4594
|
type: Directive
|
|
4593
4595
|
}], ctorParameters: () => [{ type: i1$1.HttpClient }] });
|
|
4594
4596
|
|
|
4597
|
+
class EzUISideBarItem {
|
|
4598
|
+
item;
|
|
4599
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUISideBarItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4600
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: EzUISideBarItem, isStandalone: true, selector: "ezui-sidebar-item", inputs: { item: "item" }, ngImport: i0, template: `
|
|
4601
|
+
@if(item && item.visible){
|
|
4602
|
+
@if(item.items && item.items.length > 0){
|
|
4603
|
+
<tui-aside-group [(open)]="item.expanded">
|
|
4604
|
+
<button
|
|
4605
|
+
[iconStart]="item.icon"
|
|
4606
|
+
tuiAsideItem
|
|
4607
|
+
tuiChevron
|
|
4608
|
+
type="button"
|
|
4609
|
+
>
|
|
4610
|
+
{{item.label}}
|
|
4611
|
+
|
|
4612
|
+
<ng-template>
|
|
4613
|
+
@for(subitem of item.items; track subitem){
|
|
4614
|
+
<ezui-sidebar-item [item]="subitem"/>
|
|
4615
|
+
}
|
|
4616
|
+
</ng-template>
|
|
4617
|
+
</button>
|
|
4618
|
+
</tui-aside-group>
|
|
4619
|
+
}
|
|
4620
|
+
@else {
|
|
4621
|
+
<button
|
|
4622
|
+
[iconStart]="item.icon"
|
|
4623
|
+
tuiAsideItem
|
|
4624
|
+
type="button"
|
|
4625
|
+
[routerLinkActiveOptions]="{ exact:true }"
|
|
4626
|
+
[routerLink]="item.routerLink"
|
|
4627
|
+
[queryParams]="item.queryParams"
|
|
4628
|
+
(click)="item.command && item.command()"
|
|
4629
|
+
>
|
|
4630
|
+
{{item.label}}
|
|
4631
|
+
</button>
|
|
4632
|
+
}
|
|
4633
|
+
}
|
|
4634
|
+
`, isInline: true, dependencies: [{ kind: "component", type: EzUISideBarItem, selector: "ezui-sidebar-item", inputs: ["item"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: i4$2.TuiAsideGroupComponent, selector: "tui-aside-group", inputs: ["open"], outputs: ["openChange"] }, { kind: "directive", type: i4$2.TuiAsideItemDirective, selector: "[tuiAsideItem]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
4635
|
+
}
|
|
4636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUISideBarItem, decorators: [{
|
|
4637
|
+
type: Component,
|
|
4638
|
+
args: [{
|
|
4639
|
+
selector: 'ezui-sidebar-item',
|
|
4640
|
+
standalone: true,
|
|
4641
|
+
imports: [CommonModule, RouterLink, TuiNavigation, TuiAsideGroupComponent, TuiChevron],
|
|
4642
|
+
template: `
|
|
4643
|
+
@if(item && item.visible){
|
|
4644
|
+
@if(item.items && item.items.length > 0){
|
|
4645
|
+
<tui-aside-group [(open)]="item.expanded">
|
|
4646
|
+
<button
|
|
4647
|
+
[iconStart]="item.icon"
|
|
4648
|
+
tuiAsideItem
|
|
4649
|
+
tuiChevron
|
|
4650
|
+
type="button"
|
|
4651
|
+
>
|
|
4652
|
+
{{item.label}}
|
|
4653
|
+
|
|
4654
|
+
<ng-template>
|
|
4655
|
+
@for(subitem of item.items; track subitem){
|
|
4656
|
+
<ezui-sidebar-item [item]="subitem"/>
|
|
4657
|
+
}
|
|
4658
|
+
</ng-template>
|
|
4659
|
+
</button>
|
|
4660
|
+
</tui-aside-group>
|
|
4661
|
+
}
|
|
4662
|
+
@else {
|
|
4663
|
+
<button
|
|
4664
|
+
[iconStart]="item.icon"
|
|
4665
|
+
tuiAsideItem
|
|
4666
|
+
type="button"
|
|
4667
|
+
[routerLinkActiveOptions]="{ exact:true }"
|
|
4668
|
+
[routerLink]="item.routerLink"
|
|
4669
|
+
[queryParams]="item.queryParams"
|
|
4670
|
+
(click)="item.command && item.command()"
|
|
4671
|
+
>
|
|
4672
|
+
{{item.label}}
|
|
4673
|
+
</button>
|
|
4674
|
+
}
|
|
4675
|
+
}
|
|
4676
|
+
`
|
|
4677
|
+
}]
|
|
4678
|
+
}], propDecorators: { item: [{
|
|
4679
|
+
type: Input
|
|
4680
|
+
}] } });
|
|
4681
|
+
|
|
4682
|
+
class EzUILayoutService {
|
|
4683
|
+
darkMode = inject(TUI_DARK_MODE);
|
|
4684
|
+
isDarkMode = signal(true, /* @ts-ignore */
|
|
4685
|
+
...(ngDevMode ? [{ debugName: "isDarkMode" }] : /* istanbul ignore next */ []));
|
|
4686
|
+
isDesktop = signal(true, /* @ts-ignore */
|
|
4687
|
+
...(ngDevMode ? [{ debugName: "isDesktop" }] : /* istanbul ignore next */ []));
|
|
4688
|
+
isMenuExpanded = signal(false, /* @ts-ignore */
|
|
4689
|
+
...(ngDevMode ? [{ debugName: "isMenuExpanded" }] : /* istanbul ignore next */ []));
|
|
4690
|
+
constructor() {
|
|
4691
|
+
const existing = localStorage.getItem("state");
|
|
4692
|
+
if (existing) {
|
|
4693
|
+
var state = JSON.parse(existing);
|
|
4694
|
+
this.isDarkMode.set(state.isDarkMode);
|
|
4695
|
+
this.isDesktop.set(state.isDesktop);
|
|
4696
|
+
this.isMenuExpanded.set(state.isMenuExpanded);
|
|
4697
|
+
}
|
|
4698
|
+
let isDesktop = this.isDesktop();
|
|
4699
|
+
let isMenuExpanded = this.isMenuExpanded();
|
|
4700
|
+
isDesktop = window.innerWidth > 991;
|
|
4701
|
+
if (isMenuExpanded) {
|
|
4702
|
+
if (!isDesktop)
|
|
4703
|
+
isMenuExpanded = false;
|
|
4704
|
+
}
|
|
4705
|
+
this.isDesktop.set(isDesktop);
|
|
4706
|
+
this.isMenuExpanded.set(isMenuExpanded);
|
|
4707
|
+
this.darkMode.update((dark) => this.isDarkMode());
|
|
4708
|
+
}
|
|
4709
|
+
ToggleDarkMode() {
|
|
4710
|
+
let isDarkMode = this.isDarkMode();
|
|
4711
|
+
this.darkMode.update((dark) => !isDarkMode);
|
|
4712
|
+
isDarkMode = !isDarkMode;
|
|
4713
|
+
this.isDarkMode.set(isDarkMode);
|
|
4714
|
+
this.saveState();
|
|
4715
|
+
}
|
|
4716
|
+
ToggleMenu() {
|
|
4717
|
+
let isMenuExpanded = this.isMenuExpanded();
|
|
4718
|
+
isMenuExpanded = !isMenuExpanded;
|
|
4719
|
+
this.isMenuExpanded.set(isMenuExpanded);
|
|
4720
|
+
this.saveState();
|
|
4721
|
+
}
|
|
4722
|
+
SetMenu(to) {
|
|
4723
|
+
let isMenuExpanded = this.isMenuExpanded();
|
|
4724
|
+
isMenuExpanded = to;
|
|
4725
|
+
this.isMenuExpanded.set(isMenuExpanded);
|
|
4726
|
+
this.saveState();
|
|
4727
|
+
}
|
|
4728
|
+
saveState() {
|
|
4729
|
+
localStorage.setItem("state", JSON.stringify({
|
|
4730
|
+
isDarkMode: this.isDarkMode(),
|
|
4731
|
+
isDesktop: this.isDesktop(),
|
|
4732
|
+
isMenuExpanded: this.isMenuExpanded(),
|
|
4733
|
+
}));
|
|
4734
|
+
}
|
|
4735
|
+
}
|
|
4736
|
+
|
|
4737
|
+
class EzUISideBar {
|
|
4738
|
+
layoutService;
|
|
4739
|
+
layout;
|
|
4740
|
+
router;
|
|
4741
|
+
haveMoved = signal(false, /* @ts-ignore */
|
|
4742
|
+
...(ngDevMode ? [{ debugName: "haveMoved" }] : /* istanbul ignore next */ []));
|
|
4743
|
+
constructor(layoutService, layout, router) {
|
|
4744
|
+
this.layoutService = layoutService;
|
|
4745
|
+
this.layout = layout;
|
|
4746
|
+
this.router = router;
|
|
4747
|
+
router.events.subscribe((val) => {
|
|
4748
|
+
if (val instanceof NavigationEnd)
|
|
4749
|
+
this.initialize();
|
|
4750
|
+
});
|
|
4751
|
+
}
|
|
4752
|
+
initialize() {
|
|
4753
|
+
this.hideEmptySections(this.layout.sidebarItems());
|
|
4754
|
+
this.hideEmptySections(this.layout.sidebarFooterItems());
|
|
4755
|
+
if (!this.haveMoved() && this.router.routerState.snapshot.url == '/')
|
|
4756
|
+
this.gotoFirstPage(this.layout.sidebarItems());
|
|
4757
|
+
this.setActiveRoute(this.layout.sidebarItems());
|
|
4758
|
+
this.setActiveRoute(this.layout.sidebarFooterItems());
|
|
4759
|
+
}
|
|
4760
|
+
hideEmptySections(menu) {
|
|
4761
|
+
menu.forEach((x) => {
|
|
4762
|
+
if (x.items) {
|
|
4763
|
+
this.hideEmptySections(x.items);
|
|
4764
|
+
if (x.items.every((x) => x.visible == false)) {
|
|
4765
|
+
x.visible = false;
|
|
4766
|
+
}
|
|
4767
|
+
;
|
|
4768
|
+
}
|
|
4769
|
+
});
|
|
4770
|
+
}
|
|
4771
|
+
setActiveRoute(menu, parent = null) {
|
|
4772
|
+
menu.forEach((x) => {
|
|
4773
|
+
if (x.routerLink) {
|
|
4774
|
+
if (x.routerLink == this.router.routerState.snapshot.url) {
|
|
4775
|
+
x.expanded = true;
|
|
4776
|
+
if (parent)
|
|
4777
|
+
parent.expanded = true;
|
|
4778
|
+
}
|
|
4779
|
+
}
|
|
4780
|
+
if (x.items)
|
|
4781
|
+
this.setActiveRoute(x.items, x);
|
|
4782
|
+
});
|
|
4783
|
+
}
|
|
4784
|
+
gotoFirstPage(menu) {
|
|
4785
|
+
var first = menu.find((x) => x.visible == true);
|
|
4786
|
+
if (first) {
|
|
4787
|
+
if (first.items) {
|
|
4788
|
+
this.gotoFirstPage(first.items);
|
|
4789
|
+
}
|
|
4790
|
+
else {
|
|
4791
|
+
this.haveMoved.set(true);
|
|
4792
|
+
this.router.navigate([first.routerLink]);
|
|
4793
|
+
}
|
|
4794
|
+
}
|
|
4795
|
+
}
|
|
4796
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUISideBar, deps: [{ token: EzUILayoutService }, { token: EzUILayout }, { token: i3$4.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
4797
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: EzUISideBar, isStandalone: true, selector: "ezui-sidebar", ngImport: i0, template: `
|
|
4798
|
+
<aside
|
|
4799
|
+
style="height:100%"
|
|
4800
|
+
tuitheme=""
|
|
4801
|
+
[tuiNavigationAside]="layoutService.isMenuExpanded()"
|
|
4802
|
+
>
|
|
4803
|
+
@for(item of layout.sidebarItems(); track item){
|
|
4804
|
+
<ezui-sidebar-item [item]="item"/>
|
|
4805
|
+
}
|
|
4806
|
+
|
|
4807
|
+
<footer>
|
|
4808
|
+
@for(item of layout.sidebarFooterItems(); track item){
|
|
4809
|
+
<ezui-sidebar-item [item]="item"/>
|
|
4810
|
+
}
|
|
4811
|
+
</footer>
|
|
4812
|
+
</aside>
|
|
4813
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: i4$2.TuiAsideComponent, selector: "aside[tuiNavigationAside]", inputs: ["tuiNavigationAside"] }, { kind: "component", type: EzUISideBarItem, selector: "ezui-sidebar-item", inputs: ["item"] }] });
|
|
4814
|
+
}
|
|
4815
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUISideBar, decorators: [{
|
|
4816
|
+
type: Component,
|
|
4817
|
+
args: [{
|
|
4818
|
+
selector: 'ezui-sidebar',
|
|
4819
|
+
standalone: true,
|
|
4820
|
+
imports: [CommonModule, TuiNavigation, EzUISideBarItem],
|
|
4821
|
+
template: `
|
|
4822
|
+
<aside
|
|
4823
|
+
style="height:100%"
|
|
4824
|
+
tuitheme=""
|
|
4825
|
+
[tuiNavigationAside]="layoutService.isMenuExpanded()"
|
|
4826
|
+
>
|
|
4827
|
+
@for(item of layout.sidebarItems(); track item){
|
|
4828
|
+
<ezui-sidebar-item [item]="item"/>
|
|
4829
|
+
}
|
|
4830
|
+
|
|
4831
|
+
<footer>
|
|
4832
|
+
@for(item of layout.sidebarFooterItems(); track item){
|
|
4833
|
+
<ezui-sidebar-item [item]="item"/>
|
|
4834
|
+
}
|
|
4835
|
+
</footer>
|
|
4836
|
+
</aside>
|
|
4837
|
+
`
|
|
4838
|
+
}]
|
|
4839
|
+
}], ctorParameters: () => [{ type: EzUILayoutService }, { type: EzUILayout }, { type: i3$4.Router }] });
|
|
4840
|
+
|
|
4841
|
+
class EzUITopBar {
|
|
4842
|
+
layoutService;
|
|
4843
|
+
layout;
|
|
4844
|
+
constructor(layoutService, layout) {
|
|
4845
|
+
this.layoutService = layoutService;
|
|
4846
|
+
this.layout = layout;
|
|
4847
|
+
}
|
|
4848
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUITopBar, deps: [{ token: EzUILayoutService }, { token: EzUILayout }], target: i0.ɵɵFactoryTarget.Component });
|
|
4849
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: EzUITopBar, isStandalone: true, selector: "ezui-topbar", ngImport: i0, template: `
|
|
4850
|
+
<header tuiNavigationHeader tuitheme="">
|
|
4851
|
+
<button
|
|
4852
|
+
type="button"
|
|
4853
|
+
tuiIconButton
|
|
4854
|
+
[iconStart]="layoutService.isMenuExpanded() ? '@tui.chevron-left' : '@tui.chevron-right'"
|
|
4855
|
+
(click)="layoutService.ToggleMenu()"
|
|
4856
|
+
>
|
|
4857
|
+
</button>
|
|
4858
|
+
<span tuiNavigationLogo>
|
|
4859
|
+
<ng-container [ngTemplateOutlet]="layout.topbarlogo"></ng-container>
|
|
4860
|
+
</span>
|
|
4861
|
+
<hr />
|
|
4862
|
+
<button
|
|
4863
|
+
[iconStart]="layoutService.isDarkMode() ? 'moon' : 'sun'"
|
|
4864
|
+
tuiIconButton
|
|
4865
|
+
type="button"
|
|
4866
|
+
(click)="layoutService.ToggleDarkMode()"
|
|
4867
|
+
>
|
|
4868
|
+
</button>
|
|
4869
|
+
|
|
4870
|
+
<ng-container [ngTemplateOutlet]="layout.topbarright"></ng-container>
|
|
4871
|
+
</header>
|
|
4872
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$2.TuiHeaderComponent, selector: "header[tuiNavigationHeader]" }, { kind: "component", type: i4$2.TuiLogoComponent, selector: "[tuiNavigationLogo]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }] });
|
|
4873
|
+
}
|
|
4874
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUITopBar, decorators: [{
|
|
4875
|
+
type: Component,
|
|
4876
|
+
args: [{
|
|
4877
|
+
selector: 'ezui-topbar',
|
|
4878
|
+
standalone: true,
|
|
4879
|
+
imports: [CommonModule, TuiNavigation, TuiButton],
|
|
4880
|
+
template: `
|
|
4881
|
+
<header tuiNavigationHeader tuitheme="">
|
|
4882
|
+
<button
|
|
4883
|
+
type="button"
|
|
4884
|
+
tuiIconButton
|
|
4885
|
+
[iconStart]="layoutService.isMenuExpanded() ? '@tui.chevron-left' : '@tui.chevron-right'"
|
|
4886
|
+
(click)="layoutService.ToggleMenu()"
|
|
4887
|
+
>
|
|
4888
|
+
</button>
|
|
4889
|
+
<span tuiNavigationLogo>
|
|
4890
|
+
<ng-container [ngTemplateOutlet]="layout.topbarlogo"></ng-container>
|
|
4891
|
+
</span>
|
|
4892
|
+
<hr />
|
|
4893
|
+
<button
|
|
4894
|
+
[iconStart]="layoutService.isDarkMode() ? 'moon' : 'sun'"
|
|
4895
|
+
tuiIconButton
|
|
4896
|
+
type="button"
|
|
4897
|
+
(click)="layoutService.ToggleDarkMode()"
|
|
4898
|
+
>
|
|
4899
|
+
</button>
|
|
4900
|
+
|
|
4901
|
+
<ng-container [ngTemplateOutlet]="layout.topbarright"></ng-container>
|
|
4902
|
+
</header>
|
|
4903
|
+
`
|
|
4904
|
+
}]
|
|
4905
|
+
}], ctorParameters: () => [{ type: EzUILayoutService }, { type: EzUILayout }] });
|
|
4906
|
+
|
|
4907
|
+
class EzUILayout {
|
|
4908
|
+
sidebarItems = signal([], /* @ts-ignore */
|
|
4909
|
+
...(ngDevMode ? [{ debugName: "sidebarItems" }] : /* istanbul ignore next */ []));
|
|
4910
|
+
sidebarFooterItems = signal([], /* @ts-ignore */
|
|
4911
|
+
...(ngDevMode ? [{ debugName: "sidebarFooterItems" }] : /* istanbul ignore next */ []));
|
|
4912
|
+
topbarright;
|
|
4913
|
+
topbarlogo;
|
|
4914
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUILayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4915
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: EzUILayout, isStandalone: true, selector: "ezui-layout", inputs: { sidebarItems: "sidebarItems", sidebarFooterItems: "sidebarFooterItems" }, queries: [{ propertyName: "topbarright", first: true, predicate: ["topbarright"], descendants: true }, { propertyName: "topbarlogo", first: true, predicate: ["topbarlogo"], descendants: true }], ngImport: i0, template: `
|
|
4916
|
+
<tui-root class="rootContainer">
|
|
4917
|
+
<div class="layout-wrapper">
|
|
4918
|
+
<ezui-topbar></ezui-topbar>
|
|
4919
|
+
<div class="layout-wrapper-split">
|
|
4920
|
+
<ezui-sidebar></ezui-sidebar>
|
|
4921
|
+
<div class="layout-main-container">
|
|
4922
|
+
<tui-scrollbar class="layout-main">
|
|
4923
|
+
<router-outlet></router-outlet>
|
|
4924
|
+
</tui-scrollbar>
|
|
4925
|
+
</div>
|
|
4926
|
+
</div>
|
|
4927
|
+
</div>
|
|
4928
|
+
</tui-root>
|
|
4929
|
+
`, isInline: true, styles: ["::ng-deep .rootContainer .t-root-content{display:flex;height:100vh;width:100vw}.layout-wrapper{display:flex;flex-direction:column;height:100vh;min-height:100vh;max-height:100vh}.layout-wrapper-split{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden;max-width:100vw}.layout-main-container{display:flex;flex-direction:column;min-height:inherit;max-height:inherit;width:100%;justify-content:space-between;overflow:hidden}.layout-main{flex:1 1 auto;display:flex}::ng-deep .layout-main>.t-content{padding:1rem;display:flex;block-size:auto!important;box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3$4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EzUITopBar, selector: "ezui-topbar" }, { kind: "component", type: EzUISideBar, selector: "ezui-sidebar" }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }, { kind: "component", type: TuiRoot, selector: "tui-root" }] });
|
|
4930
|
+
}
|
|
4931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUILayout, decorators: [{
|
|
4932
|
+
type: Component,
|
|
4933
|
+
args: [{ selector: 'ezui-layout', standalone: true, imports: [CommonModule, RouterModule, EzUITopBar, EzUISideBar, TuiNavigation, TuiScrollbar, TuiRoot], template: `
|
|
4934
|
+
<tui-root class="rootContainer">
|
|
4935
|
+
<div class="layout-wrapper">
|
|
4936
|
+
<ezui-topbar></ezui-topbar>
|
|
4937
|
+
<div class="layout-wrapper-split">
|
|
4938
|
+
<ezui-sidebar></ezui-sidebar>
|
|
4939
|
+
<div class="layout-main-container">
|
|
4940
|
+
<tui-scrollbar class="layout-main">
|
|
4941
|
+
<router-outlet></router-outlet>
|
|
4942
|
+
</tui-scrollbar>
|
|
4943
|
+
</div>
|
|
4944
|
+
</div>
|
|
4945
|
+
</div>
|
|
4946
|
+
</tui-root>
|
|
4947
|
+
`, styles: ["::ng-deep .rootContainer .t-root-content{display:flex;height:100vh;width:100vw}.layout-wrapper{display:flex;flex-direction:column;height:100vh;min-height:100vh;max-height:100vh}.layout-wrapper-split{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden;max-width:100vw}.layout-main-container{display:flex;flex-direction:column;min-height:inherit;max-height:inherit;width:100%;justify-content:space-between;overflow:hidden}.layout-main{flex:1 1 auto;display:flex}::ng-deep .layout-main>.t-content{padding:1rem;display:flex;block-size:auto!important;box-sizing:border-box}\n"] }]
|
|
4948
|
+
}], propDecorators: { sidebarItems: [{
|
|
4949
|
+
type: Input
|
|
4950
|
+
}], sidebarFooterItems: [{
|
|
4951
|
+
type: Input
|
|
4952
|
+
}], topbarright: [{
|
|
4953
|
+
type: ContentChild,
|
|
4954
|
+
args: ['topbarright', { static: false }]
|
|
4955
|
+
}], topbarlogo: [{
|
|
4956
|
+
type: ContentChild,
|
|
4957
|
+
args: ['topbarlogo', { static: false }]
|
|
4958
|
+
}] } });
|
|
4959
|
+
|
|
4595
4960
|
// Components
|
|
4596
4961
|
|
|
4597
4962
|
/**
|
|
4598
4963
|
* Generated bundle index. Do not edit.
|
|
4599
4964
|
*/
|
|
4600
4965
|
|
|
4601
|
-
export { BaseCRUDInterface, BaseListInterface, EzUIDateInput, EzUIDateTimeInput, EzUIFileInput, EzUIFilterHelpers, EzUIIconSelector, EzUIMarkdownEditor, EzUIMenuBar, EzUIMenuBarSubDataList, EzUIMultiSelect, EzUINumberInput, EzUIPasswordInput, EzUITTableSortableColumn, EzUITable, EzUITableDateFilter, EzUITableFilterService, EzUITableSelectFilter, EzUITableTextFilter, EzUITextInput, compressImage };
|
|
4966
|
+
export { BaseCRUDInterface, BaseListInterface, EzUIDateInput, EzUIDateTimeInput, EzUIFileInput, EzUIFilterHelpers, EzUIIconSelector, EzUILayout, EzUILayoutService, EzUIMarkdownEditor, EzUIMenuBar, EzUIMenuBarSubDataList, EzUIMultiSelect, EzUINumberInput, EzUIPasswordInput, EzUITTableSortableColumn, EzUITable, EzUITableDateFilter, EzUITableFilterService, EzUITableSelectFilter, EzUITableTextFilter, EzUITextInput, compressImage };
|
|
4602
4967
|
//# sourceMappingURL=kris701-ez-ui.mjs.map
|