@messaia/cdk 14.0.0-rc12 → 14.0.0-rc15

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.
@@ -2486,10 +2486,10 @@ class VdDynamicMenuComponent {
2486
2486
  }
2487
2487
  }
2488
2488
  /** @nocollapse */ VdDynamicMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: VdDynamicMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2489
- /** @nocollapse */ VdDynamicMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: VdDynamicMenuComponent, selector: "vd-dynamic-menu", inputs: { items: "items", data: "data", context: "context" }, viewQueries: [{ propertyName: "matMenu", first: true, predicate: MatMenu, descendants: true }], ngImport: i0, template: "<div layout=\"row\" layout-align=\"start center\" *ngIf=\"items\" flex>\r\n <ng-container *ngFor=\"let menu of items\">\r\n <a mat-icon-button [mat-menu-trigger-for]=\"matMenu\" *ngIf=\"menu?.items?.length\" [disabled]=\"data?.locked || menu.disable && menu.disable(data, context)\" (click)=\"$event.stopPropagation();\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menu.title}}</span>\r\n </a>\r\n <a mat-icon-button *ngIf=\"!menu?.items?.length\" [disabled]=\"data?.locked || menu.disable && menu.disable(data, context)\" (click)=\"menu.event?menu.event(data, context):null\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'more_vert'}}</mat-icon>\r\n </a>\r\n <mat-menu x-position=\"before\" #matMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuItem of menu?.items\">\r\n <ng-container *ngIf=\"!menuItem.items\">\r\n <a mat-menu-item (click)=\"menuItem.event?menuItem.event(data, context):null\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n <ng-container *ngIf=\"menuItem.items\">\r\n <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuSubItem of menuItem.items\">\r\n <a mat-menu-item (click)=\"menuSubItem.event?menuSubItem.event(data, context):null\" *ngIf=\"!menuSubItem.hide || !menuSubItem.hide(data, context)\" [disabled]=\"menuSubItem.disable && menuSubItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuSubItem.iconClass)\">{{handleExpression(menuSubItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuSubItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </mat-menu>\r\n <a mat-menu-item [matMenuTriggerFor]=\"subMenu\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
2489
+ /** @nocollapse */ VdDynamicMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: VdDynamicMenuComponent, selector: "vd-dynamic-menu", inputs: { items: "items", data: "data", context: "context" }, viewQueries: [{ propertyName: "matMenu", first: true, predicate: MatMenu, descendants: true }], ngImport: i0, template: "<div layout=\"row\" layout-align=\"start center\" *ngIf=\"items\" flex>\r\n <ng-container *ngFor=\"let menu of items\">\r\n <a mat-icon-button [mat-menu-trigger-for]=\"matMenu\" *ngIf=\"menu?.items?.length\" [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context))\" (click)=\"$event.stopPropagation();\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'more_vert'}}</mat-icon>\r\n <span>{{menu.title}}</span>\r\n </a>\r\n <a mat-icon-button *ngIf=\"!menu?.items?.length\" [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context))\" (click)=\"menu.event?menu.event(data, context):null\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n </a>\r\n <mat-menu x-position=\"before\" #matMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuItem of menu?.items\">\r\n <ng-container *ngIf=\"!menuItem.items\">\r\n <a mat-menu-item (click)=\"menuItem.event?menuItem.event(data, context):null\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n <ng-container *ngIf=\"menuItem.items\">\r\n <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuSubItem of menuItem.items\">\r\n <a mat-menu-item (click)=\"menuSubItem.event?menuSubItem.event(data, context):null\" *ngIf=\"!menuSubItem.hide || !menuSubItem.hide(data, context)\" [disabled]=\"menuSubItem.disable && menuSubItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuSubItem.iconClass)\">{{handleExpression(menuSubItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuSubItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </mat-menu>\r\n <a mat-menu-item [matMenuTriggerFor]=\"subMenu\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
2490
2490
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: VdDynamicMenuComponent, decorators: [{
2491
2491
  type: Component,
2492
- args: [{ selector: 'vd-dynamic-menu', template: "<div layout=\"row\" layout-align=\"start center\" *ngIf=\"items\" flex>\r\n <ng-container *ngFor=\"let menu of items\">\r\n <a mat-icon-button [mat-menu-trigger-for]=\"matMenu\" *ngIf=\"menu?.items?.length\" [disabled]=\"data?.locked || menu.disable && menu.disable(data, context)\" (click)=\"$event.stopPropagation();\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menu.title}}</span>\r\n </a>\r\n <a mat-icon-button *ngIf=\"!menu?.items?.length\" [disabled]=\"data?.locked || menu.disable && menu.disable(data, context)\" (click)=\"menu.event?menu.event(data, context):null\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'more_vert'}}</mat-icon>\r\n </a>\r\n <mat-menu x-position=\"before\" #matMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuItem of menu?.items\">\r\n <ng-container *ngIf=\"!menuItem.items\">\r\n <a mat-menu-item (click)=\"menuItem.event?menuItem.event(data, context):null\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n <ng-container *ngIf=\"menuItem.items\">\r\n <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuSubItem of menuItem.items\">\r\n <a mat-menu-item (click)=\"menuSubItem.event?menuSubItem.event(data, context):null\" *ngIf=\"!menuSubItem.hide || !menuSubItem.hide(data, context)\" [disabled]=\"menuSubItem.disable && menuSubItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuSubItem.iconClass)\">{{handleExpression(menuSubItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuSubItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </mat-menu>\r\n <a mat-menu-item [matMenuTriggerFor]=\"subMenu\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n</div>" }]
2492
+ args: [{ selector: 'vd-dynamic-menu', template: "<div layout=\"row\" layout-align=\"start center\" *ngIf=\"items\" flex>\r\n <ng-container *ngFor=\"let menu of items\">\r\n <a mat-icon-button [mat-menu-trigger-for]=\"matMenu\" *ngIf=\"menu?.items?.length\" [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context))\" (click)=\"$event.stopPropagation();\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'more_vert'}}</mat-icon>\r\n <span>{{menu.title}}</span>\r\n </a>\r\n <a mat-icon-button *ngIf=\"!menu?.items?.length\" [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context))\" (click)=\"menu.event?menu.event(data, context):null\">\r\n <mat-icon fontSet=\"{{menu.iconFontSet}}\" [class]=\"handleExpression(menu.iconClass)\">{{handleExpression(menu.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n </a>\r\n <mat-menu x-position=\"before\" #matMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuItem of menu?.items\">\r\n <ng-container *ngIf=\"!menuItem.items\">\r\n <a mat-menu-item (click)=\"menuItem.event?menuItem.event(data, context):null\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n <ng-container *ngIf=\"menuItem.items\">\r\n <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n <ng-container *ngFor=\"let menuSubItem of menuItem.items\">\r\n <a mat-menu-item (click)=\"menuSubItem.event?menuSubItem.event(data, context):null\" *ngIf=\"!menuSubItem.hide || !menuSubItem.hide(data, context)\" [disabled]=\"menuSubItem.disable && menuSubItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuSubItem.iconClass)\">{{handleExpression(menuSubItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuSubItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </mat-menu>\r\n <a mat-menu-item [matMenuTriggerFor]=\"subMenu\" *ngIf=\"!menuItem.hide || !menuItem.hide(data, context)\" [disabled]=\"menuItem.disable && menuItem.disable(data, context)\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"handleExpression(menuItem.iconClass)\">{{handleExpression(menuItem.icon) || 'radio_button_unchecked'}}</mat-icon>\r\n <span>{{menuItem.title}}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n</div>" }]
2493
2493
  }], propDecorators: { matMenu: [{
2494
2494
  type: ViewChild,
2495
2495
  args: [MatMenu]
@@ -4962,8 +4962,8 @@ class VdDynamicTableComponent {
4962
4962
  var actionColmun = this._columns?.find(x => x.name == 'action');
4963
4963
  /* If so, just add the menu items to it */
4964
4964
  if (actionColmun != null) {
4965
- actionColmun.rowMenuItems = [];
4966
- this.rowMenuItems.forEach(y => actionColmun.rowMenuItems.unshift(y));
4965
+ actionColmun.menu || (actionColmun.menu = { icon: 'more_vert' });
4966
+ this.rowMenuItems.forEach(y => actionColmun.menu.items.unshift(y));
4967
4967
  }
4968
4968
  /* Otherwise add a new one */
4969
4969
  else {
@@ -4972,7 +4972,7 @@ class VdDynamicTableComponent {
4972
4972
  name: 'action',
4973
4973
  type: TableColumnType.Action,
4974
4974
  disabled: true,
4975
- rowMenuItems: this.rowMenuItems,
4975
+ menu: { icon: 'more_vert', items: this.rowMenuItems },
4976
4976
  configurable: false
4977
4977
  }));
4978
4978
  }