keevo-components 1.8.329 → 1.8.330

package/esm2022/lib/api/services/breadcrumbs.service.mjs

@@ -21,30 +21,19 @@ export class BreadcrumbsService {
         const path = route.routeConfig && route.routeConfig.path ? route.routeConfig.path : '';
         const label = route.routeConfig && route.routeConfig.data ? route.routeConfig.data['breadcrumb'] : '';
         const showmenu = route.routeConfig && route.routeConfig.data ? route.routeConfig.data['showmenu'] : '';
+        // Ajuste para evitar múltiplas barras
+        let combinedUrl = url ? `${url}/${path}` : `/${path}`;
+        combinedUrl = combinedUrl.replace(/\/+/g, '/'); // Remove múltiplas barras
         if (path && label) {
-            if (url === '') {
-                breadcrumbs.push({
-                    label: label,
-                    routerLink: `/${path}`,
-                    showMenu: (showmenu === false ? false : true)
-                });
-            }
-            else {
-                breadcrumbs.push({
-                    label: label,
-                    routerLink: `${url}/${path}`,
-                    showMenu: (showmenu === false ? false : true)
-                });
-            }
+            breadcrumbs.push({
+                label: label,
+                routerLink: combinedUrl,
+                showMenu: (showmenu === false ? false : true)
+            });
         }
         const nextRoute = route.firstChild;
         if (nextRoute) {
-            if (url === '') {
-                return this.parseRoute(nextRoute, path, breadcrumbs);
-            }
-            else {
-                return this.parseRoute(nextRoute, `${url}/${path}`, breadcrumbs);
-            }
+            return this.parseRoute(nextRoute, combinedUrl, breadcrumbs);
         }
         return breadcrumbs;
     }
