\t\r\n\t
\r\n\t\t
{{ result.fileNumber }}
\r\n\t\t
{{ result.name }}
\r\n\t\t
\r\n\t\t\t \r\n\t\t
\r\n\t\t
\r\n\t\t
{{ result.serviceType }}
\r\n\t
\r\n\r\n\t
\r\n\t\t
{{ result.activityStatus }}
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t{{ result.openedDateTime | date:'EEE d MMM y' }}\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t{{ result.closedDateTime | date:'EEE d MMM y' }}\t\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\t{{ getCustomerOrEmployer(result) }}\r\n\t\t{{ getManager(result) }}\r\n\t
\r\n
\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n\tname: 'duration'\r\n})\r\nexport class DurationPipe implements PipeTransform {\r\n\ttransform(value: number, args?: any): any {\r\n\t\tlet formattedDuration: string;\r\n\t\tif (value < 1) {\r\n\t\t\tformattedDuration = (value * 60).toString() + ' minutes';\r\n\t\t} else if (Math.floor(value) === value) {\r\n\t\t\tformattedDuration = value.toString() + ` hour${value > 1 ? 's' : ''}`;\r\n\t\t} else {\r\n\t\t\tformattedDuration = value.toFixed(2) + ' hours';\r\n\t\t}\r\n\r\n\t\treturn formattedDuration;\r\n\t}\r\n}\r\n","import { Directive, forwardRef, Attribute } from '@angular/core';\r\nimport { Validator, AbstractControl, NG_VALIDATORS } from '@angular/forms';\r\n\r\n@Directive({\r\n\tselector: '[ppValidateEqual][formControlName],[ppValidateEqual][formControl],[ppValidateEqual][ngModel]',\r\n\tproviders: [\r\n\t\t{ provide: NG_VALIDATORS, useExisting: forwardRef(() => EqualValidatorDirective), multi: true }\r\n\t]\r\n})\r\nexport class EqualValidatorDirective implements Validator {\r\n\tconstructor(\r\n\t\t@Attribute('ppValidateEqual') public validateEqual: string,\r\n\t\t@Attribute('reverse') public reverse: boolean) {\r\n\t}\r\n\r\n\tvalidate(c: AbstractControl): { [key: string]: any } {\r\n\t\tif (!c || !c.root) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\t// self value\r\n\t\tconst v = c.value;\r\n\r\n\t\t// Get the other control\r\n\t\tconst e = c.root.get(this.validateEqual);\r\n\r\n\t\tif (e && v !== e.value && !this.reverse) {\r\n\t\t\treturn {\r\n\t\t\t\tvalidateEqual: true\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\t// Value equal and reverse\r\n\t\tif (e && v === e.value && this.reverse) {\r\n\t\t\tif (e.errors) {\r\n\t\t\t\tdelete e.errors['validateEqual'];\r\n\t\t\t}\r\n\t\t\tif (e.errors && !Object.keys(e.errors).length) {\r\n\t\t\t\te.setErrors(null);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Values not equal and reverse.\r\n\t\tif (e && v !== e.value && this.reverse) {\r\n\t\t\te.setErrors({\r\n\t\t\t\tvalidateEqual: true\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t}\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n\tname: 'fileSize'\r\n})\r\nexport class FileSizePipe implements PipeTransform {\r\n\ttransform(value: any, args?: any): any {\r\n\t\tconst bytes = parseInt(value, 10);\r\n\r\n\t\tconst gb = Math.pow(2, 30);\r\n\t\tconst mb = Math.pow(2, 20);\r\n\t\tconst kb = Math.pow(2, 10);\r\n\r\n\t\tif (bytes >= gb) {\r\n\t\t\tlet size = bytes / gb;\r\n\t\t\treturn `${size.toFixed(2)} GB`;\r\n\t\t}\r\n\t\tif (bytes >= mb) {\r\n\t\t\tlet size = bytes / mb;\r\n\t\t\treturn `${size.toFixed(2)} MB`;\r\n\t\t}\r\n\t\tif (bytes >= kb) {\r\n\t\t\tlet size = bytes / kb;\r\n\t\t\treturn `${size.toFixed(2)} KB`;\r\n\t\t}\r\n\t\tif (bytes >= 0) {\r\n\t\t\treturn `${bytes} B`;\r\n\t\t}\r\n\r\n\t\treturn '0 B';\r\n\t}\r\n}\r\n","import { Inject, Directive, Input, EventEmitter, ElementRef, OnInit } from '@angular/core';\r\n\r\n@Directive({\r\n\tselector: '[ppFocus]'\r\n})\r\nexport class FocusDirective implements OnInit {\r\n\t/* tslint:disable-next-line:no-input-rename */\r\n\t@Input('ppFocus') focus: EventEmitter
;\r\n\r\n\tconstructor(\r\n\t\t@Inject(ElementRef) private element: ElementRef) {\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tif (!this.focus) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.focus.subscribe(event => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.element.nativeElement.focus();\r\n\t\t\t\tthis.element.nativeElement.select();\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n}\r\n","import { Input, OnInit, Directive } from '@angular/core';\r\nimport { ControlValueAccessor, UntypedFormControl, AbstractControl } from '@angular/forms';\r\n\r\n@Directive()\r\nexport abstract class BaseComponent implements ControlValueAccessor, OnInit {\r\n\tprivate innerValue: T;\r\n\r\n\tprivate changed = new Array<(value: T) => void>();\r\n\tprivate touched = new Array<() => void>();\r\n\tprivate validator: (c: UntypedFormControl) => void = undefined;\r\n\r\n\tcontrol: UntypedFormControl;\r\n\tisDisabled: Boolean = false;\r\n\r\n\t@Input() required = false;\r\n\t@Input() size: string;\r\n\t@Input() formControlName: string;\r\n\r\n\r\n\t// tslint:disable-next-line:no-empty\r\n\tsetFocus() { }\r\n\r\n\t// tslint:disable-next-line:no-empty\r\n\tonSetValue() { }\r\n\r\n\tget value(): T {\r\n\t\treturn this.innerValue;\r\n\t}\r\n\r\n\t@Input()\r\n\tset value(value: T) {\r\n\t\tif (this.innerValue !== value) {\r\n\t\t\tthis.innerValue = value;\r\n\t\t\tthis.changed.forEach((f) => f(value));\r\n\r\n\t\t\tthis.onSetValue();\r\n\t\t}\r\n\t}\r\n\r\n\tget isValid(): Boolean {\r\n\t\tif (!this.control) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\treturn this.control.valid;\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tthis.checkRequired();\r\n\t}\r\n\r\n\twriteValue(value: T) {\r\n\t\tthis.innerValue = value;\r\n\t}\r\n\r\n\tregisterOnChange(fn: (value: T) => void) {\r\n\t\tthis.changed.push(fn);\r\n\t}\r\n\r\n\tregisterOnTouched(fn: () => void) {\r\n\t\tthis.touched.push(fn);\r\n\t}\r\n\r\n\ttouch() {\r\n\t\tthis.touched.forEach((f) => f());\r\n\t}\r\n\r\n\tsetDisabledState(isDisabled: boolean): void {\r\n\t\tthis.isDisabled = isDisabled;\r\n\t}\r\n\r\n\tvalidate(c: UntypedFormControl) {\r\n\t\tif (!this.control) {\r\n\t\t\tthis.control = c;\r\n\t\t\tthis.checkRequired();\r\n\t\t}\r\n\r\n\t\tif (this.validator) {\r\n\t\t\treturn this.validator(c);\r\n\t\t}\r\n\t}\r\n\r\n\tregisterValidator(v: (c: UntypedFormControl) => void) {\r\n\t\tthis.validator = v;\r\n\t}\r\n\r\n\tprivate checkRequired() {\r\n\t\tif (this.control) {\r\n\t\t\tif (!this.required) {\r\n\t\t\t\tthis.required = this.hasRequiredField(this.control);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tprivate hasRequiredField = (abstractControl: AbstractControl): boolean => {\r\n\t\tif (abstractControl.validator) {\r\n\t\t\tconst validator = abstractControl.validator({} as AbstractControl);\r\n\t\t\tif (validator && validator.required) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// eslint-disable-next-line @typescript-eslint/dot-notation\r\n\t\tlet controls = abstractControl['controls'];\r\n\t\tif (controls) {\r\n\t\t\tfor (const controlName in controls) {\r\n\t\t\t\tif (controls[controlName]) {\r\n\t\t\t\t\tif (this.hasRequiredField(controls[controlName])) {\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n}\r\n","import { Component, Input, forwardRef } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nimport { BaseComponent } from './base-component';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-button-toggle',\r\n\ttemplate: `\r\n\t\r\n\t\t{{ label }}\r\n\t\r\n`,\r\n\tstyleUrls: ['./button-toggle.component.scss'],\r\n\tproviders: [\r\n\t\t{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ButtonToggleComponent), multi: true }\r\n\t]\r\n})\r\nexport class ButtonToggleComponent extends BaseComponent {\r\n\t@Input() label: string;\r\n\r\n\tpublic identifier = `button-toggle-${identifier++}`;\r\n\r\n\tvalueChanged(ev: Event) {\r\n\t\tthis.value = !this.value;\r\n\t}\r\n}\r\n","import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-button',\r\n\ttemplate: `\r\n\t\t\r\n\t\t\t{{ label }}\r\n\t\t\r\n\t`,\r\n\tstyleUrls: ['./button.component.scss']\r\n})\r\nexport class ButtonComponent implements OnInit {\r\n\t@Input() label: string;\r\n\t@Input() type: string;\r\n\t@Input() disabled: boolean;\r\n\t@Input() color: string;\r\n\t@Output() clicked = new EventEmitter();\r\n\r\n\tpublic identifier = `button-${identifier++}`;\r\n\r\n\tngOnInit() {\r\n\t\tif (!this.type) {\r\n\t\t\tthis.type = 'button';\r\n\t\t}\r\n\t}\r\n\r\n\thandleClick(ev: Event) {\r\n\t\tev.stopPropagation();\r\n\t\tif (this.disabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.clicked.emit(ev);\r\n\t}\r\n}\r\n","import { Component, Input, Output, EventEmitter, forwardRef, ViewChild, ElementRef } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nimport { BaseComponent } from './base-component';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-checkbox',\r\n\ttemplate: `\r\n\r\n\t\r\n\t\t{{ label }}\r\n\t\r\n
`,\r\n\tstyleUrls: ['./checkbox.component.scss'],\r\n\tproviders: [\r\n\t\t{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CheckboxComponent), multi: true }\r\n\t]\r\n})\r\nexport class CheckboxComponent extends BaseComponent {\r\n\t@Input() label: string;\r\n\t@Output() onChange = new EventEmitter();\r\n\r\n\tpublic identifier = `checkbox-${identifier++}`;\r\n\r\n\t@ViewChild('inputElement', { static: true }) inputEl: ElementRef;\r\n\r\n\tonBlur() {\r\n\t\tthis.touch();\r\n\t}\r\n\r\n\thandleChange(state: boolean) {\r\n\t\tthis.onChange.emit(state);\r\n\t}\r\n\r\n\tsetFocus() {\r\n\t\tthis.inputEl.nativeElement.focus();\r\n\t\tthis.inputEl.nativeElement.select();\r\n\t}\r\n}\r\n","import { Component, OnChanges, Input, forwardRef, ViewChild, ElementRef, ChangeDetectorRef, HostListener, OnInit } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';\r\nimport { MatDatepicker } from '@angular/material/datepicker';\r\nimport * as moment from 'moment';\r\n\r\nimport { BaseComponent } from './base-component';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-date',\r\n\ttemplate: `\r\n\t\t\r\n\t`,\r\n\tstyleUrls: ['./date.component.scss'],\r\n\tproviders: [\r\n\t\t{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateComponent), multi: true },\r\n\t\t{ provide: NG_VALIDATORS, useExisting: forwardRef(() => DateComponent), multi: true }\r\n\t]\r\n})\r\nexport class DateComponent extends BaseComponent implements OnInit, OnChanges {\r\n\tinputValue: string;\r\n\r\n\tprivate screenWidth: number;\r\n\tprivate screenHeight: number;\r\n\r\n\tget isMobile(): boolean {\r\n\t\treturn this.screenWidth < 1024;\r\n\t}\r\n\r\n\t@Input() label: string;\r\n\t@Input() placeholder = '';\r\n\t@Input() isDisabled: boolean;\r\n\r\n\tpublic identifier = `date-${identifier++}`;\r\n\r\n\t@ViewChild('input', { static: true }) inputEl: ElementRef;\r\n\t@ViewChild('dateInput', { static: true }) dateInputEl: ElementRef;\r\n\t@ViewChild('picker', { static: true }) picker: MatDatepicker;\r\n\r\n\tconstructor(\r\n\t\tprivate cdRef: ChangeDetectorRef,\r\n\t) {\r\n\t\tsuper();\r\n\t}\r\n\r\n\tonBlur() {\r\n\t\tthis.touch();\r\n\t}\r\n\r\n\tngOnChanges(inputs) {\r\n\t\tif (!this.placeholder) {\r\n\t\t\tthis.placeholder = this.label || '';\r\n\t\t}\r\n\t}\r\n\r\n\tngOnInit(): void {\r\n\t\tthis.screenWidth = window.innerWidth;\r\n\t\tthis.screenHeight = window.innerHeight;\r\n\t}\r\n\r\n\tinputKeydown(e: KeyboardEvent) {\r\n\t\tswitch (e.keyCode) {\r\n\t\t\tcase 36:\r\n\t\t\tcase 35:\r\n\t\t\tcase 36:\r\n\t\t\tcase 39:\r\n\t\t\tcase 16:\r\n\t\t\tcase 9:\r\n\t\t\t\treturn;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tswitch (e.key) {\r\n\t\t\tcase 'Backspace':\r\n\t\t\tcase 'Delete':\r\n\t\t\tcase 'Enter':\r\n\t\t\t\treturn;\r\n\t\t\tcase '.':\r\n\t\t\tcase '-':\r\n\t\t\tcase '/':\r\n\t\t\tcase ' ':\r\n\t\t\tcase '0':\r\n\t\t\tcase '1':\r\n\t\t\tcase '2':\r\n\t\t\tcase '3':\r\n\t\t\tcase '4':\r\n\t\t\tcase '5':\r\n\t\t\tcase '6':\r\n\t\t\tcase '7':\r\n\t\t\tcase '8':\r\n\t\t\tcase '9':\r\n\t\t\t\treturn;\r\n\t\t\tdefault:\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\tinputFocus() {\r\n\t\tthis.picker.close();\r\n\t\tthis.formatInputValue(true);\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.dateInputEl.nativeElement.select();\r\n\t\t});\r\n\r\n\t\tthis.cdRef.detectChanges();\r\n\t}\r\n\r\n\tinputBlur() {\r\n\t\tthis.onBlur();\r\n\r\n\t\tif (!this.inputValue) {\r\n\t\t\tthis.value = null;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet val = this.inputValue;\r\n\t\t// Normalise to replace . or - or space with /\r\n\t\tval = val.replace(/[.-\\s]/g, '/');\r\n\r\n\t\t// Liberal interpretation to allow just the day of the current month,\r\n\t\t// or day/month of current year, or full date format.\r\n\t\tlet m = moment(val, ['D/M/YYYY', 'D/M', 'D'], false);\r\n\t\tif (m.isValid()) {\r\n\t\t\tthis.value = m.toDate();\r\n\t\t\tthis.formatInputValue();\r\n\t\t}\r\n\t}\r\n\r\n\tformatInputValue(focus: boolean = false) {\r\n\t\tconst format = focus ? 'D/M/YYYY' : 'ddd D MMM, YYYY';\r\n\t\tif (!this.value) {\r\n\t\t\tthis.inputValue = '';\r\n\t\t} else {\r\n\t\t\tthis.inputValue = moment(this.value).format(format);\r\n\t\t}\r\n\t}\r\n\r\n\t@HostListener('window:resize', ['$event'])\r\n\tonResize(event) {\r\n\t\tthis.screenWidth = window.innerWidth;\r\n\t\tthis.screenHeight = window.innerHeight;\r\n\t}\r\n\r\n\tonSetValue() {\r\n\t\tthis.formatInputValue();\r\n\t}\r\n\r\n\twriteValue(value: Date) {\r\n\t\tsuper.writeValue(value);\r\n\t\tif (value) {\r\n\t\t\tthis.formatInputValue();\r\n\t\t} else {\r\n\t\t\tthis.inputValue = '';\r\n\t\t}\r\n\t}\r\n\r\n\tsetFocus() {\r\n\t\tthis.dateInputEl.nativeElement.focus();\r\n\t\tthis.dateInputEl.nativeElement.select();\r\n\t}\r\n\r\n\ttogglePicker() {\r\n\t\tthis.picker.open();\r\n\t}\r\n}\r\n","import { UtilsService } from './../../services/utils.service';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { Component, Input, forwardRef, OnChanges } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nimport { BaseComponent } from './base-component';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-display',\r\n\ttemplate: `\r\n\t\t\r\n\t\t\t{{ label }}\r\n\t\t\t\r\n\t\t\t\t{{ value }}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t \r\n\t\t
\r\n\t`,\r\n\tstyleUrls: ['./display.component.scss'],\r\n\tproviders: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DisplayComponent), multi: true }]\r\n})\r\nexport class DisplayComponent extends BaseComponent implements OnChanges {\r\n\t@Input() label: string;\r\n\t@Input() multiLineStringConvertToHtml: boolean;\r\n\r\n\tinnerHtml: SafeHtml;\r\n\r\n\tpublic identifier = `display-${identifier++}`;\r\n\r\n\tconstructor(private domSanitizer: DomSanitizer, private utils: UtilsService) {\r\n\t\tsuper();\r\n\t}\r\n\r\n\tngOnChanges(changes) {\r\n\t\tif (changes.value) {\r\n\t\t\tif (this.multiLineStringConvertToHtml) {\r\n\t\t\t\tconst converted = this.utils.breakify(this.value);\r\n\t\t\t\tthis.innerHtml = this.domSanitizer.bypassSecurityTrustHtml(converted);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Input, Output, forwardRef, OnChanges, EventEmitter } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';\r\nimport { BaseComponent } from './base-component';\r\nimport { Validators, FormControl, AbstractControl, ValidationErrors } from '@angular/forms';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-html-editor',\r\n\ttemplate: `\r\n`,\r\n\tstyleUrls: ['./html-editor.component.scss'],\r\n\tproviders: [\r\n\t\t{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => HtmlEditorComponent), multi: true },\r\n\t\t{ provide: NG_VALIDATORS, useExisting: forwardRef(() => HtmlEditorComponent), multi: true }\r\n\t]\r\n})\r\nexport class HtmlEditorComponent extends BaseComponent implements OnChanges {\r\n\tprivate numChanges = 0;\r\n\r\n\tprivate editModules = {\r\n\t\ttoolbar: [\r\n\t\t\t['bold', 'italic', 'underline'], // toggled buttons\r\n\t\t\t[{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }],\r\n\t\t\t[{ 'list': 'ordered'}, { 'list': 'bullet' }],\r\n\t\t\t[{ 'indent': '-1'}, { 'indent': '+1' }], // outdent/indent\r\n\r\n\t\t\t[{ 'size': ['small', false, 'large', 'huge'] }], // custom dropdown\r\n\t\t\t[{ 'header': [1, 2, 3, 4, 5, 6, false] }],\r\n\r\n\t\t\t[{ 'color': [] }, { 'background': [] }], // dropdown with defaults from theme\r\n\t\t\t[{ 'font': [] }],\r\n\r\n\t\t\t['link', 'image'] // link and image\r\n\t\t],\r\n\t\thistory: {\r\n\t\t\tdelay: 1000,\r\n\t\t\tmaxStack: 500,\r\n\t\t\tuserOnly: true\r\n\t\t}\r\n\t};\r\n\t@Input() placeholder = '';\r\n\t@Input() isReadOnly : boolean = false;\r\n\t@Input() minLength = -1;\r\n\r\n\tcontrol = new FormControl();\r\n\t\r\n\t@Output() firstChange = new EventEmitter();\r\n\t@Output() valueSet = new EventEmitter();\r\n\r\n\tidentifier = `html-editor-${identifier++}`;\r\n\r\n\tget modules() {\r\n\t\tif (this.isReadOnly) {\r\n\t\t\treturn {\r\n\t\t\t\ttoolbar: false\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn this.editModules;\r\n\t}\r\n\r\n\thandleContentChanged(content: any) {\r\n\t\tthis.control.setValue(content.html);\r\n\t\tthis.numChanges++;\r\n\t\tswitch (this.numChanges) {\r\n\t\t\tcase 0:\r\n\t\t\t\tthis.valueSet.emit(content);\r\n\t\t\t\tbreak;\r\n\t\t\tcase 1:\r\n\t\t\t\tthis.firstChange.emit(true);\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\tngOnChanges() {\r\n\t\t/*\r\n\r\n\t\tWe need to handle the conversion of the supplied HTML to the formatted value used by the quill editor.\r\n\t\tSetting the HTML can be slightly reformatted. E.g. setting plain text will then reformat it to be surrounded\r\n\t\tby HTML paragraph tags.\r\n\r\n\t\tThe issue with this is that the content of the control will appear to have changed and mae the form dirty\r\n\t\teven when the user hasn't actually made a change. So to handle this, we record the number of changes and\r\n\t\tlisten for the contentChanged event on the Quill editor, which will emit for the first time after the set\r\n\t\tcontent has been reformatted to its liking. This is then marked as \"change 0\" which emits a valueSet event.\r\n\r\n\t\tThe first change (i.e. the user has actually changed the content for the first time) is emitted as a firstChange\r\n\t\tevent.\r\n\r\n\t\tThe valueSet event is most useful as the consuming form than mark its corresponding control as pristine\r\n\t\tthus solving the problem of the form appearing dirty when it's not.\r\n\r\n\t\t*/\r\n\t\tthis.numChanges = -1;\r\n\t\tthis.firstChange.emit(false);\r\n\r\n\t\tif (this.minLength && this.minLength > 0) {\r\n\t\t\tthis.control = new FormControl('', [Validators.required, minLengthValidator(this.minLength)]);\r\n\t\t}\r\n\t}\r\n\r\n\tvalidate(control: AbstractControl): ValidationErrors | null {\r\n\t\treturn this.control.errors;\r\n\t}\r\n}\r\n\r\nexport function minLengthValidator(minLength : number) {\r\n\treturn (control: AbstractControl): ValidationErrors | null => {\r\n\t\tconst value = control.value || '';\r\n\t\tconst length = value.replace(/<[^>]*>/g, '').length; // Remove HTML tags and count text length\r\n\t\treturn length >= minLength ? null : { minLength: { requiredLength: minLength, actualLength: length } };\r\n\t};\r\n}","import { Component, Input, Output, EventEmitter } from '@angular/core';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-icon-button',\r\n\ttemplate: `\r\n\t\r\n\t\t{{ icon }}\r\n\t\r\n`,\r\n\tstyleUrls: ['./icon-button.component.scss']\r\n})\r\nexport class IconButtonComponent {\r\n\t@Input() icon: string;\r\n\t@Input() label: string;\r\n\t@Input() disabled: boolean;\r\n\t@Output() click = new EventEmitter();\r\n\r\n\tpublic identifier = `icon-button-${identifier++}`;\r\n\r\n\thandleClick(ev: Event) {\r\n\t\tthis.click.emit(ev);\r\n\t\tev.stopPropagation();\r\n\t}\r\n}\r\n","import { Component, OnChanges, Input, forwardRef } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';\r\n\r\nimport { BaseComponent } from './base-component';\r\nimport { IRadioOption } from '../interfaces';\r\n\r\nlet identifier = 0;\r\n\r\n@Component({\r\n\tselector: 'pp-radio-group',\r\n\ttemplate: `\r\n\r\n\t