monkey-front-components 0.0.296 → 0.0.297

package/fesm2020/monkey-front-components.mjs

@@ -2023,10 +2023,10 @@ class MECXFilterMenuComponent {
     }
 }
 MECXFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MECXFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterMenuComponent, selector: "mecx-filter-menu", inputs: { model: "model" }, outputs: { onClose: "onClose", onSubmit: "onSubmit" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex flex-column\" #actionElement>\n  <ng-container *ngFor=\"let menu of _model; let index = index\">\n    <ng-container *ngIf=\"menu?.children; else withoutChildren\">\n      <div class=\"item no-action\">\n        {{ menu.label | translate }}\n      </div>\n      <div class=\"separator\"></div>\n      <ng-container *ngFor=\"let child of menu?.children\">\n        <div class=\"item children\" (click)=\"onHandleChildrenAction(menu, child)\">\n          {{ child.label | translate }}\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #withoutChildren>\n      <div class=\"item\" (click)=\"onHandleShowMenu(menu)\">\n        {{ menu.label | translate }}\n      </div>\n    </ng-template>\n    <ng-container *ngIf=\"_model[index+1]?.group as next; _model[index]?.group as current\">\n      <div class=\"separator\" *ngIf=\"next !== current\"></div>\n    </ng-container>\n  </ng-container>\n</div>\n<ng-container\n  *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'rt'\">\n  <mecx-filter-options [option]=\"_menuOption\" (onClose)=\"onHandleClose()\"\n    (onSubmit)=\"onHandleSubmit($event)\" [closeDirectly]=\"true\"></mecx-filter-options>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:16px!important;width:192px;margin:4px 8px}:host ::ng-deep monkey-button{width:100%}:host ::ng-deep monkey-button button{justify-content:flex-start!important;width:100%}:host .item{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#72717e;padding:8px 24px}:host .item.no-action{cursor:not-allowed;padding:8px;margin:0!important;font-weight:500}:host .item:first-child{margin:12px 0 0}:host .item:last-child{margin:0 0 12px}:host .item:not(.no-action){cursor:pointer}:host .item:not(.no-action):hover{background-color:var(--mecx-color-theme-200)!important;color:var(--mecx-color-theme-main)!important;font-weight:400}:host .separator{border-bottom:1px solid #ebebeb}\n"], components: [{ type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: ["option", "closeDirectly"], outputs: ["onClose", "onRemove", "onSubmit", "onShowFromChildren"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
+MECXFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterMenuComponent, selector: "mecx-filter-menu", inputs: { model: "model" }, outputs: { onClose: "onClose", onSubmit: "onSubmit" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex flex-column\" #actionElement>\n  <ng-container *ngFor=\"let menu of _model; let index = index\">\n    <ng-container *ngIf=\"menu?.children; else withoutChildren\">\n      <div class=\"item no-action\">\n        {{ menu.label | translate }}\n      </div>\n      <div class=\"separator\"></div>\n      <ng-container *ngFor=\"let child of menu?.children\">\n        <div class=\"item children\" (click)=\"onHandleChildrenAction(menu, child)\">\n          {{ child.label | translate }}\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #withoutChildren>\n      <div class=\"item\" (click)=\"onHandleShowMenu(menu)\">\n        {{ menu.label | translate }}\n      </div>\n    </ng-template>\n    <ng-container *ngIf=\"_model[index+1]?.group as next; _model[index]?.group as current\">\n      <div class=\"separator\" *ngIf=\"next !== current\"></div>\n    </ng-container>\n  </ng-container>\n</div>\n<ng-container\n  *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'rt'\">\n  <mecx-filter-options [option]=\"_menuOption\" (onClose)=\"onHandleClose()\"\n    (onSubmit)=\"onHandleSubmit($event)\" [closeDirectly]=\"true\"></mecx-filter-options>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:16px!important;min-width:192px;margin:4px 8px}:host ::ng-deep monkey-button{width:100%}:host ::ng-deep monkey-button button{justify-content:flex-start!important;width:100%}:host .item{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#72717e;padding:8px 24px}:host .item.no-action{cursor:not-allowed;padding:8px;margin:0!important;font-weight:500}:host .item:first-child{margin:12px 0 0}:host .item:last-child{margin:0 0 12px}:host .item:not(.no-action){cursor:pointer}:host .item:not(.no-action):hover{background-color:var(--mecx-color-theme-200)!important;color:var(--mecx-color-theme-main)!important;font-weight:400}:host .separator{border-bottom:1px solid #ebebeb}\n"], components: [{ type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: ["option", "closeDirectly"], outputs: ["onClose", "onRemove", "onSubmit", "onShowFromChildren"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mecx-filter-menu', template: "<div class=\"d-flex flex-column\" #actionElement>\n  <ng-container *ngFor=\"let menu of _model; let index = index\">\n    <ng-container *ngIf=\"menu?.children; else withoutChildren\">\n      <div class=\"item no-action\">\n        {{ menu.label | translate }}\n      </div>\n      <div class=\"separator\"></div>\n      <ng-container *ngFor=\"let child of menu?.children\">\n        <div class=\"item children\" (click)=\"onHandleChildrenAction(menu, child)\">\n          {{ child.label | translate }}\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #withoutChildren>\n      <div class=\"item\" (click)=\"onHandleShowMenu(menu)\">\n        {{ menu.label | translate }}\n      </div>\n    </ng-template>\n    <ng-container *ngIf=\"_model[index+1]?.group as next; _model[index]?.group as current\">\n      <div class=\"separator\" *ngIf=\"next !== current\"></div>\n    </ng-container>\n  </ng-container>\n</div>\n<ng-container\n  *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'rt'\">\n  <mecx-filter-options [option]=\"_menuOption\" (onClose)=\"onHandleClose()\"\n    (onSubmit)=\"onHandleSubmit($event)\" [closeDirectly]=\"true\"></mecx-filter-options>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:16px!important;width:192px;margin:4px 8px}:host ::ng-deep monkey-button{width:100%}:host ::ng-deep monkey-button button{justify-content:flex-start!important;width:100%}:host .item{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#72717e;padding:8px 24px}:host .item.no-action{cursor:not-allowed;padding:8px;margin:0!important;font-weight:500}:host .item:first-child{margin:12px 0 0}:host .item:last-child{margin:0 0 12px}:host .item:not(.no-action){cursor:pointer}:host .item:not(.no-action):hover{background-color:var(--mecx-color-theme-200)!important;color:var(--mecx-color-theme-main)!important;font-weight:400}:host .separator{border-bottom:1px solid #ebebeb}\n"] }]
+            args: [{ selector: 'mecx-filter-menu', template: "<div class=\"d-flex flex-column\" #actionElement>\n  <ng-container *ngFor=\"let menu of _model; let index = index\">\n    <ng-container *ngIf=\"menu?.children; else withoutChildren\">\n      <div class=\"item no-action\">\n        {{ menu.label | translate }}\n      </div>\n      <div class=\"separator\"></div>\n      <ng-container *ngFor=\"let child of menu?.children\">\n        <div class=\"item children\" (click)=\"onHandleChildrenAction(menu, child)\">\n          {{ child.label | translate }}\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #withoutChildren>\n      <div class=\"item\" (click)=\"onHandleShowMenu(menu)\">\n        {{ menu.label | translate }}\n      </div>\n    </ng-template>\n    <ng-container *ngIf=\"_model[index+1]?.group as next; _model[index]?.group as current\">\n      <div class=\"separator\" *ngIf=\"next !== current\"></div>\n    </ng-container>\n  </ng-container>\n</div>\n<ng-container\n  *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'rt'\">\n  <mecx-filter-options [option]=\"_menuOption\" (onClose)=\"onHandleClose()\"\n    (onSubmit)=\"onHandleSubmit($event)\" [closeDirectly]=\"true\"></mecx-filter-options>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:16px!important;min-width:192px;margin:4px 8px}:host ::ng-deep monkey-button{width:100%}:host ::ng-deep monkey-button button{justify-content:flex-start!important;width:100%}:host .item{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#72717e;padding:8px 24px}:host .item.no-action{cursor:not-allowed;padding:8px;margin:0!important;font-weight:500}:host .item:first-child{margin:12px 0 0}:host .item:last-child{margin:0 0 12px}:host .item:not(.no-action){cursor:pointer}:host .item:not(.no-action):hover{background-color:var(--mecx-color-theme-200)!important;color:var(--mecx-color-theme-main)!important;font-weight:400}:host .separator{border-bottom:1px solid #ebebeb}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], onClose: [{