@@ -70,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                     providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9hcGkvc2VydmljZXMvYnJlYWRjcnVtYnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFFTCxhQUFhLEVBRWQsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBTXZDLE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsWUFBb0IsTUFBYyxFQUFVLGNBQThCO1FBQXRELFdBQU0sR0FBTixNQUFNLENBQVE7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFIbEUsdUJBQWtCLEdBQUcsSUFBSSxlQUFlLENBQXFCLEVBQUUsQ0FBQyxDQUFDO1FBQ3pFLGlCQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBR3BELElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTTthQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssWUFBWSxhQUFhLENBQUMsQ0FBQzthQUN2RCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzVDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFVBQVUsQ0FBQyxLQUFxQixFQUFFLE1BQWMsRUFBRSxFQUFFLGNBQWtDLEVBQUU7UUFDOUYsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN2RixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3RHLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxXQUFXLElBQUksS0FBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFFdkcsSUFBSSxJQUFJLElBQUksS0FBSyxFQUFFLENBQUM7WUFDbEIsSUFBSSxHQUFHLEtBQUssRUFBRSxFQUFFLENBQUM7Z0JBQ2YsV0FBVyxDQUFDLElBQUksQ0FBQztvQkFDZixLQUFLLEVBQUUsS0FBSztvQkFDWixVQUFVLEVBQUUsSUFBSSxJQUFJLEVBQUU7b0JBQ3RCLFFBQVEsRUFBRSxDQUFDLFFBQVEsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO2lCQUM5QyxDQUFDLENBQUM7WUFDTCxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sV0FBVyxDQUFDLElBQUksQ0FBQztvQkFDZixLQUFLLEVBQUUsS0FBSztvQkFDWixVQUFVLEVBQUUsR0FBRyxHQUFHLElBQUksSUFBSSxFQUFFO29CQUM1QixRQUFRLEVBQUUsQ0FBQyxRQUFRLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztpQkFDOUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztRQUNILENBQUM7UUFFRCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDO1FBQ25DLElBQUksU0FBUyxFQUFFLENBQUM7WUFDZCxJQUFJLEdBQUcsS0FBSyxFQUFFLEVBQUUsQ0FBQztnQkFDZixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxXQUFXLENBQUMsQ0FBQztZQUN2RCxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsRUFBRSxHQUFHLEdBQUcsSUFBSSxJQUFJLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQztZQUNuRSxDQUFDO1FBQ0gsQ0FBQztRQUVELE9BQU8sV0FBVyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxjQUFjO1FBQ1osT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDO0lBQ3ZDLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxXQUErQjtRQUNyRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFTSxvQkFBb0IsQ0FBQyxRQUFrRjtRQUM1RyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUV2RSxNQUFNLGNBQWMsR0FBRyxXQUFXLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDekMsTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBRS9DLElBQUcsYUFBYTtZQUNkLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLFdBQVcsRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7OEdBOURVLGtCQUFrQjtrSEFBbEIsa0JBQWtCLGNBRmpCLE1BQU07OzJGQUVQLGtCQUFrQjtrQkFIOUIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQge1xyXG4gIEFjdGl2YXRlZFJvdXRlLFxyXG4gIE5hdmlnYXRpb25FbmQsXHJcbiAgUm91dGVyXHJcbn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbmltcG9ydCB7IGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEJyZWFkQ3J1bWJPcHRpb24gfSBmcm9tICcuLi90eXBlcy9icmVhZGNydW1iLm1vZGVsJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1ic1NlcnZpY2Uge1xyXG4gIHByaXZhdGUgYnJlYWRjcnVtYnNTdWJqZWN0ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxCcmVhZENydW1iT3B0aW9uW10+KFtdKTtcclxuICBicmVhZGNydW1icyQgPSB0aGlzLmJyZWFkY3J1bWJzU3ViamVjdC5hc09ic2VydmFibGUoKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlciwgcHJpdmF0ZSBhY3RpdmF0ZWRSb3V0ZTogQWN0aXZhdGVkUm91dGUpIHtcclxuICAgIHRoaXMucm91dGVyLmV2ZW50c1xyXG4gICAgICAucGlwZShmaWx0ZXIoKGV2ZW50KSA9PiBldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25FbmQpKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICBjb25zdCBicmVhZGNydW1icyA9IHRoaXMucGFyc2VSb3V0ZSh0aGlzLnJvdXRlci5yb3V0ZXJTdGF0ZS5yb290KTtcclxuICAgICAgICB0aGlzLmJyZWFkY3J1bWJzU3ViamVjdC5uZXh0KGJyZWFkY3J1bWJzKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHBhcnNlUm91dGUocm91dGU6IEFjdGl2YXRlZFJvdXRlLCB1cmw6IHN0cmluZyA9ICcnLCBicmVhZGNydW1iczogQnJlYWRDcnVtYk9wdGlvbltdID0gW10pOiBCcmVhZENydW1iT3B0aW9uW10ge1xyXG4gICAgY29uc3QgcGF0aCA9IHJvdXRlLnJvdXRlQ29uZmlnICYmIHJvdXRlLnJvdXRlQ29uZmlnLnBhdGggPyByb3V0ZS5yb3V0ZUNvbmZpZy5wYXRoIDogJyc7XHJcbiAgICBjb25zdCBsYWJlbCA9IHJvdXRlLnJvdXRlQ29uZmlnICYmIHJvdXRlLnJvdXRlQ29uZmlnLmRhdGEgPyByb3V0ZS5yb3V0ZUNvbmZpZy5kYXRhWydicmVhZGNydW1iJ10gOiAnJztcclxuICAgIGNvbnN0IHNob3dtZW51ID0gcm91dGUucm91dGVDb25maWcgJiYgcm91dGUucm91dGVDb25maWcuZGF0YSA/IHJvdXRlLnJvdXRlQ29uZmlnLmRhdGFbJ3Nob3dtZW51J10gOiAnJztcclxuXHJcbiAgICBpZiAocGF0aCAmJiBsYWJlbCkge1xyXG4gICAgICBpZiAodXJsID09PSAnJykge1xyXG4gICAgICAgIGJyZWFkY3J1bWJzLnB1c2goe1xyXG4gICAgICAgICAgbGFiZWw6IGxhYmVsLFxyXG4gICAgICAgICAgcm91dGVyTGluazogYC8ke3BhdGh9YCxcclxuICAgICAgICAgIHNob3dNZW51OiAoc2hvd21lbnUgPT09IGZhbHNlID8gZmFsc2UgOiB0cnVlKVxyXG4gICAgICAgIH0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIGJyZWFkY3J1bWJzLnB1c2goe1xyXG4gICAgICAgICAgbGFiZWw6IGxhYmVsLFxyXG4gICAgICAgICAgcm91dGVyTGluazogYCR7dXJsfS8ke3BhdGh9YCxcclxuICAgICAgICAgIHNob3dNZW51OiAoc2hvd21lbnUgPT09IGZhbHNlID8gZmFsc2UgOiB0cnVlKVxyXG4gICAgICAgIH0pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgbmV4dFJvdXRlID0gcm91dGUuZmlyc3RDaGlsZDtcclxuICAgIGlmIChuZXh0Um91dGUpIHtcclxuICAgICAgaWYgKHVybCA9PT0gJycpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5wYXJzZVJvdXRlKG5leHRSb3V0ZSwgcGF0aCwgYnJlYWRjcnVtYnMpO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnBhcnNlUm91dGUobmV4dFJvdXRlLCBgJHt1cmx9LyR7cGF0aH1gLCBicmVhZGNydW1icyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gYnJlYWRjcnVtYnM7XHJcbiAgfVxyXG5cclxuICBnZXRCcmVhZENydW1icygpOiBCcmVhZENydW1iT3B0aW9uW10ge1xyXG4gICAgcmV0dXJuIHRoaXMuYnJlYWRjcnVtYnNTdWJqZWN0LnZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNoYW5nZUJyZWFkQ3J1bWIoYnJlYWRDcnVtYnM6IEJyZWFkQ3J1bWJPcHRpb25bXSkge1xyXG4gICAgdGhpcy5icmVhZGNydW1ic1N1YmplY3QubmV4dChicmVhZENydW1icyk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2hhbmdlTGFzdEJyZWFkQ3J1bWIoY2FsbGJhY2s6IChicmVhZENydW1iOiBCcmVhZENydW1iT3B0aW9uIHwgdW5kZWZpbmVkKSA9PiBCcmVhZENydW1iT3B0aW9ufHVuZGVmaW5lZCkge1xyXG4gICAgY29uc3QgYnJlYWRDcnVtYnMgPSB0aGlzLmJyZWFkY3J1bWJzU3ViamVjdC52YWx1ZS5tYXAoeCA9PiAoeyAuLi54IH0pKTtcclxuXHJcbiAgICBjb25zdCBsYXN0QnJlYWRDcnVtYiA9IGJyZWFkQ3J1bWJzLnBvcCgpO1xyXG4gICAgY29uc3QgbmV3QnJlYWRDcnVtYiA9IGNhbGxiYWNrKGxhc3RCcmVhZENydW1iKTtcclxuICAgIFxyXG4gICAgaWYobmV3QnJlYWRDcnVtYilcclxuICAgICAgdGhpcy5icmVhZGNydW1ic1N1YmplY3QubmV4dChbLi4uYnJlYWRDcnVtYnMsIG5ld0JyZWFkQ3J1bWJdKTtcclxuICB9XHJcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9hcGkvc2VydmljZXMvYnJlYWRjcnVtYnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFFTCxhQUFhLEVBRWQsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBTXZDLE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsWUFBb0IsTUFBYyxFQUFVLGNBQThCO1FBQXRELFdBQU0sR0FBTixNQUFNLENBQVE7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFIbEUsdUJBQWtCLEdBQUcsSUFBSSxlQUFlLENBQXFCLEVBQUUsQ0FBQyxDQUFDO1FBQ3pFLGlCQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBR3BELElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTTthQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssWUFBWSxhQUFhLENBQUMsQ0FBQzthQUN2RCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzVDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFVBQVUsQ0FBQyxLQUFxQixFQUFFLE1BQWMsRUFBRSxFQUFFLGNBQWtDLEVBQUU7UUFDOUYsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN2RixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3RHLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxXQUFXLElBQUksS0FBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFFdkcsc0NBQXNDO1FBQ3RDLElBQUksV0FBVyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7UUFDdEQsV0FBVyxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUUsMEJBQTBCO1FBRTNFLElBQUksSUFBSSxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ2xCLFdBQVcsQ0FBQyxJQUFJLENBQUM7Z0JBQ2YsS0FBSyxFQUFFLEtBQUs7Z0JBQ1osVUFBVSxFQUFFLFdBQVc7Z0JBQ3ZCLFFBQVEsRUFBRSxDQUFDLFFBQVEsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO2FBQzlDLENBQUMsQ0FBQztRQUNMLENBQUM7UUFFRCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDO1FBQ25DLElBQUksU0FBUyxFQUFFLENBQUM7WUFDZCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQztRQUM5RCxDQUFDO1FBRUQsT0FBTyxXQUFXLENBQUM7SUFDckIsQ0FBQztJQUVELGNBQWM7UUFDWixPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUM7SUFDdkMsQ0FBQztJQUVNLGdCQUFnQixDQUFDLFdBQStCO1FBQ3JELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVNLG9CQUFvQixDQUFDLFFBQWtGO1FBQzVHLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRXZFLE1BQU0sY0FBYyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUN6QyxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFL0MsSUFBRyxhQUFhO1lBQ2QsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsV0FBVyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDbEUsQ0FBQzs4R0F0RFUsa0JBQWtCO2tIQUFsQixrQkFBa0IsY0FGakIsTUFBTTs7MkZBRVAsa0JBQWtCO2tCQUg5QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7XHJcbiAgQWN0aXZhdGVkUm91dGUsXHJcbiAgTmF2aWdhdGlvbkVuZCxcclxuICBSb3V0ZXJcclxufSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5cclxuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQnJlYWRDcnVtYk9wdGlvbiB9IGZyb20gJy4uL3R5cGVzL2JyZWFkY3J1bWIubW9kZWwnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290JyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzU2VydmljZSB7XHJcbiAgcHJpdmF0ZSBicmVhZGNydW1ic1N1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEJyZWFkQ3J1bWJPcHRpb25bXT4oW10pO1xyXG4gIGJyZWFkY3J1bWJzJCA9IHRoaXMuYnJlYWRjcnVtYnNTdWJqZWN0LmFzT2JzZXJ2YWJsZSgpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIGFjdGl2YXRlZFJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSkge1xyXG4gICAgdGhpcy5yb3V0ZXIuZXZlbnRzXHJcbiAgICAgIC5waXBlKGZpbHRlcigoZXZlbnQpID0+IGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGJyZWFkY3J1bWJzID0gdGhpcy5wYXJzZVJvdXRlKHRoaXMucm91dGVyLnJvdXRlclN0YXRlLnJvb3QpO1xyXG4gICAgICAgIHRoaXMuYnJlYWRjcnVtYnNTdWJqZWN0Lm5leHQoYnJlYWRjcnVtYnMpO1xyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcGFyc2VSb3V0ZShyb3V0ZTogQWN0aXZhdGVkUm91dGUsIHVybDogc3RyaW5nID0gJycsIGJyZWFkY3J1bWJzOiBCcmVhZENydW1iT3B0aW9uW10gPSBbXSk6IEJyZWFkQ3J1bWJPcHRpb25bXSB7XHJcbiAgICBjb25zdCBwYXRoID0gcm91dGUucm91dGVDb25maWcgJiYgcm91dGUucm91dGVDb25maWcucGF0aCA/IHJvdXRlLnJvdXRlQ29uZmlnLnBhdGggOiAnJztcclxuICAgIGNvbnN0IGxhYmVsID0gcm91dGUucm91dGVDb25maWcgJiYgcm91dGUucm91dGVDb25maWcuZGF0YSA/IHJvdXRlLnJvdXRlQ29uZmlnLmRhdGFbJ2JyZWFkY3J1bWInXSA6ICcnO1xyXG4gICAgY29uc3Qgc2hvd21lbnUgPSByb3V0ZS5yb3V0ZUNvbmZpZyAmJiByb3V0ZS5yb3V0ZUNvbmZpZy5kYXRhID8gcm91dGUucm91dGVDb25maWcuZGF0YVsnc2hvd21lbnUnXSA6ICcnO1xyXG5cclxuICAgIC8vIEFqdXN0ZSBwYXJhIGV2aXRhciBtw7psdGlwbGFzIGJhcnJhc1xyXG4gICAgbGV0IGNvbWJpbmVkVXJsID0gdXJsID8gYCR7dXJsfS8ke3BhdGh9YCA6IGAvJHtwYXRofWA7XHJcbiAgICBjb21iaW5lZFVybCA9IGNvbWJpbmVkVXJsLnJlcGxhY2UoL1xcLysvZywgJy8nKTsgIC8vIFJlbW92ZSBtw7psdGlwbGFzIGJhcnJhc1xyXG5cclxuICAgIGlmIChwYXRoICYmIGxhYmVsKSB7XHJcbiAgICAgIGJyZWFkY3J1bWJzLnB1c2goe1xyXG4gICAgICAgIGxhYmVsOiBsYWJlbCxcclxuICAgICAgICByb3V0ZXJMaW5rOiBjb21iaW5lZFVybCxcclxuICAgICAgICBzaG93TWVudTogKHNob3dtZW51ID09PSBmYWxzZSA/IGZhbHNlIDogdHJ1ZSlcclxuICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgbmV4dFJvdXRlID0gcm91dGUuZmlyc3RDaGlsZDtcclxuICAgIGlmIChuZXh0Um91dGUpIHtcclxuICAgICAgcmV0dXJuIHRoaXMucGFyc2VSb3V0ZShuZXh0Um91dGUsIGNvbWJpbmVkVXJsLCBicmVhZGNydW1icyk7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGJyZWFkY3J1bWJzO1xyXG4gIH1cclxuXHJcbiAgZ2V0QnJlYWRDcnVtYnMoKTogQnJlYWRDcnVtYk9wdGlvbltdIHtcclxuICAgIHJldHVybiB0aGlzLmJyZWFkY3J1bWJzU3ViamVjdC52YWx1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjaGFuZ2VCcmVhZENydW1iKGJyZWFkQ3J1bWJzOiBCcmVhZENydW1iT3B0aW9uW10pIHtcclxuICAgIHRoaXMuYnJlYWRjcnVtYnNTdWJqZWN0Lm5leHQoYnJlYWRDcnVtYnMpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNoYW5nZUxhc3RCcmVhZENydW1iKGNhbGxiYWNrOiAoYnJlYWRDcnVtYjogQnJlYWRDcnVtYk9wdGlvbiB8IHVuZGVmaW5lZCkgPT4gQnJlYWRDcnVtYk9wdGlvbnx1bmRlZmluZWQpIHtcclxuICAgIGNvbnN0IGJyZWFkQ3J1bWJzID0gdGhpcy5icmVhZGNydW1ic1N1YmplY3QudmFsdWUubWFwKHggPT4gKHsgLi4ueCB9KSk7XHJcblxyXG4gICAgY29uc3QgbGFzdEJyZWFkQ3J1bWIgPSBicmVhZENydW1icy5wb3AoKTtcclxuICAgIGNvbnN0IG5ld0JyZWFkQ3J1bWIgPSBjYWxsYmFjayhsYXN0QnJlYWRDcnVtYik7XHJcbiAgICBcclxuICAgIGlmKG5ld0JyZWFkQ3J1bWIpXHJcbiAgICAgIHRoaXMuYnJlYWRjcnVtYnNTdWJqZWN0Lm5leHQoWy4uLmJyZWFkQ3J1bWJzLCBuZXdCcmVhZENydW1iXSk7XHJcbiAgfVxyXG59Il19

