{
  "version": 3,
  "sources": ["src/app/shared/drawer/drawer.component.ts", "src/app/shared/drawer/drawer.component.html"],
  "sourcesContent": ["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';\nimport {CommonModule} from \"@angular/common\";\nimport {TranslocoDirective} from \"@jsverse/transloco\";\n\nexport class DrawerOptions {\n  /**\n   * Pixels to offset from the top of the screen. Only applies to postion left/right\n   */\n  topOffset: number = 0;\n}\n\n@Component({\n  selector: 'app-drawer',\n  standalone: true,\n  imports: [CommonModule, TranslocoDirective],\n  templateUrl: './drawer.component.html',\n  styleUrls: ['./drawer.component.scss'],\n  exportAs: \"drawer\",\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DrawerComponent {\n  @Input() isOpen = false;\n  @Input() width: number = 400;\n  /**\n   * Side of the screen the drawer should animate from\n   */\n  @Input() position: 'start' | 'end' | 'bottom' | 'top' = 'start';\n  @Input() options: Partial<DrawerOptions> = new DrawerOptions();\n  @Output() drawerClosed = new EventEmitter();\n  @Output() isOpenChange: EventEmitter<boolean> = new EventEmitter();\n\n  constructor(private readonly cdRef: ChangeDetectorRef) {}\n\n  close() {\n    this.isOpen = false;\n    this.isOpenChange.emit(false);\n    this.drawerClosed.emit(false);\n    this.cdRef.markForCheck();\n  }\n}\n", "<ng-container *transloco=\"let t\">\n  <div class=\"offcanvas offcanvas-{{position}}\" [class.show]=\"isOpen\" tabindex=\"-1\" id=\"offcanvas\" aria-labelledby=\"offcanvasLabel\"\n  [ngStyle]=\"{'top': options.topOffset + 'px', 'visibility': isOpen ? 'visible' : 'hidden'}\" role=\"dialog\">\n    <div class=\"offcanvas-header\">\n      <div class=\"offcanvas-title\" id=\"offcanvasLabel\">\n        <ng-content select=\"[header]\"></ng-content>\n      </div>\n      <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" [attr.aria-label]=\"t('common.close')\" (click)=\"close()\"></button>\n    </div>\n    <div class=\"offcanvas-header row hide-if-empty\">\n      <ng-content select=\"[subheader]\"></ng-content>\n    </div>\n\n    <div class=\"offcanvas-body\">\n      <ng-content select=\"[body]\"></ng-content>\n    </div>\n  </div>\n  <!-- TODO: Replace this with official component when released. This is some hacky solution to mimic Bootstrap 5 Javascript code -->\n  <div class=\"offcanvas-backdrop fade show\" *ngIf=\"isOpen\" (click)=\"close()\"></div>\n</ng-container>\n"],
  "mappings": "maCkBEA,EAAA,EAAA,MAAA,CAAA,EAAyDC,EAAA,QAAA,UAAA,CAAAC,EAAAC,CAAA,EAAA,IAAAC,EAAAC,EAAA,CAAA,EAAA,OAAAC,EAASF,EAAAG,MAAA,CAAO,CAAA,CAAA,EAAEC,EAAA,qCAlB7EC,EAAA,CAAA,EACET,EAAA,EAAA,MAAA,CAAA,EACyG,EAAA,MAAA,CAAA,EACzE,EAAA,MAAA,CAAA,EAE1BU,EAAA,CAAA,EACFF,EAAA,EACAR,EAAA,EAAA,SAAA,CAAA,EAAqHC,EAAA,QAAA,UAAA,CAAAC,EAAAS,CAAA,EAAA,IAAAP,EAAAC,EAAA,EAAA,OAAAC,EAASF,EAAAG,MAAA,CAAO,CAAA,CAAA,EAAEC,EAAA,EAAS,EAElJR,EAAA,EAAA,MAAA,CAAA,EACEU,EAAA,EAAA,CAAA,EACFF,EAAA,EAEAR,EAAA,EAAA,MAAA,CAAA,EACEU,EAAA,EAAA,CAAA,EACFF,EAAA,EAAM,EAGRI,EAAA,GAAAC,EAAA,EAAA,EAAA,MAAA,CAAA,sCAjBKC,EAAA,EAAAC,EAAA,uBAAAX,EAAAY,SAAA,EAAA,EAAyCC,EAAA,OAAAb,EAAAc,MAAA,EAC9CC,EAAA,UAAAC,EAAA,EAAAC,EAAAjB,EAAAkB,QAAAC,UAAA,KAAAnB,EAAAc,OAAA,UAAA,QAAA,CAAA,EAKmFJ,EAAA,CAAA,oCAWxCA,EAAA,CAAA,EAAAK,EAAA,OAAAf,EAAAc,MAAA,GDdvC,IAAOM,EAAP,KAAoB,CAA1BC,aAAA,CAIE,KAAAF,UAAoB,CACtB,GAWaG,GAAe,IAAA,CAAtB,MAAOA,CAAe,CAW1BD,YAA6BE,EAAwB,CAAxB,KAAAA,MAAAA,EAVpB,KAAAT,OAAS,GACT,KAAAU,MAAgB,IAIhB,KAAAZ,SAA+C,QAC/C,KAAAM,QAAkC,IAAIE,EACrC,KAAAK,aAAe,IAAIC,EACnB,KAAAC,aAAsC,IAAID,CAEI,CAExDvB,OAAK,CACH,KAAKW,OAAS,GACd,KAAKa,aAAaC,KAAK,EAAK,EAC5B,KAAKH,aAAaG,KAAK,EAAK,EAC5B,KAAKL,MAAMM,aAAY,CACzB,iDAlBWP,GAAeQ,EAAAC,CAAA,CAAA,CAAA,CAAA,+BAAfT,EAAeU,UAAA,CAAA,CAAA,YAAA,CAAA,EAAAC,OAAA,CAAAnB,OAAA,SAAAU,MAAA,QAAAZ,SAAA,WAAAM,QAAA,SAAA,EAAAgB,QAAA,CAAAT,aAAA,eAAAE,aAAA,cAAA,EAAAQ,SAAA,CAAA,QAAA,EAAAC,WAAA,GAAAC,SAAA,CAAAC,CAAA,EAAAC,mBAAAC,EAAAC,MAAA,EAAAC,KAAA,EAAAC,OAAA,CAAA,CAAA,EAAA,WAAA,EAAA,CAAA,WAAA,KAAA,KAAA,YAAA,kBAAA,iBAAA,OAAA,SAAA,EAAA,SAAA,EAAA,CAAA,EAAA,kBAAA,EAAA,CAAA,KAAA,iBAAA,EAAA,iBAAA,EAAA,CAAA,OAAA,SAAA,kBAAA,YAAA,EAAA,YAAA,aAAA,EAAA,OAAA,EAAA,CAAA,EAAA,mBAAA,MAAA,eAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,QAAA,+BAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,EAAA,qBAAA,OAAA,OAAA,EAAA,OAAA,CAAA,EAAAC,SAAA,SAAAC,EAAAC,EAAA,CAAAD,EAAA,SCpB5BrC,EAAA,EAAAuC,EAAA,GAAA,GAAA,eAAA,CAAA,kBDcYC,EAAYC,EAAAC,EAAEC,CAAkB,EAAAC,OAAA,CAAA;0DAAA,EAAAC,gBAAA,CAAA,CAAA,CAAA,SAM/B/B,CAAe,GAAA",
  "names": ["\u0275\u0275elementStart", "\u0275\u0275listener", "\u0275\u0275restoreView", "_r3", "ctx_r1", "\u0275\u0275nextContext", "\u0275\u0275resetView", "close", "\u0275\u0275elementEnd", "\u0275\u0275elementContainerStart", "\u0275\u0275projection", "_r1", "\u0275\u0275template", "DrawerComponent_ng_container_0_div_10_Template", "\u0275\u0275advance", "\u0275\u0275classMapInterpolate1", "position", "\u0275\u0275classProp", "isOpen", "\u0275\u0275property", "\u0275\u0275pureFunction2", "_c2", "options", "topOffset", "DrawerOptions", "constructor", "DrawerComponent", "cdRef", "width", "drawerClosed", "EventEmitter", "isOpenChange", "emit", "markForCheck", "\u0275\u0275directiveInject", "ChangeDetectorRef", "selectors", "inputs", "outputs", "exportAs", "standalone", "features", "\u0275\u0275StandaloneFeature", "ngContentSelectors", "_c1", "decls", "vars", "consts", "template", "rf", "ctx", "DrawerComponent_ng_container_0_Template", "CommonModule", "NgIf", "NgStyle", "TranslocoDirective", "styles", "changeDetection"]
}