{"ast":null,"code":"import { Subscription } from 'rxjs';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/cdk/layout\";\nconst _c0 = [\"leftsidenav\"];\nconst MOBILE_VIEW = 'screen and (max-width: 768px)';\nconst TABLET_VIEW = 'screen and (min-width: 769px) and (max-width: 1024px)';\nconst MONITOR_VIEW = 'screen and (min-width: 1024px)';\nexport class FullComponent {\n  get isOver() {\n    return this.isMobileScreen;\n  }\n  constructor(breakpointObserver) {\n    this.breakpointObserver = breakpointObserver;\n    //get options from service\n    this.layoutChangesSubscription = Subscription.EMPTY;\n    this.isMobileScreen = false;\n    this.isContentWidthFixed = true;\n    this.isCollapsedWidthFixed = false;\n    this.htmlElement = document.querySelector('html');\n    this.layoutChangesSubscription = this.breakpointObserver.observe([MOBILE_VIEW, TABLET_VIEW, MONITOR_VIEW]).subscribe(state => {\n      // SidenavOpened must be reset true when layout changes\n      this.isMobileScreen = state.breakpoints[MOBILE_VIEW];\n      this.isContentWidthFixed = state.breakpoints[MONITOR_VIEW];\n    });\n  }\n  ngOnInit() {}\n  ngOnDestroy() {\n    this.layoutChangesSubscription.unsubscribe();\n  }\n  toggleCollapsed() {\n    this.isContentWidthFixed = false;\n  }\n  onSidenavClosedStart() {\n    this.isContentWidthFixed = false;\n  }\n  onSidenavOpenedChange(isOpened) {\n    this.isCollapsedWidthFixed = !this.isOver;\n  }\n  static #_ = this.ɵfac = function FullComponent_Factory(t) {\n    return new (t || FullComponent)(i0.ɵɵdirectiveInject(i1.BreakpointObserver));\n  };\n  static #_2 = this.ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n    type: FullComponent,\n    selectors: [[\"app-full\"]],\n    viewQuery: function FullComponent_Query(rf, ctx) {\n      if (rf & 1) {\n        i0.ɵɵviewQuery(_c0, 5);\n      }\n      if (rf & 2) {\n        let _t;\n        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sidenav = _t.first);\n      }\n    },\n    decls: 8,\n    vars: 3,\n    consts: [[\"leftsidenav\", \"\"], [\"autosize\", \"\", \"autoFocus\", \"\", \"dir\", \"ltr\", 1, \"mainWrapper\", \"blue_theme\", \"light-theme\"], [1, \"sidebarNav\", 3, \"openedChange\", \"closedStart\", \"mode\", \"opened\"], [1, \"contentWrapper\"], [3, \"toggleCollapsed\", \"toggleMobileNav\", \"showToggle\"], [1, \"pageWrapper\"]],\n    template: function FullComponent_Template(rf, ctx) {\n      if (rf & 1) {\n        const _r1 = i0.ɵɵgetCurrentView();\n        i0.ɵɵelementStart(0, \"mat-sidenav-container\", 1)(1, \"mat-sidenav\", 2, 0);\n        i0.ɵɵlistener(\"openedChange\", function FullComponent_Template_mat_sidenav_openedChange_1_listener($event) {\n          i0.ɵɵrestoreView(_r1);\n          return i0.ɵɵresetView(ctx.onSidenavOpenedChange($event));\n        })(\"closedStart\", function FullComponent_Template_mat_sidenav_closedStart_1_listener() {\n          i0.ɵɵrestoreView(_r1);\n          return i0.ɵɵresetView(ctx.onSidenavClosedStart());\n        });\n        i0.ɵɵelement(3, \"app-sidebar\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(4, \"mat-sidenav-content\", 3)(5, \"app-header\", 4);\n        i0.ɵɵlistener(\"toggleCollapsed\", function FullComponent_Template_app_header_toggleCollapsed_5_listener() {\n          i0.ɵɵrestoreView(_r1);\n          return i0.ɵɵresetView(ctx.toggleCollapsed());\n        })(\"toggleMobileNav\", function FullComponent_Template_app_header_toggleMobileNav_5_listener() {\n          i0.ɵɵrestoreView(_r1);\n          return i0.ɵɵresetView(ctx.sidenav.toggle());\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(6, \"main\", 5);\n        i0.ɵɵelement(7, \"router-outlet\");\n        i0.ɵɵelementEnd()()();\n      }\n      if (rf & 2) {\n        i0.ɵɵadvance();\n        i0.ɵɵproperty(\"mode\", ctx.isOver ? \"over\" : \"side\")(\"opened\", !ctx.isOver);\n        i0.ɵɵadvance(4);\n        i0.ɵɵproperty(\"showToggle\", !ctx.isOver);\n      }\n    },\n    encapsulation: 2\n  });\n}","map":{"version":3,"names":["Subscription","MOBILE_VIEW","TABLET_VIEW","MONITOR_VIEW","FullComponent","isOver","isMobileScreen","constructor","breakpointObserver","layoutChangesSubscription","EMPTY","isContentWidthFixed","isCollapsedWidthFixed","htmlElement","document","querySelector","observe","subscribe","state","breakpoints","ngOnInit","ngOnDestroy","unsubscribe","toggleCollapsed","onSidenavClosedStart","onSidenavOpenedChange","isOpened","_","i0","ɵɵdirectiveInject","i1","BreakpointObserver","_2","selectors","viewQuery","FullComponent_Query","rf","ctx","ɵɵelementStart","ɵɵlistener","FullComponent_Template_mat_sidenav_openedChange_1_listener","$event","ɵɵrestoreView","_r1","ɵɵresetView","FullComponent_Template_mat_sidenav_closedStart_1_listener","ɵɵelement","ɵɵelementEnd","FullComponent_Template_app_header_toggleCollapsed_5_listener","FullComponent_Template_app_header_toggleMobileNav_5_listener","sidenav","toggle","ɵɵadvance","ɵɵproperty"],"sources":["C:\\Users\\Cem\\Desktop\\InventryUI-Client\\src\\app\\layouts\\full\\full.component.ts","C:\\Users\\Cem\\Desktop\\InventryUI-Client\\src\\app\\layouts\\full\\full.component.html"],"sourcesContent":["import { BreakpointObserver } from '@angular/cdk/layout';\nimport { Component, OnInit, ViewChild } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { MatSidenav } from '@angular/material/sidenav';\n\nconst MOBILE_VIEW = 'screen and (max-width: 768px)';\nconst TABLET_VIEW = 'screen and (min-width: 769px) and (max-width: 1024px)';\nconst MONITOR_VIEW = 'screen and (min-width: 1024px)';\n\n@Component({\n  selector: 'app-full',\n  templateUrl: './full.component.html',\n  styleUrls: [],\n})\nexport class FullComponent implements OnInit {\n\n  @ViewChild('leftsidenav')\n  public sidenav: MatSidenav;\n\n  //get options from service\n  private layoutChangesSubscription = Subscription.EMPTY;\n  private isMobileScreen = false;\n  private isContentWidthFixed = true;\n  private isCollapsedWidthFixed = false;\n  private htmlElement!: HTMLHtmlElement;\n\n  get isOver(): boolean {\n    return this.isMobileScreen;\n  }\n\n  constructor(private breakpointObserver: BreakpointObserver) {\n    this.htmlElement = document.querySelector('html')!;\n    this.layoutChangesSubscription = this.breakpointObserver\n      .observe([MOBILE_VIEW, TABLET_VIEW, MONITOR_VIEW])\n      .subscribe((state) => {\n        // SidenavOpened must be reset true when layout changes\n\n        this.isMobileScreen = state.breakpoints[MOBILE_VIEW];\n\n        this.isContentWidthFixed = state.breakpoints[MONITOR_VIEW];\n      });\n  }\n\n  ngOnInit(): void {}\n\n  ngOnDestroy() {\n    this.layoutChangesSubscription.unsubscribe();\n  }\n\n  toggleCollapsed() {\n    this.isContentWidthFixed = false;\n  }\n\n  onSidenavClosedStart() {\n    this.isContentWidthFixed = false;\n  }\n\n  onSidenavOpenedChange(isOpened: boolean) {\n    this.isCollapsedWidthFixed = !this.isOver;\n  }\n}\n","<mat-sidenav-container\n  class=\"mainWrapper blue_theme  light-theme\"\n  autosize\n  autoFocus\n  dir=\"ltr\"\n>\n  <!-- ============================================================== -->\n  <!-- Vertical Sidebar -->\n  <!-- ============================================================== -->\n\n  <mat-sidenav\n    #leftsidenav\n    [mode]=\"isOver ? 'over' : 'side'\"\n    [opened]=\"!isOver\"\n    (openedChange)=\"onSidenavOpenedChange($event)\"\n    (closedStart)=\"onSidenavClosedStart()\"\n    class=\"sidebarNav\"\n  >\n    <app-sidebar></app-sidebar>\n  </mat-sidenav>\n  <!-- ============================================================== -->\n  <!-- Main Content -->\n  <!-- ============================================================== -->\n  <mat-sidenav-content class=\"contentWrapper\">\n    <!-- ============================================================== -->\n    <!-- VerticalHeader -->\n    <!-- ============================================================== -->\n\n    <app-header\n      [showToggle]=\"!isOver\"\n      (toggleCollapsed)=\"toggleCollapsed()\"\n      (toggleMobileNav)=\"sidenav.toggle()\"\n    ></app-header>\n\n    <main class=\"pageWrapper\">\n      <!-- ============================================================== -->\n      <!-- Outlet -->\n      <!-- ============================================================== -->\n      <router-outlet></router-outlet>\n    </main>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}