package/esm2022/lib/api/services/chat.service.mjs

@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                     providedIn: 'root'
                 }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2FwaS9zZXJ2aWNlcy9jaGF0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLL0IsTUFBTSxPQUFPLFdBQVc7SUFFdEI7UUFFUSx3QkFBbUIsR0FBRyxNQUFNLENBQVUsSUFBSSxDQUFDLENBQUE7UUFDM0MsdUJBQWtCLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFBO1FBQzNDLHVCQUFrQixHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQTtRQUU1Qyx1QkFBa0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsVUFBVSxFQUFFLENBQUE7UUFDMUQsc0JBQWlCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsRUFBRSxDQUFBO1FBQ3hELHNCQUFpQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQTtRQUV2RCxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVcsQ0FBQTtRQUNuQyxlQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQTtJQVhqQyxDQUFDO0lBY2pCLHFCQUFxQixDQUFDLEtBQWM7UUFDbEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUMxQixPQUFPLENBQUMsR0FBRyxDQUFDLHlDQUF5QyxFQUFFLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLENBQUE7SUFDcEYsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWM7UUFDakMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNsQyxLQUFLLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM3QyxDQUFDO0lBRUQsb0JBQW9CLENBQUMsS0FBYztRQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ2xDLEtBQUssSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzdDLENBQUM7OEdBOUJVLFdBQVc7a0hBQVgsV0FBVyxjQUZWLE1BQU07OzJGQUVQLFdBQVc7a0JBSHZCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIENoYXRTZXJ2aWNlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgcHJpdmF0ZSBfdmlzaWJsZUNoYXRCYWxsb29uID0gc2lnbmFsPGJvb2xlYW4+KHRydWUpXHJcbiAgcHJpdmF0ZSBfdmlzaWJsZUNoYXRCb3R0b20gPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpXHJcbiAgcHJpdmF0ZSBfdmlzaWJsZUNoYXRIaWdoZXIgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpXHJcblxyXG4gIHB1YmxpYyB2aXNpYmxlQ2hhdEJhbGxvb24gPSB0aGlzLl92aXNpYmxlQ2hhdEJhbGxvb24uYXNSZWFkb25seSgpXHJcbiAgcHVibGljIHZpc2libGVDaGF0Qm90dG9tID0gdGhpcy5fdmlzaWJsZUNoYXRCb3R0b20uYXNSZWFkb25seSgpXHJcbiAgcHVibGljIHZpc2libGVDaGF0SGlnaGVyID0gdGhpcy5fdmlzaWJsZUNoYXRIaWdoZXIuYXNSZWFkb25seSgpXHJcblxyXG4gIHByaXZhdGUgb25WaXNpYmxlID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKVxyXG4gIHB1YmxpYyBvblZpc2libGUkID0gdGhpcy5vblZpc2libGUuYXNPYnNlcnZhYmxlKClcclxuXHJcblxyXG4gIHNldHZpc2libGVDaGF0QmFsbG9vbih2YWx1ZTogYm9vbGVhbil7XHJcbiAgICB0aGlzLl92aXNpYmxlQ2hhdEJhbGxvb24uc2V0KHZhbHVlKVxyXG4gICAgdGhpcy5vblZpc2libGUubmV4dCh2YWx1ZSlcclxuICAgIGNvbnNvbGUubG9nKCdzZXR2aXNpYmxlQ2hhdEJhbGxvb24gZGVudHJvIGRvIFNlcnZpw6dvJywgdGhpcy5fdmlzaWJsZUNoYXRCYWxsb29uKCkpXHJcbiAgfVxyXG5cclxuICBzZXR2aXNpYmxlQ2hhdEJvdHRvbSh2YWx1ZTogYm9vbGVhbil7XHJcbiAgICB0aGlzLl92aXNpYmxlQ2hhdEJvdHRvbS5zZXQodmFsdWUpXHJcbiAgICB2YWx1ZSAmJiB0aGlzLl92aXNpYmxlQ2hhdEhpZ2hlci5zZXQoZmFsc2UpXHJcbiAgfVxyXG5cclxuICBzZXR2aXNpYmxlQ2hhdEhpZ2hlcih2YWx1ZTogYm9vbGVhbil7XHJcbiAgICB0aGlzLl92aXNpYmxlQ2hhdEhpZ2hlci5zZXQodmFsdWUpXHJcbiAgICB2YWx1ZSAmJiB0aGlzLl92aXNpYmxlQ2hhdEJvdHRvbS5zZXQoZmFsc2UpXHJcbiAgfVxyXG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2FwaS9zZXJ2aWNlcy9jaGF0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLL0IsTUFBTSxPQUFPLFdBQVc7SUFFdEI7UUFFUSx3QkFBbUIsR0FBRyxNQUFNLENBQVUsSUFBSSxDQUFDLENBQUE7UUFDM0MsdUJBQWtCLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFBO1FBQzNDLHVCQUFrQixHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQTtRQUU1Qyx1QkFBa0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsVUFBVSxFQUFFLENBQUE7UUFDMUQsc0JBQWlCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsRUFBRSxDQUFBO1FBQ3hELHNCQUFpQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQTtRQUV2RCxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVcsQ0FBQTtRQUNuQyxlQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQTtJQVhqQyxDQUFDO0lBY2pCLHFCQUFxQixDQUFDLEtBQWM7UUFDbEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUMxQixPQUFPLENBQUMsR0FBRyxDQUFDLHlDQUF5QyxFQUFFLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLENBQUE7SUFDcEYsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWM7UUFDakMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNsQyxLQUFLLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM3QyxDQUFDO0lBRUQsb0JBQW9CLENBQUMsS0FBYztRQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ2xDLEtBQUssSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzdDLENBQUM7OEdBOUJVLFdBQVc7a0hBQVgsV0FBVyxjQUZWLE1BQU07OzJGQUVQLFdBQVc7a0JBSHZCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIENoYXRTZXJ2aWNlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgcHJpdmF0ZSBfdmlzaWJsZUNoYXRCYWxsb29uID0gc2lnbmFsPGJvb2xlYW4+KHRydWUpXHJcbiAgcHJpdmF0ZSBfdmlzaWJsZUNoYXRCb3R0b20gPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpXHJcbiAgcHJpdmF0ZSBfdmlzaWJsZUNoYXRIaWdoZXIgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpXHJcblxyXG4gIHB1YmxpYyB2aXNpYmxlQ2hhdEJhbGxvb24gPSB0aGlzLl92aXNpYmxlQ2hhdEJhbGxvb24uYXNSZWFkb25seSgpXHJcbiAgcHVibGljIHZpc2libGVDaGF0Qm90dG9tID0gdGhpcy5fdmlzaWJsZUNoYXRCb3R0b20uYXNSZWFkb25seSgpXHJcbiAgcHVibGljIHZpc2libGVDaGF0SGlnaGVyID0gdGhpcy5fdmlzaWJsZUNoYXRIaWdoZXIuYXNSZWFkb25seSgpXHJcblxyXG4gIHByaXZhdGUgb25WaXNpYmxlID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKVxyXG4gIHB1YmxpYyBvblZpc2libGUkID0gdGhpcy5vblZpc2libGUuYXNPYnNlcnZhYmxlKClcclxuXHJcblxyXG4gIHNldHZpc2libGVDaGF0QmFsbG9vbih2YWx1ZTogYm9vbGVhbil7XHJcbiAgICB0aGlzLl92aXNpYmxlQ2hhdEJhbGxvb24uc2V0KHZhbHVlKVxyXG4gICAgdGhpcy5vblZpc2libGUubmV4dCh2YWx1ZSlcclxuICAgIGNvbnNvbGUubG9nKCdzZXR2aXNpYmxlQ2hhdEJhbGxvb24gZGVudHJvIGRvIFNlcnZpw6dvJywgdGhpcy5fdmlzaWJsZUNoYXRCYWxsb29uKCkpXHJcbiAgfVxyXG5cclxuICBzZXR2aXNpYmxlQ2hhdEJvdHRvbSh2YWx1ZTogYm9vbGVhbil7XHJcbiAgICB0aGlzLl92aXNpYmxlQ2hhdEJvdHRvbS5zZXQodmFsdWUpXHJcbiAgICB2YWx1ZSAmJiB0aGlzLl92aXNpYmxlQ2hhdEhpZ2hlci5zZXQoZmFsc2UpXHJcbiAgfVxyXG5cclxuICBzZXR2aXNpYmxlQ2hhdEhpZ2hlcih2YWx1ZTogYm9vbGVhbil7XHJcbiAgICB0aGlzLl92aXNpYmxlQ2hhdEhpZ2hlci5zZXQodmFsdWUpXHJcbiAgICB2YWx1ZSAmJiB0aGlzLl92aXNpYmxlQ2hhdEJvdHRvbS5zZXQoZmFsc2UpXHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2022/lib/components/kv-inputs/kv-input-text/kv-input-text.component.mjs

