{
  "version": 3,
  "sources": ["src/app/shared/read-more/read-more.component.ts", "src/app/shared/read-more/read-more.component.html"],
  "sourcesContent": ["import {ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, OnChanges} from '@angular/core';\nimport {NgClass} from \"@angular/common\";\nimport {SafeHtmlPipe} from \"../../_pipes/safe-html.pipe\";\nimport {TranslocoDirective} from \"@jsverse/transloco\";\n\n@Component({\n  selector: 'app-read-more',\n  standalone: true,\n  imports: [SafeHtmlPipe, TranslocoDirective, NgClass],\n  templateUrl: './read-more.component.html',\n  styleUrls: ['./read-more.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ReadMoreComponent implements OnChanges {\n  private readonly cdRef = inject(ChangeDetectorRef);\n\n  /**\n   * String to apply read more on\n   */\n  @Input({required: true}) text!: string;\n  /**\n   * Max length before apply read more. Defaults to 250 characters.\n   */\n  @Input() maxLength: number = 250;\n  /**\n   * If the field is collapsed and blur true, text will not be readable\n   */\n  @Input() blur: boolean = false;\n  /**\n   * If the read more toggle is visible\n   */\n  @Input() showToggle: boolean = true;\n\n  currentText!: string;\n  hideToggle: boolean = true;\n  isCollapsed: boolean = true;\n\n\n  toggleView() {\n    this.isCollapsed = !this.isCollapsed;\n    this.determineView();\n  }\n\n  determineView() {\n    const text = this.text ? this.text.replace(/\\n/g, '<br>') : '';\n\n    if (!this.text || this.text.length <= this.maxLength) {\n        this.currentText = text;\n        this.isCollapsed = true;\n        this.hideToggle = true;\n        this.cdRef.markForCheck();\n        return;\n    }\n\n    this.hideToggle = false;\n    if (this.isCollapsed) {\n      this.currentText = text.substring(0, this.maxLength);\n      this.currentText = this.currentText.substring(0, Math.min(this.currentText.length, this.currentText.lastIndexOf(' ')));\n      this.currentText = this.currentText + '…';\n    } else if (!this.isCollapsed)  {\n      this.currentText = text;\n    }\n\n    this.cdRef.markForCheck();\n  }\n  ngOnChanges() {\n      this.determineView();\n  }\n}\n", "<ng-container *transloco=\"let t; read: 'read-more'\">\n  <div class=\"read-more-cont\">\n    <div [innerHTML]=\"currentText | safeHtml\" [ngClass]=\"{'blur-text': blur && isCollapsed}\"></div>\n\n    @if (text && text.length > maxLength && showToggle) {\n      <a [class.hidden]=\"hideToggle\" class=\"read-more-link\" (click)=\"toggleView()\">\n        &nbsp;<i aria-hidden=\"true\" class=\"fa\" [ngClass]=\"{'fa-caret-down': isCollapsed, 'fa-caret-up': !isCollapsed}\"></i>\n        &nbsp;{{isCollapsed ? t('read-more') : t('read-less')}}\n      </a>\n    }\n  </div>\n</ng-container>\n"],
  "mappings": "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",
  "names": ["\u0275\u0275elementStart", "\u0275\u0275listener", "\u0275\u0275restoreView", "_r1", "ctx_r1", "\u0275\u0275nextContext", "\u0275\u0275resetView", "toggleView", "\u0275\u0275text", "\u0275\u0275element", "\u0275\u0275elementEnd", "\u0275\u0275classProp", "hideToggle", "\u0275\u0275advance", "\u0275\u0275property", "\u0275\u0275pureFunction2", "_c1", "isCollapsed", "\u0275\u0275textInterpolate1", "t_r3", "\u0275\u0275elementContainerStart", "\u0275\u0275template", "ReadMoreComponent_ng_container_0_Conditional_4_Template", "\u0275\u0275pipeBind1", "currentText", "\u0275\u0275sanitizeHtml", "\u0275\u0275pureFunction1", "_c0", "blur", "\u0275\u0275conditional", "text", "length", "maxLength", "showToggle", "ReadMoreComponent", "constructor", "cdRef", "inject", "ChangeDetectorRef", "determineView", "replace", "markForCheck", "substring", "Math", "min", "lastIndexOf", "ngOnChanges", "selectors", "inputs", "standalone", "features", "\u0275\u0275NgOnChangesFeature", "\u0275\u0275StandaloneFeature", "decls", "vars", "consts", "template", "rf", "ctx", "ReadMoreComponent_ng_container_0_Template", "SafeHtmlPipe", "TranslocoDirective", "NgClass", "styles", "changeDetection"]
}