coer-elements 0.0.135 → 0.0.136
Sign up to get free protection for your applications and to get access to all the features.
- package/components/lib/coer-accordion/coer-accordion.component.d.ts +2 -2
- package/components/lib/coer-button/coer-button.component.d.ts +1 -1
- package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +1 -1
- package/components/lib/coer-grid/coer-grid.extension.d.ts +3 -3
- package/components/lib/coer-page-title/coer-page-title.component.d.ts +9 -7
- package/extensions/lib/string.extension.d.ts +2 -0
- package/fesm2022/coer-elements-components.mjs +25 -26
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-extensions.mjs +15 -0
- package/fesm2022/coer-elements-extensions.mjs.map +1 -1
- package/fesm2022/coer-elements-interfaces.mjs.map +1 -1
- package/fesm2022/coer-elements-pages.mjs +4 -5
- package/fesm2022/coer-elements-pages.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +9 -7
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/interfaces/lib/page-title/information.interface.d.ts +4 -0
- package/interfaces/public-api.d.ts +1 -0
- package/package.json +1 -1
- package/styles/coer-elements.css +1 -7
- package/tools/lib/page.class.d.ts +1 -1
- package/tools/lib/section.class.d.ts +1 -1
- package/tools/lib/tools.d.ts +2 -2
|
@@ -11,9 +11,9 @@ export declare class CoerAccordion {
|
|
|
11
11
|
protected IsNotOnlyWhiteSpace: (value: any) => boolean;
|
|
12
12
|
get isExpanded(): boolean;
|
|
13
13
|
get isCollapsed(): boolean;
|
|
14
|
-
/**
|
|
14
|
+
/** */
|
|
15
15
|
Open(): void;
|
|
16
|
-
/**
|
|
16
|
+
/** */
|
|
17
17
|
Close(): void;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerAccordion, never>;
|
|
19
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<CoerAccordion, "coer-accordion", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, never, ["*"], false, never>;
|
|
@@ -7,7 +7,7 @@ export declare class CoerButton implements OnInit, OnDestroy {
|
|
|
7
7
|
private _tooltipElement;
|
|
8
8
|
id: string;
|
|
9
9
|
color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "dark">;
|
|
10
|
-
type: import("@angular/core").InputSignal<"
|
|
10
|
+
type: import("@angular/core").InputSignal<"icon" | "filled" | "outline" | "icon-outline" | "icon-no-border">;
|
|
11
11
|
icon: import("@angular/core").InputSignal<string>;
|
|
12
12
|
iconPosition: import("@angular/core").InputSignal<"left" | "right">;
|
|
13
13
|
path: import("@angular/core").InputSignal<string | (string | number)[]>;
|
|
@@ -14,7 +14,7 @@ export declare class CoerDropdown<T> extends ControlValue implements OnInit {
|
|
|
14
14
|
id: string;
|
|
15
15
|
label: import("@angular/core").InputSignal<string>;
|
|
16
16
|
color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "dark">;
|
|
17
|
-
type: import("@angular/core").InputSignal<"
|
|
17
|
+
type: import("@angular/core").InputSignal<"icon" | "filled" | "outline" | "icon-outline" | "icon-no-border">;
|
|
18
18
|
dataSource: import("@angular/core").InputSignal<T[]>;
|
|
19
19
|
propDisplay: import("@angular/core").InputSignal<string>;
|
|
20
20
|
rowsByPage: import("@angular/core").InputSignal<number>;
|
|
@@ -45,6 +45,8 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
|
|
|
45
45
|
showColumnGrouped: import("@angular/core").InputSignal<boolean>;
|
|
46
46
|
rowsByGroup: import("@angular/core").InputSignal<number>;
|
|
47
47
|
showFooter: import("@angular/core").InputSignal<boolean>;
|
|
48
|
+
enableSort: import("@angular/core").InputSignal<boolean>;
|
|
49
|
+
enableRowFocus: import("@angular/core").InputSignal<boolean>;
|
|
48
50
|
width: import("@angular/core").InputSignal<string>;
|
|
49
51
|
MinWidth: import("@angular/core").InputSignal<string>;
|
|
50
52
|
MaxWidth: import("@angular/core").InputSignal<string>;
|
|
@@ -52,8 +54,6 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
|
|
|
52
54
|
minHeight: import("@angular/core").InputSignal<string>;
|
|
53
55
|
maxHeight: import("@angular/core").InputSignal<string>;
|
|
54
56
|
margin: import("@angular/core").InputSignal<string>;
|
|
55
|
-
enableSort: import("@angular/core").InputSignal<boolean>;
|
|
56
|
-
enableRowFocus: import("@angular/core").InputSignal<boolean>;
|
|
57
57
|
onClickAdd: import("@angular/core").OutputEmitterRef<void>;
|
|
58
58
|
onClickImport: import("@angular/core").OutputEmitterRef<IGridImport<T>>;
|
|
59
59
|
onClickExport: import("@angular/core").OutputEmitterRef<T[]>;
|
|
@@ -105,5 +105,5 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
|
|
|
105
105
|
/** */
|
|
106
106
|
protected ButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showGoButton', data?: any): boolean;
|
|
107
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerGridExtension<any>, never>;
|
|
108
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showColumnGrouped": { "alias": "showColumnGrouped"; "required": false; "isSignal": true; }; "rowsByGroup": { "alias": "rowsByGroup"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showColumnGrouped": { "alias": "showColumnGrouped"; "required": false; "isSignal": true; }; "rowsByGroup": { "alias": "rowsByGroup"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableRowFocus": { "alias": "enableRowFocus"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "MinWidth": { "alias": "MinWidth"; "required": false; "isSignal": true; }; "MaxWidth": { "alias": "MaxWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; }, { "onClickAdd": "onClickAdd"; "onClickImport": "onClickImport"; "onClickExport": "onClickExport"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onSelectboxChange": "onSelectboxChange"; "onCheckboxChange": "onCheckboxChange"; }, never, never, true, never>;
|
|
109
109
|
}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { IBreadcrumb, IGoBack } from 'coer-elements/interfaces';
|
|
1
|
+
import { IBreadcrumb, IGoBack, IInformation } from 'coer-elements/interfaces';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class CoerPageTitle {
|
|
4
|
-
title: string | null
|
|
5
|
-
showNavigation: boolean
|
|
6
|
-
breadcrumbs: IBreadcrumb[]
|
|
7
|
-
goBack: IGoBack
|
|
8
|
-
|
|
4
|
+
title: import("@angular/core").InputSignal<string | null>;
|
|
5
|
+
showNavigation: import("@angular/core").InputSignal<boolean>;
|
|
6
|
+
breadcrumbs: import("@angular/core").InputSignal<IBreadcrumb[]>;
|
|
7
|
+
goBack: import("@angular/core").InputSignal<IGoBack>;
|
|
8
|
+
information: import("@angular/core").InputSignal<IInformation>;
|
|
9
|
+
onClickInformation: import("@angular/core").OutputEmitterRef<void>;
|
|
9
10
|
protected get _icon(): string;
|
|
11
|
+
protected get _tooltip(): string;
|
|
10
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerPageTitle, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerPageTitle, "coer-page-title", never, { "title": { "alias": "title"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "goBack": { "alias": "goBack"; "required": false; }; "
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerPageTitle, "coer-page-title", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "goBack": { "alias": "goBack"; "required": false; "isSignal": true; }; "information": { "alias": "information"; "required": false; "isSignal": true; }; }, { "onClickInformation": "onClickInformation"; }, never, never, false, never>;
|
|
12
14
|
}
|
|
@@ -12,6 +12,8 @@ declare global {
|
|
|
12
12
|
isOnlyWhiteSpace(): boolean;
|
|
13
13
|
/** Returns true if has string value and is not only whitespace, false otherwise */
|
|
14
14
|
isNotOnlyWhiteSpace(): boolean;
|
|
15
|
+
/** Returns true if value is equals */
|
|
16
|
+
equals(value: string, sensitive: boolean, removeWhiteSpaces: boolean): boolean;
|
|
15
17
|
}
|
|
16
18
|
}
|
|
17
19
|
export {};
|
|
@@ -56,17 +56,19 @@ class CoerAccordion {
|
|
|
56
56
|
//Generic Tools
|
|
57
57
|
this.IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;
|
|
58
58
|
}
|
|
59
|
+
//getter
|
|
59
60
|
get isExpanded() {
|
|
60
61
|
return Tools.IsNotNull(this._expansionPanel())
|
|
61
62
|
? this._expansionPanel().expanded
|
|
62
63
|
: false;
|
|
63
64
|
}
|
|
65
|
+
//getter
|
|
64
66
|
get isCollapsed() {
|
|
65
67
|
return Tools.IsNotNull(this._expansionPanel())
|
|
66
68
|
? !this._expansionPanel().expanded
|
|
67
69
|
: true;
|
|
68
70
|
}
|
|
69
|
-
/**
|
|
71
|
+
/** */
|
|
70
72
|
Open() {
|
|
71
73
|
if (Tools.IsNotNull(this._expansionPanel())) {
|
|
72
74
|
if (this.isCollapsed) {
|
|
@@ -74,7 +76,7 @@ class CoerAccordion {
|
|
|
74
76
|
}
|
|
75
77
|
}
|
|
76
78
|
}
|
|
77
|
-
/**
|
|
79
|
+
/** */
|
|
78
80
|
Close() {
|
|
79
81
|
if (Tools.IsNotNull(this._expansionPanel())) {
|
|
80
82
|
if (this.isExpanded) {
|
|
@@ -1617,6 +1619,8 @@ class CoerGridExtension extends ControlValue {
|
|
|
1617
1619
|
this.showColumnGrouped = input(false);
|
|
1618
1620
|
this.rowsByGroup = input(50);
|
|
1619
1621
|
this.showFooter = input(true);
|
|
1622
|
+
this.enableSort = input(true);
|
|
1623
|
+
this.enableRowFocus = input(true);
|
|
1620
1624
|
this.width = input('100%');
|
|
1621
1625
|
this.MinWidth = input('250px');
|
|
1622
1626
|
this.MaxWidth = input('100%');
|
|
@@ -1624,8 +1628,6 @@ class CoerGridExtension extends ControlValue {
|
|
|
1624
1628
|
this.minHeight = input('140px');
|
|
1625
1629
|
this.maxHeight = input('100vh');
|
|
1626
1630
|
this.margin = input('auto');
|
|
1627
|
-
this.enableSort = input(true);
|
|
1628
|
-
this.enableRowFocus = input(true);
|
|
1629
1631
|
//Outputs
|
|
1630
1632
|
this.onClickAdd = output();
|
|
1631
1633
|
this.onClickImport = output();
|
|
@@ -1988,7 +1990,7 @@ class CoerGridExtension extends ControlValue {
|
|
|
1988
1990
|
return response ? (this._value && this._value.length > 0) : false;
|
|
1989
1991
|
}
|
|
1990
1992
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGridExtension, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.1", type: CoerGridExtension, isStandalone: true, selector: "coer-grid-extension", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, cleanColumnName: { classPropertyName: "cleanColumnName", publicName: "cleanColumnName", isSignal: true, isRequired: false, transformFunction: null }, addButton: { classPropertyName: "addButton", publicName: "addButton", isSignal: false, isRequired: false, transformFunction: null }, exportButton: { classPropertyName: "exportButton", publicName: "exportButton", isSignal: false, isRequired: false, transformFunction: null }, importButton: { classPropertyName: "importButton", publicName: "importButton", isSignal: false, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: false, isRequired: false, transformFunction: null }, buttonByRow: { classPropertyName: "buttonByRow", publicName: "buttonByRow", isSignal: false, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: false, isRequired: false, transformFunction: null }, tooltipByRow: { classPropertyName: "tooltipByRow", publicName: "tooltipByRow", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, showColumnGrouped: { classPropertyName: "showColumnGrouped", publicName: "showColumnGrouped", isSignal: true, isRequired: false, transformFunction: null }, rowsByGroup: { classPropertyName: "rowsByGroup", publicName: "rowsByGroup", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null },
|
|
1993
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.1", type: CoerGridExtension, isStandalone: true, selector: "coer-grid-extension", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, cleanColumnName: { classPropertyName: "cleanColumnName", publicName: "cleanColumnName", isSignal: true, isRequired: false, transformFunction: null }, addButton: { classPropertyName: "addButton", publicName: "addButton", isSignal: false, isRequired: false, transformFunction: null }, exportButton: { classPropertyName: "exportButton", publicName: "exportButton", isSignal: false, isRequired: false, transformFunction: null }, importButton: { classPropertyName: "importButton", publicName: "importButton", isSignal: false, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: false, isRequired: false, transformFunction: null }, buttonByRow: { classPropertyName: "buttonByRow", publicName: "buttonByRow", isSignal: false, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: false, isRequired: false, transformFunction: null }, tooltipByRow: { classPropertyName: "tooltipByRow", publicName: "tooltipByRow", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, showColumnGrouped: { classPropertyName: "showColumnGrouped", publicName: "showColumnGrouped", isSignal: true, isRequired: false, transformFunction: null }, rowsByGroup: { classPropertyName: "rowsByGroup", publicName: "rowsByGroup", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, enableSort: { classPropertyName: "enableSort", publicName: "enableSort", isSignal: true, isRequired: false, transformFunction: null }, enableRowFocus: { classPropertyName: "enableRowFocus", publicName: "enableRowFocus", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, MinWidth: { classPropertyName: "MinWidth", publicName: "MinWidth", isSignal: true, isRequired: false, transformFunction: null }, MaxWidth: { classPropertyName: "MaxWidth", publicName: "MaxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickAdd: "onClickAdd", onClickImport: "onClickImport", onClickExport: "onClickExport", onClickRow: "onClickRow", onDoubleClickRow: "onDoubleClickRow", onClickDeleteRow: "onClickDeleteRow", onClickEditRow: "onClickEditRow", onClickGoRow: "onClickGoRow", onKeyupEnter: "onKeyupEnter", onKeyupEnterLast: "onKeyupEnterLast", onSwitchChange: "onSwitchChange", onTextboxChange: "onTextboxChange", onSelectboxChange: "onSelectboxChange", onCheckboxChange: "onCheckboxChange" }, viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFileRef"], descendants: true, isSignal: true }, { propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true, isSignal: true }, { propertyName: "coerTextboxList", predicate: CoerTextBox, descendants: true, isSignal: true }, { propertyName: "coerNumberboxList", predicate: CoerNumberBox, descendants: true, isSignal: true }, { propertyName: "coerSelectboxList", predicate: CoerSelectbox, descendants: true, isSignal: true }, { propertyName: "coerCheckboxList", predicate: CoerCheckbox, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
1992
1994
|
}
|
|
1993
1995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGridExtension, decorators: [{
|
|
1994
1996
|
type: Component,
|
|
@@ -2815,17 +2817,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
2815
2817
|
type: Output
|
|
2816
2818
|
}] } });
|
|
2817
2819
|
|
|
2818
|
-
//import { navigation } from 'src/app/app-routing.sidenav';
|
|
2819
|
-
//import { Source } from 'src/app/modules/home/classes';
|
|
2820
|
-
//import { IAppNavigation, IGoBack } from 'src/app/modules/home/interfaces';
|
|
2821
2820
|
class CoerPageTitle {
|
|
2822
2821
|
constructor() {
|
|
2823
|
-
|
|
2824
|
-
this.
|
|
2825
|
-
this.
|
|
2826
|
-
this.
|
|
2827
|
-
this.
|
|
2822
|
+
//Inputs
|
|
2823
|
+
this.title = input(null);
|
|
2824
|
+
this.showNavigation = input(true);
|
|
2825
|
+
this.breadcrumbs = input([]);
|
|
2826
|
+
this.goBack = input({ show: false });
|
|
2827
|
+
this.information = input({ show: false });
|
|
2828
|
+
//Outputs
|
|
2829
|
+
this.onClickInformation = output();
|
|
2828
2830
|
}
|
|
2831
|
+
//getter
|
|
2829
2832
|
get _icon() {
|
|
2830
2833
|
const MENU = Menu.GetSelectedOption();
|
|
2831
2834
|
if (MENU) {
|
|
@@ -2836,23 +2839,19 @@ class CoerPageTitle {
|
|
|
2836
2839
|
}
|
|
2837
2840
|
return 'bi bi-house-door-fill';
|
|
2838
2841
|
}
|
|
2842
|
+
//getter
|
|
2843
|
+
get _tooltip() {
|
|
2844
|
+
return Tools.IsNotNull(this.information())
|
|
2845
|
+
&& Tools.IsNotOnlyWhiteSpace(this.information()?.tooltip)
|
|
2846
|
+
? this.information().tooltip : 'Information';
|
|
2847
|
+
}
|
|
2839
2848
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerPageTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2840
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2849
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerPageTitle, isStandalone: false, selector: "coer-page-title", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, goBack: { classPropertyName: "goBack", publicName: "goBack", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickInformation: "onClickInformation" }, ngImport: i0, template: "<header class=\"coer-page-title\" title=''>\r\n <h2>\r\n <span> {{ title() }} </span>\r\n\r\n <!-- Button Information -->\r\n @if(information().show) {\r\n <coer-button\r\n icon=\"bi bi-info-circle\"\r\n type=\"icon-no-border\"\r\n [tooltip]=\"_tooltip\"\r\n (onClick)=\"onClickInformation.emit()\"\r\n ></coer-button> \r\n }\r\n </h2>\r\n\r\n <!-- Navigation -->\r\n <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <li class=\"breadcrumb-item\">\r\n <a><i [class]=\"_icon\"></i></a>\r\n </li>\r\n\r\n <li *ngFor=\"let nav of breadcrumbs()\" class=\"breadcrumb-item\">\r\n <a [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n [queryParams]='nav.queryParams'\r\n (click)=\"(nav.click) ? nav.click() : null\">\r\n {{ nav.page }}\r\n </a>\r\n </li>\r\n </ol>\r\n\r\n <!-- Go Back -->\r\n <a *ngIf=\"goBack().show\"\r\n [routerLink]=\"goBack().path\"\r\n [queryParams]='goBack().queryParams'\r\n class=\"go-back-button\"\r\n (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n Go back\r\n </a>\r\n </nav>\r\n</header>\r\n\r\n\r\n<!-- Information\r\n<dx-popup\r\n [(visible)]=\"showModal\"\r\n minWidth=\"500px\" minHeight=\"430px\"\r\n [width]=\"width\" [height]=\"height\"\r\n [hideOnOutsideClick]=\"true\"\r\n [resizeEnabled]=\"false\"\r\n [dragEnabled]=\"true\"\r\n (onHidden)=\"(showModal = false)\"\r\n >\r\n\r\n -- Header --\r\n <header *dxTemplate=\"let data of 'title'\">\r\n <div class=\"modal-header\">\r\n <h5> <i [class]=\"informationIcon\" [style]=\"{ 'color': informationIconColor }\"></i> {{ informationTitle }} </h5>\r\n <button (click)=\"(showModal = false)\" class=\"btn btn-close\"></button>\r\n </div>\r\n </header>\r\n\r\n -- Body --\r\n <section *dxTemplate=\"let data of 'content'\">\r\n <dx-scroll-view width=\"100%\" height=\"100%\">\r\n <ol class=\"list-group list-group-numbered\">\r\n <li class=\"list-group-item\">Respects the order of the columns like the template.</li>\r\n\r\n <li class=\"list-group-item\">\r\n For more information<a [href]=\"urlTemplate\">click here </a>to download the template\r\n </li>\r\n </ol>\r\n </dx-scroll-view>\r\n </section>\r\n\r\n -- Button --\r\n <dxi-toolbar-item toolbar=\"bottom\" location=\"after\">\r\n <div *dxTemplate=\"let data of 'menu-item'\" class=\"h-100\">\r\n <dx-button\r\n coer-button\r\n icon=\"fa-solid fa-xmark\" text=\"CLOSE\"\r\n width=\"125px\" height=\"40px\"\r\n (onClick)=\"(showModal = false)\"\r\n color=\"red\"\r\n ></dx-button>\r\n </div>\r\n </dxi-toolbar-item>\r\n</dx-popup> -->", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow: #ffc107;--red: #dc3545;--white: #f5f5f5;--black: #252525;--orange: #fd6031;--purple: #a615bc}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.border-blue{border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.border-gray{border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.border-green{border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.border-yellow{border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.border-red{border-color:var(--red)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.border-white{border-color:var(--white)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.border-black{border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.border-orange{border-color:var(--orange)!important}.text-transparent{color:transparent!important}.background-transparent{background-color:transparent!important}.border-transparent{border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:auto;min-height:25px;font-size:small;background-color:#f5f5f5;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--blue)!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}header.coer-page-title li.list-group-item a{color:var(--orange)!important}\n"], dependencies: [{ 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: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
|
|
2841
2850
|
}
|
|
2842
2851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerPageTitle, decorators: [{
|
|
2843
2852
|
type: Component,
|
|
2844
|
-
args: [{ selector: 'coer-page-title', standalone: false, template: "<header class=\"coer-page-title\" title=''>\r\n <h2>\r\n <span> {{ title }} </span>\r\n\r\n <!-- Button Information -->\r\n
|
|
2845
|
-
}]
|
|
2846
|
-
type: Input
|
|
2847
|
-
}], showNavigation: [{
|
|
2848
|
-
type: Input
|
|
2849
|
-
}], breadcrumbs: [{
|
|
2850
|
-
type: Input
|
|
2851
|
-
}], goBack: [{
|
|
2852
|
-
type: Input
|
|
2853
|
-
}], showInformation: [{
|
|
2854
|
-
type: Input
|
|
2855
|
-
}] } });
|
|
2853
|
+
args: [{ selector: 'coer-page-title', standalone: false, template: "<header class=\"coer-page-title\" title=''>\r\n <h2>\r\n <span> {{ title() }} </span>\r\n\r\n <!-- Button Information -->\r\n @if(information().show) {\r\n <coer-button\r\n icon=\"bi bi-info-circle\"\r\n type=\"icon-no-border\"\r\n [tooltip]=\"_tooltip\"\r\n (onClick)=\"onClickInformation.emit()\"\r\n ></coer-button> \r\n }\r\n </h2>\r\n\r\n <!-- Navigation -->\r\n <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <li class=\"breadcrumb-item\">\r\n <a><i [class]=\"_icon\"></i></a>\r\n </li>\r\n\r\n <li *ngFor=\"let nav of breadcrumbs()\" class=\"breadcrumb-item\">\r\n <a [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n [queryParams]='nav.queryParams'\r\n (click)=\"(nav.click) ? nav.click() : null\">\r\n {{ nav.page }}\r\n </a>\r\n </li>\r\n </ol>\r\n\r\n <!-- Go Back -->\r\n <a *ngIf=\"goBack().show\"\r\n [routerLink]=\"goBack().path\"\r\n [queryParams]='goBack().queryParams'\r\n class=\"go-back-button\"\r\n (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n Go back\r\n </a>\r\n </nav>\r\n</header>\r\n\r\n\r\n<!-- Information\r\n<dx-popup\r\n [(visible)]=\"showModal\"\r\n minWidth=\"500px\" minHeight=\"430px\"\r\n [width]=\"width\" [height]=\"height\"\r\n [hideOnOutsideClick]=\"true\"\r\n [resizeEnabled]=\"false\"\r\n [dragEnabled]=\"true\"\r\n (onHidden)=\"(showModal = false)\"\r\n >\r\n\r\n -- Header --\r\n <header *dxTemplate=\"let data of 'title'\">\r\n <div class=\"modal-header\">\r\n <h5> <i [class]=\"informationIcon\" [style]=\"{ 'color': informationIconColor }\"></i> {{ informationTitle }} </h5>\r\n <button (click)=\"(showModal = false)\" class=\"btn btn-close\"></button>\r\n </div>\r\n </header>\r\n\r\n -- Body --\r\n <section *dxTemplate=\"let data of 'content'\">\r\n <dx-scroll-view width=\"100%\" height=\"100%\">\r\n <ol class=\"list-group list-group-numbered\">\r\n <li class=\"list-group-item\">Respects the order of the columns like the template.</li>\r\n\r\n <li class=\"list-group-item\">\r\n For more information<a [href]=\"urlTemplate\">click here </a>to download the template\r\n </li>\r\n </ol>\r\n </dx-scroll-view>\r\n </section>\r\n\r\n -- Button --\r\n <dxi-toolbar-item toolbar=\"bottom\" location=\"after\">\r\n <div *dxTemplate=\"let data of 'menu-item'\" class=\"h-100\">\r\n <dx-button\r\n coer-button\r\n icon=\"fa-solid fa-xmark\" text=\"CLOSE\"\r\n width=\"125px\" height=\"40px\"\r\n (onClick)=\"(showModal = false)\"\r\n color=\"red\"\r\n ></dx-button>\r\n </div>\r\n </dxi-toolbar-item>\r\n</dx-popup> -->", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow: #ffc107;--red: #dc3545;--white: #f5f5f5;--black: #252525;--orange: #fd6031;--purple: #a615bc}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.border-blue{border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.border-gray{border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.border-green{border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.border-yellow{border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.border-red{border-color:var(--red)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.border-white{border-color:var(--white)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.border-black{border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.border-orange{border-color:var(--orange)!important}.text-transparent{color:transparent!important}.background-transparent{background-color:transparent!important}.border-transparent{border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:auto;min-height:25px;font-size:small;background-color:#f5f5f5;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--blue)!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}header.coer-page-title li.list-group-item a{color:var(--orange)!important}\n"] }]
|
|
2854
|
+
}] });
|
|
2856
2855
|
|
|
2857
2856
|
class CoerTreeAccordion {
|
|
2858
2857
|
constructor() {
|