@sapphire-ion/framework 0.30.3 → 0.30.4

package/fesm2022/sapphire-ion-framework.mjs

@@ -777,9 +777,10 @@ class HttpService {
             }
             object = obj.value;
         }
-        const formData = new FormData();
-        this.FilesToForm(object, formData);
-        if (obj instanceof FormGroup && this.hasFileForm && !view) {
+        const formData = this.FilesToForm(object);
+        formData.append('view', JSON.stringify(object));
+        //Check in the case it has a file and the view is not passed
+        if (Object.entries(object).find(p => p[1] instanceof File) && this.hasFileForm && !view) {
             console.error("[ FormGroup contains file, but view isnt passed ]");
         }
         else if (view) {
@@ -856,31 +857,24 @@ class HttpService {
         const path = redirectPath.replace(":id", id.toString());
         this.navController.navigateRoot([`../${path}`], { relativeTo: activatedRoute });
     }
-    FilesToForm(object, formData) {
-        //TODO FIX
-        Object.entries(object).forEach((prop) => {
-            if (this.lstTableFieldsView.find(p => prop[0] == p.index && p.type == InputType.File)) {
-                const formValue = prop[1];
-                if (formValue && typeof (formValue) != "string") {
-                    var lstFiles = formValue;
-                    lstFiles.forEach(e => {
-                        if (e instanceof File) {
-                            const file = e;
-                            const name = `file-${formValue.indexOf(file)}-${prop[0]}`;
-                            formData.append(name, e, e.name);
-                        }
-                        else {
-                            var file = e;
-                            const fileToUpload = file.blob;
-                            const name = `file-${formValue.indexOf(file)}-${prop[0]}`;
-                            formData.append(name, fileToUpload, fileToUpload.name);
-                        }
-                    });
-                    object[prop[0]] = "";
+    FilesToForm(object, formData = new FormData(), lstTableFieldsView = null) {
+        if (!lstTableFieldsView) {
+            lstTableFieldsView = this.lstTableFieldsView.filter(p => p.type == InputType.File);
+        }
+        for (const [key, value] of Object.entries(object)) {
+            if (lstTableFieldsView.find(p => p.index == key && p.type == InputType.File)) {
+                if (value && typeof (value) != "string") {
+                    var lstFiles = value;
+                    for (const fileData of lstFiles) {
+                        const file = fileData;
+                        const name = `file-${lstFiles.indexOf(fileData)}-${key}`;
+                        formData.append(name, fileData, fileData.name);
+                    }
+                    object[key] = "";
                 }
             }
-        });
-        formData.append('view', JSON.stringify(object));
+        }
+        return formData;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HttpService, deps: [{ token: i1.HttpClient }, { token: i1$1.FormBuilder }, { token: GenericService }, { token: i3.NavController }, { token: ApiUrlProviderService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HttpService, providedIn: 'root' }); }
@@ -1895,10 +1889,12 @@ class List {
             this.Refresh();
         }
     }
+    /** Carrega os filtros pré-carregados e os filtros compilados */
     async SetFilters() {
         await this.LoadIdComparison();
         const compiled = CompileLstTableField(this.lstTableFields);
         const preloadFilter = this.preloadFilter();
+        // Adiciona os filtros pré-carregados, os filtros compilados e os filtros originais e remove os nulos
         this.frm.filter = [...preloadFilter, ...compiled, ...this.originalFilters].filter(p => p);
     }
     async LoadIdComparison() {
@@ -1920,12 +1916,11 @@ class List {
         try {
             await this.Load();
         }
-        finally {
-            if (event) {
-                event.target.complete();
-            }
-            this.loading = false;
+        finally { }
+        if (event) {
+            event.target.complete();
         }
+        this.loading = false;
     }
     async Load() {
         var vRetorno;
@@ -1939,9 +1934,8 @@ class List {
             this.lstDados = vRetorno.lstDados;
             this.total = vRetorno.total;
         }
-        finally {
-            return;
-        }
+        finally { }
+        return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: List, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: List, selector: "ng-component", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: false, isRequired: false, transformFunction: null }, preloadFilter: { classPropertyName: "preloadFilter", publicName: "preloadFilter", isSignal: true, isRequired: false, transformFunction: null }, loadFrom: { classPropertyName: "loadFrom", publicName: "loadFrom", isSignal: false, isRequired: false, transformFunction: null }, frm: { classPropertyName: "frm", publicName: "frm", isSignal: false, isRequired: false, transformFunction: null }, lstTableFields: { classPropertyName: "lstTableFields", publicName: "lstTableFields", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { preloadFilter: "preloadFilterChange" }, ngImport: i0, template: '', isInline: true, styles: [""] }); }
@@ -5818,11 +5812,11 @@ class MainContentComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MainContentComponent, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MainContentComponent, isStandalone: true, selector: "main-content", inputs: { colapsed: "colapsed", drawerComponent: "drawerComponent" }, viewQueries: [{ propertyName: "FullScreenConteiner", first: true, predicate: ["target"], descendants: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col\" [ngClass]=\"{'bg-light/50': fullScreen}\" #target>\r\n  <div class=\"w-full h-14 relative shrink-0\">\r\n    <ion-card class=\"m-0 rounded-none size-full border-none\">\r\n      <ion-card-content class=\"p-0 px-2 size-full flex\">\r\n        <div class=\"w-1/2 h-full flex items-center justify-start\">\r\n          @if (!fullScreen) {\r\n            <ion-menu-button  [routerLink]=\"['/']\" [autoHide]=\"true\"></ion-menu-button>\r\n          }\r\n          <ng-content select=\"[slot=start]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"w-1/2 h-full flex flex-row-reverse items-center justify-start gap-2\">\r\n          <ng-content select=\"[slot=end]\"></ng-content>\r\n         \r\n          @if (!fullScreen) {\r\n            <ion-button (click)=\"userPopover.present($event)\" size=\"small\" class=\"size-10 aspect-square\">\r\n              <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n            </ion-button>\r\n            <ion-popover #userPopover [dismissOnSelect]=\"true\" triggerAction=\"click\">\r\n              <ng-template>\r\n                <ion-content>\r\n                  <div class=\"size-full\">\r\n                    <div class=\"w-full px-3 flex items-center\">\r\n                      <div class=\"size-10 shrink-0 aspect-square rounded-2xl text-sm flex items-center justify-center default-transition\" style=\"background-color: var(--ion-color-primary);\">\r\n                        <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n                      </div>\r\n                      <div class=\"grow min-w-10 p-2 justify-center items-center whitespace-nowrap text-ellipsis overflow-hidden block default-transition\" [ngClass]=\"{'opacity-0 w-0': colapsed}\">\r\n                        <span>{{Token ? Token.Nome : ''}}</span> <br>\r\n                        <ion-text color=\"secondary\" class=\"text-sm\">\r\n                          &#64;{{Token ? Token.Apelido : ''}}\r\n                        </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full\">\r\n                      <ng-content class=\"size-full\" select=\"[slot=user-popover]\"></ng-content>\r\n                    </div>\r\n                    <div class=\"w-full px-3 py-2 translucid-border !border-x-0 !border-b-0 flex items-center justify-between\">\r\n                      <ion-text> Log Out </ion-text>\r\n                      <ion-button (click)=\"authService.Loggout()\" class=\"size-10 shrink-0\" size=\"small\" color=\"danger\">\r\n                        <ion-icon slot=\"icon-only\" name=\"exit-outline\"></ion-icon> \r\n                      </ion-button>\r\n                    </div>\r\n                  </div>\r\n                </ion-content>\r\n              </ng-template>\r\n            </ion-popover>\r\n          }\r\n\r\n          <ion-button (click)=\"FullScreen()\" fill=\"outline\" color=\"dark\" size=\"small\" class=\"size-10 aspect-square\">\r\n            <ion-icon slot=\"icon-only\" name=\"expand\"></ion-icon>\r\n          </ion-button>\r\n        </div>\r\n      </ion-card-content>\r\n    </ion-card>\r\n  </div>\r\n  <div class=\"size-full relative p-2 bg-light\">\r\n    <div class=\"size-full relative rounded-2xl bg-primary/30 content-shadow overflow-hidden\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["#popover-user{--width: 17rem}.content-shadow{--color: color-mix(in srgb, var(--ion-color-primary) 15%, transparent);box-shadow:0 0 0 1px var(--color),0 6px 10px -4px var(--color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i3.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i3.IonPopover, selector: "ion-popover" }, { kind: "directive", type: i3.RouterLinkDelegate, selector: ":not(a):not(area)[routerLink]" }, { kind: "directive", type: RouterLinkWithHref, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MainContentComponent, isStandalone: true, selector: "main-content", inputs: { colapsed: "colapsed", drawerComponent: "drawerComponent" }, viewQueries: [{ propertyName: "FullScreenConteiner", first: true, predicate: ["target"], descendants: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col\" [ngClass]=\"{'bg-light/50': fullScreen}\" #target>\r\n  <div class=\"w-full h-14 relative shrink-0\">\r\n    <ion-card class=\"m-0 rounded-none size-full border-none\">\r\n      <ion-card-content class=\"p-0 px-2 size-full flex\">\r\n        <div class=\"w-1/2 h-full flex items-center justify-start\">\r\n          @if (!fullScreen) {\r\n            <ion-menu-button  [routerLink]=\"['/']\" [autoHide]=\"true\"></ion-menu-button>\r\n          }\r\n          <ng-content select=\"[slot=start]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"w-1/2 h-full flex flex-row-reverse items-center justify-start gap-2\">\r\n          <ng-content select=\"[slot=end]\"></ng-content>\r\n         \r\n          @if (!fullScreen) {\r\n            <ion-button (click)=\"userPopover.present($event)\" size=\"small\" class=\"size-10 aspect-square portrait:hidden\">\r\n              <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n            </ion-button>\r\n            <ion-popover #userPopover [dismissOnSelect]=\"true\" triggerAction=\"click\">\r\n              <ng-template>\r\n                <ion-content>\r\n                  <div class=\"size-full\">\r\n                    <div class=\"w-full px-3 flex items-center\">\r\n                      <div class=\"size-10 shrink-0 aspect-square rounded-2xl text-sm flex items-center justify-center default-transition\" style=\"background-color: var(--ion-color-primary);\">\r\n                        <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n                      </div>\r\n                      <div class=\"grow min-w-10 p-2 justify-center items-center whitespace-nowrap text-ellipsis overflow-hidden block default-transition\" [ngClass]=\"{'opacity-0 w-0': colapsed}\">\r\n                        <span>{{Token ? Token.Nome : ''}}</span> <br>\r\n                        <ion-text color=\"secondary\" class=\"text-sm\">\r\n                          &#64;{{Token ? Token.Apelido : ''}}\r\n                        </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full\">\r\n                      <ng-content class=\"size-full\" select=\"[slot=user-popover]\"></ng-content>\r\n                    </div>\r\n                    <div class=\"w-full px-3 py-2 translucid-border !border-x-0 !border-b-0 flex items-center justify-between\">\r\n                      <ion-text> Log Out </ion-text>\r\n                      <ion-button (click)=\"authService.Loggout()\" class=\"size-10 shrink-0\" size=\"small\" color=\"danger\">\r\n                        <ion-icon slot=\"icon-only\" name=\"exit-outline\"></ion-icon> \r\n                      </ion-button>\r\n                    </div>\r\n                  </div>\r\n                </ion-content>\r\n              </ng-template>\r\n            </ion-popover>\r\n          }\r\n\r\n          <ion-button (click)=\"FullScreen()\" fill=\"outline\" color=\"dark\" size=\"small\" class=\"size-10 aspect-square\">\r\n            <ion-icon slot=\"icon-only\" name=\"expand\"></ion-icon>\r\n          </ion-button>\r\n        </div>\r\n      </ion-card-content>\r\n    </ion-card>\r\n  </div>\r\n  <div class=\"size-full relative p-2 bg-light\">\r\n    <div class=\"size-full relative rounded-2xl bg-primary/30 content-shadow overflow-hidden\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["#popover-user{--width: 17rem}.content-shadow{--color: color-mix(in srgb, var(--ion-color-primary) 15%, transparent);box-shadow:0 0 0 1px var(--color),0 6px 10px -4px var(--color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i3.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i3.IonPopover, selector: "ion-popover" }, { kind: "directive", type: i3.RouterLinkDelegate, selector: ":not(a):not(area)[routerLink]" }, { kind: "directive", type: RouterLinkWithHref, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MainContentComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, IonicModule, RouterLinkWithHref], selector: 'main-content', template: "<div class=\"size-full flex flex-col\" [ngClass]=\"{'bg-light/50': fullScreen}\" #target>\r\n  <div class=\"w-full h-14 relative shrink-0\">\r\n    <ion-card class=\"m-0 rounded-none size-full border-none\">\r\n      <ion-card-content class=\"p-0 px-2 size-full flex\">\r\n        <div class=\"w-1/2 h-full flex items-center justify-start\">\r\n          @if (!fullScreen) {\r\n            <ion-menu-button  [routerLink]=\"['/']\" [autoHide]=\"true\"></ion-menu-button>\r\n          }\r\n          <ng-content select=\"[slot=start]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"w-1/2 h-full flex flex-row-reverse items-center justify-start gap-2\">\r\n          <ng-content select=\"[slot=end]\"></ng-content>\r\n         \r\n          @if (!fullScreen) {\r\n            <ion-button (click)=\"userPopover.present($event)\" size=\"small\" class=\"size-10 aspect-square\">\r\n              <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n            </ion-button>\r\n            <ion-popover #userPopover [dismissOnSelect]=\"true\" triggerAction=\"click\">\r\n              <ng-template>\r\n                <ion-content>\r\n                  <div class=\"size-full\">\r\n                    <div class=\"w-full px-3 flex items-center\">\r\n                      <div class=\"size-10 shrink-0 aspect-square rounded-2xl text-sm flex items-center justify-center default-transition\" style=\"background-color: var(--ion-color-primary);\">\r\n                        <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n                      </div>\r\n                      <div class=\"grow min-w-10 p-2 justify-center items-center whitespace-nowrap text-ellipsis overflow-hidden block default-transition\" [ngClass]=\"{'opacity-0 w-0': colapsed}\">\r\n                        <span>{{Token ? Token.Nome : ''}}</span> <br>\r\n                        <ion-text color=\"secondary\" class=\"text-sm\">\r\n                          &#64;{{Token ? Token.Apelido : ''}}\r\n                        </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full\">\r\n                      <ng-content class=\"size-full\" select=\"[slot=user-popover]\"></ng-content>\r\n                    </div>\r\n                    <div class=\"w-full px-3 py-2 translucid-border !border-x-0 !border-b-0 flex items-center justify-between\">\r\n                      <ion-text> Log Out </ion-text>\r\n                      <ion-button (click)=\"authService.Loggout()\" class=\"size-10 shrink-0\" size=\"small\" color=\"danger\">\r\n                        <ion-icon slot=\"icon-only\" name=\"exit-outline\"></ion-icon> \r\n                      </ion-button>\r\n                    </div>\r\n                  </div>\r\n                </ion-content>\r\n              </ng-template>\r\n            </ion-popover>\r\n          }\r\n\r\n          <ion-button (click)=\"FullScreen()\" fill=\"outline\" color=\"dark\" size=\"small\" class=\"size-10 aspect-square\">\r\n            <ion-icon slot=\"icon-only\" name=\"expand\"></ion-icon>\r\n          </ion-button>\r\n        </div>\r\n      </ion-card-content>\r\n    </ion-card>\r\n  </div>\r\n  <div class=\"size-full relative p-2 bg-light\">\r\n    <div class=\"size-full relative rounded-2xl bg-primary/30 content-shadow overflow-hidden\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["#popover-user{--width: 17rem}.content-shadow{--color: color-mix(in srgb, var(--ion-color-primary) 15%, transparent);box-shadow:0 0 0 1px var(--color),0 6px 10px -4px var(--color)}\n"] }]
+            args: [{ standalone: true, imports: [CommonModule, IonicModule, RouterLinkWithHref], selector: 'main-content', template: "<div class=\"size-full flex flex-col\" [ngClass]=\"{'bg-light/50': fullScreen}\" #target>\r\n  <div class=\"w-full h-14 relative shrink-0\">\r\n    <ion-card class=\"m-0 rounded-none size-full border-none\">\r\n      <ion-card-content class=\"p-0 px-2 size-full flex\">\r\n        <div class=\"w-1/2 h-full flex items-center justify-start\">\r\n          @if (!fullScreen) {\r\n            <ion-menu-button  [routerLink]=\"['/']\" [autoHide]=\"true\"></ion-menu-button>\r\n          }\r\n          <ng-content select=\"[slot=start]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"w-1/2 h-full flex flex-row-reverse items-center justify-start gap-2\">\r\n          <ng-content select=\"[slot=end]\"></ng-content>\r\n         \r\n          @if (!fullScreen) {\r\n            <ion-button (click)=\"userPopover.present($event)\" size=\"small\" class=\"size-10 aspect-square portrait:hidden\">\r\n              <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n            </ion-button>\r\n            <ion-popover #userPopover [dismissOnSelect]=\"true\" triggerAction=\"click\">\r\n              <ng-template>\r\n                <ion-content>\r\n                  <div class=\"size-full\">\r\n                    <div class=\"w-full px-3 flex items-center\">\r\n                      <div class=\"size-10 shrink-0 aspect-square rounded-2xl text-sm flex items-center justify-center default-transition\" style=\"background-color: var(--ion-color-primary);\">\r\n                        <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n                      </div>\r\n                      <div class=\"grow min-w-10 p-2 justify-center items-center whitespace-nowrap text-ellipsis overflow-hidden block default-transition\" [ngClass]=\"{'opacity-0 w-0': colapsed}\">\r\n                        <span>{{Token ? Token.Nome : ''}}</span> <br>\r\n                        <ion-text color=\"secondary\" class=\"text-sm\">\r\n                          &#64;{{Token ? Token.Apelido : ''}}\r\n                        </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full\">\r\n                      <ng-content class=\"size-full\" select=\"[slot=user-popover]\"></ng-content>\r\n                    </div>\r\n                    <div class=\"w-full px-3 py-2 translucid-border !border-x-0 !border-b-0 flex items-center justify-between\">\r\n                      <ion-text> Log Out </ion-text>\r\n                      <ion-button (click)=\"authService.Loggout()\" class=\"size-10 shrink-0\" size=\"small\" color=\"danger\">\r\n                        <ion-icon slot=\"icon-only\" name=\"exit-outline\"></ion-icon> \r\n                      </ion-button>\r\n                    </div>\r\n                  </div>\r\n                </ion-content>\r\n              </ng-template>\r\n            </ion-popover>\r\n          }\r\n\r\n          <ion-button (click)=\"FullScreen()\" fill=\"outline\" color=\"dark\" size=\"small\" class=\"size-10 aspect-square\">\r\n            <ion-icon slot=\"icon-only\" name=\"expand\"></ion-icon>\r\n          </ion-button>\r\n        </div>\r\n      </ion-card-content>\r\n    </ion-card>\r\n  </div>\r\n  <div class=\"size-full relative p-2 bg-light\">\r\n    <div class=\"size-full relative rounded-2xl bg-primary/30 content-shadow overflow-hidden\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["#popover-user{--width: 17rem}.content-shadow{--color: color-mix(in srgb, var(--ion-color-primary) 15%, transparent);box-shadow:0 0 0 1px var(--color),0 6px 10px -4px var(--color)}\n"] }]
         }], ctorParameters: () => [{ type: AuthService }], propDecorators: { colapsed: [{
                 type: Input
             }], drawerComponent: [{