ng-components-tsi 0.0.48 → 0.0.49

package/fesm2022/ng-components-tsi.mjs

@@ -1901,11 +1901,11 @@ class SidebarComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SidebarComponent, isStandalone: true, selector: "app-sidebar", inputs: { lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: false, transformFunction: null }, titleMenu: { classPropertyName: "titleMenu", publicName: "titleMenu", isSignal: true, isRequired: false, transformFunction: null }, expandedWidth: { classPropertyName: "expandedWidth", publicName: "expandedWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"responsive-container mtp-12\">\r\n    <div class=\"flex-custom\" [ngClass]=\"{'expanded-menu': showMenu(), 'collapsed-menu': !showMenu()}\"\r\n        [style.--expanded-width]=\"expandedWidth()\">\r\n        <div class=\"bg-white shadow-sm rounded-1  px-3 py-2 d-flex flex-column align-items-start\">\r\n            <div class=\"d-flex align-items-center py-3 w-auto cursor-pointer\" (click)=\"showMenu.set(!showMenu())\">\r\n                <i class=\"fas fa-bars fs-8 px-1 py-1 icon-bar mrp-3 rounded-1 text-dark\">\r\n                </i>\r\n                @if(showMenu()){\r\n                <p class=\"fs-7 fw-6 mb-0 ms-1\">{{titleMenu()}}</p>\r\n                }\r\n            </div>\r\n\r\n            <ul class=\"list-unstyled w-100\">\r\n                @for (item of lista(); track $index) {\r\n                <li class=\"item-list fs-7 fw-light py-1 px-1\" [routerLink]=\"item.ruta\" [routerLinkActive]=\"'active'\"\r\n                    (mousedown)=\"onMiddleClick($event, item.ruta)\" (contextmenu)=\"onRightClick($event, item.ruta)\" title=\"{{item.nombre}}\" >\r\n                    <i class=\"fas fa-folder fs-7 me-2 icon-list\"></i>\r\n                    @if(showMenu()){\r\n                    <span>{{ item.nombre }}</span>\r\n                    }\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"flex-grow-1\">\r\n        <div class=\"bg-white shadow-sm rounded-1 px-3 py-2\">\r\n            <p class=\"fs-7 fw-bold pt-2 w-100\">{{title()}}</p>\r\n            <router-outlet></router-outlet>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".responsive-container{display:flex;flex-direction:row;flex-wrap:nowrap}.item-list{transition:all .2s ease;display:flex;align-items:center}.item-list:not(:last-child){margin-bottom:5px}.item-list:hover{transform:scale(1.01);background:#f0f0f0;color:#1d1d1d;cursor:pointer;border-radius:5px}.active{background:#f0f0f0;color:#1d1d1d;border-radius:5px}.expanded-menu{width:var(--expanded-width, 320px);max-width:var(--expanded-width, 320px);min-width:var(--expanded-width, 320px);transition:all .2s ease;height:auto;margin-right:8px}.collapsed-menu{width:60px;min-width:60px;overflow:hidden;transition:width .2s ease;height:auto;margin-right:8px}.collapsed-menu .icon-bar,.collapsed-menu .icon-list{margin-left:3.5px}.item-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,width .2s ease}@media (max-width: 699px){.responsive-container{flex-direction:column}.expanded-menu{width:100%!important;max-width:100%!important;min-width:100%!important;margin-bottom:10px}.collapsed-menu{height:47px;margin-bottom:10px;border-radius:10px}.collapsed-menu .icon-bar{margin-top:-12px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SidebarComponent, isStandalone: true, selector: "app-sidebar", inputs: { lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: false, transformFunction: null }, titleMenu: { classPropertyName: "titleMenu", publicName: "titleMenu", isSignal: true, isRequired: false, transformFunction: null }, expandedWidth: { classPropertyName: "expandedWidth", publicName: "expandedWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"responsive-container mtp-12\">\r\n    <div class=\"flex-custom\" [ngClass]=\"{'expanded-menu': showMenu(), 'collapsed-menu': !showMenu()}\"\r\n        [style.--expanded-width]=\"expandedWidth()\">\r\n        <div class=\"bg-white shadow-sm rounded-1  px-3 py-2 d-flex flex-column align-items-start\">\r\n            <div class=\"d-flex align-items-center py-3 w-auto cursor-pointer\" (click)=\"showMenu.set(!showMenu())\">\r\n                <i class=\"fas fa-bars fs-8 px-1 py-1 icon-bar mrp-3 rounded-1 text-dark\">\r\n                </i>\r\n                @if(showMenu()){\r\n                <p class=\"fs-7 fw-6 mb-0 ms-1\">{{titleMenu()}}</p>\r\n                }\r\n            </div>\r\n\r\n            <ul class=\"list-unstyled w-100\">\r\n                @for (item of lista(); track $index) {\r\n                <li class=\"item-list fs-7 fw-light py-1 px-1\" [routerLink]=\"item.ruta\" [routerLinkActive]=\"'active'\"\r\n                    (mousedown)=\"onMiddleClick($event, item.ruta)\" (contextmenu)=\"onRightClick($event, item.ruta)\" title=\"{{item.nombre}}\" >\r\n                    <i class=\"fas fa-folder fs-7 me-2 icon-list\"></i>\r\n                    @if(showMenu()){\r\n                    <span>{{ item.nombre }}</span>\r\n                    }\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"flex-grow-1\" style=\"min-width: 0;\">\r\n        <div class=\"bg-white shadow-sm rounded-1 px-3 py-2\">\r\n            <p class=\"fs-7 fw-bold pt-2 w-100\">{{title()}}</p>\r\n            <router-outlet></router-outlet>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".responsive-container{display:flex;flex-direction:row;flex-wrap:nowrap}.item-list{transition:all .2s ease;display:flex;align-items:center}.item-list:not(:last-child){margin-bottom:5px}.item-list:hover{transform:scale(1.01);background:#f0f0f0;color:#1d1d1d;cursor:pointer;border-radius:5px}.active{background:#f0f0f0;color:#1d1d1d;border-radius:5px}.expanded-menu{width:var(--expanded-width, 320px);max-width:var(--expanded-width, 320px);min-width:var(--expanded-width, 320px);transition:all .2s ease;height:auto;margin-right:8px}.collapsed-menu{width:60px;min-width:60px;overflow:hidden;transition:width .2s ease;height:auto;margin-right:8px}.collapsed-menu .icon-bar,.collapsed-menu .icon-list{margin-left:3.5px}.item-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,width .2s ease}@media (max-width: 699px){.responsive-container{flex-direction:column}.expanded-menu{width:100%!important;max-width:100%!important;min-width:100%!important;margin-bottom:10px}.collapsed-menu{height:47px;margin-bottom:10px;border-radius:10px}.collapsed-menu .icon-bar{margin-top:-12px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sidebar', imports: [NgClass, RouterLink, RouterOutlet, RouterLinkActive], template: "<div class=\"responsive-container mtp-12\">\r\n    <div class=\"flex-custom\" [ngClass]=\"{'expanded-menu': showMenu(), 'collapsed-menu': !showMenu()}\"\r\n        [style.--expanded-width]=\"expandedWidth()\">\r\n        <div class=\"bg-white shadow-sm rounded-1  px-3 py-2 d-flex flex-column align-items-start\">\r\n            <div class=\"d-flex align-items-center py-3 w-auto cursor-pointer\" (click)=\"showMenu.set(!showMenu())\">\r\n                <i class=\"fas fa-bars fs-8 px-1 py-1 icon-bar mrp-3 rounded-1 text-dark\">\r\n                </i>\r\n                @if(showMenu()){\r\n                <p class=\"fs-7 fw-6 mb-0 ms-1\">{{titleMenu()}}</p>\r\n                }\r\n            </div>\r\n\r\n            <ul class=\"list-unstyled w-100\">\r\n                @for (item of lista(); track $index) {\r\n                <li class=\"item-list fs-7 fw-light py-1 px-1\" [routerLink]=\"item.ruta\" [routerLinkActive]=\"'active'\"\r\n                    (mousedown)=\"onMiddleClick($event, item.ruta)\" (contextmenu)=\"onRightClick($event, item.ruta)\" title=\"{{item.nombre}}\" >\r\n                    <i class=\"fas fa-folder fs-7 me-2 icon-list\"></i>\r\n                    @if(showMenu()){\r\n                    <span>{{ item.nombre }}</span>\r\n                    }\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"flex-grow-1\">\r\n        <div class=\"bg-white shadow-sm rounded-1 px-3 py-2\">\r\n            <p class=\"fs-7 fw-bold pt-2 w-100\">{{title()}}</p>\r\n            <router-outlet></router-outlet>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".responsive-container{display:flex;flex-direction:row;flex-wrap:nowrap}.item-list{transition:all .2s ease;display:flex;align-items:center}.item-list:not(:last-child){margin-bottom:5px}.item-list:hover{transform:scale(1.01);background:#f0f0f0;color:#1d1d1d;cursor:pointer;border-radius:5px}.active{background:#f0f0f0;color:#1d1d1d;border-radius:5px}.expanded-menu{width:var(--expanded-width, 320px);max-width:var(--expanded-width, 320px);min-width:var(--expanded-width, 320px);transition:all .2s ease;height:auto;margin-right:8px}.collapsed-menu{width:60px;min-width:60px;overflow:hidden;transition:width .2s ease;height:auto;margin-right:8px}.collapsed-menu .icon-bar,.collapsed-menu .icon-list{margin-left:3.5px}.item-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,width .2s ease}@media (max-width: 699px){.responsive-container{flex-direction:column}.expanded-menu{width:100%!important;max-width:100%!important;min-width:100%!important;margin-bottom:10px}.collapsed-menu{height:47px;margin-bottom:10px;border-radius:10px}.collapsed-menu .icon-bar{margin-top:-12px}}\n"] }]
+            args: [{ selector: 'app-sidebar', imports: [NgClass, RouterLink, RouterOutlet, RouterLinkActive], template: "<div class=\"responsive-container mtp-12\">\r\n    <div class=\"flex-custom\" [ngClass]=\"{'expanded-menu': showMenu(), 'collapsed-menu': !showMenu()}\"\r\n        [style.--expanded-width]=\"expandedWidth()\">\r\n        <div class=\"bg-white shadow-sm rounded-1  px-3 py-2 d-flex flex-column align-items-start\">\r\n            <div class=\"d-flex align-items-center py-3 w-auto cursor-pointer\" (click)=\"showMenu.set(!showMenu())\">\r\n                <i class=\"fas fa-bars fs-8 px-1 py-1 icon-bar mrp-3 rounded-1 text-dark\">\r\n                </i>\r\n                @if(showMenu()){\r\n                <p class=\"fs-7 fw-6 mb-0 ms-1\">{{titleMenu()}}</p>\r\n                }\r\n            </div>\r\n\r\n            <ul class=\"list-unstyled w-100\">\r\n                @for (item of lista(); track $index) {\r\n                <li class=\"item-list fs-7 fw-light py-1 px-1\" [routerLink]=\"item.ruta\" [routerLinkActive]=\"'active'\"\r\n                    (mousedown)=\"onMiddleClick($event, item.ruta)\" (contextmenu)=\"onRightClick($event, item.ruta)\" title=\"{{item.nombre}}\" >\r\n                    <i class=\"fas fa-folder fs-7 me-2 icon-list\"></i>\r\n                    @if(showMenu()){\r\n                    <span>{{ item.nombre }}</span>\r\n                    }\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"flex-grow-1\" style=\"min-width: 0;\">\r\n        <div class=\"bg-white shadow-sm rounded-1 px-3 py-2\">\r\n            <p class=\"fs-7 fw-bold pt-2 w-100\">{{title()}}</p>\r\n            <router-outlet></router-outlet>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".responsive-container{display:flex;flex-direction:row;flex-wrap:nowrap}.item-list{transition:all .2s ease;display:flex;align-items:center}.item-list:not(:last-child){margin-bottom:5px}.item-list:hover{transform:scale(1.01);background:#f0f0f0;color:#1d1d1d;cursor:pointer;border-radius:5px}.active{background:#f0f0f0;color:#1d1d1d;border-radius:5px}.expanded-menu{width:var(--expanded-width, 320px);max-width:var(--expanded-width, 320px);min-width:var(--expanded-width, 320px);transition:all .2s ease;height:auto;margin-right:8px}.collapsed-menu{width:60px;min-width:60px;overflow:hidden;transition:width .2s ease;height:auto;margin-right:8px}.collapsed-menu .icon-bar,.collapsed-menu .icon-list{margin-left:3.5px}.item-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,width .2s ease}@media (max-width: 699px){.responsive-container{flex-direction:column}.expanded-menu{width:100%!important;max-width:100%!important;min-width:100%!important;margin-bottom:10px}.collapsed-menu{height:47px;margin-bottom:10px;border-radius:10px}.collapsed-menu .icon-bar{margin-top:-12px}}\n"] }]
         }], ctorParameters: () => [] });
 
 class DetalleCreditoComponent {