@@ -1,25 +1,38 @@
 import { Component, Input } from '@angular/core';
 import { BaseComponentInput } from '../../../api/base-components/base-component-input';
 import { ComponentProviders } from '../../../api/helpers/component-providers';
+import { CapitalizePipe } from '../../../api/pipes/capitalize.pipe';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../api/services/component.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../../kv-error/kv-error.component";
-import * as i5 from "../../kv-label/kv-label.component";
-import * as i6 from "primeng/inputtext";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../kv-error/kv-error.component";
+import * as i4 from "../../kv-label/kv-label.component";
+import * as i5 from "primeng/inputtext";
 export class KvInputTextComponent extends BaseComponentInput {
     constructor(componentService) {
         super(componentService);
         this.textCaptalized = false;
     }
+    ngOnInit() {
+        this.formControl = this.componentService.getFormControl();
+        if (this.formControl?.errors)
+            this.showAsterisk = true;
+        if (this.textCaptalized) {
+            // REGRA:
+            // Só vai mudar o texto quando for dado de consulta (formControl.disabled)
+            // Quando for dado de inclusão/edição (formControl?.enabled), o texto ficará 
+            // como digitado pelo usuário ou buscado do banco de dados.      
+            if (this.formControl?.disabled)
+                this.formControl?.setValue((new CapitalizePipe).transform(this.formControl?.value));
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextComponent, selector: "kv-input-text", inputs: { textCaptalized: "textCaptalized" }, providers: ComponentProviders(KvInputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n    [autocomplete]=\"autocomplete\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextComponent, selector: "kv-input-text", inputs: { textCaptalized: "textCaptalized" }, providers: ComponentProviders(KvInputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n    [autocomplete]=\"autocomplete\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-text', providers: ComponentProviders(KvInputTextComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n    [autocomplete]=\"autocomplete\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}\n"] }]
+            args: [{ selector: 'kv-input-text', providers: ComponentProviders(KvInputTextComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n    [autocomplete]=\"autocomplete\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { textCaptalized: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rdi1pbnB1dHMva3YtaW5wdXQtdGV4dC9rdi1pbnB1dC10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1pbnB1dC10ZXh0L2t2LWlucHV0LXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7Ozs7O0FBWTlFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxrQkFBMEI7SUFDbEUsWUFBWSxnQkFBa0M7UUFDNUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFHakIsbUJBQWMsR0FBWSxLQUFLLENBQUE7SUFGeEMsQ0FBQzs4R0FIVSxvQkFBb0I7a0dBQXBCLG9CQUFvQixzRkFGcEIsa0JBQWtCLENBQUMsb0JBQW9CLENBQUMsaURDakJyRCx1cEJBc0J5Qjs7MkZESFosb0JBQW9CO2tCQVRoQyxTQUFTOytCQUNFLGVBQWUsYUFNZCxrQkFBa0Isc0JBQXNCO3FGQU8xQyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50SW5wdXQgfSBmcm9tICcuLi8uLi8uLi9hcGkvYmFzZS1jb21wb25lbnRzL2Jhc2UtY29tcG9uZW50LWlucHV0JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UHJvdmlkZXJzIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2hlbHBlcnMvY29tcG9uZW50LXByb3ZpZGVycyc7XHJcbmltcG9ydCB7IENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hcGkvc2VydmljZXMvY29tcG9uZW50LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1pbnB1dC10ZXh0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbXHJcbiAgICAnLi9rdi1pbnB1dC10ZXh0LmNvbXBvbmVudC5zY3NzJyxcclxuICAgICcuLi8uLi9rZWV2by1jb21wb25lbnRzLXN0eWxlcy5zY3NzJ1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBDb21wb25lbnRQcm92aWRlcnMoS3ZJbnB1dFRleHRDb21wb25lbnQpLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZJbnB1dFRleHRDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50SW5wdXQ8c3RyaW5nPiBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoY29tcG9uZW50U2VydmljZTogQ29tcG9uZW50U2VydmljZSkge1xyXG4gICAgc3VwZXIoY29tcG9uZW50U2VydmljZSk7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSB0ZXh0Q2FwdGFsaXplZDogYm9vbGVhbiA9IGZhbHNlXHJcblxyXG59IiwiPHNwYW4+XHJcbiAgPGt2LWxhYmVsXHJcbiAgICBbY29tcG9uZW50SWRdPVwiY29tcG9uZW50SWRcIlxyXG4gICAgW2xhYmVsXT1cImxhYmVsICYmIChsYWJlbCArIChzaG93QXN0ZXJpc2sgPyAnKicgOiAnJykpXCJcclxuICAvPlxyXG4gIDxpbnB1dFxyXG4gICAgcElucHV0VGV4dFxyXG4gICAgdHlwZT1cInRleHRcIlxyXG4gICAgW2NsYXNzXT1cImJhc2VJbnB1dENsYXNzXCJcclxuICAgIGNsYXNzPVwiaW5wdXRzXCJcclxuICAgIFtuZ0NsYXNzXT1cInsgJ2NhcGl0YWxpemUnOiB0ZXh0Q2FwdGFsaXplZCB9XCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbaWRdPVwiY29tcG9uZW50SWRcIlxyXG4gICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXHJcbiAgICAoYmx1cik9XCJvbklucHV0Qmx1cigkZXZlbnQpXCJcclxuICAgIChpbnB1dCk9XCJvbklucHV0SW5wdXQoJGV2ZW50KVwiXHJcbiAgICBbbWF4bGVuZ3RoXT1cIm1heExlbmd0aFwiXHJcbiAgICBbYXV0b2NvbXBsZXRlXT1cImF1dG9jb21wbGV0ZVwiXHJcbiAgPlxyXG5cclxuICA8a3YtZXJyb3IgW2hhc0Vycm9yXT1cImhhc0NvbnRyb2xFcnJvcigpXCI+e3sgZXJyb01lc3NhZ2UoKSB9fTwva3YtZXJyb3I+XHJcbjwvc3Bhbj5cclxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rdi1pbnB1dHMva3YtaW5wdXQtdGV4dC9rdi1pbnB1dC10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1pbnB1dC10ZXh0L2t2LWlucHV0LXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFFOUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7O0FBV3BFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxrQkFBMEI7SUFHbEUsWUFBWSxnQkFBa0M7UUFDNUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFIakIsbUJBQWMsR0FBWSxLQUFLLENBQUM7SUFJekMsQ0FBQztJQUVRLFFBQVE7UUFDZixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMxRCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTTtZQUFFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3ZELElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLFNBQVM7WUFDVCwwRUFBMEU7WUFDMUUsNkVBQTZFO1lBQzdFLGlFQUFpRTtZQUNqRSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsUUFBUTtnQkFDNUIsSUFBSSxDQUFDLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQyxJQUFJLGNBQWMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDeEYsQ0FBQztJQUNILENBQUM7OEdBbEJVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHNGQUZwQixrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxpRENsQnJELGltQkFxQnlCOzsyRkREWixvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UsZUFBZSxhQU1kLGtCQUFrQixzQkFBc0I7cUZBRzFDLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPbkluaXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnRJbnB1dCB9IGZyb20gJy4uLy4uLy4uL2FwaS9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtaW5wdXQnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQcm92aWRlcnMgfSBmcm9tICcuLi8uLi8uLi9hcGkvaGVscGVycy9jb21wb25lbnQtcHJvdmlkZXJzJztcclxuaW1wb3J0IHsgQ29tcG9uZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2FwaS9zZXJ2aWNlcy9jb21wb25lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IENhcGl0YWxpemVQaXBlIH0gZnJvbSAnLi4vLi4vLi4vYXBpL3BpcGVzL2NhcGl0YWxpemUucGlwZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWlucHV0LXRleHQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1pbnB1dC10ZXh0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFtcclxuICAgICcuL2t2LWlucHV0LXRleHQuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgJy4uLy4uL2tlZXZvLWNvbXBvbmVudHMtc3R5bGVzLnNjc3MnXHJcbiAgXSxcclxuICBwcm92aWRlcnM6IENvbXBvbmVudFByb3ZpZGVycyhLdklucHV0VGV4dENvbXBvbmVudCksXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdklucHV0VGV4dENvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnRJbnB1dDxzdHJpbmc+IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB0ZXh0Q2FwdGFsaXplZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihjb21wb25lbnRTZXJ2aWNlOiBDb21wb25lbnRTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcihjb21wb25lbnRTZXJ2aWNlKTtcclxuICB9XHJcblxyXG4gIG92ZXJyaWRlIG5nT25Jbml0KCk6IHZvaWQgeyAgXHJcbiAgICB0aGlzLmZvcm1Db250cm9sID0gdGhpcy5jb21wb25lbnRTZXJ2aWNlLmdldEZvcm1Db250cm9sKCk7XHJcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbD8uZXJyb3JzKSB0aGlzLnNob3dBc3RlcmlzayA9IHRydWU7XHJcbiAgICBpZiAodGhpcy50ZXh0Q2FwdGFsaXplZCkge1xyXG4gICAgICAvLyBSRUdSQTpcclxuICAgICAgLy8gU8OzIHZhaSBtdWRhciBvIHRleHRvIHF1YW5kbyBmb3IgZGFkbyBkZSBjb25zdWx0YSAoZm9ybUNvbnRyb2wuZGlzYWJsZWQpXHJcbiAgICAgIC8vIFF1YW5kbyBmb3IgZGFkbyBkZSBpbmNsdXPDo28vZWRpw6fDo28gKGZvcm1Db250cm9sPy5lbmFibGVkKSwgbyB0ZXh0byBmaWNhcsOhIFxyXG4gICAgICAvLyBjb21vIGRpZ2l0YWRvIHBlbG8gdXN1w6FyaW8gb3UgYnVzY2FkbyBkbyBiYW5jbyBkZSBkYWRvcy4gICAgICBcclxuICAgICAgaWYgKHRoaXMuZm9ybUNvbnRyb2w/LmRpc2FibGVkKSBcclxuICAgICAgICB0aGlzLmZvcm1Db250cm9sPy5zZXRWYWx1ZSgobmV3IENhcGl0YWxpemVQaXBlKS50cmFuc2Zvcm0odGhpcy5mb3JtQ29udHJvbD8udmFsdWUpKTsgICAgXHJcbiAgICB9ICAgIFxyXG4gIH1cclxufSIsIjxzcGFuPlxyXG4gIDxrdi1sYWJlbFxyXG4gICAgW2NvbXBvbmVudElkXT1cImNvbXBvbmVudElkXCJcclxuICAgIFtsYWJlbF09XCJsYWJlbCAmJiAobGFiZWwgKyAoc2hvd0FzdGVyaXNrID8gJyonIDogJycpKVwiXHJcbiAgLz5cclxuICA8aW5wdXRcclxuICAgIHBJbnB1dFRleHRcclxuICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgIFtjbGFzc109XCJiYXNlSW5wdXRDbGFzc1wiXHJcbiAgICBjbGFzcz1cImlucHV0c1wiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW2lkXT1cImNvbXBvbmVudElkXCJcclxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgKGJsdXIpPVwib25JbnB1dEJsdXIoJGV2ZW50KVwiXHJcbiAgICAoaW5wdXQpPVwib25JbnB1dElucHV0KCRldmVudClcIlxyXG4gICAgW21heGxlbmd0aF09XCJtYXhMZW5ndGhcIlxyXG4gICAgW2F1dG9jb21wbGV0ZV09XCJhdXRvY29tcGxldGVcIlxyXG4gID5cclxuXHJcbiAgPGt2LWVycm9yIFtoYXNFcnJvcl09XCJoYXNDb250cm9sRXJyb3IoKVwiPnt7IGVycm9NZXNzYWdlKCkgfX08L2t2LWVycm9yPlxyXG48L3NwYW4+XHJcbjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=

package/esm2022/lib/components/kv-layout/layout/kv-layout.component.mjs

@@ -196,11 +196,11 @@ export class KvLayoutComponent {
         return this.expandMenu() ? 'expanded' : 'collapsed';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FormBuilder }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: false, isRequired: false, transformFunction: null }, breadCrumbItems: { classPropertyName: "breadCrumbItems", publicName: "breadCrumbItems", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: false, isRequired: false, transformFunction: null }, expandMenu: { classPropertyName: "expandMenu", publicName: "expandMenu", isSignal: true, isRequired: false, transformFunction: null }, logoMenuExpand: { classPropertyName: "logoMenuExpand", publicName: "logoMenuExpand", isSignal: false, isRequired: false, transformFunction: null }, logoMenuHide: { classPropertyName: "logoMenuHide", publicName: "logoMenuHide", isSignal: false, isRequired: false, transformFunction: null }, selectedApp: { classPropertyName: "selectedApp", publicName: "selectedApp", isSignal: false, isRequired: false, transformFunction: null }, selectedEmpresa: { classPropertyName: "selectedEmpresa", publicName: "selectedEmpresa", isSignal: false, isRequired: false, transformFunction: null }, selectedMaster: { classPropertyName: "selectedMaster", publicName: "selectedMaster", isSignal: false, isRequired: false, transformFunction: null }, showButtonApps: { classPropertyName: "showButtonApps", publicName: "showButtonApps", isSignal: false, isRequired: false, transformFunction: null }, showButtonUser: { classPropertyName: "showButtonUser", publicName: "showButtonUser", isSignal: false, isRequired: false, transformFunction: null }, showExpandMenu: { classPropertyName: "showExpandMenu", publicName: "showExpandMenu", isSignal: false, isRequired: false, transformFunction: null }, showDropdownLicenca: { classPropertyName: "showDropdownLicenca", publicName: "showDropdownLicenca", isSignal: false, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: false, isRequired: false, transformFunction: null }, showTrocaEmpresa: { classPropertyName: "showTrocaEmpresa", publicName: "showTrocaEmpresa", isSignal: false, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { expandMenu: "expandMenuChange", accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit", navigateToDefaultRouteEmit: "navigateToDefaultRouteEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "topMenuActions", predicate: ["topMenuAction"], isSignal: true }], viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n  @if (showMenu) {\r\n  <div [style]=\"{ minWidth: expandMenu() ? '300px' : '60px' }\"></div>\r\n  } @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '300px' : '60px' }\"\r\n    class=\"sidebar-animation\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column overflow-hidden\">\r\n        <div\r\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\r\n        >\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} py-3\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            <img\r\n              *ngIf=\"expandMenu() && logoMenuExpand\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              width=\"150\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            <img\r\n              *ngIf=\"!expandMenu() && logoMenuHide\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              width=\"50\"\r\n              class=\"mb-2\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Toggle menu -->\r\n            <button\r\n              *ngIf=\"showExpandMenu\"\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> menu </i>\r\n            </button>\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu() && selectedEmpresa\"\r\n              (click)=\"changeEmpresa($event)\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"changeEmpresa($event)\"\r\n              [pTooltip]=\"'Trocar de empresa'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\r\n            </button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\r\n          <!-- menus -->\r\n          <li\r\n            *ngFor=\"let menu of menus; let i = index\"\r\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\r\n          >\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"\r\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\r\n              \"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{\r\n                menu.bgColor\r\n              }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              [class.justify-content-center]=\"!expandMenu()\"\r\n            >\r\n              <i\r\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                  expandMenu() ? 'ml-1 mr-2' : ''\r\n                }}  icon-hover-color {{ menu.textColor }}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"content-option-menu text-base text-blue-900 font-medium {{\r\n                  menu.textColor\r\n                }}\"\r\n                *ngIf=\"expandMenu()\"\r\n                >{{ menu.descricaomenu }}</span\r\n              >\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                [class.bg-green-600]=\"isSelectedMenuPai(menu)\"\r\n                class=\"menu-option flex align-items-center {{\r\n                  !expandMenu()\r\n                    ? 'justify-content-center'\r\n                    : 'justify-content-between'\r\n                }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n                (click)=\"\r\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\r\n                \"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n                  <i\r\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                      expandMenu() ? 'ml-1 mr-2' : ''\r\n                    }} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium content-option-menu\"\r\n                    *ngIf=\"expandMenu()\"\r\n                    >{{ menu.descricaomenu }}</span\r\n                  >\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\r\n                  *ngIf=\"expandMenu()\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\r\n                  !(\r\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\r\n                    this.expandMenu()\r\n                  ) && 'hidden'\r\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n                <li\r\n                  *ngFor=\"\r\n                    let filho of returnMenuChild(menu.idmenu);\r\n                    let iFilho = index\r\n                  \"\r\n                >\r\n                  <a\r\n                    *ngIf=\"expandMenu()\"\r\n                    (click)=\"callRoute(filho.link)\"\r\n                    pRipple\r\n                    class=\"{{\r\n                      filho.bgColor\r\n                    }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n                  >\r\n                    <i\r\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                        expandMenu() ? 'ml-1 mr-2' : ''\r\n                      }} icon-hover-color\"\r\n                      *ngIf=\"filho.icone\"\r\n                    >\r\n                      {{ filho.icone }}\r\n                    </i>\r\n                    <span\r\n                      class=\"content-option-menu text-base text-blue-900 ml-4 {{\r\n                        filho.textColor\r\n                      }}\"\r\n                      *ngIf=\"expandMenu()\"\r\n                      >{{ filho.descricaomenu }}</span\r\n                    >\r\n                  </a>\r\n                </li>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- Topbar -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between m-3\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      <div>\r\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\r\n          {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\r\n        </p>\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n          [model]=\"breadCrumbItems\"\r\n          [style]=\"{ backgroundColor: '#eaeaea' }\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        ></p-breadcrumb>\r\n      </div>\r\n      } \r\n      \r\n      @if(widthCard > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-40rem\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonApps\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-th-large\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n        ></p-button>\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonUser\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-user\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        ></p-button>\r\n      </div>\r\n\r\n      @if(widthCard < 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-full\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n    </div>\r\n\r\n    <!-- Container -->\r\n    <p-card\r\n      styleClass=\"m-3 overflow-y-auto {{\r\n        !showMenu && 'sm:overflow-y-hidden'\r\n      }} card-container\"\r\n      [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\"\r\n    >\r\n      <div class=\"{{ widthCard < 992 && 'card-container' }} w-full h-full\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </p-card>\r\n  </div>\r\n\r\n  <!-- Painel de aplicativos -->\r\n  <p-overlayPanel\r\n    #sistemasPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">Sistemas</p>\r\n\r\n      <div\r\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\r\n        style=\"width: 270px; height: 100%\"\r\n      >\r\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\r\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\r\n        <div\r\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n        >\r\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\r\n        </div>\r\n        } @else {\r\n        <img\r\n          [src]=\"aplicativo.urlicone\"\r\n          class=\"btn-sistema flex align-items-center justify-content-center\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        />\r\n        } }\r\n\r\n        <!-- <button\r\n          *ngFor=\"let aplicativo of apps\"\r\n          pButton\r\n          pRipple\r\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        >\r\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n        </button> -->\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">\r\n        Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\r\n      </p>\r\n      <div class=\"mt-5 mb-3\"></div>\r\n\r\n      <p-button\r\n        icon=\"pi pi-lock\"\r\n        label=\"Acessar Keepass\"\r\n        (onClick)=\"accessKeePass($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n\r\n      <p-button\r\n        icon=\"pi pi-sign-out\"\r\n        label=\"Sair\"\r\n        (onClick)=\"logout($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#eaeaea 13%,#fff 15%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color,.menu-option:hover .content-option-menu{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i10.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i11.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i14.DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: i15.CpfCnpjPipe, name: "cpfCnpj" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: false, isRequired: false, transformFunction: null }, breadCrumbItems: { classPropertyName: "breadCrumbItems", publicName: "breadCrumbItems", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: false, isRequired: false, transformFunction: null }, expandMenu: { classPropertyName: "expandMenu", publicName: "expandMenu", isSignal: true, isRequired: false, transformFunction: null }, logoMenuExpand: { classPropertyName: "logoMenuExpand", publicName: "logoMenuExpand", isSignal: false, isRequired: false, transformFunction: null }, logoMenuHide: { classPropertyName: "logoMenuHide", publicName: "logoMenuHide", isSignal: false, isRequired: false, transformFunction: null }, selectedApp: { classPropertyName: "selectedApp", publicName: "selectedApp", isSignal: false, isRequired: false, transformFunction: null }, selectedEmpresa: { classPropertyName: "selectedEmpresa", publicName: "selectedEmpresa", isSignal: false, isRequired: false, transformFunction: null }, selectedMaster: { classPropertyName: "selectedMaster", publicName: "selectedMaster", isSignal: false, isRequired: false, transformFunction: null }, showButtonApps: { classPropertyName: "showButtonApps", publicName: "showButtonApps", isSignal: false, isRequired: false, transformFunction: null }, showButtonUser: { classPropertyName: "showButtonUser", publicName: "showButtonUser", isSignal: false, isRequired: false, transformFunction: null }, showExpandMenu: { classPropertyName: "showExpandMenu", publicName: "showExpandMenu", isSignal: false, isRequired: false, transformFunction: null }, showDropdownLicenca: { classPropertyName: "showDropdownLicenca", publicName: "showDropdownLicenca", isSignal: false, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: false, isRequired: false, transformFunction: null }, showTrocaEmpresa: { classPropertyName: "showTrocaEmpresa", publicName: "showTrocaEmpresa", isSignal: false, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { expandMenu: "expandMenuChange", accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit", navigateToDefaultRouteEmit: "navigateToDefaultRouteEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "topMenuActions", predicate: ["topMenuAction"], isSignal: true }], viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n  @if (showMenu) {\r\n  <div [style]=\"{ minWidth: expandMenu() ? '300px' : '60px' }\"></div>\r\n  } @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '300px' : '60px' }\"\r\n    class=\"sidebar-animation\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column overflow-hidden\">\r\n        <div\r\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\r\n        >\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} py-3\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            <img\r\n              *ngIf=\"expandMenu() && logoMenuExpand\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              width=\"150\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            <img\r\n              *ngIf=\"!expandMenu() && logoMenuHide\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              width=\"50\"\r\n              class=\"mb-2\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Toggle menu -->\r\n            <button\r\n              *ngIf=\"showExpandMenu\"\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> menu </i>\r\n            </button>\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu() && selectedEmpresa\"\r\n              (click)=\"changeEmpresa($event)\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"changeEmpresa($event)\"\r\n              [pTooltip]=\"'Trocar de empresa'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\r\n            </button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\r\n          <!-- menus -->\r\n          <li\r\n            *ngFor=\"let menu of menus; let i = index\"\r\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\r\n          >\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"\r\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\r\n              \"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{\r\n                menu.bgColor\r\n              }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              [class.justify-content-center]=\"!expandMenu()\"\r\n            >\r\n              <i\r\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                  expandMenu() ? 'ml-1 mr-2' : ''\r\n                }}  icon-hover-color {{ menu.textColor }}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"content-option-menu text-base text-blue-900 font-medium {{\r\n                  menu.textColor\r\n                }}\"\r\n                *ngIf=\"expandMenu()\"\r\n                >{{ menu.descricaomenu }}</span\r\n              >\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                [class.bg-green-600]=\"isSelectedMenuPai(menu)\"\r\n                class=\"menu-option flex align-items-center {{\r\n                  !expandMenu()\r\n                    ? 'justify-content-center'\r\n                    : 'justify-content-between'\r\n                }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n                (click)=\"\r\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\r\n                \"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n                  <i\r\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                      expandMenu() ? 'ml-1 mr-2' : ''\r\n                    }} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium content-option-menu\"\r\n                    *ngIf=\"expandMenu()\"\r\n                    >{{ menu.descricaomenu }}</span\r\n                  >\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\r\n                  *ngIf=\"expandMenu()\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\r\n                  !(\r\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\r\n                    this.expandMenu()\r\n                  ) && 'hidden'\r\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n                <li\r\n                  *ngFor=\"\r\n                    let filho of returnMenuChild(menu.idmenu);\r\n                    let iFilho = index\r\n                  \"\r\n                >\r\n                  <a\r\n                    *ngIf=\"expandMenu()\"\r\n                    (click)=\"callRoute(filho.link)\"\r\n                    pRipple\r\n                    class=\"{{\r\n                      filho.bgColor\r\n                    }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n                  >\r\n                    <i\r\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                        expandMenu() ? 'ml-1 mr-2' : ''\r\n                      }} icon-hover-color\"\r\n                      *ngIf=\"filho.icone\"\r\n                    >\r\n                      {{ filho.icone }}\r\n                    </i>\r\n                    <span\r\n                      class=\"content-option-menu text-base text-blue-900 ml-4 {{\r\n                        filho.textColor\r\n                      }}\"\r\n                      *ngIf=\"expandMenu()\"\r\n                      >{{ filho.descricaomenu }}</span\r\n                    >\r\n                  </a>\r\n                </li>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- Topbar -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between m-3\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      <div>\r\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\r\n          {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\r\n        </p>\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n          [model]=\"breadCrumbItems\"\r\n          [style]=\"{ backgroundColor: '#eaeaea' }\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        ></p-breadcrumb>\r\n      </div>\r\n      } \r\n      \r\n      @if(widthCard > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-40rem\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonApps\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-th-large\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n        ></p-button>\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonUser\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-user\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        ></p-button>\r\n      </div>\r\n\r\n      @if(widthCard < 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-full\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n    </div>\r\n\r\n    <!-- Container -->\r\n    <p-card\r\n      styleClass=\"m-3 overflow-y-auto {{\r\n        !showMenu && 'sm:overflow-y-hidden'\r\n      }} card-container\"\r\n      [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\"\r\n    >\r\n      <div class=\"{{ widthCard < 992 && 'card-container' }} w-full h-full\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </p-card>\r\n  </div>\r\n\r\n  <!-- Painel de aplicativos -->\r\n  <p-overlayPanel\r\n    #sistemasPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">Sistemas</p>\r\n\r\n      <div\r\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\r\n        style=\"width: 270px; height: 100%\"\r\n      >\r\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\r\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\r\n        <div\r\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n        >\r\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\r\n        </div>\r\n        } @else {\r\n        <img\r\n          [src]=\"aplicativo.urlicone\"\r\n          class=\"btn-sistema flex align-items-center justify-content-center\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        />\r\n        } }\r\n\r\n        <!-- <button\r\n          *ngFor=\"let aplicativo of apps\"\r\n          pButton\r\n          pRipple\r\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        >\r\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n        </button> -->\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">\r\n        Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\r\n      </p>\r\n      <div class=\"mt-5 mb-3\"></div>\r\n\r\n      <p-button\r\n        icon=\"pi pi-lock\"\r\n        label=\"Acessar Keepass\"\r\n        (onClick)=\"accessKeePass($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n\r\n      <p-button\r\n        icon=\"pi pi-sign-out\"\r\n        label=\"Sair\"\r\n        (onClick)=\"logout($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#eaeaea 17%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color,.menu-option:hover .content-option-menu{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i10.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i11.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i14.DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: i15.CpfCnpjPipe, name: "cpfCnpj" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-layout', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n  @if (showMenu) {\r\n  <div [style]=\"{ minWidth: expandMenu() ? '300px' : '60px' }\"></div>\r\n  } @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '300px' : '60px' }\"\r\n    class=\"sidebar-animation\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column overflow-hidden\">\r\n        <div\r\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\r\n        >\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} py-3\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            <img\r\n              *ngIf=\"expandMenu() && logoMenuExpand\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              width=\"150\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            <img\r\n              *ngIf=\"!expandMenu() && logoMenuHide\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              width=\"50\"\r\n              class=\"mb-2\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Toggle menu -->\r\n            <button\r\n              *ngIf=\"showExpandMenu\"\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> menu </i>\r\n            </button>\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu() && selectedEmpresa\"\r\n              (click)=\"changeEmpresa($event)\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"changeEmpresa($event)\"\r\n              [pTooltip]=\"'Trocar de empresa'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\r\n            </button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\r\n          <!-- menus -->\r\n          <li\r\n            *ngFor=\"let menu of menus; let i = index\"\r\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\r\n          >\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"\r\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\r\n              \"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{\r\n                menu.bgColor\r\n              }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              [class.justify-content-center]=\"!expandMenu()\"\r\n            >\r\n              <i\r\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                  expandMenu() ? 'ml-1 mr-2' : ''\r\n                }}  icon-hover-color {{ menu.textColor }}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"content-option-menu text-base text-blue-900 font-medium {{\r\n                  menu.textColor\r\n                }}\"\r\n                *ngIf=\"expandMenu()\"\r\n                >{{ menu.descricaomenu }}</span\r\n              >\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                [class.bg-green-600]=\"isSelectedMenuPai(menu)\"\r\n                class=\"menu-option flex align-items-center {{\r\n                  !expandMenu()\r\n                    ? 'justify-content-center'\r\n                    : 'justify-content-between'\r\n                }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n                (click)=\"\r\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\r\n                \"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n                  <i\r\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                      expandMenu() ? 'ml-1 mr-2' : ''\r\n                    }} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium content-option-menu\"\r\n                    *ngIf=\"expandMenu()\"\r\n                    >{{ menu.descricaomenu }}</span\r\n                  >\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\r\n                  *ngIf=\"expandMenu()\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\r\n                  !(\r\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\r\n                    this.expandMenu()\r\n                  ) && 'hidden'\r\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n                <li\r\n                  *ngFor=\"\r\n                    let filho of returnMenuChild(menu.idmenu);\r\n                    let iFilho = index\r\n                  \"\r\n                >\r\n                  <a\r\n                    *ngIf=\"expandMenu()\"\r\n                    (click)=\"callRoute(filho.link)\"\r\n                    pRipple\r\n                    class=\"{{\r\n                      filho.bgColor\r\n                    }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n                  >\r\n                    <i\r\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                        expandMenu() ? 'ml-1 mr-2' : ''\r\n                      }} icon-hover-color\"\r\n                      *ngIf=\"filho.icone\"\r\n                    >\r\n                      {{ filho.icone }}\r\n                    </i>\r\n                    <span\r\n                      class=\"content-option-menu text-base text-blue-900 ml-4 {{\r\n                        filho.textColor\r\n                      }}\"\r\n                      *ngIf=\"expandMenu()\"\r\n                      >{{ filho.descricaomenu }}</span\r\n                    >\r\n                  </a>\r\n                </li>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- Topbar -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between m-3\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      <div>\r\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\r\n          {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\r\n        </p>\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n          [model]=\"breadCrumbItems\"\r\n          [style]=\"{ backgroundColor: '#eaeaea' }\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        ></p-breadcrumb>\r\n      </div>\r\n      } \r\n      \r\n      @if(widthCard > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-40rem\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonApps\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-th-large\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n        ></p-button>\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonUser\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-user\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        ></p-button>\r\n      </div>\r\n\r\n      @if(widthCard < 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-full\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n    </div>\r\n\r\n    <!-- Container -->\r\n    <p-card\r\n      styleClass=\"m-3 overflow-y-auto {{\r\n        !showMenu && 'sm:overflow-y-hidden'\r\n      }} card-container\"\r\n      [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\"\r\n    >\r\n      <div class=\"{{ widthCard < 992 && 'card-container' }} w-full h-full\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </p-card>\r\n  </div>\r\n\r\n  <!-- Painel de aplicativos -->\r\n  <p-overlayPanel\r\n    #sistemasPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">Sistemas</p>\r\n\r\n      <div\r\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\r\n        style=\"width: 270px; height: 100%\"\r\n      >\r\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\r\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\r\n        <div\r\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n        >\r\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\r\n        </div>\r\n        } @else {\r\n        <img\r\n          [src]=\"aplicativo.urlicone\"\r\n          class=\"btn-sistema flex align-items-center justify-content-center\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        />\r\n        } }\r\n\r\n        <!-- <button\r\n          *ngFor=\"let aplicativo of apps\"\r\n          pButton\r\n          pRipple\r\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        >\r\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n        </button> -->\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">\r\n        Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\r\n      </p>\r\n      <div class=\"mt-5 mb-3\"></div>\r\n\r\n      <p-button\r\n        icon=\"pi pi-lock\"\r\n        label=\"Acessar Keepass\"\r\n        (onClick)=\"accessKeePass($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n\r\n      <p-button\r\n        icon=\"pi pi-sign-out\"\r\n        label=\"Sair\"\r\n        (onClick)=\"logout($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#eaeaea 13%,#fff 15%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color,.menu-option:hover .content-option-menu{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}\n"] }]
+            args: [{ selector: 'kv-layout', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n  @if (showMenu) {\r\n  <div [style]=\"{ minWidth: expandMenu() ? '300px' : '60px' }\"></div>\r\n  } @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '300px' : '60px' }\"\r\n    class=\"sidebar-animation\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column overflow-hidden\">\r\n        <div\r\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\r\n        >\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} py-3\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            <img\r\n              *ngIf=\"expandMenu() && logoMenuExpand\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              width=\"150\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            <img\r\n              *ngIf=\"!expandMenu() && logoMenuHide\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              width=\"50\"\r\n              class=\"mb-2\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Toggle menu -->\r\n            <button\r\n              *ngIf=\"showExpandMenu\"\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> menu </i>\r\n            </button>\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu() && selectedEmpresa\"\r\n              (click)=\"changeEmpresa($event)\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"changeEmpresa($event)\"\r\n              [pTooltip]=\"'Trocar de empresa'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\r\n            </button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\r\n          <!-- menus -->\r\n          <li\r\n            *ngFor=\"let menu of menus; let i = index\"\r\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\r\n          >\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"\r\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\r\n              \"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{\r\n                menu.bgColor\r\n              }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              [class.justify-content-center]=\"!expandMenu()\"\r\n            >\r\n              <i\r\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                  expandMenu() ? 'ml-1 mr-2' : ''\r\n                }}  icon-hover-color {{ menu.textColor }}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"content-option-menu text-base text-blue-900 font-medium {{\r\n                  menu.textColor\r\n                }}\"\r\n                *ngIf=\"expandMenu()\"\r\n                >{{ menu.descricaomenu }}</span\r\n              >\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                [class.bg-green-600]=\"isSelectedMenuPai(menu)\"\r\n                class=\"menu-option flex align-items-center {{\r\n                  !expandMenu()\r\n                    ? 'justify-content-center'\r\n                    : 'justify-content-between'\r\n                }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n                (click)=\"\r\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\r\n                \"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n                  <i\r\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                      expandMenu() ? 'ml-1 mr-2' : ''\r\n                    }} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium content-option-menu\"\r\n                    *ngIf=\"expandMenu()\"\r\n                    >{{ menu.descricaomenu }}</span\r\n                  >\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\r\n                  *ngIf=\"expandMenu()\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\r\n                  !(\r\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\r\n                    this.expandMenu()\r\n                  ) && 'hidden'\r\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n                <li\r\n                  *ngFor=\"\r\n                    let filho of returnMenuChild(menu.idmenu);\r\n                    let iFilho = index\r\n                  \"\r\n                >\r\n                  <a\r\n                    *ngIf=\"expandMenu()\"\r\n                    (click)=\"callRoute(filho.link)\"\r\n                    pRipple\r\n                    class=\"{{\r\n                      filho.bgColor\r\n                    }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n                  >\r\n                    <i\r\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                        expandMenu() ? 'ml-1 mr-2' : ''\r\n                      }} icon-hover-color\"\r\n                      *ngIf=\"filho.icone\"\r\n                    >\r\n                      {{ filho.icone }}\r\n                    </i>\r\n                    <span\r\n                      class=\"content-option-menu text-base text-blue-900 ml-4 {{\r\n                        filho.textColor\r\n                      }}\"\r\n                      *ngIf=\"expandMenu()\"\r\n                      >{{ filho.descricaomenu }}</span\r\n                    >\r\n                  </a>\r\n                </li>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- Topbar -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between m-3\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      <div>\r\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\r\n          {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\r\n        </p>\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n          [model]=\"breadCrumbItems\"\r\n          [style]=\"{ backgroundColor: '#eaeaea' }\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        ></p-breadcrumb>\r\n      </div>\r\n      } \r\n      \r\n      @if(widthCard > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-40rem\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonApps\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-th-large\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n        ></p-button>\r\n\r\n        <p-button\r\n          *ngIf=\"showButtonUser\"\r\n          styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n          icon=\"pi pi-user\"\r\n          [rounded]=\"true\"\r\n          [text]=\"true\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        ></p-button>\r\n      </div>\r\n\r\n      @if(widthCard < 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-full\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n    </div>\r\n\r\n    <!-- Container -->\r\n    <p-card\r\n      styleClass=\"m-3 overflow-y-auto {{\r\n        !showMenu && 'sm:overflow-y-hidden'\r\n      }} card-container\"\r\n      [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\"\r\n    >\r\n      <div class=\"{{ widthCard < 992 && 'card-container' }} w-full h-full\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </p-card>\r\n  </div>\r\n\r\n  <!-- Painel de aplicativos -->\r\n  <p-overlayPanel\r\n    #sistemasPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">Sistemas</p>\r\n\r\n      <div\r\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\r\n        style=\"width: 270px; height: 100%\"\r\n      >\r\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\r\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\r\n        <div\r\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n        >\r\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\r\n        </div>\r\n        } @else {\r\n        <img\r\n          [src]=\"aplicativo.urlicone\"\r\n          class=\"btn-sistema flex align-items-center justify-content-center\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        />\r\n        } }\r\n\r\n        <!-- <button\r\n          *ngFor=\"let aplicativo of apps\"\r\n          pButton\r\n          pRipple\r\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        >\r\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n        </button> -->\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <p class=\"title-style mt-3\">\r\n        Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\r\n      </p>\r\n      <div class=\"mt-5 mb-3\"></div>\r\n\r\n      <p-button\r\n        icon=\"pi pi-lock\"\r\n        label=\"Acessar Keepass\"\r\n        (onClick)=\"accessKeePass($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n\r\n      <p-button\r\n        icon=\"pi pi-sign-out\"\r\n        label=\"Sair\"\r\n        (onClick)=\"logout($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900\"\r\n        [text]=\"true\"\r\n      >\r\n      </p-button>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#eaeaea 17%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color,.menu-option:hover .content-option-menu{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.FormBuilder }, { type: i2.Router }, { type: i2.ActivatedRoute }], propDecorators: { apps: [{
                 type: Input
             }], breadCrumbItems: [{