gl-ng-menus-frontend - npm Package Compare versions

Comparing version 4.1.0 to 4.1.1

esm2015/gl-ng-menus-frontend/src/lib/component/modal/actions/gl-component-modal-actions.component.js

@@ -12,3 +12,3 @@ import { Component } from '@angular/core';
 GlComponentModalActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsComponent, deps: [{ token: i1.GlComponentModalActionsService }], target: i0.ɵɵFactoryTarget.Component });
-GlComponentModalActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsComponent, selector: "gl-component-modal-actions", ngImport: i0, template: "<div\n  *ngIf=\"service.showModal\"\n  (keydown.escape)=\"service.hide()\"\n  id=\"modal\"\n  class=\"modal-container {{ service.modalClass }}\"\n  tabindex=\"-1\">\n\n  <div class=\"modal-main-content\">\n    <div class=\"background\" (click)=\"service.hide()\"></div>\n\n    <div class=\"action-main-container\">\n      <gl-component-modal-actions-item\n        *ngFor=\"let item of service.actions\"\n        [title]=\"item.title\"\n        [icon]=\"item.icon\"\n        [red]=\"item.red\"\n        [hide]=\"item.hide\"\n        [action]=\"item.action\"\n        ($clicked)=\"service.hide()\"\n      ></gl-component-modal-actions-item>\n    </div>\n\n    <img\n      alt=\"Close icon\"\n      class=\"close close-modal\"\n      src=\"assets/img/icon/menu/close.svg\"\n      (click)=\"service.hide()\">\n  </div>\n</div>\n", styles: [":host::ng-deep{font-size:1em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}:host::ng-deep .modal-container{font-size:1em;position:fixed;min-width:100vw;min-height:calc(1vh * 100);min-height:calc(var(--vh, 1vh) * 100);z-index:100000;top:0;left:0;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 0 calc(1vh * 5) 0;padding:0 0 calc(var(--vh, 1vh) * 5) 0;-webkit-animation:show-modal .5s ease-in-out;animation:show-modal .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes show-modal{0%{opacity:0}to{opacity:1}}@keyframes show-modal{0%{opacity:0}to{opacity:1}}:host::ng-deep .modal-container>.modal-main-content{opacity:1!important;transition:all .5s ease-in-out;transition-delay:.5s}:host::ng-deep .modal-main-content{width:80vw;max-height:calc(1vh * 80);max-height:calc(var(--vh, 1vh) * 80);border-radius:.5em;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;max-width:20em}:host::ng-deep .modal-main-content .background{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}:host::ng-deep .modal-main-content .action-main-container{border-radius:.5em;z-index:2}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item .action-item-container{border-bottom:solid 1px #333437}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-child(1) .action-item-container{border-top-left-radius:.5em;border-top-right-radius:.5em}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-last-child(1) .action-item-container{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;border-bottom:none}:host::ng-deep .modal-main-content .close-modal{border-radius:2em;align-self:center;width:2em;height:2em;margin:1em 0;cursor:pointer;z-index:2}:host::ng-deep .modal-main-content .close-modal:hover,:host::ng-deep .modal-main-content .close-modal:active{opacity:1;transition:opacity .2s ease-in-out}:host::ng-deep .modal-main-content .close-modal:not(hover),:host::ng-deep .modal-main-content .close-modal:not(active){opacity:.5;transition:opacity .2s ease-in-out}:host::ng-deep .hide-modal{-webkit-animation:hide-modal .3s ease-in-out;animation:hide-modal .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hide-modal{0%{opacity:1}to{opacity:0}}@keyframes hide-modal{0%{opacity:1}to{opacity:0}}\n"], components: [{ type: i2.GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: ["title", "icon", "red", "action", "hide"], outputs: ["$clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+GlComponentModalActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsComponent, selector: "gl-component-modal-actions", ngImport: i0, template: "<div\n  *ngIf=\"service.showModal\"\n  (keydown.escape)=\"service.hide()\"\n  id=\"modal\"\n  class=\"modal-container {{ service.modalClass }}\"\n  tabindex=\"-1\">\n\n  <div class=\"modal-main-content\">\n    <div class=\"background\" (click)=\"service.hide()\"></div>\n\n    <div class=\"action-main-container\">\n      <gl-component-modal-actions-item\n        *ngFor=\"let item of service.actions\"\n        [title]=\"item.title\"\n        [icon]=\"item.icon\"\n        [red]=\"item.red\"\n        [hide]=\"item.hide\"\n        [action]=\"item.action\"\n        ($clicked)=\"service.hide()\"\n      ></gl-component-modal-actions-item>\n    </div>\n\n    <img\n      alt=\"Close icon\"\n      class=\"close close-modal\"\n      src=\"assets/img/icon/menu/close.svg\"\n      (click)=\"service.hide()\">\n  </div>\n</div>\n", styles: [":host::ng-deep{font-size:1em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}:host::ng-deep .modal-container{font-size:1em;position:fixed;min-width:100vw;min-height:calc(1vh * 100);min-height:calc(var(--vh, 1vh) * 100);z-index:100000;top:0;left:0;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 0 calc(1vh * 5) 0;padding:0 0 calc(var(--vh, 1vh) * 5) 0;-webkit-animation:show-modal .5s ease-in-out;animation:show-modal .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes show-modal{0%{opacity:0}to{opacity:1}}@keyframes show-modal{0%{opacity:0}to{opacity:1}}:host::ng-deep .modal-container>.modal-main-content{opacity:1!important;transition:all .5s ease-in-out;transition-delay:.5s}:host::ng-deep .modal-main-content{width:80vw;max-height:calc(1vh * 80);max-height:calc(var(--vh, 1vh) * 80);border-radius:.5em;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;max-width:20em}:host::ng-deep .modal-main-content .background{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}:host::ng-deep .modal-main-content .action-main-container{border-radius:.5em;z-index:2}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-child(1) .action-item-container{border-top-left-radius:.5em;border-top-right-radius:.5em}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-last-child(1) .action-item-container{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;border-bottom:none}:host::ng-deep .modal-main-content .close-modal{border-radius:2em;align-self:center;width:2em;height:2em;margin:1em 0;cursor:pointer;z-index:2}:host::ng-deep .modal-main-content .close-modal:hover,:host::ng-deep .modal-main-content .close-modal:active{opacity:1;transition:opacity .2s ease-in-out}:host::ng-deep .modal-main-content .close-modal:not(hover),:host::ng-deep .modal-main-content .close-modal:not(active){opacity:.5;transition:opacity .2s ease-in-out}:host::ng-deep .hide-modal{-webkit-animation:hide-modal .3s ease-in-out;animation:hide-modal .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hide-modal{0%{opacity:1}to{opacity:0}}@keyframes hide-modal{0%{opacity:1}to{opacity:0}}\n"], components: [{ type: i2.GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: ["title", "icon", "red", "green", "action", "hide", "groupSplit"], outputs: ["$clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsComponent, decorators: [{
@@ -15,0 +15,0 @@ type: Component,

esm2015/gl-ng-menus-frontend/src/lib/component/modal/actions/gl-component-modal-actions.service.js

@@ -13,3 +13,3 @@ import { Injectable } from '@angular/core';
     }
-    addSingleAction(title, icon, action, red, hide, removeCurrent = false) {
+    addSingleAction(title, icon, action, red, green, hide, groupSplit, removeCurrent = false) {
         const actionExists = this.actions.filter(x => x.title === title).length > 0;
@@ -20,3 +20,3 @@ if (removeCurrent) {
         if (!actionExists) {
-            this.actions.push({ title, icon, action, red, hide });
+            this.actions.push({ title, icon, action, red, green, hide, groupSplit });
         }
@@ -74,2 +74,2 @@ }
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dsLW5nLW1lbnVzLWZyb250ZW5kL3NyYy9saWIvY29tcG9uZW50L21vZGFsL2FjdGlvbnMvZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0zQyxNQUFNLE9BQU8sOEJBQThCO0lBVXpDO1FBUlMsWUFBTyxHQUF1QixFQUFFLENBQUM7SUFRMUIsQ0FBQztJQUVqQixTQUFTLENBQUMsT0FBMkIsRUFBRSxnQkFBeUIsS0FBSztRQUNuRSxJQUFJLGFBQWEsRUFBRTtZQUNqQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxlQUFlLENBQUMsS0FBYSxFQUFFLElBQVksRUFBRSxNQUFrQixFQUFFLEdBQVksRUFBRSxJQUFjLEVBQUUsZ0JBQXlCLEtBQUs7UUFDM0gsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFFNUUsSUFBSSxhQUFhLEVBQUU7WUFDakIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3JCO1FBRUQsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1NBQ3ZEO0lBQ0gsQ0FBQztJQUNELFlBQVksQ0FBQyxLQUFhLEVBQUUsY0FBc0IsQ0FBQztRQUNqRCxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUNELFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsSUFBSSxDQUFDLE9BQTJCLEVBQUUsTUFBTTtRQUN0QyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBQ0QsSUFBSTtRQUNGLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BCLENBQUM7SUFFTyxLQUFLLENBQUMsSUFBYTtRQUN6QixPQUFPLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQzNCLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDO1lBRTlCLElBQUksSUFBSSxFQUFFO2dCQUNSLElBQUksQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDO2dCQUMvQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztnQkFDdEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUM7Z0JBRS9CLFVBQVUsQ0FBQyxHQUFHLEVBQUU7b0JBQ2QsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO29CQUVuQixVQUFVLENBQUMsR0FBRyxFQUFFO3dCQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7b0JBQzVCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDVixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7YUFDVDtpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztnQkFDL0IsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztnQkFDekIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO2FBQ1Q7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDTyxXQUFXO1FBQ2pCLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUU3RCxJQUFJLENBQUMsWUFBWSxHQUFHLFNBQVMsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7MkhBMUVVLDhCQUE4QjsrSEFBOUIsOEJBQThCLGNBRjdCLE1BQU07MkZBRVAsOEJBQThCO2tCQUgxQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElNb2RhbEl0ZW1BY3Rpb24gfSBmcm9tICcuL2l0ZW0vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5pbnRlcmZhY2UnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBHbENvbXBvbmVudE1vZGFsQWN0aW9uc1NlcnZpY2Uge1xuXG4gIHJlYWRvbmx5IGFjdGlvbnM6IElNb2RhbEl0ZW1BY3Rpb25bXSA9IFtdO1xuICBzaG93TW9kYWw6IGJvb2xlYW47XG4gIG1vZGFsQ2xhc3M6IHN0cmluZztcbiAgcmVzb2x2ZVByb21pc2U7XG4gIGJpbmRlcjtcblxuICBwcml2YXRlIF9jbG9zZUJ1dHRvbjogSFRNTElucHV0RWxlbWVudDtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIGFkZEFjdGlvbihhY3Rpb25zOiBJTW9kYWxJdGVtQWN0aW9uW10sIHJlbW92ZUN1cnJlbnQ6IGJvb2xlYW4gPSBmYWxzZSk6IHZvaWQge1xuICAgIGlmIChyZW1vdmVDdXJyZW50KSB7XG4gICAgICB0aGlzLmNsZWFyQWN0aW9ucygpO1xuICAgIH1cbiAgICB0aGlzLmFjdGlvbnMucHVzaCguLi5hY3Rpb25zKTtcbiAgfVxuICBhZGRTaW5nbGVBY3Rpb24odGl0bGU6IHN0cmluZywgaWNvbjogc3RyaW5nLCBhY3Rpb246ICgpID0+IHZvaWQsIHJlZDogYm9vbGVhbiwgaGlkZT86IGJvb2xlYW4sIHJlbW92ZUN1cnJlbnQ6IGJvb2xlYW4gPSBmYWxzZSk6IHZvaWQge1xuICAgIGNvbnN0IGFjdGlvbkV4aXN0cyA9IHRoaXMuYWN0aW9ucy5maWx0ZXIoeCA9PiB4LnRpdGxlID09PSB0aXRsZSkubGVuZ3RoID4gMDtcblxuICAgIGlmIChyZW1vdmVDdXJyZW50KSB7XG4gICAgICB0aGlzLmNsZWFyQWN0aW9ucygpO1xuICAgIH1cblxuICAgIGlmICghYWN0aW9uRXhpc3RzKSB7XG4gICAgICB0aGlzLmFjdGlvbnMucHVzaCh7IHRpdGxlLCBpY29uLCBhY3Rpb24sIHJlZCwgaGlkZSB9KTtcbiAgICB9XG4gIH1cbiAgcmVtb3ZlQWN0aW9uKGluZGV4OiBudW1iZXIsIGRlbGV0ZUNvdW50OiBudW1iZXIgPSAxKTogdm9pZCB7XG4gICAgdGhpcy5hY3Rpb25zLnNwbGljZShpbmRleCwgZGVsZXRlQ291bnQpO1xuICB9XG4gIGNsZWFyQWN0aW9ucygpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbnMuc3BsaWNlKDAsIHRoaXMuYWN0aW9ucy5sZW5ndGgpO1xuICB9XG5cbiAgc2hvdyhhY3Rpb25zOiBJTW9kYWxJdGVtQWN0aW9uW10sIGJpbmRlcik6IFByb21pc2U8Ym9vbGVhbj4ge1xuICAgIHRoaXMuYmluZGVyID0gYmluZGVyO1xuICAgIHRoaXMuYWRkQWN0aW9uKGFjdGlvbnMpO1xuICAgIHJldHVybiB0aGlzLm1vZGFsKHRydWUpO1xuICB9XG4gIGhpZGUoKTogdm9pZCB7XG4gICAgdGhpcy5jbGVhckFjdGlvbnMoKTtcbiAgICB0aGlzLm1vZGFsKGZhbHNlKTtcbiAgfVxuXG4gIHByaXZhdGUgbW9kYWwoc2hvdzogYm9vbGVhbik6IFByb21pc2U8Ym9vbGVhbj4ge1xuICAgIHJldHVybiBuZXcgUHJvbWlzZShyZXNvbHZlID0+IHtcbiAgICAgIHRoaXMucmVzb2x2ZVByb21pc2UgPSByZXNvbHZlO1xuXG4gICAgICBpZiAoc2hvdykge1xuICAgICAgICB0aGlzLm1vZGFsQ2xhc3MgPSAnaGlkZS1tb2RhbCc7XG4gICAgICAgIHRoaXMuc2hvd01vZGFsID0gc2hvdztcbiAgICAgICAgdGhpcy5tb2RhbENsYXNzID0gJ3Nob3ctbW9kYWwnO1xuXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuc2V0RWxlbWVudHMoKTtcblxuICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5fY2xvc2VCdXR0b24uZm9jdXMoKTtcbiAgICAgICAgICB9LCAzMDApO1xuICAgICAgICB9LCAzMDApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5tb2RhbENsYXNzID0gJ2hpZGUtbW9kYWwnO1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLnNob3dNb2RhbCA9IGZhbHNlO1xuICAgICAgICB9LCAzMDApO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG4gIHByaXZhdGUgc2V0RWxlbWVudHMoKTogdm9pZCB7XG4gICAgY29uc3QgY29udGFpbmVyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLm1vZGFsLWNvbnRhaW5lcicpO1xuXG4gICAgdGhpcy5fY2xvc2VCdXR0b24gPSBjb250YWluZXIucXVlcnlTZWxlY3RvcignLmNsb3NlJyk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dsLW5nLW1lbnVzLWZyb250ZW5kL3NyYy9saWIvY29tcG9uZW50L21vZGFsL2FjdGlvbnMvZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0zQyxNQUFNLE9BQU8sOEJBQThCO0lBVXpDO1FBUlMsWUFBTyxHQUF1QixFQUFFLENBQUM7SUFRMUIsQ0FBQztJQUVqQixTQUFTLENBQUMsT0FBMkIsRUFBRSxnQkFBeUIsS0FBSztRQUNuRSxJQUFJLGFBQWEsRUFBRTtZQUNqQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxlQUFlLENBQUMsS0FBYSxFQUFFLElBQVksRUFBRSxNQUFrQixFQUFFLEdBQVksRUFBRSxLQUFjLEVBQUUsSUFBYyxFQUFFLFVBQW9CLEVBQUUsZ0JBQXlCLEtBQUs7UUFDakssTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFFNUUsSUFBSSxhQUFhLEVBQUU7WUFDakIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3JCO1FBRUQsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7U0FDMUU7SUFDSCxDQUFDO0lBQ0QsWUFBWSxDQUFDLEtBQWEsRUFBRSxjQUFzQixDQUFDO1FBQ2pELElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxJQUFJLENBQUMsT0FBMkIsRUFBRSxNQUFNO1FBQ3RDLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFDRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEIsQ0FBQztJQUVPLEtBQUssQ0FBQyxJQUFhO1FBQ3pCLE9BQU8sSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGNBQWMsR0FBRyxPQUFPLENBQUM7WUFFOUIsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUM7Z0JBQy9CLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2dCQUN0QixJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztnQkFFL0IsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7b0JBRW5CLFVBQVUsQ0FBQyxHQUFHLEVBQUU7d0JBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztvQkFDNUIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO2dCQUNWLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQzthQUNUO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDO2dCQUMvQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2dCQUN6QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7YUFDVDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNPLFdBQVc7UUFDakIsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBRTdELElBQUksQ0FBQyxZQUFZLEdBQUcsU0FBUyxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RCxDQUFDOzsySEExRVUsOEJBQThCOytIQUE5Qiw4QkFBOEIsY0FGN0IsTUFBTTsyRkFFUCw4QkFBOEI7a0JBSDFDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSU1vZGFsSXRlbUFjdGlvbiB9IGZyb20gJy4vaXRlbS9nbC1jb21wb25lbnQtbW9kYWwtYWN0aW9ucy1pdGVtLmludGVyZmFjZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zU2VydmljZSB7XG5cbiAgcmVhZG9ubHkgYWN0aW9uczogSU1vZGFsSXRlbUFjdGlvbltdID0gW107XG4gIHNob3dNb2RhbDogYm9vbGVhbjtcbiAgbW9kYWxDbGFzczogc3RyaW5nO1xuICByZXNvbHZlUHJvbWlzZTtcbiAgYmluZGVyO1xuXG4gIHByaXZhdGUgX2Nsb3NlQnV0dG9uOiBIVE1MSW5wdXRFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgYWRkQWN0aW9uKGFjdGlvbnM6IElNb2RhbEl0ZW1BY3Rpb25bXSwgcmVtb3ZlQ3VycmVudDogYm9vbGVhbiA9IGZhbHNlKTogdm9pZCB7XG4gICAgaWYgKHJlbW92ZUN1cnJlbnQpIHtcbiAgICAgIHRoaXMuY2xlYXJBY3Rpb25zKCk7XG4gICAgfVxuICAgIHRoaXMuYWN0aW9ucy5wdXNoKC4uLmFjdGlvbnMpO1xuICB9XG4gIGFkZFNpbmdsZUFjdGlvbih0aXRsZTogc3RyaW5nLCBpY29uOiBzdHJpbmcsIGFjdGlvbjogKCkgPT4gdm9pZCwgcmVkOiBib29sZWFuLCBncmVlbjogYm9vbGVhbiwgaGlkZT86IGJvb2xlYW4sIGdyb3VwU3BsaXQ/OiBib29sZWFuLCByZW1vdmVDdXJyZW50OiBib29sZWFuID0gZmFsc2UpOiB2b2lkIHtcbiAgICBjb25zdCBhY3Rpb25FeGlzdHMgPSB0aGlzLmFjdGlvbnMuZmlsdGVyKHggPT4geC50aXRsZSA9PT0gdGl0bGUpLmxlbmd0aCA+IDA7XG5cbiAgICBpZiAocmVtb3ZlQ3VycmVudCkge1xuICAgICAgdGhpcy5jbGVhckFjdGlvbnMoKTtcbiAgICB9XG5cbiAgICBpZiAoIWFjdGlvbkV4aXN0cykge1xuICAgICAgdGhpcy5hY3Rpb25zLnB1c2goeyB0aXRsZSwgaWNvbiwgYWN0aW9uLCByZWQsIGdyZWVuLCBoaWRlLCBncm91cFNwbGl0IH0pO1xuICAgIH1cbiAgfVxuICByZW1vdmVBY3Rpb24oaW5kZXg6IG51bWJlciwgZGVsZXRlQ291bnQ6IG51bWJlciA9IDEpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbnMuc3BsaWNlKGluZGV4LCBkZWxldGVDb3VudCk7XG4gIH1cbiAgY2xlYXJBY3Rpb25zKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aW9ucy5zcGxpY2UoMCwgdGhpcy5hY3Rpb25zLmxlbmd0aCk7XG4gIH1cblxuICBzaG93KGFjdGlvbnM6IElNb2RhbEl0ZW1BY3Rpb25bXSwgYmluZGVyKTogUHJvbWlzZTxib29sZWFuPiB7XG4gICAgdGhpcy5iaW5kZXIgPSBiaW5kZXI7XG4gICAgdGhpcy5hZGRBY3Rpb24oYWN0aW9ucyk7XG4gICAgcmV0dXJuIHRoaXMubW9kYWwodHJ1ZSk7XG4gIH1cbiAgaGlkZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNsZWFyQWN0aW9ucygpO1xuICAgIHRoaXMubW9kYWwoZmFsc2UpO1xuICB9XG5cbiAgcHJpdmF0ZSBtb2RhbChzaG93OiBib29sZWFuKTogUHJvbWlzZTxib29sZWFuPiB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlKHJlc29sdmUgPT4ge1xuICAgICAgdGhpcy5yZXNvbHZlUHJvbWlzZSA9IHJlc29sdmU7XG5cbiAgICAgIGlmIChzaG93KSB7XG4gICAgICAgIHRoaXMubW9kYWxDbGFzcyA9ICdoaWRlLW1vZGFsJztcbiAgICAgICAgdGhpcy5zaG93TW9kYWwgPSBzaG93O1xuICAgICAgICB0aGlzLm1vZGFsQ2xhc3MgPSAnc2hvdy1tb2RhbCc7XG5cbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgdGhpcy5zZXRFbGVtZW50cygpO1xuXG4gICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLl9jbG9zZUJ1dHRvbi5mb2N1cygpO1xuICAgICAgICAgIH0sIDMwMCk7XG4gICAgICAgIH0sIDMwMCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLm1vZGFsQ2xhc3MgPSAnaGlkZS1tb2RhbCc7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuc2hvd01vZGFsID0gZmFsc2U7XG4gICAgICAgIH0sIDMwMCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbiAgcHJpdmF0ZSBzZXRFbGVtZW50cygpOiB2b2lkIHtcbiAgICBjb25zdCBjb250YWluZXIgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcubW9kYWwtY29udGFpbmVyJyk7XG5cbiAgICB0aGlzLl9jbG9zZUJ1dHRvbiA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCcuY2xvc2UnKTtcbiAgfVxufVxuIl19

esm2015/gl-ng-menus-frontend/src/lib/component/modal/actions/item/gl-component-modal-actions-item.component.js

@@ -7,3 +7,5 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
         this.red = false;
+        this.green = false;
         this.hide = true;
+        this.groupSplit = false;
         this.$clicked = new EventEmitter();
@@ -29,4 +31,8 @@ }
         GlComponentModalActionsItemComponent.checkField(this.red, 'red');
+        GlComponentModalActionsItemComponent.checkField(this.green, 'green');
         GlComponentModalActionsItemComponent.checkField(this.action, 'action');
         GlComponentModalActionsItemComponent.checkField(this.hide, 'hide');
+        if (this.red && this.green) {
+            throw Error('You cannot set the item as green and red!');
+        }
     }
@@ -39,3 +45,3 @@ onClick() {
 GlComponentModalActionsItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GlComponentModalActionsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: { title: "title", icon: "icon", red: "red", action: "action", hide: "hide" }, outputs: { $clicked: "$clicked" }, ngImport: i0, template: "<div class=\"action-item-container\" (click)=\"onClick()\" *ngIf=\"!hide\">\n  <span\n    class=\"action-title\"\n    [class.red]=\"red\"\n  >{{ title }}</span>\n\n  <img\n    alt=\"Icon\"\n    class=\"action-icon\"\n    [src]=\"icon\">\n</div>\n", styles: ["@import\"//fonts.googleapis.com/css?family=Montserrat:300\";:host::ng-deep .action-item-container{display:flex;flex-direction:row;align-items:center;padding:.8em 1em;cursor:pointer}:host::ng-deep .action-item-container:not(hover),:host::ng-deep .action-item-container:not(active){background-color:#1a1b1dcc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container:hover,:host::ng-deep .action-item-container:active{background-color:#27272acc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container .action-title{font-family:\"Montserrat\",sans-serif;font-weight:300;font-size:.8em;color:#fff;flex:1 1 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host::ng-deep .action-item-container .action-title.red{color:#ea6868}:host::ng-deep .action-item-container .action-icon{width:1em}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+GlComponentModalActionsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: { title: "title", icon: "icon", red: "red", green: "green", action: "action", hide: "hide", groupSplit: "groupSplit" }, outputs: { $clicked: "$clicked" }, ngImport: i0, template: "<div class=\"action-item-container\" [class.group-split]=\"groupSplit\" (click)=\"onClick()\" *ngIf=\"!hide\">\n  <span\n    class=\"action-title\"\n    [class.red]=\"red\"\n  >{{ title }}</span>\n\n  <img\n    alt=\"Icon\"\n    class=\"action-icon\"\n    [src]=\"icon\">\n</div>\n", styles: ["@import\"//fonts.googleapis.com/css?family=Montserrat:300\";:host::ng-deep .action-item-container{display:flex;flex-direction:row;align-items:center;padding:.8em 1em;cursor:pointer;border-bottom:solid 1px #333437}:host::ng-deep .action-item-container.group-split{border-bottom:solid 5px #333437}:host::ng-deep .action-item-container:not(hover),:host::ng-deep .action-item-container:not(active){background-color:#1a1b1dcc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container:hover,:host::ng-deep .action-item-container:active{background-color:#27272acc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container .action-title{font-family:\"Montserrat\",sans-serif;font-weight:300;font-size:.8em;color:#fff;flex:1 1 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host::ng-deep .action-item-container .action-title.red{color:#ea6868}:host::ng-deep .action-item-container .action-icon{width:1em}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsItemComponent, decorators: [{
@@ -54,2 +60,4 @@ type: Component,
                 type: Input
+            }], green: [{
+                type: Input
             }], action: [{
@@ -59,5 +67,7 @@ type: Input
                 type: Input
+            }], groupSplit: [{
+                type: Input
             }], $clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2l0ZW0vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2l0ZW0vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLG9DQUFvQztJQVMvQztRQU5TLFFBQUcsR0FBRyxLQUFLLENBQUM7UUFFWixTQUFJLEdBQUcsSUFBSSxDQUFDO1FBRVgsYUFBUSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTVDLENBQUM7SUFFVCxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQXNDLEVBQUUsSUFBWTtRQUM1RSxJQUFJLElBQUksSUFBSSxJQUFJLEVBQUU7WUFDaEIsTUFBTSxLQUFLLENBQUMsZ0NBQWdDLENBQUMsQ0FBQztTQUMvQztRQUVELE1BQU0saUJBQWlCLEdBQUcsT0FBTyxJQUFJLGlDQUFpQyxDQUFDO1FBQ3ZFLElBQUksS0FBSyxJQUFJLElBQUksRUFBRTtZQUNqQixNQUFNLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ2hDO1FBRUQsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsSUFBSSxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtnQkFDN0IsTUFBTSxLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQzthQUNoQztTQUNGO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNyRSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNuRSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNqRSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN2RSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQzs7aUlBdkNVLG9DQUFvQztxSEFBcEMsb0NBQW9DLGdNQ1BqRCx3UEFXQTsyRkRKYSxvQ0FBb0M7a0JBTGhELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlDQUFpQztvQkFDM0MsV0FBVyxFQUFFLGtEQUFrRDtvQkFDL0QsU0FBUyxFQUFFLENBQUMsa0RBQWtELENBQUM7aUJBQ2hFOzBFQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9nbC1jb21wb25lbnQtbW9kYWwtYWN0aW9ucy1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgcmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGFjdGlvbjogKCkgPT4gdm9pZDtcbiAgQElucHV0KCkgaGlkZSA9IHRydWU7XG5cbiAgQE91dHB1dCgpICRjbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBwcml2YXRlIHN0YXRpYyBjaGVja0ZpZWxkKGZpZWxkOiBzdHJpbmcgfCBib29sZWFuIHwgKCgpID0+IHZvaWQpLCBuYW1lOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAobmFtZSA9PSBudWxsKSB7XG4gICAgICB0aHJvdyBFcnJvcignVGhlIG5hbWUgcGFyYW0gbXVzdCBiZSBmaWxsZWQhJyk7XG4gICAgfVxuXG4gICAgY29uc3QgZmllbGRFbXB0eU1lc3NhZ2UgPSBgVGhlICR7bmFtZX0gZmllbGQgY2Fubm90IGJlIG51bGwgb3IgZW1wdHkhYDtcbiAgICBpZiAoZmllbGQgPT0gbnVsbCkge1xuICAgICAgdGhyb3cgRXJyb3IoZmllbGRFbXB0eU1lc3NhZ2UpO1xuICAgIH1cblxuICAgIGlmICh0eXBlb2YgZmllbGQgPT09ICdzdHJpbmcnKSB7XG4gICAgICBpZiAoZmllbGQudHJpbSgpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICB0aHJvdyBFcnJvcihmaWVsZEVtcHR5TWVzc2FnZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgR2xDb21wb25lbnRNb2RhbEFjdGlvbnNJdGVtQ29tcG9uZW50LmNoZWNrRmllbGQodGhpcy50aXRsZSwgJ3RpdGxlJyk7XG4gICAgR2xDb21wb25lbnRNb2RhbEFjdGlvbnNJdGVtQ29tcG9uZW50LmNoZWNrRmllbGQodGhpcy5pY29uLCAnaWNvbicpO1xuICAgIEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zSXRlbUNvbXBvbmVudC5jaGVja0ZpZWxkKHRoaXMucmVkLCAncmVkJyk7XG4gICAgR2xDb21wb25lbnRNb2RhbEFjdGlvbnNJdGVtQ29tcG9uZW50LmNoZWNrRmllbGQodGhpcy5hY3Rpb24sICdhY3Rpb24nKTtcbiAgICBHbENvbXBvbmVudE1vZGFsQWN0aW9uc0l0ZW1Db21wb25lbnQuY2hlY2tGaWVsZCh0aGlzLmhpZGUsICdoaWRlJyk7XG4gIH1cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aW9uKCk7XG4gICAgdGhpcy4kY2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhY3Rpb24taXRlbS1jb250YWluZXJcIiAoY2xpY2spPVwib25DbGljaygpXCIgKm5nSWY9XCIhaGlkZVwiPlxuICA8c3BhblxuICAgIGNsYXNzPVwiYWN0aW9uLXRpdGxlXCJcbiAgICBbY2xhc3MucmVkXT1cInJlZFwiXG4gID57eyB0aXRsZSB9fTwvc3Bhbj5cblxuICA8aW1nXG4gICAgYWx0PVwiSWNvblwiXG4gICAgY2xhc3M9XCJhY3Rpb24taWNvblwiXG4gICAgW3NyY109XCJpY29uXCI+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2l0ZW0vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2l0ZW0vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLG9DQUFvQztJQVcvQztRQVJTLFFBQUcsR0FBRyxLQUFLLENBQUM7UUFDWixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBRWQsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbEIsYUFBUSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTVDLENBQUM7SUFFVCxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQXNDLEVBQUUsSUFBWTtRQUM1RSxJQUFJLElBQUksSUFBSSxJQUFJLEVBQUU7WUFDaEIsTUFBTSxLQUFLLENBQUMsZ0NBQWdDLENBQUMsQ0FBQztTQUMvQztRQUVELE1BQU0saUJBQWlCLEdBQUcsT0FBTyxJQUFJLGlDQUFpQyxDQUFDO1FBQ3ZFLElBQUksS0FBSyxJQUFJLElBQUksRUFBRTtZQUNqQixNQUFNLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ2hDO1FBRUQsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsSUFBSSxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtnQkFDN0IsTUFBTSxLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQzthQUNoQztTQUNGO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNyRSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNuRSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNqRSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNyRSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN2RSxvQ0FBb0MsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUVuRSxJQUFJLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUMxQixNQUFNLEtBQUssQ0FBQywyQ0FBMkMsQ0FBQyxDQUFDO1NBQzFEO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7O2lJQTlDVSxvQ0FBb0M7cUhBQXBDLG9DQUFvQywwT0NQakQsMlJBV0E7MkZESmEsb0NBQW9DO2tCQUxoRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFdBQVcsRUFBRSxrREFBa0Q7b0JBQy9ELFNBQVMsRUFBRSxDQUFDLGtEQUFrRCxDQUFDO2lCQUNoRTswRUFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLWl0ZW0uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHbENvbXBvbmVudE1vZGFsQWN0aW9uc0l0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBncmVlbiA9IGZhbHNlO1xuICBASW5wdXQoKSBhY3Rpb246ICgpID0+IHZvaWQ7XG4gIEBJbnB1dCgpIGhpZGUgPSB0cnVlO1xuICBASW5wdXQoKSBncm91cFNwbGl0ID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpICRjbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBwcml2YXRlIHN0YXRpYyBjaGVja0ZpZWxkKGZpZWxkOiBzdHJpbmcgfCBib29sZWFuIHwgKCgpID0+IHZvaWQpLCBuYW1lOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAobmFtZSA9PSBudWxsKSB7XG4gICAgICB0aHJvdyBFcnJvcignVGhlIG5hbWUgcGFyYW0gbXVzdCBiZSBmaWxsZWQhJyk7XG4gICAgfVxuXG4gICAgY29uc3QgZmllbGRFbXB0eU1lc3NhZ2UgPSBgVGhlICR7bmFtZX0gZmllbGQgY2Fubm90IGJlIG51bGwgb3IgZW1wdHkhYDtcbiAgICBpZiAoZmllbGQgPT0gbnVsbCkge1xuICAgICAgdGhyb3cgRXJyb3IoZmllbGRFbXB0eU1lc3NhZ2UpO1xuICAgIH1cblxuICAgIGlmICh0eXBlb2YgZmllbGQgPT09ICdzdHJpbmcnKSB7XG4gICAgICBpZiAoZmllbGQudHJpbSgpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICB0aHJvdyBFcnJvcihmaWVsZEVtcHR5TWVzc2FnZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgR2xDb21wb25lbnRNb2RhbEFjdGlvbnNJdGVtQ29tcG9uZW50LmNoZWNrRmllbGQodGhpcy50aXRsZSwgJ3RpdGxlJyk7XG4gICAgR2xDb21wb25lbnRNb2RhbEFjdGlvbnNJdGVtQ29tcG9uZW50LmNoZWNrRmllbGQodGhpcy5pY29uLCAnaWNvbicpO1xuICAgIEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zSXRlbUNvbXBvbmVudC5jaGVja0ZpZWxkKHRoaXMucmVkLCAncmVkJyk7XG4gICAgR2xDb21wb25lbnRNb2RhbEFjdGlvbnNJdGVtQ29tcG9uZW50LmNoZWNrRmllbGQodGhpcy5ncmVlbiwgJ2dyZWVuJyk7XG4gICAgR2xDb21wb25lbnRNb2RhbEFjdGlvbnNJdGVtQ29tcG9uZW50LmNoZWNrRmllbGQodGhpcy5hY3Rpb24sICdhY3Rpb24nKTtcbiAgICBHbENvbXBvbmVudE1vZGFsQWN0aW9uc0l0ZW1Db21wb25lbnQuY2hlY2tGaWVsZCh0aGlzLmhpZGUsICdoaWRlJyk7XG5cbiAgICBpZiAodGhpcy5yZWQgJiYgdGhpcy5ncmVlbikge1xuICAgICAgdGhyb3cgRXJyb3IoJ1lvdSBjYW5ub3Qgc2V0IHRoZSBpdGVtIGFzIGdyZWVuIGFuZCByZWQhJyk7XG4gICAgfVxuICB9XG5cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbigpO1xuICAgIHRoaXMuJGNsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYWN0aW9uLWl0ZW0tY29udGFpbmVyXCIgW2NsYXNzLmdyb3VwLXNwbGl0XT1cImdyb3VwU3BsaXRcIiAoY2xpY2spPVwib25DbGljaygpXCIgKm5nSWY9XCIhaGlkZVwiPlxuICA8c3BhblxuICAgIGNsYXNzPVwiYWN0aW9uLXRpdGxlXCJcbiAgICBbY2xhc3MucmVkXT1cInJlZFwiXG4gID57eyB0aXRsZSB9fTwvc3Bhbj5cblxuICA8aW1nXG4gICAgYWx0PVwiSWNvblwiXG4gICAgY2xhc3M9XCJhY3Rpb24taWNvblwiXG4gICAgW3NyY109XCJpY29uXCI+XG48L2Rpdj5cbiJdfQ==

esm2015/gl-ng-menus-frontend/src/lib/component/modal/actions/item/gl-component-modal-actions-item.interface.js

 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2l0ZW0vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSU1vZGFsSXRlbUFjdGlvbiB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGljb246IHN0cmluZztcbiAgYWN0aW9uOiAoKSA9PiB2b2lkO1xuICByZWQ6IGJvb2xlYW47XG4gIGhpZGU/OiBib29sZWFuO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2l0ZW0vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMtaXRlbS5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSU1vZGFsSXRlbUFjdGlvbiB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGljb246IHN0cmluZztcbiAgYWN0aW9uOiAoKSA9PiB2b2lkO1xuICByZWQ6IGJvb2xlYW47XG4gIGdyZWVuOiBib29sZWFuO1xuICBoaWRlPzogYm9vbGVhbjtcbiAgZ3JvdXBTcGxpdD86IGJvb2xlYW47XG59XG4iXX0=

fesm2015/gl-ng-menus-frontend.js

@@ -293,3 +293,3 @@ import * as i0 from '@angular/core';
     }
-    addSingleAction(title, icon, action, red, hide, removeCurrent = false) {
+    addSingleAction(title, icon, action, red, green, hide, groupSplit, removeCurrent = false) {
         const actionExists = this.actions.filter(x => x.title === title).length > 0;
@@ -300,3 +300,3 @@ if (removeCurrent) {
         if (!actionExists) {
-            this.actions.push({ title, icon, action, red, hide });
+            this.actions.push({ title, icon, action, red, green, hide, groupSplit });
         }
@@ -358,3 +358,5 @@ }
         this.red = false;
+        this.green = false;
         this.hide = true;
+        this.groupSplit = false;
         this.$clicked = new EventEmitter();
@@ -380,4 +382,8 @@ }
         GlComponentModalActionsItemComponent.checkField(this.red, 'red');
+        GlComponentModalActionsItemComponent.checkField(this.green, 'green');
         GlComponentModalActionsItemComponent.checkField(this.action, 'action');
         GlComponentModalActionsItemComponent.checkField(this.hide, 'hide');
+        if (this.red && this.green) {
+            throw Error('You cannot set the item as green and red!');
+        }
     }
@@ -390,3 +396,3 @@ onClick() {
 GlComponentModalActionsItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GlComponentModalActionsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: { title: "title", icon: "icon", red: "red", action: "action", hide: "hide" }, outputs: { $clicked: "$clicked" }, ngImport: i0, template: "<div class=\"action-item-container\" (click)=\"onClick()\" *ngIf=\"!hide\">\n  <span\n    class=\"action-title\"\n    [class.red]=\"red\"\n  >{{ title }}</span>\n\n  <img\n    alt=\"Icon\"\n    class=\"action-icon\"\n    [src]=\"icon\">\n</div>\n", styles: ["@import\"//fonts.googleapis.com/css?family=Montserrat:300\";:host::ng-deep .action-item-container{display:flex;flex-direction:row;align-items:center;padding:.8em 1em;cursor:pointer}:host::ng-deep .action-item-container:not(hover),:host::ng-deep .action-item-container:not(active){background-color:#1a1b1dcc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container:hover,:host::ng-deep .action-item-container:active{background-color:#27272acc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container .action-title{font-family:\"Montserrat\",sans-serif;font-weight:300;font-size:.8em;color:#fff;flex:1 1 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host::ng-deep .action-item-container .action-title.red{color:#ea6868}:host::ng-deep .action-item-container .action-icon{width:1em}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+GlComponentModalActionsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: { title: "title", icon: "icon", red: "red", green: "green", action: "action", hide: "hide", groupSplit: "groupSplit" }, outputs: { $clicked: "$clicked" }, ngImport: i0, template: "<div class=\"action-item-container\" [class.group-split]=\"groupSplit\" (click)=\"onClick()\" *ngIf=\"!hide\">\n  <span\n    class=\"action-title\"\n    [class.red]=\"red\"\n  >{{ title }}</span>\n\n  <img\n    alt=\"Icon\"\n    class=\"action-icon\"\n    [src]=\"icon\">\n</div>\n", styles: ["@import\"//fonts.googleapis.com/css?family=Montserrat:300\";:host::ng-deep .action-item-container{display:flex;flex-direction:row;align-items:center;padding:.8em 1em;cursor:pointer;border-bottom:solid 1px #333437}:host::ng-deep .action-item-container.group-split{border-bottom:solid 5px #333437}:host::ng-deep .action-item-container:not(hover),:host::ng-deep .action-item-container:not(active){background-color:#1a1b1dcc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container:hover,:host::ng-deep .action-item-container:active{background-color:#27272acc;transition:background-color ease-in-out .2s}:host::ng-deep .action-item-container .action-title{font-family:\"Montserrat\",sans-serif;font-weight:300;font-size:.8em;color:#fff;flex:1 1 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host::ng-deep .action-item-container .action-title.red{color:#ea6868}:host::ng-deep .action-item-container .action-icon{width:1em}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsItemComponent, decorators: [{
@@ -405,2 +411,4 @@ type: Component,
                 type: Input
+            }], green: [{
+                type: Input
             }], action: [{
@@ -410,2 +418,4 @@ type: Input
                 type: Input
+            }], groupSplit: [{
+                type: Input
             }], $clicked: [{
@@ -421,3 +431,3 @@ type: Output
 GlComponentModalActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsComponent, deps: [{ token: GlComponentModalActionsService }], target: i0.ɵɵFactoryTarget.Component });
-GlComponentModalActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsComponent, selector: "gl-component-modal-actions", ngImport: i0, template: "<div\n  *ngIf=\"service.showModal\"\n  (keydown.escape)=\"service.hide()\"\n  id=\"modal\"\n  class=\"modal-container {{ service.modalClass }}\"\n  tabindex=\"-1\">\n\n  <div class=\"modal-main-content\">\n    <div class=\"background\" (click)=\"service.hide()\"></div>\n\n    <div class=\"action-main-container\">\n      <gl-component-modal-actions-item\n        *ngFor=\"let item of service.actions\"\n        [title]=\"item.title\"\n        [icon]=\"item.icon\"\n        [red]=\"item.red\"\n        [hide]=\"item.hide\"\n        [action]=\"item.action\"\n        ($clicked)=\"service.hide()\"\n      ></gl-component-modal-actions-item>\n    </div>\n\n    <img\n      alt=\"Close icon\"\n      class=\"close close-modal\"\n      src=\"assets/img/icon/menu/close.svg\"\n      (click)=\"service.hide()\">\n  </div>\n</div>\n", styles: [":host::ng-deep{font-size:1em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}:host::ng-deep .modal-container{font-size:1em;position:fixed;min-width:100vw;min-height:calc(1vh * 100);min-height:calc(var(--vh, 1vh) * 100);z-index:100000;top:0;left:0;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 0 calc(1vh * 5) 0;padding:0 0 calc(var(--vh, 1vh) * 5) 0;-webkit-animation:show-modal .5s ease-in-out;animation:show-modal .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes show-modal{0%{opacity:0}to{opacity:1}}@keyframes show-modal{0%{opacity:0}to{opacity:1}}:host::ng-deep .modal-container>.modal-main-content{opacity:1!important;transition:all .5s ease-in-out;transition-delay:.5s}:host::ng-deep .modal-main-content{width:80vw;max-height:calc(1vh * 80);max-height:calc(var(--vh, 1vh) * 80);border-radius:.5em;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;max-width:20em}:host::ng-deep .modal-main-content .background{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}:host::ng-deep .modal-main-content .action-main-container{border-radius:.5em;z-index:2}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item .action-item-container{border-bottom:solid 1px #333437}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-child(1) .action-item-container{border-top-left-radius:.5em;border-top-right-radius:.5em}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-last-child(1) .action-item-container{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;border-bottom:none}:host::ng-deep .modal-main-content .close-modal{border-radius:2em;align-self:center;width:2em;height:2em;margin:1em 0;cursor:pointer;z-index:2}:host::ng-deep .modal-main-content .close-modal:hover,:host::ng-deep .modal-main-content .close-modal:active{opacity:1;transition:opacity .2s ease-in-out}:host::ng-deep .modal-main-content .close-modal:not(hover),:host::ng-deep .modal-main-content .close-modal:not(active){opacity:.5;transition:opacity .2s ease-in-out}:host::ng-deep .hide-modal{-webkit-animation:hide-modal .3s ease-in-out;animation:hide-modal .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hide-modal{0%{opacity:1}to{opacity:0}}@keyframes hide-modal{0%{opacity:1}to{opacity:0}}\n"], components: [{ type: GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: ["title", "icon", "red", "action", "hide"], outputs: ["$clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+GlComponentModalActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: GlComponentModalActionsComponent, selector: "gl-component-modal-actions", ngImport: i0, template: "<div\n  *ngIf=\"service.showModal\"\n  (keydown.escape)=\"service.hide()\"\n  id=\"modal\"\n  class=\"modal-container {{ service.modalClass }}\"\n  tabindex=\"-1\">\n\n  <div class=\"modal-main-content\">\n    <div class=\"background\" (click)=\"service.hide()\"></div>\n\n    <div class=\"action-main-container\">\n      <gl-component-modal-actions-item\n        *ngFor=\"let item of service.actions\"\n        [title]=\"item.title\"\n        [icon]=\"item.icon\"\n        [red]=\"item.red\"\n        [hide]=\"item.hide\"\n        [action]=\"item.action\"\n        ($clicked)=\"service.hide()\"\n      ></gl-component-modal-actions-item>\n    </div>\n\n    <img\n      alt=\"Close icon\"\n      class=\"close close-modal\"\n      src=\"assets/img/icon/menu/close.svg\"\n      (click)=\"service.hide()\">\n  </div>\n</div>\n", styles: [":host::ng-deep{font-size:1em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}:host::ng-deep .modal-container{font-size:1em;position:fixed;min-width:100vw;min-height:calc(1vh * 100);min-height:calc(var(--vh, 1vh) * 100);z-index:100000;top:0;left:0;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 0 calc(1vh * 5) 0;padding:0 0 calc(var(--vh, 1vh) * 5) 0;-webkit-animation:show-modal .5s ease-in-out;animation:show-modal .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes show-modal{0%{opacity:0}to{opacity:1}}@keyframes show-modal{0%{opacity:0}to{opacity:1}}:host::ng-deep .modal-container>.modal-main-content{opacity:1!important;transition:all .5s ease-in-out;transition-delay:.5s}:host::ng-deep .modal-main-content{width:80vw;max-height:calc(1vh * 80);max-height:calc(var(--vh, 1vh) * 80);border-radius:.5em;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;max-width:20em}:host::ng-deep .modal-main-content .background{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}:host::ng-deep .modal-main-content .action-main-container{border-radius:.5em;z-index:2}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-child(1) .action-item-container{border-top-left-radius:.5em;border-top-right-radius:.5em}:host::ng-deep .modal-main-content .action-main-container gl-component-modal-actions-item:nth-last-child(1) .action-item-container{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;border-bottom:none}:host::ng-deep .modal-main-content .close-modal{border-radius:2em;align-self:center;width:2em;height:2em;margin:1em 0;cursor:pointer;z-index:2}:host::ng-deep .modal-main-content .close-modal:hover,:host::ng-deep .modal-main-content .close-modal:active{opacity:1;transition:opacity .2s ease-in-out}:host::ng-deep .modal-main-content .close-modal:not(hover),:host::ng-deep .modal-main-content .close-modal:not(active){opacity:.5;transition:opacity .2s ease-in-out}:host::ng-deep .hide-modal{-webkit-animation:hide-modal .3s ease-in-out;animation:hide-modal .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hide-modal{0%{opacity:1}to{opacity:0}}@keyframes hide-modal{0%{opacity:1}to{opacity:0}}\n"], components: [{ type: GlComponentModalActionsItemComponent, selector: "gl-component-modal-actions-item", inputs: ["title", "icon", "red", "green", "action", "hide", "groupSplit"], outputs: ["$clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: GlComponentModalActionsComponent, decorators: [{
@@ -424,0 +434,0 @@ type: Component,

gl-ng-menus-frontend/src/lib/component/modal/actions/gl-component-modal-actions.service.d.ts

@@ -12,3 +12,3 @@ import { IModalItemAction } from './item/gl-component-modal-actions-item.interface';
     addAction(actions: IModalItemAction[], removeCurrent?: boolean): void;
-    addSingleAction(title: string, icon: string, action: () => void, red: boolean, hide?: boolean, removeCurrent?: boolean): void;
+    addSingleAction(title: string, icon: string, action: () => void, red: boolean, green: boolean, hide?: boolean, groupSplit?: boolean, removeCurrent?: boolean): void;
     removeAction(index: number, deleteCount?: number): void;
@@ -15,0 +15,0 @@ clearActions(): void;

gl-ng-menus-frontend/src/lib/component/modal/actions/item/gl-component-modal-actions-item.component.d.ts

@@ -7,4 +7,6 @@ import { EventEmitter, OnInit } from '@angular/core';
     red: boolean;
+    green: boolean;
     action: () => void;
     hide: boolean;
+    groupSplit: boolean;
     $clicked: EventEmitter<void>;
@@ -16,3 +18,3 @@ constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<GlComponentModalActionsItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GlComponentModalActionsItemComponent, "gl-component-modal-actions-item", never, { "title": "title"; "icon": "icon"; "red": "red"; "action": "action"; "hide": "hide"; }, { "$clicked": "$clicked"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GlComponentModalActionsItemComponent, "gl-component-modal-actions-item", never, { "title": "title"; "icon": "icon"; "red": "red"; "green": "green"; "action": "action"; "hide": "hide"; "groupSplit": "groupSplit"; }, { "$clicked": "$clicked"; }, never, never>;
 }

gl-ng-menus-frontend/src/lib/component/modal/actions/item/gl-component-modal-actions-item.interface.d.ts

@@ -6,3 +6,5 @@ export interface IModalItemAction {
     red: boolean;
+    green: boolean;
     hide?: boolean;
+    groupSplit?: boolean;
 }

package.json

 {
   "name": "gl-ng-menus-frontend",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "Common code and components designed for Angular 2+ to be used among web front-end development.",
@@ -5,0 +5,0 @@ "main": "bundles/gl-ng-menus-frontend.umd.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

328401

increased by1.18%

Lines of code

2415

increased by1.6%

No dependency changes