{
  "version": 3,
  "sources": ["src/app/settings/_components/setting-title/setting-title.component.ts", "src/app/settings/_components/setting-title/setting-title.component.html"],
  "sourcesContent": ["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component, ContentChild,\n  EventEmitter,\n  inject,\n  Input,\n  Output, TemplateRef\n} from '@angular/core';\nimport {NgTemplateOutlet} from \"@angular/common\";\nimport {TranslocoDirective} from \"@jsverse/transloco\";\n\n@Component({\n  selector: 'app-setting-title',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    TranslocoDirective\n  ],\n  templateUrl: './setting-title.component.html',\n  styleUrl: './setting-title.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SettingTitleComponent {\n\n  private readonly cdRef = inject(ChangeDetectorRef);\n\n  @Input({required:true}) title: string = '';\n  @Input() id: string | undefined = undefined;\n  @Input() canEdit: boolean = true;\n  @Input() isEditMode: boolean = false;\n  @Output() editMode = new EventEmitter<boolean>();\n  @ContentChild('extra') titleExtraRef!: TemplateRef<any>;\n\n  toggleViewMode() {\n    this.isEditMode = !this.isEditMode;\n    this.editMode.emit(this.isEditMode);\n    this.cdRef.markForCheck();\n  }\n\n}\n", "<ng-container *transloco=\"let t;\">\n  <div class=\"container-fluid\">\n    <div class=\"row g-0 mb-2\">\n      <div class=\"col-10\">\n        <h6 class=\"section-title\" [id]=\"id || title\">{{title}}\n          @if (titleExtraRef) {\n            <ng-container [ngTemplateOutlet]=\"titleExtraRef\"></ng-container>\n          }\n        </h6>\n      </div>\n      <div class=\"col-2 text-end align-self-end justify-content-end\">\n        <button type=\"button\" class=\"btn btn-text btn-sm\" (click)=\"toggleViewMode()\" [disabled]=\"!canEdit\">{{isEditMode ? t('common.close') : t('common.edit')}}</button>\n      </div>\n    </div>\n  </div>\n</ng-container>\n"],
  "mappings": "iSCMYA,EAAA,EAAA,CAAA,kBAAcC,EAAA,mBAAAC,EAAAC,aAAA,qCAN1BC,EAAA,CAAA,EACEC,EAAA,EAAA,MAAA,CAAA,EAA6B,EAAA,MAAA,CAAA,EACD,EAAA,MAAA,CAAA,EACJ,EAAA,KAAA,CAAA,EAC2BC,EAAA,CAAA,EAC3CC,EAAA,EAAAC,EAAA,EAAA,EAAA,eAAA,CAAA,EAGFC,EAAA,EAAK,EAEPJ,EAAA,EAAA,MAAA,CAAA,EAA+D,EAAA,SAAA,CAAA,EACXK,EAAA,QAAA,UAAA,CAAAC,EAAAC,CAAA,EAAA,IAAAV,EAAAW,EAAA,EAAA,OAAAC,EAASZ,EAAAa,eAAA,CAAgB,CAAA,CAAA,EAAwBT,EAAA,CAAA,EAAqDG,EAAA,EAAS,EAC7J,EACF,sCATwBO,EAAA,CAAA,EAAAf,EAAA,KAAAC,EAAAe,IAAAf,EAAAgB,KAAA,EAAmBF,EAAA,EAAAG,EAAA,GAAAjB,EAAAgB,MAAA,GAAA,EAC3CF,EAAA,EAAAI,EAAAlB,EAAAC,cAAA,EAAA,EAAA,EAM2Ea,EAAA,CAAA,EAAAf,EAAA,WAAA,CAAAC,EAAAmB,OAAA,EAAsBL,EAAA,EAAAM,EAAApB,EAAAqB,WAAAC,EAAA,cAAA,EAAAA,EAAA,aAAA,CAAA,GDY3G,IAAaC,GAAqB,IAAA,CAA5B,MAAOA,CAAqB,CAXlCC,aAAA,CAamB,KAAAC,MAAQC,EAAOC,CAAiB,EAEzB,KAAAX,MAAgB,GAC/B,KAAAD,GAAyBa,OACzB,KAAAT,QAAmB,GACnB,KAAAE,WAAsB,GACrB,KAAAQ,SAAW,IAAIC,EAGzBjB,gBAAc,CACZ,KAAKQ,WAAa,CAAC,KAAKA,WACxB,KAAKQ,SAASE,KAAK,KAAKV,UAAU,EAClC,KAAKI,MAAMO,aAAY,CACzB,iDAfWT,EAAqB,CAAA,+BAArBA,EAAqBU,UAAA,CAAA,CAAA,mBAAA,CAAA,EAAAC,eAAA,SAAAC,EAAAC,EAAAC,EAAA,IAAAF,EAAA,gfCvBlC9B,EAAA,EAAAiC,EAAA,GAAA,EAAA,eAAA,CAAA,iBDgBIC,EACAC,CAAkB,EAAAC,gBAAA,CAAA,CAAA,CAAA,SAMTlB,CAAqB,GAAA",
  "names": ["\u0275\u0275elementContainer", "\u0275\u0275property", "ctx_r1", "titleExtraRef", "\u0275\u0275elementContainerStart", "\u0275\u0275elementStart", "\u0275\u0275text", "\u0275\u0275template", "SettingTitleComponent_ng_container_0_Conditional_6_Template", "\u0275\u0275elementEnd", "\u0275\u0275listener", "\u0275\u0275restoreView", "_r1", "\u0275\u0275nextContext", "\u0275\u0275resetView", "toggleViewMode", "\u0275\u0275advance", "id", "title", "\u0275\u0275textInterpolate1", "\u0275\u0275conditional", "canEdit", "\u0275\u0275textInterpolate", "isEditMode", "t_r3", "SettingTitleComponent", "constructor", "cdRef", "inject", "ChangeDetectorRef", "undefined", "editMode", "EventEmitter", "emit", "markForCheck", "selectors", "contentQueries", "rf", "ctx", "dirIndex", "SettingTitleComponent_ng_container_0_Template", "NgTemplateOutlet", "TranslocoDirective", "changeDetection"]
}