@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.
@@ -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
- * <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
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 = "'Type'"></<medev-card-long>
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
- document.getElementById('dataMainContent').style.height = '';
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
- document.getElementById('dataMainContent').style.height = '100%';
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;