@sapphire-ion/framework 1.2.43 → 1.2.44

package/esm2022/lib/components/main-content/main-content.component.mjs

@@ -0,0 +1,100 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, ViewChild } from '@angular/core';
+import { IonicModule } from '@ionic/angular';
+import { RouterLinkWithHref } from '@angular/router';
+import { Preferences } from '@capacitor/preferences';
+import { DrawerComponent } from '../drawer/drawer.component';
+import { AuthService } from '../../services/auth.service';
+import { SIonPopoverModule } from '../popover/sion-popover.module';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/auth.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@ionic/angular";
+import * as i4 from "../popover/sion-popover/sion-popover.component";
+export class MainContentComponent {
+    constructor(authService) {
+        this.authService = authService;
+        this.backdrop = 'bg-primary/30';
+        this.shadowColor = 'color-mix(in srgb, var(--ion-color-primary) 15%, transparent)';
+        this.colapsed = false;
+        this.Theme = Theme.System;
+    }
+    async ngOnInit() {
+        this.Token = await this.authService.LoadToken();
+        this.Theme = Number((await Preferences.get({ key: 'theme' })).value);
+        this.SetTheme(this.Theme);
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            this.SetTheme(this.Theme);
+        });
+    }
+    async SetTheme(theme) {
+        this.Theme = theme;
+        await Preferences.set({ key: 'theme', value: this.Theme.toString() });
+        if (this.Theme === Theme.System) {
+            var matches = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            if (matches) {
+                document.body.classList.add('dark');
+            }
+            else {
+                document.body.classList.remove('dark');
+            }
+        }
+        else if (this.Theme === Theme.Light) {
+            document.body.classList.remove('dark');
+        }
+        else if (this.Theme === Theme.Dark) {
+            document.body.classList.add('dark');
+        }
+    }
+    get fullScreen() {
+        if (document.fullscreenElement != null) {
+            return true;
+        }
+        return false;
+    }
+    ;
+    FullScreen() {
+        if (!this.fullScreen) {
+            const elem = this.FullScreenConteiner.nativeElement;
+            if (elem.requestFullscreen) {
+                elem.requestFullscreen();
+            }
+            else if (elem.msRequestFullscreen) {
+                elem.msRequestFullscreen();
+            }
+            else if (elem.mozRequestFullScreen) {
+                elem.mozRequestFullScreen();
+            }
+            else if (elem.webkitRequestFullscreen) {
+                elem.webkitRequestFullscreen();
+            }
+        }
+        else {
+            document.exitFullscreen();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MainContentComponent, deps: [{ token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MainContentComponent, isStandalone: true, selector: "main-content", inputs: { backdrop: "backdrop", shadowColor: "shadowColor", 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 items-center justify-end gap-2\">\r\n          <ng-content select=\"[slot=end]\"></ng-content>\r\n\r\n          <ion-button (click)=\"FullScreen()\" fill=\"outline\" color=\"dark\" size=\"small\" class=\"size-10 aspect-square  portrait:hidden\">\r\n            <ion-icon slot=\"icon-only\" name=\"expand\"></ion-icon>\r\n          </ion-button>\r\n\r\n\r\n          @if (!fullScreen) {\r\n            <div #anchor>\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            </div>\r\n            <sion-popover #userPopover [anchor]=\"anchor\" [flip]=\"false\" width=\"13rem\">\r\n              <div class=\"w-full flex flex-col overflow-hidden\">\r\n                <div class=\"w-full flex p-2 gap-2 overflow-hidden\">\r\n                  <div class=\"size-10 shrink-0 aspect-square rounded-2xl text-sm flex items-center justify-center bg-primary\">\r\n                    <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n                  </div>\r\n\r\n                  <div class=\"shrink-0 w-full flex flex-col justify-center items-start overflow-hidden text-sm\">\r\n                    <span class=\"truncate\"> {{Token ? Token.Nome : ''}} </span>\r\n                    <span class=\"truncate text-secondary\"> &#64;{{Token ? Token.Apelido : ''}} </span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"w-full\">\r\n                  <ng-content class=\"size-full\" select=\"[slot=user-popover]\"></ng-content>\r\n                </div>\r\n\r\n                <div class=\"w-full p-1 !pb-0 translucid-border !border-x-0 !border-b-0\">\r\n                  <div class=\"rounded-xl flex gap-2 items-center justify-start default-transition py-1 px-2\">\r\n                    <ion-icon name=\"contrast\"></ion-icon>\r\n                    <ion-text> Tema </ion-text>\r\n                  </div>\r\n\r\n                  <div class=\"flex flex-col pl-4\">\r\n                    <ion-radio-group alignment=\"start\" [allowEmptySelection]=\"false\" [value]=\"Theme\" (ionChange)=\"SetTheme($event.detail.value)\">\r\n                      <ion-item class=\"bg-transparent\" lines=\"full\">\r\n                        <ion-icon name=\"cog\" slot=\"start\"></ion-icon>\r\n                        <ion-radio class=\"w-full\" [value]=\"0\">Sistema</ion-radio>\r\n                      </ion-item>\r\n                      <ion-item class=\"bg-transparent\" lines=\"full\">\r\n                        <ion-icon name=\"sunny\" slot=\"start\"></ion-icon>\r\n                        <ion-radio class=\"w-full\" [value]=\"1\">Claro</ion-radio>\r\n                      </ion-item>\r\n                      <ion-item class=\"bg-transparent\" lines=\"none\">\r\n                        <ion-icon name=\"moon\" slot=\"start\"></ion-icon>\r\n                        <ion-radio class=\"w-full\" [value]=\"2\">Escuro</ion-radio>\r\n                      </ion-item>\r\n                    </ion-radio-group>\r\n\r\n\r\n                    <!-- <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0 overflow-hidden\">\r\n                      <div class=\"rounded-xl flex gap-2 items-center justify-start cursor-pointer hover:bg-medium/30 default-transition py-1 px-2\">\r\n                        <ion-checkbox [checked]=\"Theme == 0\" (ionChange)=\"SetTheme(0)\" ></ion-checkbox>\r\n                        <ion-icon name=\"cog\"></ion-icon>\r\n                        <ion-text> Sistema </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0 overflow-hidden\">\r\n                      <div class=\"rounded-xl flex gap-2 items-center justify-start cursor-pointer hover:bg-medium/30 default-transition py-1 px-2\">\r\n                        <ion-checkbox [checked]=\"Theme == 1\" (ionChange)=\"SetTheme(1)\" ></ion-checkbox>\r\n                        <ion-icon name=\"sunny\"></ion-icon>\r\n                        <ion-text> Claro </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0 overflow-hidden\">\r\n                      <div class=\"rounded-xl flex gap-2 items-center justify-start cursor-pointer hover:bg-medium/30 default-transition py-1 px-2\">\r\n                        <ion-checkbox [checked]=\"Theme == 2\" (ionChange)=\"SetTheme(2)\" ></ion-checkbox>\r\n                        <ion-icon name=\"moon\"></ion-icon>\r\n                        <ion-text> Escuro </ion-text>\r\n                      </div>\r\n                    </div> -->\r\n                  </div>\r\n                </div>\r\n\r\n\r\n                <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0\">\r\n                  <div (click)=\"authService.Loggout()\" class=\"rounded-xl flex gap-2 cursor-pointer items-center justify-start hover:bg-medium/10 default-transition py-1 px-2\">\r\n                    <ion-icon color=\"danger\" name=\"exit\"></ion-icon>\r\n                    <ion-text> Log Out </ion-text>\r\n                  </div>\r\n\r\n                  <!-- <ion-text> Log Out </ion-text>\r\n                  <ion-button (click)=\"authService.Loggout()\" class=\"size-8 shrink-0\" size=\"small\" fill=\"clear\" 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\r\n              <!-- <div class=\"size-full\">\r\n                <div class=\"w-full p-1 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 p-1 px-2 translucid-border !border-x-0 !border-b-0 flex items-center justify-between\">\r\n                  <div class=\"hover:bg-medium/30 default-transition size-full\">\r\n                    <ion-button color=\"dark\" fill=\"clear\" size=\"small\" class=\"rounded-xl w-full text-left overflow-hidden\">\r\n                      <ion-icon slot=\"start\" name=\"contrast\"></ion-icon>\r\n                      <ion-label class=\"text-sm\">Tema</ion-label>\r\n                    </ion-button>\r\n                  </div>\r\n                </div>\r\n                <div class=\"w-full p-1 px-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-8 shrink-0\" size=\"small\" fill=\"clear\" 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            </sion-popover>\r\n          }\r\n        </div>\r\n      </ion-card-content>\r\n    </ion-card>\r\n  </div>\r\n  <div class=\"size-full relative p-2 pt-0 bg-light\">\r\n    <div class=\"size-full relative rounded-2xl content-shadow overflow-hidden {{backdrop}}\" style=\"--shadow-color: {{shadowColor}}\">\r\n      <ng-content></ng-content> \r\n    </div>\r\n  </div>\r\n</div>", styles: ["#popover-user{--width: 17rem}.content-shadow{--shadow-color: color-mix(in srgb, var(--ion-color-primary) 15%, transparent);box-shadow:0 0 0 1px var(--shadow-color),0 6px 10px -4px var(--shadow-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.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.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i3.IonRadio, selector: "ion-radio", inputs: ["alignment", "color", "disabled", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: i3.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "compareWith", "errorText", "helperText", "name", "value"] }, { kind: "component", type: i3.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i3.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { 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"] }, { kind: "ngmodule", type: SIonPopoverModule }, { kind: "component", type: i4.SIonPopoverComponent, selector: "sion-popover", inputs: ["fill", "arrow", "flip", "placement", "height", "width", "anchor"], outputs: ["onWillPresent", "onDidPresent", "onWillDismiss", "onDidDismiss"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MainContentComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, IonicModule, RouterLinkWithHref, SIonPopoverModule], 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 items-center justify-end gap-2\">\r\n          <ng-content select=\"[slot=end]\"></ng-content>\r\n\r\n          <ion-button (click)=\"FullScreen()\" fill=\"outline\" color=\"dark\" size=\"small\" class=\"size-10 aspect-square  portrait:hidden\">\r\n            <ion-icon slot=\"icon-only\" name=\"expand\"></ion-icon>\r\n          </ion-button>\r\n\r\n\r\n          @if (!fullScreen) {\r\n            <div #anchor>\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            </div>\r\n            <sion-popover #userPopover [anchor]=\"anchor\" [flip]=\"false\" width=\"13rem\">\r\n              <div class=\"w-full flex flex-col overflow-hidden\">\r\n                <div class=\"w-full flex p-2 gap-2 overflow-hidden\">\r\n                  <div class=\"size-10 shrink-0 aspect-square rounded-2xl text-sm flex items-center justify-center bg-primary\">\r\n                    <span class=\"uppercase text-white\">{{Token ? Token.Nome[0] : ''}}</span>\r\n                  </div>\r\n\r\n                  <div class=\"shrink-0 w-full flex flex-col justify-center items-start overflow-hidden text-sm\">\r\n                    <span class=\"truncate\"> {{Token ? Token.Nome : ''}} </span>\r\n                    <span class=\"truncate text-secondary\"> &#64;{{Token ? Token.Apelido : ''}} </span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"w-full\">\r\n                  <ng-content class=\"size-full\" select=\"[slot=user-popover]\"></ng-content>\r\n                </div>\r\n\r\n                <div class=\"w-full p-1 !pb-0 translucid-border !border-x-0 !border-b-0\">\r\n                  <div class=\"rounded-xl flex gap-2 items-center justify-start default-transition py-1 px-2\">\r\n                    <ion-icon name=\"contrast\"></ion-icon>\r\n                    <ion-text> Tema </ion-text>\r\n                  </div>\r\n\r\n                  <div class=\"flex flex-col pl-4\">\r\n                    <ion-radio-group alignment=\"start\" [allowEmptySelection]=\"false\" [value]=\"Theme\" (ionChange)=\"SetTheme($event.detail.value)\">\r\n                      <ion-item class=\"bg-transparent\" lines=\"full\">\r\n                        <ion-icon name=\"cog\" slot=\"start\"></ion-icon>\r\n                        <ion-radio class=\"w-full\" [value]=\"0\">Sistema</ion-radio>\r\n                      </ion-item>\r\n                      <ion-item class=\"bg-transparent\" lines=\"full\">\r\n                        <ion-icon name=\"sunny\" slot=\"start\"></ion-icon>\r\n                        <ion-radio class=\"w-full\" [value]=\"1\">Claro</ion-radio>\r\n                      </ion-item>\r\n                      <ion-item class=\"bg-transparent\" lines=\"none\">\r\n                        <ion-icon name=\"moon\" slot=\"start\"></ion-icon>\r\n                        <ion-radio class=\"w-full\" [value]=\"2\">Escuro</ion-radio>\r\n                      </ion-item>\r\n                    </ion-radio-group>\r\n\r\n\r\n                    <!-- <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0 overflow-hidden\">\r\n                      <div class=\"rounded-xl flex gap-2 items-center justify-start cursor-pointer hover:bg-medium/30 default-transition py-1 px-2\">\r\n                        <ion-checkbox [checked]=\"Theme == 0\" (ionChange)=\"SetTheme(0)\" ></ion-checkbox>\r\n                        <ion-icon name=\"cog\"></ion-icon>\r\n                        <ion-text> Sistema </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0 overflow-hidden\">\r\n                      <div class=\"rounded-xl flex gap-2 items-center justify-start cursor-pointer hover:bg-medium/30 default-transition py-1 px-2\">\r\n                        <ion-checkbox [checked]=\"Theme == 1\" (ionChange)=\"SetTheme(1)\" ></ion-checkbox>\r\n                        <ion-icon name=\"sunny\"></ion-icon>\r\n                        <ion-text> Claro </ion-text>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0 overflow-hidden\">\r\n                      <div class=\"rounded-xl flex gap-2 items-center justify-start cursor-pointer hover:bg-medium/30 default-transition py-1 px-2\">\r\n                        <ion-checkbox [checked]=\"Theme == 2\" (ionChange)=\"SetTheme(2)\" ></ion-checkbox>\r\n                        <ion-icon name=\"moon\"></ion-icon>\r\n                        <ion-text> Escuro </ion-text>\r\n                      </div>\r\n                    </div> -->\r\n                  </div>\r\n                </div>\r\n\r\n\r\n                <div class=\"w-full p-1 translucid-border !border-x-0 !border-b-0\">\r\n                  <div (click)=\"authService.Loggout()\" class=\"rounded-xl flex gap-2 cursor-pointer items-center justify-start hover:bg-medium/10 default-transition py-1 px-2\">\r\n                    <ion-icon color=\"danger\" name=\"exit\"></ion-icon>\r\n                    <ion-text> Log Out </ion-text>\r\n                  </div>\r\n\r\n                  <!-- <ion-text> Log Out </ion-text>\r\n                  <ion-button (click)=\"authService.Loggout()\" class=\"size-8 shrink-0\" size=\"small\" fill=\"clear\" 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\r\n              <!-- <div class=\"size-full\">\r\n                <div class=\"w-full p-1 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 p-1 px-2 translucid-border !border-x-0 !border-b-0 flex items-center justify-between\">\r\n                  <div class=\"hover:bg-medium/30 default-transition size-full\">\r\n                    <ion-button color=\"dark\" fill=\"clear\" size=\"small\" class=\"rounded-xl w-full text-left overflow-hidden\">\r\n                      <ion-icon slot=\"start\" name=\"contrast\"></ion-icon>\r\n                      <ion-label class=\"text-sm\">Tema</ion-label>\r\n                    </ion-button>\r\n                  </div>\r\n                </div>\r\n                <div class=\"w-full p-1 px-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-8 shrink-0\" size=\"small\" fill=\"clear\" 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            </sion-popover>\r\n          }\r\n        </div>\r\n      </ion-card-content>\r\n    </ion-card>\r\n  </div>\r\n  <div class=\"size-full relative p-2 pt-0 bg-light\">\r\n    <div class=\"size-full relative rounded-2xl content-shadow overflow-hidden {{backdrop}}\" style=\"--shadow-color: {{shadowColor}}\">\r\n      <ng-content></ng-content> \r\n    </div>\r\n  </div>\r\n</div>", styles: ["#popover-user{--width: 17rem}.content-shadow{--shadow-color: color-mix(in srgb, var(--ion-color-primary) 15%, transparent);box-shadow:0 0 0 1px var(--shadow-color),0 6px 10px -4px var(--shadow-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AuthService }], propDecorators: { backdrop: [{
+                type: Input
+            }], shadowColor: [{
+                type: Input
+            }], colapsed: [{
+                type: Input
+            }], drawerComponent: [{
+                type: Input
+            }], FullScreenConteiner: [{
+                type: ViewChild,
+                args: ['target']
+            }] } });
+var Theme;
+(function (Theme) {
+    Theme[Theme["System"] = 0] = "System";
+    Theme[Theme["Light"] = 1] = "Light";
+    Theme[Theme["Dark"] = 2] = "Dark";
+})(Theme || (Theme = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tYWluLWNvbnRlbnQvbWFpbi1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tYWluLWNvbnRlbnQvbWFpbi1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7Ozs7QUFTbkUsTUFBTSxPQUFPLG9CQUFvQjtJQVEvQixZQUNTLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBUHhCLGFBQVEsR0FBVyxlQUFlLENBQUM7UUFDbkMsZ0JBQVcsR0FBVywrREFBK0QsQ0FBQztRQUV0RixhQUFRLEdBQVksS0FBSyxDQUFDO1FBa0JuQyxVQUFLLEdBQVUsS0FBSyxDQUFDLE1BQU0sQ0FBQztJQWJ4QixDQUFDO0lBR0wsS0FBSyxDQUFDLFFBQVE7UUFDWixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsQ0FB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QVcsdXREQUFFLGtCQUFrQixtT0FBRSxpQkFBaUI7OzRGQUtoRSxvQkFBb0I7a0JBUGhDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsQ0FBRSxZQUNuRSxjQUFjO2dGQU1mLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBNkNlLG1CQUFtQjtzQkFBdkMsU0FBUzt1QkFBQyxRQUFROztBQW9CckIsSUFBSyxLQUlKO0FBSkQsV0FBSyxLQUFLO0lBQ1IscUNBQVUsQ0FBQTtJQUNWLG1DQUFVLENBQUE7SUFDVixpQ0FBVSxDQUFBO0FBQ1osQ0FBQyxFQUpJLEtBQUssS0FBTCxLQUFLLFFBSVQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJb25pY01vZHVsZSB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcclxuaW1wb3J0IHsgUm91dGVyTGlua1dpdGhIcmVmIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgUHJlZmVyZW5jZXMgfSBmcm9tICdAY2FwYWNpdG9yL3ByZWZlcmVuY2VzJztcclxuXHJcbmltcG9ydCB7IERyYXdlckNvbXBvbmVudCB9IGZyb20gJy4uL2RyYXdlci9kcmF3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQXV0aFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hdXRoLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTSW9uUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4uL3BvcG92ZXIvc2lvbi1wb3BvdmVyLm1vZHVsZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFsgQ29tbW9uTW9kdWxlLCBJb25pY01vZHVsZSwgUm91dGVyTGlua1dpdGhIcmVmLCBTSW9uUG9wb3Zlck1vZHVsZSBdLFxyXG4gIHNlbGVjdG9yOiAnbWFpbi1jb250ZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWFpbi1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tYWluLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1haW5Db250ZW50Q29tcG9uZW50ICBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIGJhY2tkcm9wOiBzdHJpbmcgPSAnYmctcHJpbWFyeS8zMCc7XHJcbiAgQElucHV0KCkgc2hhZG93Q29sb3I6IHN0cmluZyA9ICdjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0taW9uLWNvbG9yLXByaW1hcnkpIDE1JSwgdHJhbnNwYXJlbnQpJztcclxuXHJcbiAgQElucHV0KCkgY29sYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBkcmF3ZXJDb21wb25lbnQ6IERyYXdlckNvbXBvbmVudDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgYXV0aFNlcnZpY2U6IEF1dGhTZXJ2aWNlLFxyXG4gICkgeyB9XHJcblxyXG4gIFRva2VuOiBhbnk7XHJcbiAgYXN5bmMgbmdPbkluaXQoKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICB0aGlzLlRva2VuID0gYXdhaXQgdGhpcy5hdXRoU2VydmljZS5Mb2FkVG9rZW4oKTtcclxuICAgIHRoaXMuVGhlbWUgPSBOdW1iZXIoKGF3YWl0IFByZWZlcmVuY2VzLmdldCh7IGtleTogJ3RoZW1lJyB9KSkudmFsdWUpIGFzIFRoZW1lO1xyXG5cclxuICAgIHRoaXMuU2V0VGhlbWUodGhpcy5UaGVtZSk7XHJcbiAgICB3aW5kb3cubWF0Y2hNZWRpYSgnKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKScpLmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIChlKSA9PiB7XHJcbiAgICAgIHRoaXMuU2V0VGhlbWUodGhpcy5UaGVtZSk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIFRoZW1lOiBUaGVtZSA9IFRoZW1lLlN5c3RlbTtcclxuICBhc3luYyBTZXRUaGVtZSh0aGVtZTogVGhlbWUpIHtcclxuICAgIHRoaXMuVGhlbWUgPSB0aGVtZTtcclxuICAgIGF3YWl0IFByZWZlcmVuY2VzLnNldCh7IGtleTogJ3RoZW1lJywgdmFsdWU6IHRoaXMuVGhlbWUudG9TdHJpbmcoKSB9KTtcclxuICAgIGlmICh0aGlzLlRoZW1lID09PSBUaGVtZS5TeXN0ZW0pIHtcclxuICAgICAgdmFyIG1hdGNoZXMgPSB3aW5kb3cubWF0Y2hNZWRpYSgnKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKScpLm1hdGNoZXM7XHJcbiAgICAgIGlmIChtYXRjaGVzKSB7XHJcbiAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKCdkYXJrJyk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKCdkYXJrJyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGVsc2UgXHJcbiAgICBpZiAodGhpcy5UaGVtZSA9PT0gVGhlbWUuTGlnaHQpIHtcclxuICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKCdkYXJrJyk7XHJcbiAgICB9IGVsc2UgXHJcbiAgICBpZiAodGhpcy5UaGVtZSA9PT0gVGhlbWUuRGFyaykge1xyXG4gICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoJ2RhcmsnKTsgXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXQgZnVsbFNjcmVlbigpOiBib29sZWFuIHsgXHJcbiAgICBpZihkb2N1bWVudC5mdWxsc2NyZWVuRWxlbWVudCAhPSBudWxsKXtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gZmFsc2U7IFxyXG4gIH07XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3RhcmdldCcpIEZ1bGxTY3JlZW5Db250ZWluZXI7XHJcbiAgRnVsbFNjcmVlbigpOiB2b2lke1xyXG4gICAgaWYoIXRoaXMuZnVsbFNjcmVlbil7XHJcbiAgICAgIGNvbnN0IGVsZW0gPSB0aGlzLkZ1bGxTY3JlZW5Db250ZWluZXIubmF0aXZlRWxlbWVudDtcclxuICBcclxuICAgICAgaWYgKGVsZW0ucmVxdWVzdEZ1bGxzY3JlZW4pIHtcclxuICAgICAgICBlbGVtLnJlcXVlc3RGdWxsc2NyZWVuKCk7XHJcbiAgICAgIH0gZWxzZSBpZiAoZWxlbS5tc1JlcXVlc3RGdWxsc2NyZWVuKSB7XHJcbiAgICAgICAgZWxlbS5tc1JlcXVlc3RGdWxsc2NyZWVuKCk7XHJcbiAgICAgIH0gZWxzZSBpZiAoZWxlbS5tb3pSZXF1ZXN0RnVsbFNjcmVlbikge1xyXG4gICAgICAgIGVsZW0ubW96UmVxdWVzdEZ1bGxTY3JlZW4oKTtcclxuICAgICAgfSBlbHNlIGlmIChlbGVtLndlYmtpdFJlcXVlc3RGdWxsc2NyZWVuKSB7XHJcbiAgICAgICAgZWxlbS53ZWJraXRSZXF1ZXN0RnVsbHNjcmVlbigpO1xyXG4gICAgICB9XHJcbiAgICB9ZWxzZXtcclxuICAgICAgZG9jdW1lbnQuZXhpdEZ1bGxzY3JlZW4oKVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuZW51bSBUaGVtZSB7XHJcbiAgU3lzdGVtID0gMCxcclxuICBMaWdodCAgPSAxLFxyXG4gIERhcmsgICA9IDIsXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNpemUtZnVsbCBmbGV4IGZsZXgtY29sXCIgW25nQ2xhc3NdPVwieydiZy1saWdodC81MCc6IGZ1bGxTY3JlZW59XCIgI3RhcmdldD5cclxuICA8ZGl2IGNsYXNzPVwidy1mdWxsIGgtMTQgcmVsYXRpdmUgc2hyaW5rLTBcIj5cclxuICAgIDxpb24tY2FyZCBjbGFzcz1cIm0tMCByb3VuZGVkLW5vbmUgc2l6ZS1mdWxsIGJvcmRlci1ub25lXCI+XHJcbiAgICAgIDxpb24tY2FyZC1jb250ZW50IGNsYXNzPVwicC0wIHB4LTIgc2l6ZS1mdWxsIGZsZXhcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidy0xLzIgaC1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktc3RhcnRcIj5cclxuICAgICAgICAgIEBpZiAoIWZ1bGxTY3JlZW4pIHtcclxuICAgICAgICAgICAgPGlvbi1tZW51LWJ1dHRvbiAgW3JvdXRlckxpbmtdPVwiWycvJ11cIiBbYXV0b0hpZGVdPVwidHJ1ZVwiPjwvaW9uLW1lbnUtYnV0dG9uPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3Q9c3RhcnRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidy0xLzIgaC1mdWxsIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktZW5kIGdhcC0yXCI+XHJcbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdD1lbmRdXCI+PC9uZy1jb250ZW50PlxyXG5cclxuICAgICAgICAgIDxpb24tYnV0dG9uIChjbGljayk9XCJGdWxsU2NyZWVuKClcIiBmaWxsPVwib3V0bGluZVwiIGNvbG9yPVwiZGFya1wiIHNpemU9XCJzbWFsbFwiIGNsYXNzPVwic2l6ZS0xMCBhc3BlY3Qtc3F1YXJlICBwb3J0cmFpdDpoaWRkZW5cIj5cclxuICAgICAgICAgICAgPGlvbi1pY29uIHNsb3Q9XCJpY29uLW9ubHlcIiBuYW1lPVwiZXhwYW5kXCI+PC9pb24taWNvbj5cclxuICAgICAgICAgIDwvaW9uLWJ1dHRvbj5cclxuXHJcblxyXG4gICAgICAgICAgQGlmICghZnVsbFNjcmVlbikge1xyXG4gICAgICAgICAgICA8ZGl2ICNhbmNob3I+XHJcbiAgICAgICAgICAgICAgPGlvbi1idXR0b24gKGNsaWNrKT1cInVzZXJQb3BvdmVyLnByZXNlbnQoJGV2ZW50KVwiIHNpemU9XCJzbWFsbFwiIGNsYXNzPVwic2l6ZS0xMCBhc3BlY3Qtc3F1YXJlXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInVwcGVyY2FzZSB0ZXh0LXdoaXRlXCI+e3tUb2tlbiA/IFRva2VuLk5vbWVbMF0gOiAnJ319PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDwvaW9uLWJ1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxzaW9uLXBvcG92ZXIgI3VzZXJQb3BvdmVyIFthbmNob3JdPVwiYW5jaG9yXCIgW2ZsaXBdPVwiZmFsc2VcIiB3aWR0aD1cIjEzcmVtXCI+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInctZnVsbCBmbGV4IGZsZXgtY29sIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInctZnVsbCBmbGV4IHAtMiBnYXAtMiBvdmVyZmxvdy1oaWRkZW5cIj5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNpemUtMTAgc2hyaW5rLTAgYXNwZWN0LXNxdWFyZSByb3VuZGVkLTJ4bCB0ZXh0LXNtIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGJnLXByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInVwcGVyY2FzZSB0ZXh0LXdoaXRlXCI+e3tUb2tlbiA/IFRva2VuLk5vbWVbMF0gOiAnJ319PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaHJpbmstMCB3LWZ1bGwgZmxleCBmbGV4LWNvbCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1zdGFydCBvdmVyZmxvdy1oaWRkZW4gdGV4dC1zbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidHJ1bmNhdGVcIj4ge3tUb2tlbiA/IFRva2VuLk5vbWUgOiAnJ319IDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRydW5jYXRlIHRleHQtc2Vjb25kYXJ5XCI+ICYjNjQ7e3tUb2tlbiA/IFRva2VuLkFwZWxpZG8gOiAnJ319IDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidy1mdWxsXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IGNsYXNzPVwic2l6ZS1mdWxsXCIgc2VsZWN0PVwiW3Nsb3Q9dXNlci1wb3BvdmVyXVwiPjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgcC0xICFwYi0wIHRyYW5zbHVjaWQtYm9yZGVyICFib3JkZXIteC0wICFib3JkZXItYi0wXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3VuZGVkLXhsIGZsZXggZ2FwLTIgaXRlbXMtY2VudGVyIGp1c3RpZnktc3RhcnQgZGVmYXVsdC10cmFuc2l0aW9uIHB5LTEgcHgtMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPVwiY29udHJhc3RcIj48L2lvbi1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpb24tdGV4dD4gVGVtYSA8L2lvbi10ZXh0PlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIHBsLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW9uLXJhZGlvLWdyb3VwIGFsaWdubWVudD1cInN0YXJ0XCIgW2FsbG93RW1wdHlTZWxlY3Rpb25dPVwiZmFsc2VcIiBbdmFsdWVdPVwiVGhlbWVcIiAoaW9uQ2hhbmdlKT1cIlNldFRoZW1lKCRldmVudC5kZXRhaWwudmFsdWUpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8aW9uLWl0ZW0gY2xhc3M9XCJiZy10cmFuc3BhcmVudFwiIGxpbmVzPVwiZnVsbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLWljb24gbmFtZT1cImNvZ1wiIHNsb3Q9XCJzdGFydFwiPjwvaW9uLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpb24tcmFkaW8gY2xhc3M9XCJ3LWZ1bGxcIiBbdmFsdWVdPVwiMFwiPlNpc3RlbWE8L2lvbi1yYWRpbz5cclxuICAgICAgICAgICAgICAgICAgICAgIDwvaW9uLWl0ZW0+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8aW9uLWl0ZW0gY2xhc3M9XCJiZy10cmFuc3BhcmVudFwiIGxpbmVzPVwiZnVsbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLWljb24gbmFtZT1cInN1bm55XCIgc2xvdD1cInN0YXJ0XCI+PC9pb24taWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1yYWRpbyBjbGFzcz1cInctZnVsbFwiIFt2YWx1ZV09XCIxXCI+Q2xhcm88L2lvbi1yYWRpbz5cclxuICAgICAgICAgICAgICAgICAgICAgIDwvaW9uLWl0ZW0+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8aW9uLWl0ZW0gY2xhc3M9XCJiZy10cmFuc3BhcmVudFwiIGxpbmVzPVwibm9uZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLWljb24gbmFtZT1cIm1vb25cIiBzbG90PVwic3RhcnRcIj48L2lvbi1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLXJhZGlvIGNsYXNzPVwidy1mdWxsXCIgW3ZhbHVlXT1cIjJcIj5Fc2N1cm88L2lvbi1yYWRpbz5cclxuICAgICAgICAgICAgICAgICAgICAgIDwvaW9uLWl0ZW0+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9pb24tcmFkaW8tZ3JvdXA+XHJcblxyXG5cclxuICAgICAgICAgICAgICAgICAgICA8IS0tIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgcC0xIHRyYW5zbHVjaWQtYm9yZGVyICFib3JkZXIteC0wICFib3JkZXItYi0wIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdW5kZWQteGwgZmxleCBnYXAtMiBpdGVtcy1jZW50ZXIganVzdGlmeS1zdGFydCBjdXJzb3ItcG9pbnRlciBob3ZlcjpiZy1tZWRpdW0vMzAgZGVmYXVsdC10cmFuc2l0aW9uIHB5LTEgcHgtMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLWNoZWNrYm94IFtjaGVja2VkXT1cIlRoZW1lID09IDBcIiAoaW9uQ2hhbmdlKT1cIlNldFRoZW1lKDApXCIgPjwvaW9uLWNoZWNrYm94PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLWljb24gbmFtZT1cImNvZ1wiPjwvaW9uLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpb24tdGV4dD4gU2lzdGVtYSA8L2lvbi10ZXh0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInctZnVsbCBwLTEgdHJhbnNsdWNpZC1ib3JkZXIgIWJvcmRlci14LTAgIWJvcmRlci1iLTAgb3ZlcmZsb3ctaGlkZGVuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm91bmRlZC14bCBmbGV4IGdhcC0yIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LXN0YXJ0IGN1cnNvci1wb2ludGVyIGhvdmVyOmJnLW1lZGl1bS8zMCBkZWZhdWx0LXRyYW5zaXRpb24gcHktMSBweC0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpb24tY2hlY2tib3ggW2NoZWNrZWRdPVwiVGhlbWUgPT0gMVwiIChpb25DaGFuZ2UpPVwiU2V0VGhlbWUoMSlcIiA+PC9pb24tY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPVwic3VubnlcIj48L2lvbi1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLXRleHQ+IENsYXJvIDwvaW9uLXRleHQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidy1mdWxsIHAtMSB0cmFuc2x1Y2lkLWJvcmRlciAhYm9yZGVyLXgtMCAhYm9yZGVyLWItMCBvdmVyZmxvdy1oaWRkZW5cIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3VuZGVkLXhsIGZsZXggZ2FwLTIgaXRlbXMtY2VudGVyIGp1c3RpZnktc3RhcnQgY3Vyc29yLXBvaW50ZXIgaG92ZXI6YmctbWVkaXVtLzMwIGRlZmF1bHQtdHJhbnNpdGlvbiBweS0xIHB4LTJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1jaGVja2JveCBbY2hlY2tlZF09XCJUaGVtZSA9PSAyXCIgKGlvbkNoYW5nZSk9XCJTZXRUaGVtZSgyKVwiID48L2lvbi1jaGVja2JveD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1pY29uIG5hbWU9XCJtb29uXCI+PC9pb24taWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi10ZXh0PiBFc2N1cm8gPC9pb24tdGV4dD5cclxuICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiAtLT5cclxuICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuXHJcblxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInctZnVsbCBwLTEgdHJhbnNsdWNpZC1ib3JkZXIgIWJvcmRlci14LTAgIWJvcmRlci1iLTBcIj5cclxuICAgICAgICAgICAgICAgICAgPGRpdiAoY2xpY2spPVwiYXV0aFNlcnZpY2UuTG9nZ291dCgpXCIgY2xhc3M9XCJyb3VuZGVkLXhsIGZsZXggZ2FwLTIgY3Vyc29yLXBvaW50ZXIgaXRlbXMtY2VudGVyIGp1c3RpZnktc3RhcnQgaG92ZXI6YmctbWVkaXVtLzEwIGRlZmF1bHQtdHJhbnNpdGlvbiBweS0xIHB4LTJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW9uLWljb24gY29sb3I9XCJkYW5nZXJcIiBuYW1lPVwiZXhpdFwiPjwvaW9uLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgPGlvbi10ZXh0PiBMb2cgT3V0IDwvaW9uLXRleHQ+XHJcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgICAgICAgPCEtLSA8aW9uLXRleHQ+IExvZyBPdXQgPC9pb24tdGV4dD5cclxuICAgICAgICAgICAgICAgICAgPGlvbi1idXR0b24gKGNsaWNrKT1cImF1dGhTZXJ2aWNlLkxvZ2dvdXQoKVwiIGNsYXNzPVwic2l6ZS04IHNocmluay0wXCIgc2l6ZT1cInNtYWxsXCIgZmlsbD1cImNsZWFyXCIgY29sb3I9XCJkYW5nZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW9uLWljb24gc2xvdD1cImljb24tb25seVwiIG5hbWU9XCJleGl0LW91dGxpbmVcIj48L2lvbi1pY29uPiBcclxuICAgICAgICAgICAgICAgICAgPC9pb24tYnV0dG9uPiAtLT5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgICA8IS0tIDxkaXYgY2xhc3M9XCJzaXplLWZ1bGxcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgcC0xIGZsZXggaXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaXplLTEwIHNocmluay0wIGFzcGVjdC1zcXVhcmUgcm91bmRlZC0yeGwgdGV4dC1zbSBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBkZWZhdWx0LXRyYW5zaXRpb25cIiBzdHlsZT1cImJhY2tncm91bmQtY29sb3I6IHZhcigtLWlvbi1jb2xvci1wcmltYXJ5KTtcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInVwcGVyY2FzZSB0ZXh0LXdoaXRlXCI+e3tUb2tlbiA/IFRva2VuLk5vbWVbMF0gOiAnJ319PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImdyb3cgbWluLXctMTAgcC0yIGp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlciB3aGl0ZXNwYWNlLW5vd3JhcCB0ZXh0LWVsbGlwc2lzIG92ZXJmbG93LWhpZGRlbiBibG9jayBkZWZhdWx0LXRyYW5zaXRpb25cIiBbbmdDbGFzc109XCJ7J29wYWNpdHktMCB3LTAnOiBjb2xhcHNlZH1cIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e1Rva2VuID8gVG9rZW4uTm9tZSA6ICcnfX08L3NwYW4+IDxicj5cclxuICAgICAgICAgICAgICAgICAgICA8aW9uLXRleHQgY29sb3I9XCJzZWNvbmRhcnlcIiBjbGFzcz1cInRleHQtc21cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICYjNjQ7e3tUb2tlbiA/IFRva2VuLkFwZWxpZG8gOiAnJ319XHJcbiAgICAgICAgICAgICAgICAgICAgPC9pb24tdGV4dD5cclxuICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGxcIj5cclxuICAgICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgY2xhc3M9XCJzaXplLWZ1bGxcIiBzZWxlY3Q9XCJbc2xvdD11c2VyLXBvcG92ZXJdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidy1mdWxsIHAtMSBweC0yIHRyYW5zbHVjaWQtYm9yZGVyICFib3JkZXIteC0wICFib3JkZXItYi0wIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG92ZXI6YmctbWVkaXVtLzMwIGRlZmF1bHQtdHJhbnNpdGlvbiBzaXplLWZ1bGxcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW9uLWJ1dHRvbiBjb2xvcj1cImRhcmtcIiBmaWxsPVwiY2xlYXJcIiBzaXplPVwic21hbGxcIiBjbGFzcz1cInJvdW5kZWQteGwgdy1mdWxsIHRleHQtbGVmdCBvdmVyZmxvdy1oaWRkZW5cIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxpb24taWNvbiBzbG90PVwic3RhcnRcIiBuYW1lPVwiY29udHJhc3RcIj48L2lvbi1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGlvbi1sYWJlbCBjbGFzcz1cInRleHQtc21cIj5UZW1hPC9pb24tbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9pb24tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInctZnVsbCBwLTEgcHgtMiB0cmFuc2x1Y2lkLWJvcmRlciAhYm9yZGVyLXgtMCAhYm9yZGVyLWItMCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgICAgICAgICAgICAgICAgPGlvbi10ZXh0PiBMb2cgT3V0IDwvaW9uLXRleHQ+XHJcbiAgICAgICAgICAgICAgICAgIDxpb24tYnV0dG9uIChjbGljayk9XCJhdXRoU2VydmljZS5Mb2dnb3V0KClcIiBjbGFzcz1cInNpemUtOCBzaHJpbmstMFwiIHNpemU9XCJzbWFsbFwiIGZpbGw9XCJjbGVhclwiIGNvbG9yPVwiZGFuZ2VyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGlvbi1pY29uIHNsb3Q9XCJpY29uLW9ubHlcIiBuYW1lPVwiZXhpdC1vdXRsaW5lXCI+PC9pb24taWNvbj4gXHJcbiAgICAgICAgICAgICAgICAgIDwvaW9uLWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PiAtLT5cclxuICAgICAgICAgICAgPC9zaW9uLXBvcG92ZXI+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvaW9uLWNhcmQtY29udGVudD5cclxuICAgIDwvaW9uLWNhcmQ+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInNpemUtZnVsbCByZWxhdGl2ZSBwLTIgcHQtMCBiZy1saWdodFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNpemUtZnVsbCByZWxhdGl2ZSByb3VuZGVkLTJ4bCBjb250ZW50LXNoYWRvdyBvdmVyZmxvdy1oaWRkZW4ge3tiYWNrZHJvcH19XCIgc3R5bGU9XCItLXNoYWRvdy1jb2xvcjoge3tzaGFkb3dDb2xvcn19XCI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD4gXHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/popover/sion-popover/sion-popover.component.mjs

@@ -0,0 +1,182 @@
+import { Component, ElementRef, EventEmitter, Input, NgZone, Output, ViewChild } from '@angular/core';
+import { autoUpdate, computePosition, flip, limitShift, offset, shift, arrow } from '@floating-ui/dom';
+import { Timeout } from '../../../services/utils.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SIonPopoverComponent {
+    constructor(ngZone) {
+        this.ngZone = ngZone;
+        this.fill = 'blur';
+        this.arrow = true;
+        this.flip = true;
+        this.placement = 'bottom';
+        this.height = 'auto';
+        this.width = 'auto';
+        this.onWillPresent = new EventEmitter();
+        this.onDidPresent = new EventEmitter();
+        this.onWillDismiss = new EventEmitter();
+        this.onDidDismiss = new EventEmitter();
+        this.anchor = undefined;
+        this.state = POPOVER_STATE.IDLE;
+    }
+    ngAfterViewInit() {
+        //TODO: Use Renderer2 to add event listeners for better Angular compatibility when updating to Angular 19
+        this.ngZone.runOutsideAngular(() => {
+            this.documentClickListener = (event) => {
+                // Run back inside Angular's zone when handling the event
+                this.ngZone.run(() => {
+                    if (!this._instance) {
+                        return;
+                    }
+                    if (!this._instance.contains(event.target) &&
+                        !this.anchor.contains(event.target)) {
+                        this.dismiss();
+                    }
+                });
+            };
+            // Use the native DOM API directly with capture phase
+            document.addEventListener('click', this.documentClickListener, true);
+        });
+    }
+    get _instance() {
+        return this.contentContainer?.nativeElement;
+    }
+    get arrowEl() {
+        return this._instance.querySelector('.popover-arrow');
+    }
+    async present(event) {
+        if (this.state != POPOVER_STATE.IDLE) {
+            return;
+        }
+        document.body.appendChild(this._instance);
+        this.onWillPresent.emit();
+        this.state = POPOVER_STATE.PRESENTING;
+        const refEl = this.anchor ? this.anchor : event.target;
+        const arrowEl = this.arrowEl;
+        await this.update(refEl, arrowEl);
+        this._instance.classList.add('show');
+        this.cleanupAutoUpdate = autoUpdate(refEl, this._instance, async () => this.update(refEl, arrowEl));
+        this.state = POPOVER_STATE.VISIBLE;
+        this.onDidPresent.emit();
+    }
+    async update(refEl, arrowEl) {
+        const computePositionReturn = await this.GetComputePositionReturn(refEl, this._instance, arrowEl);
+        this.HandleComputePositionReturn(computePositionReturn, arrowEl);
+    }
+    async dismiss() {
+        if (this.state == POPOVER_STATE.IDLE) {
+            return;
+        }
+        if (this.cleanupAutoUpdate) {
+            this.cleanupAutoUpdate();
+            this.cleanupAutoUpdate = undefined;
+        }
+        this.onWillDismiss.emit();
+        this.state = POPOVER_STATE.DISMISSING;
+        this._instance.classList.remove('show');
+        await Timeout(200);
+        this._instance?.remove();
+        this.state = POPOVER_STATE.IDLE;
+        this.onDidDismiss.emit();
+    }
+    HandleComputePositionReturn(computePositionReturn, arrowEl) {
+        Object.assign(this._instance.style, {
+            left: `${computePositionReturn.x}px`,
+            top: `${computePositionReturn.y}px`,
+            width: this.width,
+            height: this.height,
+            position: 'absolute',
+        });
+        if (computePositionReturn.middlewareData.arrow) {
+            const { x: arrowX, y: arrowY } = computePositionReturn.middlewareData.arrow;
+            const position = computePositionReturn.placement.split('-')[0];
+            const staticSide = STATIC_SIDES[position];
+            Object.assign(arrowEl.style, {
+                left: arrowX != null ? `${arrowX}px` : '',
+                top: arrowY != null ? `${arrowY}px` : '',
+                right: '',
+                bottom: '',
+                [staticSide]: `-7px`,
+            });
+            arrowEl.style.setProperty(`--rotation`, ROTATIONS[position]);
+        }
+    }
+    ngOnDestroy() {
+        if (this._instance) {
+            this._instance?.remove();
+        }
+        if (this._embeddedView) {
+            this._embeddedView.destroy();
+            this._embeddedView = undefined;
+        }
+        if (this.documentClickListener) {
+            document.removeEventListener('click', this.documentClickListener, true);
+        }
+        if (this.viewRef) {
+            this.viewRef.destroy();
+            this.viewRef = undefined;
+        }
+    }
+    async GetComputePositionReturn(refEl, popEl, arrowEl) {
+        return await computePosition(refEl, popEl, {
+            placement: this.placement,
+            middleware: [
+                offset(10),
+                this.flip ? flip({ crossAxis: false }) : undefined,
+                shift({ limiter: limitShift(), padding: 5 }),
+                this.arrow ? arrow({ element: arrowEl, padding: 10 }) : undefined,
+            ].filter(p => p),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SIonPopoverComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SIonPopoverComponent, selector: "sion-popover", inputs: { fill: "fill", arrow: "arrow", flip: "flip", placement: "placement", height: "height", width: "width", anchor: "anchor" }, outputs: { onWillPresent: "onWillPresent", onDidPresent: "onDidPresent", onWillDismiss: "onWillDismiss", onDidDismiss: "onDidDismiss" }, viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["popoverWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div #popoverWrapper \r\n  class=\"popover-wrapper translucid-border\"\r\n  [style.height]=\"height\"\r\n  [style.width]=\"width\"\r\n  [ngClass]=\"{\r\n      'bg-light'        : fill == 'solid',\r\n      'bg-transparent'  : fill == 'outline',\r\n      'bg-light/90'     : fill == 'blur',\r\n      '!border-0'       : fill == 'clear',\r\n    }\"\r\n> \r\n  <div #popoverArrow class=\"popover-arrow size-4 translucid-border\"\r\n    [ngClass]=\"{\r\n      'bg-light'        : fill == 'solid',\r\n      'bg-transparent'  : fill == 'outline',\r\n      'bg-light/90'     : fill == 'blur',\r\n      '!border-0'       : fill == 'clear',\r\n    }\"\r\n  ></div>\r\n  <ng-content #content></ng-content>\r\n</div>", styles: [".popover-wrapper{border-radius:.75rem;width:max-content;position:fixed;will-change:left,top,bottom,right,auto,opacity,filter;opacity:0;transition:opacity .15s ease-in-out,transform .15s ease-in-out,filter .15s ease-in-out;min-width:2rem;min-height:2rem;filter:grayscale(.9);transform:scale(.95);pointer-events:auto!important;z-index:10001!important}.popover-arrow{border-radius:.125rem;position:absolute;transform:scale(1) rotate(var(--rotation))!important;clip-path:var(--clip-path-triangle, polygon(0% 0%, 0% 100%, 100% 100%))}.show{filter:grayscale(0);transform:scale(1);opacity:1}.popover-wrapper:not(.show){pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SIonPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sion-popover', template: "<div #popoverWrapper \r\n  class=\"popover-wrapper translucid-border\"\r\n  [style.height]=\"height\"\r\n  [style.width]=\"width\"\r\n  [ngClass]=\"{\r\n      'bg-light'        : fill == 'solid',\r\n      'bg-transparent'  : fill == 'outline',\r\n      'bg-light/90'     : fill == 'blur',\r\n      '!border-0'       : fill == 'clear',\r\n    }\"\r\n> \r\n  <div #popoverArrow class=\"popover-arrow size-4 translucid-border\"\r\n    [ngClass]=\"{\r\n      'bg-light'        : fill == 'solid',\r\n      'bg-transparent'  : fill == 'outline',\r\n      'bg-light/90'     : fill == 'blur',\r\n      '!border-0'       : fill == 'clear',\r\n    }\"\r\n  ></div>\r\n  <ng-content #content></ng-content>\r\n</div>", styles: [".popover-wrapper{border-radius:.75rem;width:max-content;position:fixed;will-change:left,top,bottom,right,auto,opacity,filter;opacity:0;transition:opacity .15s ease-in-out,transform .15s ease-in-out,filter .15s ease-in-out;min-width:2rem;min-height:2rem;filter:grayscale(.9);transform:scale(.95);pointer-events:auto!important;z-index:10001!important}.popover-arrow{border-radius:.125rem;position:absolute;transform:scale(1) rotate(var(--rotation))!important;clip-path:var(--clip-path-triangle, polygon(0% 0%, 0% 100%, 100% 100%))}.show{filter:grayscale(0);transform:scale(1);opacity:1}.popover-wrapper:not(.show){pointer-events:none!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { fill: [{
+                type: Input
+            }], arrow: [{
+                type: Input
+            }], flip: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], onWillPresent: [{
+                type: Output
+            }], onDidPresent: [{
+                type: Output
+            }], onWillDismiss: [{
+                type: Output
+            }], onDidDismiss: [{
+                type: Output
+            }], anchor: [{
+                type: Input
+            }], contentContainer: [{
+                type: ViewChild,
+                args: ['popoverWrapper', { read: ElementRef }]
+            }] } });
+var POPOVER_STATE;
+(function (POPOVER_STATE) {
+    POPOVER_STATE[POPOVER_STATE["IDLE"] = 1] = "IDLE";
+    POPOVER_STATE[POPOVER_STATE["PRESENTING"] = 2] = "PRESENTING";
+    POPOVER_STATE[POPOVER_STATE["DISMISSING"] = 3] = "DISMISSING";
+    POPOVER_STATE[POPOVER_STATE["VISIBLE"] = 4] = "VISIBLE";
+})(POPOVER_STATE || (POPOVER_STATE = {}));
+const STATIC_SIDES = {
+    top: "bottom",
+    right: "left",
+    bottom: "top",
+    left: "right"
+};
+const ROTATIONS = {
+    bottom: "135deg",
+    top: "315deg",
+    left: "225deg",
+    right: "45deg",
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvbi1wb3BvdmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9wb3BvdmVyL3Npb24tcG9wb3Zlci9zaW9uLXBvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXIvc2lvbi1wb3BvdmVyL3Npb24tcG9wb3Zlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxVQUFVLEVBQW1CLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFxQixNQUFNLEVBQWUsU0FBUyxFQUE2QixNQUFNLGVBQWUsQ0FBQztBQUNqTSxPQUFPLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBeUIsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQWEsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pJLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBUzFELE1BQU0sT0FBTyxvQkFBb0I7SUFvQi9CLFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFuQmYsU0FBSSxHQUFTLE1BQU0sQ0FBQztRQUNwQixVQUFLLEdBQVksSUFBSSxDQUFDO1FBQ3RCLFNBQUksR0FBYSxJQUFJLENBQUM7UUFHdEIsY0FBUyxHQUFjLFFBQVEsQ0FBQztRQUNoQyxXQUFNLEdBQVcsTUFBTSxDQUFDO1FBQ3hCLFVBQUssR0FBVyxNQUFNLENBQUM7UUFHdEIsa0JBQWEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM3RCxpQkFBWSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTVELGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDN0QsaUJBQVksR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztR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QUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBRUcsYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNO2dCQUVFLE1BQU07c0JBQWQsS0FBSztnQkFNOEMsZ0JBQWdCO3NCQUFuRSxTQUFTO3VCQUFDLGdCQUFnQixFQUFHLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTs7QUFpSXBELElBQUssYUFLSjtBQUxELFdBQUssYUFBYTtJQUNoQixpREFBYyxDQUFBO0lBQ2QsNkRBQWMsQ0FBQTtJQUNkLDZEQUFjLENBQUE7SUFDZCx1REFBYyxDQUFBO0FBQ2hCLENBQUMsRUFMSSxhQUFhLEtBQWIsYUFBYSxRQUtqQjtBQUNELE1BQU0sWUFBWSxHQUFHO0lBQ25CLEdBQUcsRUFBRSxRQUFRO0lBQ2IsS0FBSyxFQUFFLE1BQU07SUFDYixNQUFNLEVBQUUsS0FBSztJQUNiLElBQUksRUFBRSxPQUFPO0NBQ2QsQ0FBQztBQUNGLE1BQU0sU0FBUyxHQUFHO0lBQ2hCLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLEdBQUcsRUFBRSxRQUFRO0lBQ2IsSUFBSSxFQUFFLFFBQVE7SUFDZCxLQUFLLEVBQUUsT0FBTztDQUNmLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEVtYmVkZGVkVmlld1JlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgTmdab25lLCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmLCBWaWV3UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGF1dG9VcGRhdGUsIGNvbXB1dGVQb3NpdGlvbiwgQ29tcHV0ZVBvc2l0aW9uUmV0dXJuLCBmbGlwLCBsaW1pdFNoaWZ0LCBvZmZzZXQsIFBsYWNlbWVudCwgc2hpZnQsIGFycm93IH0gZnJvbSAnQGZsb2F0aW5nLXVpL2RvbSc7XHJcbmltcG9ydCB7IFRpbWVvdXQgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy91dGlscy5zZXJ2aWNlJztcclxuXHJcbnR5cGUgRmlsbCA9ICdzb2xpZCcgfCAnb3V0bGluZScgfCAnYmx1cicgfCAnY2xlYXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW9uLXBvcG92ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zaW9uLXBvcG92ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Npb24tcG9wb3Zlci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0lvblBvcG92ZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICBASW5wdXQoKSBmaWxsOiBGaWxsID0gJ2JsdXInO1xyXG4gIEBJbnB1dCgpIGFycm93OiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBmbGlwIDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG5cclxuICBASW5wdXQoKSBwbGFjZW1lbnQ6IFBsYWNlbWVudCA9ICdib3R0b20nO1xyXG4gIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nID0gJ2F1dG8nO1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnYXV0byc7XHJcblxyXG5cclxuICBAT3V0cHV0KCkgb25XaWxsUHJlc2VudDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBvbkRpZFByZXNlbnQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgQE91dHB1dCgpIG9uV2lsbERpc21pc3M6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgb25EaWREaXNtaXNzOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIEBJbnB1dCgpIGFuY2hvcjogSFRNTEVsZW1lbnQgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZVxyXG4gICkgeyB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3BvcG92ZXJXcmFwcGVyJyAsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBjb250ZW50Q29udGFpbmVyOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcclxuICBcclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICAvL1RPRE86IFVzZSBSZW5kZXJlcjIgdG8gYWRkIGV2ZW50IGxpc3RlbmVycyBmb3IgYmV0dGVyIEFuZ3VsYXIgY29tcGF0aWJpbGl0eSB3aGVuIHVwZGF0aW5nIHRvIEFuZ3VsYXIgMTlcclxuICAgIHRoaXMubmdab25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcclxuICAgICAgdGhpcy5kb2N1bWVudENsaWNrTGlzdGVuZXIgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcclxuICAgICAgICAvLyBSdW4gYmFjayBpbnNpZGUgQW5ndWxhcidzIHpvbmUgd2hlbiBoYW5kbGluZyB0aGUgZXZlbnRcclxuICAgICAgICB0aGlzLm5nWm9uZS5ydW4oKCkgPT4ge1xyXG4gICAgICAgICAgaWYoIXRoaXMuX2luc3RhbmNlKXsgcmV0dXJuO31cclxuICAgICAgICAgIGlmIChcclxuICAgICAgICAgICAgIXRoaXMuX2luc3RhbmNlLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSAmJlxyXG4gICAgICAgICAgICAhdGhpcy5hbmNob3IuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXHJcbiAgICAgICAgICApIHtcclxuICAgICAgICAgICAgdGhpcy5kaXNtaXNzKCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH07XHJcbiAgICAgIFxyXG4gICAgICAvLyBVc2UgdGhlIG5hdGl2ZSBET00gQVBJIGRpcmVjdGx5IHdpdGggY2FwdHVyZSBwaGFzZVxyXG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuZG9jdW1lbnRDbGlja0xpc3RlbmVyLCB0cnVlKTtcclxuICAgIH0pO1xyXG4gIH1cclxuICBkb2N1bWVudENsaWNrTGlzdGVuZXI6IChldmVudDogTW91c2VFdmVudCkgPT4gdm9pZDtcclxuICB2aWV3UmVmPzogVmlld1JlZjtcclxuXHJcbiAgcHJpdmF0ZSBfZW1iZWRkZWRWaWV3PzogRW1iZWRkZWRWaWV3UmVmPGFueT4gfCB1bmRlZmluZWQ7XHJcbiAgcHJpdmF0ZSBnZXQgX2luc3RhbmNlKCk6IEhUTUxFbGVtZW50IHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLmNvbnRlbnRDb250YWluZXI/Lm5hdGl2ZUVsZW1lbnQ7XHJcbiAgfVxyXG5cclxuICBnZXQgYXJyb3dFbCgpOiBIVE1MRWxlbWVudCB8IHVuZGVmaW5lZCB7XHJcbiAgICByZXR1cm4gdGhpcy5faW5zdGFuY2UucXVlcnlTZWxlY3RvcignLnBvcG92ZXItYXJyb3cnKSBhcyBIVE1MRWxlbWVudDtcclxuICB9XHJcbiAgXHJcbiAgcHJpdmF0ZSBjbGVhbnVwQXV0b1VwZGF0ZT86ICgpID0+IHZvaWQ7XHJcbiAgcHVibGljIHN0YXRlOiBQT1BPVkVSX1NUQVRFID0gUE9QT1ZFUl9TVEFURS5JRExFO1xyXG4gIHB1YmxpYyBhc3luYyBwcmVzZW50KGV2ZW50PzogRXZlbnQpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGlmKHRoaXMuc3RhdGUgIT0gUE9QT1ZFUl9TVEFURS5JRExFKSB7IHJldHVybjsgfVxyXG4gICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZCh0aGlzLl9pbnN0YW5jZSk7XHJcblxyXG4gICAgdGhpcy5vbldpbGxQcmVzZW50LmVtaXQoKTtcclxuICAgIFxyXG4gICAgdGhpcy5zdGF0ZSA9IFBPUE9WRVJfU1RBVEUuUFJFU0VOVElORztcclxuICAgIGNvbnN0IHJlZkVsICAgPSB0aGlzLmFuY2hvciA/IHRoaXMuYW5jaG9yIDogZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xyXG4gICAgY29uc3QgYXJyb3dFbCA9IHRoaXMuYXJyb3dFbDtcclxuXHJcbiAgICBhd2FpdCB0aGlzLnVwZGF0ZShyZWZFbCwgYXJyb3dFbClcclxuICAgIHRoaXMuX2luc3RhbmNlLmNsYXNzTGlzdC5hZGQoJ3Nob3cnKTtcclxuICAgIHRoaXMuY2xlYW51cEF1dG9VcGRhdGUgPSBhdXRvVXBkYXRlKHJlZkVsLCB0aGlzLl9pbnN0YW5jZSwgYXN5bmMgKCkgPT4gdGhpcy51cGRhdGUocmVmRWwsIGFycm93RWwpKTtcclxuICAgIFxyXG4gICAgdGhpcy5zdGF0ZSA9IFBPUE9WRVJfU1RBVEUuVklTSUJMRTtcclxuICAgIHRoaXMub25EaWRQcmVzZW50LmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgYXN5bmMgdXBkYXRlKHJlZkVsOiBIVE1MRWxlbWVudCwgYXJyb3dFbDogSFRNTEVsZW1lbnQpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGNvbnN0IGNvbXB1dGVQb3NpdGlvblJldHVybjogQ29tcHV0ZVBvc2l0aW9uUmV0dXJuID0gYXdhaXQgdGhpcy5HZXRDb21wdXRlUG9zaXRpb25SZXR1cm4ocmVmRWwsIHRoaXMuX2luc3RhbmNlLCBhcnJvd0VsKTtcclxuICAgIHRoaXMuSGFuZGxlQ29tcHV0ZVBvc2l0aW9uUmV0dXJuKGNvbXB1dGVQb3NpdGlvblJldHVybiwgYXJyb3dFbCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYXN5bmMgZGlzbWlzcygpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGlmKHRoaXMuc3RhdGUgPT0gUE9QT1ZFUl9TVEFURS5JRExFKSB7IHJldHVybjsgfVxyXG4gICAgXHJcbiAgICBpZih0aGlzLmNsZWFudXBBdXRvVXBkYXRlKSB7XHJcbiAgICAgIHRoaXMuY2xlYW51cEF1dG9VcGRhdGUoKTtcclxuICAgICAgdGhpcy5jbGVhbnVwQXV0b1VwZGF0ZSA9IHVuZGVmaW5lZDtcclxuICAgIH1cclxuICAgIHRoaXMub25XaWxsRGlzbWlzcy5lbWl0KCk7XHJcbiAgICB0aGlzLnN0YXRlID0gUE9QT1ZFUl9TVEFURS5ESVNNSVNTSU5HO1xyXG4gICAgdGhpcy5faW5zdGFuY2UuY2xhc3NMaXN0LnJlbW92ZSgnc2hvdycpO1xyXG4gICAgYXdhaXQgVGltZW91dCgyMDApO1xyXG4gICAgdGhpcy5faW5zdGFuY2U/LnJlbW92ZSgpO1xyXG4gICAgdGhpcy5zdGF0ZSA9IFBPUE9WRVJfU1RBVEUuSURMRTtcclxuICAgIHRoaXMub25EaWREaXNtaXNzLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIEhhbmRsZUNvbXB1dGVQb3NpdGlvblJldHVybihjb21wdXRlUG9zaXRpb25SZXR1cm46IENvbXB1dGVQb3NpdGlvblJldHVybiwgYXJyb3dFbDogSFRNTEVsZW1lbnQpOiB2b2lkIHtcclxuICAgIE9iamVjdC5hc3NpZ24odGhpcy5faW5zdGFuY2Uuc3R5bGUsIHtcclxuICAgICAgbGVmdDogYCR7Y29tcHV0ZVBvc2l0aW9uUmV0dXJuLnh9cHhgLFxyXG4gICAgICB0b3A6ICBgJHtjb21wdXRlUG9zaXRpb25SZXR1cm4ueX1weGAsXHJcbiAgICAgIHdpZHRoIDogdGhpcy53aWR0aCxcclxuICAgICAgaGVpZ2h0OiB0aGlzLmhlaWdodCxcclxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICB9KTtcclxuICAgIGlmKGNvbXB1dGVQb3NpdGlvblJldHVybi5taWRkbGV3YXJlRGF0YS5hcnJvdyl7XHJcbiAgICAgIGNvbnN0IHsgeDogYXJyb3dYLCB5OiBhcnJvd1kgfSA9IGNvbXB1dGVQb3NpdGlvblJldHVybi5taWRkbGV3YXJlRGF0YS5hcnJvdztcclxuICAgICAgY29uc3QgcG9zaXRpb24gPSBjb21wdXRlUG9zaXRpb25SZXR1cm4ucGxhY2VtZW50LnNwbGl0KCctJylbMF07XHJcbiAgICAgIGNvbnN0IHN0YXRpY1NpZGUgPSBTVEFUSUNfU0lERVNbcG9zaXRpb25dO1xyXG4gICAgICBPYmplY3QuYXNzaWduKGFycm93RWwuc3R5bGUsIHtcclxuICAgICAgICBsZWZ0OiBhcnJvd1ggIT0gbnVsbCA/IGAke2Fycm93WH1weGAgOiAnJyxcclxuICAgICAgICB0b3AgOiBhcnJvd1kgIT0gbnVsbCA/IGAke2Fycm93WX1weGAgOiAnJyxcclxuICAgICAgICByaWdodCA6ICcnLFxyXG4gICAgICAgIGJvdHRvbTogJycsXHJcbiAgICAgICAgW3N0YXRpY1NpZGVdOiBgLTdweGAsXHJcbiAgICAgIH0pO1xyXG4gICAgICBhcnJvd0VsLnN0eWxlLnNldFByb3BlcnR5KGAtLXJvdGF0aW9uYCwgUk9UQVRJT05TW3Bvc2l0aW9uXSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIGlmKHRoaXMuX2luc3RhbmNlKSB7XHJcbiAgICAgIHRoaXMuX2luc3RhbmNlPy5yZW1vdmUoKTtcclxuICAgIH1cclxuICAgIGlmKHRoaXMuX2VtYmVkZGVkVmlldykge1xyXG4gICAgICB0aGlzLl9lbWJlZGRlZFZpZXcuZGVzdHJveSgpO1xyXG4gICAgICB0aGlzLl9lbWJlZGRlZFZpZXcgPSB1bmRlZmluZWQ7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuZG9jdW1lbnRDbGlja0xpc3RlbmVyKSB7XHJcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy5kb2N1bWVudENsaWNrTGlzdGVuZXIsIHRydWUpO1xyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMudmlld1JlZikge1xyXG4gICAgICB0aGlzLnZpZXdSZWYuZGVzdHJveSgpO1xyXG4gICAgICB0aGlzLnZpZXdSZWYgPSB1bmRlZmluZWQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBhc3luYyBHZXRDb21wdXRlUG9zaXRpb25SZXR1cm4ocmVmRWw6IEhUTUxFbGVtZW50LCBwb3BFbDogSFRNTEVsZW1lbnQsIGFycm93RWw6IEhUTUxFbGVtZW50KTogUHJvbWlzZTxDb21wdXRlUG9zaXRpb25SZXR1cm4+IHtcclxuICAgIHJldHVybiBhd2FpdCBjb21wdXRlUG9zaXRpb24ocmVmRWwsIHBvcEVsLCB7XHJcbiAgICAgIHBsYWNlbWVudDogdGhpcy5wbGFjZW1lbnQsXHJcbiAgICAgIG1pZGRsZXdhcmU6IFsgXHJcbiAgICAgICAgb2Zmc2V0KDEwKSwgXHJcbiAgICAgICAgdGhpcy5mbGlwICA/IGZsaXAoeyBjcm9zc0F4aXM6IGZhbHNlIH0pIDogdW5kZWZpbmVkLCBcclxuICAgICAgICBzaGlmdCh7IGxpbWl0ZXI6IGxpbWl0U2hpZnQoKSwgcGFkZGluZzogNSB9KSwgXHJcbiAgICAgICAgdGhpcy5hcnJvdyA/IGFycm93KHsgZWxlbWVudDogYXJyb3dFbCwgcGFkZGluZzogMTAgfSkgOiB1bmRlZmluZWQsXHJcbiAgICAgIF0uZmlsdGVyKHAgPT4gcCksXHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuXHJcbmVudW0gUE9QT1ZFUl9TVEFURXtcclxuICBJRExFICAgICAgID0gMSxcclxuICBQUkVTRU5USU5HID0gMixcclxuICBESVNNSVNTSU5HID0gMyxcclxuICBWSVNJQkxFICAgID0gNFxyXG59XHJcbmNvbnN0IFNUQVRJQ19TSURFUyA9IHtcclxuICB0b3A6IFwiYm90dG9tXCIsXHJcbiAgcmlnaHQ6IFwibGVmdFwiLFxyXG4gIGJvdHRvbTogXCJ0b3BcIixcclxuICBsZWZ0OiBcInJpZ2h0XCJcclxufTtcclxuY29uc3QgUk9UQVRJT05TID0ge1xyXG4gIGJvdHRvbTogXCIxMzVkZWdcIixcclxuICB0b3A6IFwiMzE1ZGVnXCIsXHJcbiAgbGVmdDogXCIyMjVkZWdcIixcclxuICByaWdodDogXCI0NWRlZ1wiLFxyXG59XHJcbiIsIjxkaXYgI3BvcG92ZXJXcmFwcGVyIFxyXG4gIGNsYXNzPVwicG9wb3Zlci13cmFwcGVyIHRyYW5zbHVjaWQtYm9yZGVyXCJcclxuICBbc3R5bGUuaGVpZ2h0XT1cImhlaWdodFwiXHJcbiAgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcclxuICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICdiZy1saWdodCcgICAgICAgIDogZmlsbCA9PSAnc29saWQnLFxyXG4gICAgICAnYmctdHJhbnNwYXJlbnQnICA6IGZpbGwgPT0gJ291dGxpbmUnLFxyXG4gICAgICAnYmctbGlnaHQvOTAnICAgICA6IGZpbGwgPT0gJ2JsdXInLFxyXG4gICAgICAnIWJvcmRlci0wJyAgICAgICA6IGZpbGwgPT0gJ2NsZWFyJyxcclxuICAgIH1cIlxyXG4+IFxyXG4gIDxkaXYgI3BvcG92ZXJBcnJvdyBjbGFzcz1cInBvcG92ZXItYXJyb3cgc2l6ZS00IHRyYW5zbHVjaWQtYm9yZGVyXCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgJ2JnLWxpZ2h0JyAgICAgICAgOiBmaWxsID09ICdzb2xpZCcsXHJcbiAgICAgICdiZy10cmFuc3BhcmVudCcgIDogZmlsbCA9PSAnb3V0bGluZScsXHJcbiAgICAgICdiZy1saWdodC85MCcgICAgIDogZmlsbCA9PSAnYmx1cicsXHJcbiAgICAgICchYm9yZGVyLTAnICAgICAgIDogZmlsbCA9PSAnY2xlYXInLFxyXG4gICAgfVwiXHJcbiAgPjwvZGl2PlxyXG4gIDxuZy1jb250ZW50ICNjb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+Il19

package/esm2022/lib/components/popover/sion-popover.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SIonPopoverComponent } from './sion-popover/sion-popover.component';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+export class SIonPopoverModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SIonPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SIonPopoverModule, declarations: [SIonPopoverComponent], imports: [CommonModule, OverlayModule], exports: [SIonPopoverComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SIonPopoverModule, imports: [CommonModule, OverlayModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SIonPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SIonPopoverComponent],
+                    exports: [SIonPopoverComponent],
+                    imports: [
+                        CommonModule, OverlayModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvbi1wb3BvdmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9wb3BvdmVyL3Npb24tcG9wb3Zlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQVFyRCxNQUFNLE9BQU8saUJBQWlCOytHQUFqQixpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkFOWixvQkFBb0IsYUFHbEMsWUFBWSxFQUFFLGFBQWEsYUFGbEIsb0JBQW9CO2dIQUtwQixpQkFBaUIsWUFIMUIsWUFBWSxFQUFFLGFBQWE7OzRGQUdsQixpQkFBaUI7a0JBUDdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUUsb0JBQW9CLENBQUc7b0JBQ3ZDLE9BQU8sRUFBRSxDQUFFLG9CQUFvQixDQUFFO29CQUNqQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWSxFQUFFLGFBQWE7cUJBQzVCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU0lvblBvcG92ZXJDb21wb25lbnQgfSBmcm9tICcuL3Npb24tcG9wb3Zlci9zaW9uLXBvcG92ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgT3ZlcmxheU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFsgU0lvblBvcG92ZXJDb21wb25lbnQgIF0sXHJcbiAgZXhwb3J0czogWyBTSW9uUG9wb3ZlckNvbXBvbmVudCBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSwgT3ZlcmxheU1vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNJb25Qb3BvdmVyTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2022/lib/components/sion-card/sion-card.component.mjs

@@ -0,0 +1,26 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { IonicModule } from '@ionic/angular';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+export class SionCardComponent {
+    constructor() {
+        this.background = 'bg-light';
+        this.backdrop = 'bg-primary/30';
+        this.justify = 'justify-center';
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SionCardComponent, isStandalone: true, selector: "sion-card", inputs: { background: "background", backdrop: "backdrop", justify: "justify" }, ngImport: i0, template: "<ion-card class=\"m-0 size-full\">\r\n  <ion-card-content class=\"size-full p-0\">\r\n    <div class=\"size-full {{backdrop}} flex flex-col overflow-hidden\">\r\n      <div class=\"flex items-center {{justify}} p-2 min-h-8 shrink-0\">\r\n        <ng-content select=\"[slot=header]\"></ng-content>\r\n      </div>\r\n      <div class=\"{{background}} size-full rounded-t-2xl overflow-hidden\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </ion-card-content>\r\n</ion-card>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SionCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sion-card', standalone: true, imports: [CommonModule, IonicModule], template: "<ion-card class=\"m-0 size-full\">\r\n  <ion-card-content class=\"size-full p-0\">\r\n    <div class=\"size-full {{backdrop}} flex flex-col overflow-hidden\">\r\n      <div class=\"flex items-center {{justify}} p-2 min-h-8 shrink-0\">\r\n        <ng-content select=\"[slot=header]\"></ng-content>\r\n      </div>\r\n      <div class=\"{{background}} size-full rounded-t-2xl overflow-hidden\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </ion-card-content>\r\n</ion-card>" }]
+        }], ctorParameters: () => [], propDecorators: { background: [{
+                type: Input
+            }], backdrop: [{
+                type: Input
+            }], justify: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zaW9uLWNhcmQvc2lvbi1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zaW9uLWNhcmQvc2lvbi1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVM3QyxNQUFNLE9BQU8saUJBQWlCO0lBTzVCO1FBSlMsZUFBVSxHQUFXLFVBQVUsQ0FBQztRQUNoQyxhQUFRLEdBQVcsZUFBZSxDQUFDO1FBQ25DLFlBQU8sR0FBVyxnQkFBZ0IsQ0FBQztJQUU1QixDQUFDO0lBRWpCLFFBQVEsS0FBSSxDQUFDOytHQVRGLGlCQUFpQjttR0FBakIsaUJBQWlCLHFKQ1g5QixxZkFXVyx5RERKRSxZQUFZLDhCQUFFLFdBQVc7OzRGQUl6QixpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFFLFlBQVksRUFBRSxXQUFXLENBQUU7d0RBTzdCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3Npb24tY2FyZCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbIENvbW1vbk1vZHVsZSwgSW9uaWNNb2R1bGUgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2lvbi1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zaW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpb25DYXJkQ29tcG9uZW50ICBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG5cclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kOiBzdHJpbmcgPSAnYmctbGlnaHQnO1xyXG4gIEBJbnB1dCgpIGJhY2tkcm9wOiBzdHJpbmcgPSAnYmctcHJpbWFyeS8zMCc7XHJcbiAgQElucHV0KCkganVzdGlmeTogc3RyaW5nID0gJ2p1c3RpZnktY2VudGVyJztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG5cclxufVxyXG4iLCI8aW9uLWNhcmQgY2xhc3M9XCJtLTAgc2l6ZS1mdWxsXCI+XHJcbiAgPGlvbi1jYXJkLWNvbnRlbnQgY2xhc3M9XCJzaXplLWZ1bGwgcC0wXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2l6ZS1mdWxsIHt7YmFja2Ryb3B9fSBmbGV4IGZsZXgtY29sIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIge3tqdXN0aWZ5fX0gcC0yIG1pbi1oLTggc2hyaW5rLTBcIj5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdD1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInt7YmFja2dyb3VuZH19IHNpemUtZnVsbCByb3VuZGVkLXQtMnhsIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2lvbi1jYXJkLWNvbnRlbnQ+XHJcbjwvaW9uLWNhcmQ+Il19

package/esm2022/lib/components/stepper/step/step.component.mjs

@@ -0,0 +1,43 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ionic/angular";
+export class StepComponent {
+    constructor() {
+        this.label = "Label";
+    }
+    ngOnInit() {
+    }
+    get index() {
+        if (this.parent && this.parent.lstSteps) {
+            return this.parent.lstSteps.toArray().indexOf(this);
+        }
+        return 0;
+    }
+    get fill() {
+        if (this.parent) {
+            return this.parent.lstSteps.toArray().indexOf(this) == this.parent.value();
+        }
+        return false;
+    }
+    ;
+    get selected() {
+        if (this.parent) {
+            return this.parent.lstSteps.toArray().indexOf(this) <= this.parent.value();
+        }
+        return false;
+    }
+    ;
+    get _fill() {
+        return this.fill ? 1 : 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StepComponent, selector: "step", inputs: { label: "label" }, ngImport: i0, template: "<div class=\"px-1 flex flex-col items-center justify-center text-center animated\">\r\n  <div [ngClass]=\"{'selected': selected}\" class=\"default-transition min-h-8 min-w-8 bg-red-400 flex items-center justify-center rounded-2xl step\">\r\n    <div class=\"wrapper\"><ng-content select=\"ion-icon, ion-text\"></ng-content></div>\r\n    <div class=\"default\">\r\n      {{index + 1}}\r\n    </div>\r\n  </div>\r\n  \r\n  <ion-text> {{label}} </ion-text>\r\n  <ion-progress-bar [color]=\"selected ? 'secondary' : 'primary'\" class=\"h-2 ease-in-out\" [value]=\"_fill\"></ion-progress-bar>\r\n</div>", styles: [":host{--stepper-selected-color: var(--ion-color-primary);--stepper-color: var(--ion-color-light-shade)}.step{background-color:var(--stepper-color);color:var(--ion-color-dark)}.selected{background-color:var(--stepper-selected-color);color:var(--ion-color-light)}ion-progress-bar::part(progress){transition:all ease-in-out .3s!important}.wrapper:not(:empty)+.default{display:none}.wrapper:empty{display:none}.animated{animation-name:slidein;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease-in-out}@keyframes slidein{0%{opacity:0;transform:translate(3rem)}to{opacity:1;transform:translateX()}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IonProgressBar, selector: "ion-progress-bar", inputs: ["buffer", "color", "mode", "reversed", "type", "value"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'step', template: "<div class=\"px-1 flex flex-col items-center justify-center text-center animated\">\r\n  <div [ngClass]=\"{'selected': selected}\" class=\"default-transition min-h-8 min-w-8 bg-red-400 flex items-center justify-center rounded-2xl step\">\r\n    <div class=\"wrapper\"><ng-content select=\"ion-icon, ion-text\"></ng-content></div>\r\n    <div class=\"default\">\r\n      {{index + 1}}\r\n    </div>\r\n  </div>\r\n  \r\n  <ion-text> {{label}} </ion-text>\r\n  <ion-progress-bar [color]=\"selected ? 'secondary' : 'primary'\" class=\"h-2 ease-in-out\" [value]=\"_fill\"></ion-progress-bar>\r\n</div>", styles: [":host{--stepper-selected-color: var(--ion-color-primary);--stepper-color: var(--ion-color-light-shade)}.step{background-color:var(--stepper-color);color:var(--ion-color-dark)}.selected{background-color:var(--stepper-selected-color);color:var(--ion-color-light)}ion-progress-bar::part(progress){transition:all ease-in-out .3s!important}.wrapper:not(:empty)+.default{display:none}.wrapper:empty{display:none}.animated{animation-name:slidein;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease-in-out}@keyframes slidein{0%{opacity:0;transform:translate(3rem)}to{opacity:1;transform:translateX()}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL3N0ZXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9zdGVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxhQUFhO0lBSXhCO1FBRmdCLFVBQUssR0FBYyxPQUFPLENBQUM7SUFFM0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUlELElBQUksS0FBSztRQUNQLElBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBQyxDQUFDO1lBQ3RDLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3RELENBQUM7UUFDRCxPQUFPLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixJQUFHLElBQUksQ0FBQyxNQUFNLEVBQUMsQ0FBQztZQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDN0UsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUFBLENBQUM7SUFFRixJQUFJLFFBQVE7UUFDVixJQUFHLElBQUksQ0FBQyxNQUFNLEVBQUMsQ0FBQztZQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDN0UsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUFBLENBQUM7SUFFRixJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBbENVLGFBQWE7bUdBQWIsYUFBYSx3RUNSMUIsdWxCQVVNOzs0RkRGTyxhQUFhO2tCQUx6QixTQUFTOytCQUNFLE1BQU07d0RBTUEsS0FBSztzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdGVwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc3RlcHBlci5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzdGVwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RlcENvbXBvbmVudCAgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIFxyXG4gIEBJbnB1dCgpICAgICAgICBsYWJlbCAgIDogc3RyaW5nID0gXCJMYWJlbFwiO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG4gIHBhcmVudDogU3RlcHBlckNvbXBvbmVudDtcclxuXHJcbiAgZ2V0IGluZGV4KCk6IG51bWJlcnsgXHJcbiAgICBpZih0aGlzLnBhcmVudCAmJiB0aGlzLnBhcmVudC5sc3RTdGVwcyl7XHJcbiAgICAgIHJldHVybiB0aGlzLnBhcmVudC5sc3RTdGVwcy50b0FycmF5KCkuaW5kZXhPZih0aGlzKTtcclxuICAgIH1cclxuICAgIHJldHVybiAwO1xyXG4gIH1cclxuICBcclxuICBnZXQgZmlsbCgpOiBib29sZWFue1xyXG4gICAgaWYodGhpcy5wYXJlbnQpe1xyXG4gICAgICByZXR1cm4gdGhpcy5wYXJlbnQubHN0U3RlcHMudG9BcnJheSgpLmluZGV4T2YodGhpcykgPT0gdGhpcy5wYXJlbnQudmFsdWUoKTtcclxuICAgIH1cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9O1xyXG4gIFxyXG4gIGdldCBzZWxlY3RlZCgpOiBib29sZWFue1xyXG4gICAgaWYodGhpcy5wYXJlbnQpe1xyXG4gICAgICByZXR1cm4gdGhpcy5wYXJlbnQubHN0U3RlcHMudG9BcnJheSgpLmluZGV4T2YodGhpcykgPD0gdGhpcy5wYXJlbnQudmFsdWUoKTtcclxuICAgIH1cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9O1xyXG5cclxuICBnZXQgX2ZpbGwoKXtcclxuICAgIHJldHVybiB0aGlzLmZpbGwgPyAxIDogMDsgXHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cInB4LTEgZmxleCBmbGV4LWNvbCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgdGV4dC1jZW50ZXIgYW5pbWF0ZWRcIj5cclxuICA8ZGl2IFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOiBzZWxlY3RlZH1cIiBjbGFzcz1cImRlZmF1bHQtdHJhbnNpdGlvbiBtaW4taC04IG1pbi13LTggYmctcmVkLTQwMCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLTJ4bCBzdGVwXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPjxuZy1jb250ZW50IHNlbGVjdD1cImlvbi1pY29uLCBpb24tdGV4dFwiPjwvbmctY29udGVudD48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkZWZhdWx0XCI+XHJcbiAgICAgIHt7aW5kZXggKyAxfX1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIFxyXG4gIDxpb24tdGV4dD4ge3tsYWJlbH19IDwvaW9uLXRleHQ+XHJcbiAgPGlvbi1wcm9ncmVzcy1iYXIgW2NvbG9yXT1cInNlbGVjdGVkID8gJ3NlY29uZGFyeScgOiAncHJpbWFyeSdcIiBjbGFzcz1cImgtMiBlYXNlLWluLW91dFwiIFt2YWx1ZV09XCJfZmlsbFwiPjwvaW9uLXByb2dyZXNzLWJhcj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/stepper/stepper.component.mjs

@@ -0,0 +1,36 @@
+import { Component, ContentChildren, QueryList } from '@angular/core';
+import { StepComponent } from './step/step.component';
+import { CustomInput } from '../inputs/custom-input';
+import { InputProviderFactory } from '../inputs/input-provider-factory';
+import * as i0 from "@angular/core";
+export class StepperComponent extends CustomInput {
+    setFocus(event) {
+        // throw new Error('Method not implemented.');
+    }
+    constructor() { super(); }
+    ngAfterContentInit() {
+        if (this.lstSteps) {
+            this.lstSteps.filter(p => !p.parent).forEach(comp => { comp.parent = this; });
+        }
+    }
+    writeValue(obj) {
+        this.value.set(obj);
+        this.runValidation();
+    }
+    SetValue(obj) {
+        this.value.set(obj);
+        this.ngAfterContentInit();
+        this.runValidation();
+        this.propagateChange(obj);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StepperComponent, selector: "stepper", providers: InputProviderFactory.GetProviders(StepperComponent), queries: [{ propertyName: "lstSteps", predicate: StepComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex w-full justify-evenly\">\r\n    <ng-content select=\"step\" class=\"grow\"></ng-content>\r\n</div>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'stepper', providers: InputProviderFactory.GetProviders(StepperComponent), template: "<div class=\"flex w-full justify-evenly\">\r\n    <ng-content select=\"step\" class=\"grow\"></ng-content>\r\n</div>" }]
+        }], ctorParameters: () => [], propDecorators: { lstSteps: [{
+                type: ContentChildren,
+                args: [StepComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOztBQVF4RSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsV0FBZ0I7SUFDM0MsUUFBUSxDQUFDLEtBQWlCO1FBQ2pDLDhDQUE4QztJQUNoRCxDQUFDO0lBRUQsZ0JBQWdCLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUMxQixrQkFBa0I7UUFDaEIsSUFBRyxJQUFJLENBQUMsUUFBUSxFQUFDLENBQUM7WUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hGLENBQUM7SUFDSCxDQUFDO0lBSVEsVUFBVSxDQUFDLEdBQVc7UUFDN0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFUSxRQUFRLENBQUMsR0FBUTtRQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM1QixDQUFDOytHQXhCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixrQ0FGaEIsb0JBQW9CLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLG1EQWM3QyxhQUFhLG9EQ3ZCaEMsc0hBRU07OzRGRFNPLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxTQUFTLGFBR1Isb0JBQW9CLENBQUMsWUFBWSxrQkFBa0I7d0RBYzlCLFFBQVE7c0JBQXZDLGVBQWU7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RlcENvbXBvbmVudCB9IGZyb20gJy4vc3RlcC9zdGVwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEN1c3RvbUlucHV0IH0gZnJvbSAnLi4vaW5wdXRzL2N1c3RvbS1pbnB1dCc7XHJcbmltcG9ydCB7IElucHV0UHJvdmlkZXJGYWN0b3J5IH0gZnJvbSAnLi4vaW5wdXRzL2lucHV0LXByb3ZpZGVyLWZhY3RvcnknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzdGVwcGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogSW5wdXRQcm92aWRlckZhY3RvcnkuR2V0UHJvdmlkZXJzKFN0ZXBwZXJDb21wb25lbnQpXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGVwcGVyQ29tcG9uZW50IGV4dGVuZHMgQ3VzdG9tSW5wdXQ8YW55PiBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQgIHtcclxuICBvdmVycmlkZSBzZXRGb2N1cyhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgLy8gdGhyb3cgbmV3IEVycm9yKCdNZXRob2Qgbm90IGltcGxlbWVudGVkLicpO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IHN1cGVyKCk7IH1cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XHJcbiAgICBpZih0aGlzLmxzdFN0ZXBzKXtcclxuICAgICAgdGhpcy5sc3RTdGVwcy5maWx0ZXIocCA9PiAhcC5wYXJlbnQpLmZvckVhY2goY29tcCA9PiB7IGNvbXAucGFyZW50ID0gdGhpczsgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBAQ29udGVudENoaWxkcmVuKFN0ZXBDb21wb25lbnQpIGxzdFN0ZXBzIDogUXVlcnlMaXN0PFN0ZXBDb21wb25lbnQ+O1xyXG5cclxuICBvdmVycmlkZSB3cml0ZVZhbHVlKG9iajogc3RyaW5nKTogdm9pZCB8IFByb21pc2U8dm9pZD4ge1xyXG4gICAgdGhpcy52YWx1ZS5zZXQob2JqKTtcclxuICAgIHRoaXMucnVuVmFsaWRhdGlvbigpO1xyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgU2V0VmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUuc2V0KG9iaik7XHJcbiAgICB0aGlzLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xyXG4gICAgdGhpcy5ydW5WYWxpZGF0aW9uKCk7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZShvYmopO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCB3LWZ1bGwganVzdGlmeS1ldmVubHlcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInN0ZXBcIiBjbGFzcz1cImdyb3dcIj48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/components/stepper/stepper.module.mjs

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { StepComponent } from './step/step.component';
+import { StepperComponent } from './stepper.component';
+import { IonicModule } from '@ionic/angular';
+import * as i0 from "@angular/core";
+export class StepperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, declarations: [StepComponent, StepperComponent], imports: [CommonModule,
+            IonicModule], exports: [StepComponent, StepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, imports: [CommonModule,
+            IonicModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [StepComponent, StepperComponent],
+                    exports: [StepComponent, StepperComponent],
+                    imports: [
+                        CommonModule,
+                        IonicModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVU3QyxNQUFNLE9BQU8sYUFBYTsrR0FBYixhQUFhO2dIQUFiLGFBQWEsaUJBUFIsYUFBYSxFQUFFLGdCQUFnQixhQUc3QyxZQUFZO1lBQ1osV0FBVyxhQUhGLGFBQWEsRUFBRSxnQkFBZ0I7Z0hBTS9CLGFBQWEsWUFKdEIsWUFBWTtZQUNaLFdBQVc7OzRGQUdGLGFBQWE7a0JBUnpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFFO29CQUNqRCxPQUFPLEVBQUUsQ0FBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUU7b0JBQzVDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7cUJBQ1o7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTdGVwQ29tcG9uZW50IH0gZnJvbSAnLi9zdGVwL3N0ZXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vc3RlcHBlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJb25pY01vZHVsZSB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbIFN0ZXBDb21wb25lbnQsIFN0ZXBwZXJDb21wb25lbnQgXSxcclxuICBleHBvcnRzOiBbIFN0ZXBDb21wb25lbnQsIFN0ZXBwZXJDb21wb25lbnQgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBJb25pY01vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJNb2R1bGUgeyB9XHJcbiJdfQ==