@natec/mef-dev-ui-kit 16.0.0 → 16.0.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.
- package/README.md +125 -13
- package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +3 -3
- package/esm2022/lib/markup-kit/modals/slide-up/slide-up.component.mjs +1 -2
- package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +11 -3
- package/esm2022/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +1 -2
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +4 -5
- package/esm2022/lib/markup-kit/utils/help-block/help-block.component.mjs +1 -2
- package/esm2022/lib/pg-components/tabs/tabset.component.mjs +12 -1
- package/fesm2022/natec-mef-dev-ui-kit.mjs +26 -11
- package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/lib/markup-kit/card/card-long/card-long.component.d.ts +2 -2
- package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts +0 -1
- package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts +0 -1
- package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts +3 -4
- package/lib/markup-kit/utils/help-block/help-block.component.d.ts +0 -1
- package/lib/pg-components/tabs/tabset.component.d.ts +11 -0
- package/package.json +1 -1
|
@@ -394,11 +394,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
|
|
|
394
394
|
* Example of usage:
|
|
395
395
|
* ```
|
|
396
396
|
* <mefdev-filtered-field-container>
|
|
397
|
-
*
|
|
398
|
-
*
|
|
399
|
-
* </mefdev-filtered-field-item>
|
|
400
|
-
*
|
|
397
|
+
* <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
|
|
398
|
+
* </mefdev-filtered-field-item>
|
|
401
399
|
* </mefdev-filtered-field-container>
|
|
400
|
+
*
|
|
402
401
|
* ```
|
|
403
402
|
* Example of usage:
|
|
404
403
|
* <example-url>https://mef.dev/ui_kit_demo/view/utils/filtered-field</example-url>
|
|
@@ -499,7 +498,6 @@ class FiltredItemModel {
|
|
|
499
498
|
*```
|
|
500
499
|
* <mefdev-help-block [title]="'Help'">
|
|
501
500
|
* Content goes here...
|
|
502
|
-
* <ng-content></ng-content>
|
|
503
501
|
* </mefdev-help-block>
|
|
504
502
|
*```
|
|
505
503
|
* <example-url>https://mef.dev/ui_kit_demo/view/utils/help-block</example-url>
|
|
@@ -1291,7 +1289,7 @@ class CardLongComponent {
|
|
|
1291
1289
|
* The text for the card type.
|
|
1292
1290
|
* @usageNotes
|
|
1293
1291
|
* ```
|
|
1294
|
-
* <medev-card-long type_text = "'
|
|
1292
|
+
* <medev-card-long type_text = "'RED'"></<medev-card-long>
|
|
1295
1293
|
* ```
|
|
1296
1294
|
*/
|
|
1297
1295
|
type_text;
|
|
@@ -1302,7 +1300,7 @@ class CardLongComponent {
|
|
|
1302
1300
|
* <medev-card-long type_color = "'RED'"></<medev-card-long>
|
|
1303
1301
|
* ```
|
|
1304
1302
|
* Colors: RED, UNSET, GREEN
|
|
1305
|
-
|
|
1303
|
+
|
|
1306
1304
|
*/
|
|
1307
1305
|
type_color = CartTypeColors.UNSET;
|
|
1308
1306
|
/**
|
|
@@ -2523,7 +2521,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
|
|
|
2523
2521
|
|
|
2524
2522
|
/**
|
|
2525
2523
|
* A component representing a slide-up modal window.
|
|
2526
|
-
*
|
|
2527
2524
|
* Example of usage:
|
|
2528
2525
|
*
|
|
2529
2526
|
* ```
|
|
@@ -2974,7 +2971,11 @@ class CentralPageComponent {
|
|
|
2974
2971
|
* Removes the height style from the main content element.
|
|
2975
2972
|
*/
|
|
2976
2973
|
ngOnDestroy() {
|
|
2977
|
-
|
|
2974
|
+
try {
|
|
2975
|
+
document.getElementById('dataMainContent').style.height = '';
|
|
2976
|
+
}
|
|
2977
|
+
catch (ex) { }
|
|
2978
|
+
;
|
|
2978
2979
|
}
|
|
2979
2980
|
ngOnInit() {
|
|
2980
2981
|
}
|
|
@@ -2983,7 +2984,11 @@ class CentralPageComponent {
|
|
|
2983
2984
|
* Sets the height of the main content element to '100%'.
|
|
2984
2985
|
*/
|
|
2985
2986
|
ngAfterViewChecked() {
|
|
2986
|
-
|
|
2987
|
+
try {
|
|
2988
|
+
document.getElementById('dataMainContent').style.height = '100%';
|
|
2989
|
+
}
|
|
2990
|
+
catch (ex) { }
|
|
2991
|
+
;
|
|
2987
2992
|
}
|
|
2988
2993
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CentralPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2989
2994
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: CentralPageComponent, selector: "mefdev-central-page", inputs: { width: "width" }, ngImport: i0, template: "<div class=\"row align-items-center\" style=\"height: 100%;\" [ngStyle]=\"{'width': width}\">\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n ", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
@@ -3022,7 +3027,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
|
|
|
3022
3027
|
|
|
3023
3028
|
/**
|
|
3024
3029
|
* A component representing a table page layout.
|
|
3025
|
-
*
|
|
3026
3030
|
* Example of usage:
|
|
3027
3031
|
*
|
|
3028
3032
|
* ```
|
|
@@ -4003,6 +4007,14 @@ class MefDevTabSetComponent {
|
|
|
4003
4007
|
_extra_tabcontent_class = '';
|
|
4004
4008
|
/**
|
|
4005
4009
|
* Template reference for additional content to be displayed in the tab bar.
|
|
4010
|
+
* @example
|
|
4011
|
+
*```
|
|
4012
|
+
* <ng-template #extraContentTemplate>
|
|
4013
|
+
* <button mat-icon-button>
|
|
4014
|
+
* <mat-icon>add</mat-icon>
|
|
4015
|
+
* </button>
|
|
4016
|
+
* </ng-template>
|
|
4017
|
+
*```
|
|
4006
4018
|
*/
|
|
4007
4019
|
TabBarExtraTemplate;
|
|
4008
4020
|
TabBarExtraContent;
|
|
@@ -4040,6 +4052,7 @@ class MefDevTabSetComponent {
|
|
|
4040
4052
|
}
|
|
4041
4053
|
/**
|
|
4042
4054
|
* Event emitted when the selected tab index changes.
|
|
4055
|
+
* @example <mefdev-tabset (SelectedIndexChange)="onTabChange($event)"></mefdev-tabset>
|
|
4043
4056
|
* @returns An Observable emitting the index of the selected tab.
|
|
4044
4057
|
*/
|
|
4045
4058
|
get SelectedIndexChange() {
|
|
@@ -4062,6 +4075,8 @@ class MefDevTabSetComponent {
|
|
|
4062
4075
|
tabs = [];
|
|
4063
4076
|
/**
|
|
4064
4077
|
* Position of the tab set. Can be 'top', 'bottom', 'left', or 'right'.
|
|
4078
|
+
* @example 'left'
|
|
4079
|
+
* Default: 'top'
|
|
4065
4080
|
*/
|
|
4066
4081
|
set TabPosition(value) {
|
|
4067
4082
|
this._tabPosition = value;
|