structra-ui 0.2.36 → 0.2.38

package/fesm2022/structra-ui.mjs

@@ -10926,11 +10926,11 @@ class AppShellComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AppShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AppShellComponent, isStandalone: true, selector: "app-shell", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, sidebarCollapsed: { classPropertyName: "sidebarCollapsed", publicName: "sidebarCollapsed", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, mobileNavOpen: { classPropertyName: "mobileNavOpen", publicName: "mobileNavOpen", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, mobileLayoutQuery: { classPropertyName: "mobileLayoutQuery", publicName: "mobileLayoutQuery", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sidebarCollapsedChange: "sidebarCollapsedChange", mobileNavOpenChange: "mobileNavOpenChange" }, queries: [{ propertyName: "sidebarSlot", first: true, predicate: AppShellSidebarTemplateDirective, descendants: true }], exportAs: ["appShell"], ngImport: i0, template: "<div\r\n  class=\"app-shell\"\r\n  [class.app-shell--mobile]=\"isMobileLayout\"\r\n  [class.app-shell--sidebar-collapsed]=\"sidebarCollapsed\"\r\n>\r\n  @if (!isMobileLayout && sidebarTemplate) {\r\n    <aside class=\"app-shell__sidebar\" aria-label=\"Navega\u00E7\u00E3o principal\">\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </aside>\r\n  }\r\n\r\n  @if (isMobileLayout && sidebarTemplate) {\r\n    <app-drawer\r\n      [open]=\"mobileNavOpen\"\r\n      (openChange)=\"onMobileDrawerOpenChange($event)\"\r\n      [side]=\"DrawerSide.Left\"\r\n      [size]=\"DrawerSize.Sm\"\r\n      [showCloseButton]=\"true\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </app-drawer>\r\n  }\r\n\r\n  <div class=\"app-shell__main\">\r\n    <ng-content select=\"[appShellTopbar]\" />\r\n    <main class=\"app-shell__content\">\r\n      <ng-content />\r\n    </main>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:100vh;min-height:100dvh;box-sizing:border-box}.app-shell{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;width:100%;min-height:0;min-width:0;box-sizing:border-box}.app-shell__sidebar{display:flex;flex-direction:column;flex:0 0 17.5rem;width:17.5rem;max-width:100%;min-width:0;min-height:0;align-self:stretch;overflow:hidden;transition:flex-basis .12s cubic-bezier(.22,1,.36,1),width .12s cubic-bezier(.22,1,.36,1),padding .12s cubic-bezier(.22,1,.36,1)}.app-shell--sidebar-collapsed:not(.app-shell--mobile) .app-shell__sidebar{flex-basis:5rem;width:5rem}.app-shell__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch;overflow:hidden}.app-shell__content{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box;background:var(--app-color-shell-main-bg, var(--app-color-background, #fafbfc))}.app-shell--mobile .app-shell__sidebar{display:none}.app-shell--mobile .app-shell__main{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerComponent, selector: "app-drawer", inputs: ["open", "side", "size", "title", "showCloseButton"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AppShellComponent, isStandalone: true, selector: "app-shell", inputs: { appTheme: { classPropertyName: "appTheme", publicName: "appTheme", isSignal: true, isRequired: false, transformFunction: null }, sidebarCollapsed: { classPropertyName: "sidebarCollapsed", publicName: "sidebarCollapsed", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, mobileNavOpen: { classPropertyName: "mobileNavOpen", publicName: "mobileNavOpen", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, mobileLayoutQuery: { classPropertyName: "mobileLayoutQuery", publicName: "mobileLayoutQuery", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sidebarCollapsedChange: "sidebarCollapsedChange", mobileNavOpenChange: "mobileNavOpenChange" }, queries: [{ propertyName: "sidebarSlot", first: true, predicate: AppShellSidebarTemplateDirective, descendants: true }], exportAs: ["appShell"], ngImport: i0, template: "<div\r\n  class=\"app-shell\"\r\n  [class.app-shell--mobile]=\"isMobileLayout\"\r\n  [class.app-shell--sidebar-collapsed]=\"sidebarCollapsed\"\r\n>\r\n  @if (!isMobileLayout && sidebarTemplate) {\r\n    <aside class=\"app-shell__sidebar\" aria-label=\"Navega\u00E7\u00E3o principal\">\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </aside>\r\n  }\r\n\r\n  @if (isMobileLayout && sidebarTemplate) {\r\n    <app-drawer\r\n      [open]=\"mobileNavOpen\"\r\n      (openChange)=\"onMobileDrawerOpenChange($event)\"\r\n      [side]=\"DrawerSide.Left\"\r\n      [size]=\"DrawerSize.Sm\"\r\n      [showCloseButton]=\"true\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </app-drawer>\r\n  }\r\n\r\n  <div class=\"app-shell__main\">\r\n    <ng-content select=\"[appShellTopbar]\" />\r\n    <main class=\"app-shell__content\">\r\n      <ng-content />\r\n    </main>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;box-sizing:border-box}.app-shell{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;width:100%;min-height:0;min-width:0;box-sizing:border-box}.app-shell__sidebar{display:flex;flex-direction:column;flex:0 0 17.5rem;width:17.5rem;max-width:100%;min-width:0;min-height:0;align-self:stretch;overflow:hidden;transition:flex-basis .12s cubic-bezier(.22,1,.36,1),width .12s cubic-bezier(.22,1,.36,1),padding .12s cubic-bezier(.22,1,.36,1)}.app-shell--sidebar-collapsed:not(.app-shell--mobile) .app-shell__sidebar{flex-basis:5rem;width:5rem}.app-shell__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch;overflow:hidden}.app-shell__content{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box;background:var(--app-color-shell-main-bg, var(--app-color-background, #fafbfc))}.app-shell--mobile .app-shell__sidebar{display:none}.app-shell--mobile .app-shell__main{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerComponent, selector: "app-drawer", inputs: ["open", "side", "size", "title", "showCloseButton"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AppShellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-shell', exportAs: 'appShell', imports: [NgTemplateOutlet, DrawerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"app-shell\"\r\n  [class.app-shell--mobile]=\"isMobileLayout\"\r\n  [class.app-shell--sidebar-collapsed]=\"sidebarCollapsed\"\r\n>\r\n  @if (!isMobileLayout && sidebarTemplate) {\r\n    <aside class=\"app-shell__sidebar\" aria-label=\"Navega\u00E7\u00E3o principal\">\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </aside>\r\n  }\r\n\r\n  @if (isMobileLayout && sidebarTemplate) {\r\n    <app-drawer\r\n      [open]=\"mobileNavOpen\"\r\n      (openChange)=\"onMobileDrawerOpenChange($event)\"\r\n      [side]=\"DrawerSide.Left\"\r\n      [size]=\"DrawerSize.Sm\"\r\n      [showCloseButton]=\"true\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </app-drawer>\r\n  }\r\n\r\n  <div class=\"app-shell__main\">\r\n    <ng-content select=\"[appShellTopbar]\" />\r\n    <main class=\"app-shell__content\">\r\n      <ng-content />\r\n    </main>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:100vh;min-height:100dvh;box-sizing:border-box}.app-shell{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;width:100%;min-height:0;min-width:0;box-sizing:border-box}.app-shell__sidebar{display:flex;flex-direction:column;flex:0 0 17.5rem;width:17.5rem;max-width:100%;min-width:0;min-height:0;align-self:stretch;overflow:hidden;transition:flex-basis .12s cubic-bezier(.22,1,.36,1),width .12s cubic-bezier(.22,1,.36,1),padding .12s cubic-bezier(.22,1,.36,1)}.app-shell--sidebar-collapsed:not(.app-shell--mobile) .app-shell__sidebar{flex-basis:5rem;width:5rem}.app-shell__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch;overflow:hidden}.app-shell__content{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box;background:var(--app-color-shell-main-bg, var(--app-color-background, #fafbfc))}.app-shell--mobile .app-shell__sidebar{display:none}.app-shell--mobile .app-shell__main{width:100%}\n"] }]
+            args: [{ selector: 'app-shell', exportAs: 'appShell', imports: [NgTemplateOutlet, DrawerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"app-shell\"\r\n  [class.app-shell--mobile]=\"isMobileLayout\"\r\n  [class.app-shell--sidebar-collapsed]=\"sidebarCollapsed\"\r\n>\r\n  @if (!isMobileLayout && sidebarTemplate) {\r\n    <aside class=\"app-shell__sidebar\" aria-label=\"Navega\u00E7\u00E3o principal\">\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </aside>\r\n  }\r\n\r\n  @if (isMobileLayout && sidebarTemplate) {\r\n    <app-drawer\r\n      [open]=\"mobileNavOpen\"\r\n      (openChange)=\"onMobileDrawerOpenChange($event)\"\r\n      [side]=\"DrawerSide.Left\"\r\n      [size]=\"DrawerSize.Sm\"\r\n      [showCloseButton]=\"true\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"sidebarTemplate\" />\r\n    </app-drawer>\r\n  }\r\n\r\n  <div class=\"app-shell__main\">\r\n    <ng-content select=\"[appShellTopbar]\" />\r\n    <main class=\"app-shell__content\">\r\n      <ng-content />\r\n    </main>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes app-sidebar-nav-reveal-in{0%{opacity:0;transform:translate3d(-.45rem,0,0)}to{opacity:1;transform:translateZ(0)}}:host{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;box-sizing:border-box}.app-shell{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;width:100%;min-height:0;min-width:0;box-sizing:border-box}.app-shell__sidebar{display:flex;flex-direction:column;flex:0 0 17.5rem;width:17.5rem;max-width:100%;min-width:0;min-height:0;align-self:stretch;overflow:hidden;transition:flex-basis .12s cubic-bezier(.22,1,.36,1),width .12s cubic-bezier(.22,1,.36,1),padding .12s cubic-bezier(.22,1,.36,1)}.app-shell--sidebar-collapsed:not(.app-shell--mobile) .app-shell__sidebar{flex-basis:5rem;width:5rem}.app-shell__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch;overflow:hidden}.app-shell__content{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box;background:var(--app-color-shell-main-bg, var(--app-color-background, #fafbfc))}.app-shell--mobile .app-shell__sidebar{display:none}.app-shell--mobile .app-shell__main{width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "appTheme", required: false }] }], sidebarSlot: [{
                 type: ContentChild,
                 args: [AppShellSidebarTemplateDirective]