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

Comparing version 4.1.2 to 4.1.3

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: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"] }] });
+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        [green]=\"item.green\"\n        [hide]=\"item.hide\"\n        [action]=\"item.action\"\n        [groupSplit]=\"item.groupSplit\"\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: [{
@@ -22,2 +22,2 @@ type: Component,
         }], ctorParameters: function () { return [{ type: i1.GlComponentModalActionsService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2wtbmctbWVudXMtZnJvbnRlbmQvc3JjL2xpYi9jb21wb25lbnQvbW9kYWwvYWN0aW9ucy9nbC1jb21wb25lbnQtbW9kYWwtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTFDLE1BQU0sT0FBTyxnQ0FBZ0M7SUFFM0MsWUFBbUIsT0FBdUM7UUFBdkMsWUFBTyxHQUFQLE9BQU8sQ0FBZ0M7SUFBSSxDQUFDOzs2SEFGcEQsZ0NBQWdDO2lIQUFoQyxnQ0FBZ0Msa0VDUjdDLDB6QkE2QkE7MkZEckJhLGdDQUFnQztrQkFMNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUsNkNBQTZDO29CQUMxRCxTQUFTLEVBQUUsQ0FBQyw2Q0FBNkMsQ0FBQztpQkFDM0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zU2VydmljZSB9IGZyb20gJy4vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHbENvbXBvbmVudE1vZGFsQWN0aW9uc0NvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHNlcnZpY2U6IEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zU2VydmljZSkgeyB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwic2VydmljZS5zaG93TW9kYWxcIlxuICAoa2V5ZG93bi5lc2NhcGUpPVwic2VydmljZS5oaWRlKClcIlxuICBpZD1cIm1vZGFsXCJcbiAgY2xhc3M9XCJtb2RhbC1jb250YWluZXIge3sgc2VydmljZS5tb2RhbENsYXNzIH19XCJcbiAgdGFiaW5kZXg9XCItMVwiPlxuXG4gIDxkaXYgY2xhc3M9XCJtb2RhbC1tYWluLWNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFja2dyb3VuZFwiIChjbGljayk9XCJzZXJ2aWNlLmhpZGUoKVwiPjwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbi1tYWluLWNvbnRhaW5lclwiPlxuICAgICAgPGdsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLWl0ZW1cbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2VydmljZS5hY3Rpb25zXCJcbiAgICAgICAgW3RpdGxlXT1cIml0ZW0udGl0bGVcIlxuICAgICAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuICAgICAgICBbcmVkXT1cIml0ZW0ucmVkXCJcbiAgICAgICAgW2hpZGVdPVwiaXRlbS5oaWRlXCJcbiAgICAgICAgW2FjdGlvbl09XCJpdGVtLmFjdGlvblwiXG4gICAgICAgICgkY2xpY2tlZCk9XCJzZXJ2aWNlLmhpZGUoKVwiXG4gICAgICA+PC9nbC1jb21wb25lbnQtbW9kYWwtYWN0aW9ucy1pdGVtPlxuICAgIDwvZGl2PlxuXG4gICAgPGltZ1xuICAgICAgYWx0PVwiQ2xvc2UgaWNvblwiXG4gICAgICBjbGFzcz1cImNsb3NlIGNsb3NlLW1vZGFsXCJcbiAgICAgIHNyYz1cImFzc2V0cy9pbWcvaWNvbi9tZW51L2Nsb3NlLnN2Z1wiXG4gICAgICAoY2xpY2spPVwic2VydmljZS5oaWRlKClcIj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2wtbmctbWVudXMtZnJvbnRlbmQvc3JjL2xpYi9jb21wb25lbnQvbW9kYWwvYWN0aW9ucy9nbC1jb21wb25lbnQtbW9kYWwtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbC1uZy1tZW51cy1mcm9udGVuZC9zcmMvbGliL2NvbXBvbmVudC9tb2RhbC9hY3Rpb25zL2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTFDLE1BQU0sT0FBTyxnQ0FBZ0M7SUFFM0MsWUFBbUIsT0FBdUM7UUFBdkMsWUFBTyxHQUFQLE9BQU8sQ0FBZ0M7SUFBSSxDQUFDOzs2SEFGcEQsZ0NBQWdDO2lIQUFoQyxnQ0FBZ0Msa0VDUjdDLG80QkErQkE7MkZEdkJhLGdDQUFnQztrQkFMNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUsNkNBQTZDO29CQUMxRCxTQUFTLEVBQUUsQ0FBQyw2Q0FBNkMsQ0FBQztpQkFDM0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zU2VydmljZSB9IGZyb20gJy4vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ2wtY29tcG9uZW50LW1vZGFsLWFjdGlvbnMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHbENvbXBvbmVudE1vZGFsQWN0aW9uc0NvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHNlcnZpY2U6IEdsQ29tcG9uZW50TW9kYWxBY3Rpb25zU2VydmljZSkgeyB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwic2VydmljZS5zaG93TW9kYWxcIlxuICAoa2V5ZG93bi5lc2NhcGUpPVwic2VydmljZS5oaWRlKClcIlxuICBpZD1cIm1vZGFsXCJcbiAgY2xhc3M9XCJtb2RhbC1jb250YWluZXIge3sgc2VydmljZS5tb2RhbENsYXNzIH19XCJcbiAgdGFiaW5kZXg9XCItMVwiPlxuXG4gIDxkaXYgY2xhc3M9XCJtb2RhbC1tYWluLWNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFja2dyb3VuZFwiIChjbGljayk9XCJzZXJ2aWNlLmhpZGUoKVwiPjwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbi1tYWluLWNvbnRhaW5lclwiPlxuICAgICAgPGdsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLWl0ZW1cbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2VydmljZS5hY3Rpb25zXCJcbiAgICAgICAgW3RpdGxlXT1cIml0ZW0udGl0bGVcIlxuICAgICAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuICAgICAgICBbcmVkXT1cIml0ZW0ucmVkXCJcbiAgICAgICAgW2dyZWVuXT1cIml0ZW0uZ3JlZW5cIlxuICAgICAgICBbaGlkZV09XCJpdGVtLmhpZGVcIlxuICAgICAgICBbYWN0aW9uXT1cIml0ZW0uYWN0aW9uXCJcbiAgICAgICAgW2dyb3VwU3BsaXRdPVwiaXRlbS5ncm91cFNwbGl0XCJcbiAgICAgICAgKCRjbGlja2VkKT1cInNlcnZpY2UuaGlkZSgpXCJcbiAgICAgID48L2dsLWNvbXBvbmVudC1tb2RhbC1hY3Rpb25zLWl0ZW0+XG4gICAgPC9kaXY+XG5cbiAgICA8aW1nXG4gICAgICBhbHQ9XCJDbG9zZSBpY29uXCJcbiAgICAgIGNsYXNzPVwiY2xvc2UgY2xvc2UtbW9kYWxcIlxuICAgICAgc3JjPVwiYXNzZXRzL2ltZy9pY29uL21lbnUvY2xvc2Uuc3ZnXCJcbiAgICAgIChjbGljayk9XCJzZXJ2aWNlLmhpZGUoKVwiPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

fesm2015/gl-ng-menus-frontend.js

@@ -424,3 +424,3 @@ import * as i0 from '@angular/core';
 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: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"] }] });
+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        [green]=\"item.green\"\n        [hide]=\"item.hide\"\n        [action]=\"item.action\"\n        [groupSplit]=\"item.groupSplit\"\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: [{
@@ -427,0 +427,0 @@ type: Component,

package.json

 {
   "name": "gl-ng-menus-frontend",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

329264

increased by0.14%

No dependency changes