\r\n \r\n\r\n","import { CommonModule } from \"@angular/common\";\r\nimport { ChangeDetectionStrategy, Component } from \"@angular/core\";\r\nimport { ButtonModule } from \"primeng/button\";\r\nimport { ConfirmDialogModule } from \"primeng/confirmdialog\";\r\n\r\n/**\r\n * Component that wraps a Prime Ng ConfirmDialog. Only ONE can exist at a time.\r\n */\r\n@Component({\r\n selector: \"bi-confirm-dialog\",\r\n imports: [CommonModule, ButtonModule, ConfirmDialogModule],\r\n templateUrl: \"./bi-confirm-dialog.component.html\",\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class BiConfirmDialogComponent {}\r\n","\r\n
\r\n {{ inputGroupLabel }}\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n
errorMessages.MustBeFilled
\r\n
errorMessages.MustBeXDigits
\r\n
errorMessages.MaxXDigits
\r\n
errorMessages.OnlyDigits
\r\n
\r\n","import { CommonModule } from \"@angular/common\";\r\nimport { AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, Injector, Input, OnInit } from \"@angular/core\";\r\nimport { ControlValueAccessor, FormControl, FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, NgControl, ValidationErrors } from \"@angular/forms\";\r\nimport { BiTranslateDirective, BiTranslatePipe, BiTranslateService } from \"@globals/bi-translate\";\r\nimport { CustomValidators } from \"@globals/classes/CustomValidators\";\r\nimport { BiCountryId } from \"@globals/enums/BiLanguageAndCountryId\";\r\nimport { isStringNullOrEmpty, uniqueID } from \"@globals/helper-functions\";\r\nimport { InputTextModule } from \"primeng/inputtext\";\r\nimport { take } from \"rxjs\";\r\n\r\n/**\r\n * Custom input for entering a zip code. Validation logic and error message displaying is included!\r\n **/\r\n@Component({\r\n selector: \"bi-zip-code-input\",\r\n imports: [CommonModule, InputTextModule, FormsModule, BiTranslatePipe, BiTranslateDirective],\r\n templateUrl: \"./bi-zip-code-input.component.html\",\r\n styles: [\":host{display: block}\"],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => BiZipCodeInputComponent),\r\n multi: true\r\n },\r\n {\r\n provide: NG_VALIDATORS,\r\n useExisting: forwardRef(() => BiZipCodeInputComponent),\r\n multi: true\r\n }\r\n ],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport default class BiZipCodeInputComponent implements ControlValueAccessor, OnInit, AfterViewInit {\r\n private _textValue: string;\r\n public get textValue() {\r\n return this._textValue;\r\n }\r\n public set textValue(val: string) {\r\n this._textValue = val;\r\n }\r\n\r\n public disabled: boolean;\r\n\r\n public readonly uniqueInputId = uniqueID(); // for setting a unique html id on the input\r\n\r\n /**\r\n * Label value that will be displayed inside the grey box being added in front of input.\r\n * If this is false or undfined, the box will not be shown - e.i. normal input style.\r\n * Default undefined.\r\n */\r\n @Input() public inputGroupLabel: string;\r\n\r\n /**\r\n * Label for the input. Default is translated value of \"zipcode\"\r\n */\r\n @Input() public label: string;\r\n\r\n /**\r\n * Whether the componernt will show a label for the input. Default is true\r\n */\r\n @Input() public hasLabel = true;\r\n\r\n @Input() set countryId(id: BiCountryId) {\r\n this.inputMaxLength = id !== BiCountryId.FI && id !== BiCountryId.SE ? 4 : 5;\r\n }\r\n\r\n @Input() public formControl: FormControl;\r\n\r\n /**\r\n * Get ref to FormControl\r\n **/\r\n public get control() {\r\n return this.formControl;\r\n }\r\n\r\n /**\r\n * Max. length allowed for input. As the zip code's length can defer in length depending on country\r\n */\r\n public inputMaxLength: number;\r\n\r\n private propagateChange: (val: string) => void;\r\n private onTouched: () => void;\r\n\r\n public constructor(\r\n private readonly injector: Injector,\r\n private readonly translator: BiTranslateService\r\n ) {}\r\n\r\n public ngOnInit() {\r\n if (!this.label) {\r\n this.translator\r\n .get(\"shared.Zipcode\")\r\n .pipe(take(1))\r\n .subscribe(zipcodeText => (this.label = zipcodeText));\r\n }\r\n }\r\n\r\n public ngAfterViewInit() {\r\n // If client didn't use a [FormControl] binding, then we have to inject the ref. to it ourselves\r\n if (!this.formControl) this.formControl = this.injector.get(NgControl)?.control as FormControl;\r\n }\r\n\r\n public writeValue(val: string): void {\r\n // By using only double equal sign (==), we test against undefined and null\r\n if (val == this._textValue) return;\r\n\r\n this._textValue = val;\r\n if (this.propagateChange) this.propagateChange(val);\r\n }\r\n\r\n public registerOnChange(fn: any) {\r\n this.propagateChange = fn;\r\n }\r\n\r\n public registerOnTouched(fn: any) {\r\n this.onTouched = fn;\r\n }\r\n\r\n public setDisabledState?(isDisabled: boolean) {\r\n this.disabled = isDisabled;\r\n }\r\n\r\n public onChanged(event: KeyboardEvent) {\r\n if (event.key === \"Tab\") return;\r\n\r\n this.propagateChange((event.target as HTMLInputElement).value);\r\n if (this.onTouched) this.onTouched();\r\n }\r\n\r\n /**\r\n * Customer valdiation being run on the control so that clients don't\r\n * have to manually add validators.\r\n */\r\n public validate(control: FormControl): ValidationErrors | null {\r\n if (isStringNullOrEmpty(control.value)) return { required: true };\r\n\r\n // In Sweden and Denmark, the zipcode MUST have an exact length\r\n const lengthErr = CustomValidators.checkLength(this.inputMaxLength)(control);\r\n if (lengthErr != null) return lengthErr;\r\n\r\n if (control.value.length > this.inputMaxLength) return { maxLength: true };\r\n\r\n // Last validation so just return it's result\r\n return CustomValidators.digitsOnly(false)(control);\r\n }\r\n}\r\n","import { HttpClient } from \"@angular/common/http\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { ApiRouting } from \"@globals/classes/ApiRouting\";\r\nimport { BiCountryId } from \"@globals/enums/BiLanguageAndCountryId\";\r\nimport { StreetNameReadModel } from \"@globals/openapi-models/model/streetNameReadModel\";\r\n\r\n@Injectable()\r\nexport class BiSearchBaseService {\r\n constructor(protected http: HttpClient) {}\r\n\r\n /**\r\n * Returns a list of objects representing streets under a zipcode in a country.\r\n */\r\n public getStreetNames(zipcode: number, countryId: BiCountryId) {\r\n return this.http.get(ApiRouting.searchEndpoints.get.getStreetNames, {\r\n params: {\r\n zipcode,\r\n countryId\r\n }\r\n });\r\n }\r\n}\r\n","import * as i0 from '@angular/core';\nimport { Component } from '@angular/core';\nimport { BaseIcon } from 'primeng/baseicon';\nimport { UniqueComponentId } from 'primeng/utils';\n\nclass TimesCircleIcon extends BaseIcon {\n pathId;\n ngOnInit() {\n this.pathId = 'url(#' + UniqueComponentId() + ')';\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"18.0.1\", ngImport: i0, type: TimesCircleIcon, deps: null, target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"18.0.1\", type: TimesCircleIcon, isStandalone: true, selector: \"TimesCircleIcon\", usesInheritance: true, ngImport: i0, template: `\n \n `, isInline: true });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"18.0.1\", ngImport: i0, type: TimesCircleIcon, decorators: [{\n type: Component,\n args: [{\n selector: 'TimesCircleIcon',\n standalone: true,\n imports: [BaseIcon],\n template: `\n \n `\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { TimesCircleIcon };\n","import * as i2 from '@angular/common';\nimport { DOCUMENT, CommonModule } from '@angular/common';\nimport * as i0 from '@angular/core';\nimport { forwardRef, EventEmitter, signal, computed, effect, numberAttribute, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, Output, ViewChild, ContentChildren, NgModule } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport * as i1 from 'primeng/api';\nimport { TranslationKeys, PrimeTemplate, SharedModule } from 'primeng/api';\nimport * as i7 from 'primeng/autofocus';\nimport { AutoFocusModule } from 'primeng/autofocus';\nimport * as i4 from 'primeng/button';\nimport { ButtonModule } from 'primeng/button';\nimport { DomHandler } from 'primeng/dom';\nimport { InputTextModule } from 'primeng/inputtext';\nimport * as i3 from 'primeng/overlay';\nimport { OverlayModule } from 'primeng/overlay';\nimport * as i5 from 'primeng/ripple';\nimport { RippleModule } from 'primeng/ripple';\nimport * as i6 from 'primeng/scroller';\nimport { ScrollerModule } from 'primeng/scroller';\nimport { ObjectUtils, UniqueComponentId } from 'primeng/utils';\nimport { TimesCircleIcon } from 'primeng/icons/timescircle';\nimport { SpinnerIcon } from 'primeng/icons/spinner';\nimport { TimesIcon } from 'primeng/icons/times';\nimport { ChevronDownIcon } from 'primeng/icons/chevrondown';\n\nconst AUTOCOMPLETE_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AutoComplete),\n multi: true\n};\n/**\n * AutoComplete is an input component that provides real-time suggestions when being typed.\n * @group Components\n */\nclass AutoComplete {\n document;\n el;\n renderer;\n cd;\n config;\n overlayService;\n zone;\n /**\n * Minimum number of characters to initiate a search.\n * @group Props\n */\n minLength = 1;\n /**\n * Delay between keystrokes to wait before sending a query.\n * @group Props\n */\n delay = 300;\n /**\n * Inline style of the component.\n * @group Props\n */\n style;\n /**\n * Inline style of the overlay panel element.\n * @group Props\n */\n panelStyle;\n /**\n * Style class of the component.\n * @group Props\n */\n styleClass;\n /**\n * Style class of the overlay panel element.\n * @group Props\n */\n panelStyleClass;\n /**\n * Inline style of the input field.\n * @group Props\n */\n inputStyle;\n /**\n * Identifier of the focus input to match a label defined for the component.\n * @group Props\n */\n inputId;\n /**\n * Inline style of the input field.\n * @group Props\n */\n inputStyleClass;\n /**\n * Hint text for the input field.\n * @group Props\n */\n placeholder;\n /**\n * When present, it specifies that the input cannot be typed.\n * @group Props\n */\n readonly;\n /**\n * When present, it specifies that the component should be disabled.\n * @group Props\n */\n disabled;\n /**\n * Maximum height of the suggestions panel.\n * @group Props\n */\n scrollHeight = '200px';\n /**\n * Defines if data is loaded and interacted with in lazy manner.\n * @group Props\n */\n lazy = false;\n /**\n * Whether the data should be loaded on demand during scroll.\n * @group Props\n */\n virtualScroll;\n /**\n * Height of an item in the list for VirtualScrolling.\n * @group Props\n */\n virtualScrollItemSize;\n /**\n * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.\n * @group Props\n */\n virtualScrollOptions;\n /**\n * Maximum number of character allows in the input field.\n * @group Props\n */\n maxlength;\n /**\n * Name of the input element.\n * @group Props\n */\n name;\n /**\n * When present, it specifies that an input field must be filled out before submitting the form.\n * @group Props\n */\n required;\n /**\n * Size of the input field.\n * @group Props\n */\n size;\n /**\n * Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name).\n * @group Props\n */\n appendTo;\n /**\n * When enabled, highlights the first item in the list by default.\n * @group Props\n */\n autoHighlight;\n /**\n * When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions.\n * @group Props\n */\n forceSelection;\n /**\n * Type of the input, defaults to \"text\".\n * @group Props\n */\n type = 'text';\n /**\n * Whether to automatically manage layering.\n * @group Props\n */\n autoZIndex = true;\n /**\n * Base zIndex value to use in layering.\n * @group Props\n */\n baseZIndex = 0;\n /**\n * Defines a string that labels the input for accessibility.\n * @group Props\n */\n ariaLabel;\n /**\n * Defines a string that labels the dropdown button for accessibility.\n * @group Props\n */\n dropdownAriaLabel;\n /**\n * Specifies one or more IDs in the DOM that labels the input field.\n * @group Props\n */\n ariaLabelledBy;\n /**\n * Icon class of the dropdown icon.\n * @group Props\n */\n dropdownIcon;\n /**\n * Ensures uniqueness of selected items on multiple mode.\n * @group Props\n */\n unique = true;\n /**\n * Whether to display options as grouped when nested options are provided.\n * @group Props\n */\n group;\n /**\n * Whether to run a query when input receives focus.\n * @group Props\n */\n completeOnFocus = false;\n /**\n * When enabled, a clear icon is displayed to clear the value.\n * @group Props\n */\n showClear = false;\n /**\n * Field of a suggested object to resolve and display.\n * @group Props\n * @deprecated use optionLabel property instead\n */\n field;\n /**\n * Displays a button next to the input field when enabled.\n * @group Props\n */\n dropdown;\n /**\n * Whether to show the empty message or not.\n * @group Props\n */\n showEmptyMessage = true;\n /**\n * Specifies the behavior dropdown button. Default \"blank\" mode sends an empty string and \"current\" mode sends the input value.\n * @group Props\n */\n dropdownMode = 'blank';\n /**\n * Specifies if multiple values can be selected.\n * @group Props\n */\n multiple;\n /**\n * Index of the element in tabbing order.\n * @group Props\n */\n tabindex;\n /**\n * A property to uniquely identify a value in options.\n * @group Props\n */\n dataKey;\n /**\n * Text to display when there is no data. Defaults to global value in i18n translation configuration.\n * @group Props\n */\n emptyMessage;\n /**\n * Transition options of the show animation.\n * @group Props\n */\n showTransitionOptions = '.12s cubic-bezier(0, 0, 0.2, 1)';\n /**\n * Transition options of the hide animation.\n * @group Props\n */\n hideTransitionOptions = '.1s linear';\n /**\n * When present, it specifies that the component should automatically get focus on load.\n * @group Props\n */\n autofocus;\n /**\n * Used to define a string that autocomplete attribute the current element.\n * @group Props\n */\n autocomplete = 'off';\n /**\n * Name of the options field of an option group.\n * @group Props\n */\n optionGroupChildren = 'items';\n /**\n * Name of the label field of an option group.\n * @group Props\n */\n optionGroupLabel = 'label';\n /**\n * Options for the overlay element.\n * @group Props\n */\n overlayOptions;\n /**\n * An array of suggestions to display.\n * @group Props\n */\n get suggestions() {\n return this._suggestions();\n }\n set suggestions(value) {\n this._suggestions.set(value);\n this.handleSuggestionsChange();\n }\n /**\n * Element dimensions of option for virtual scrolling.\n * @group Props\n * @deprecated use virtualScrollItemSize property instead.\n */\n get itemSize() {\n return this._itemSize;\n }\n set itemSize(val) {\n this._itemSize = val;\n console.warn('The itemSize property is deprecated, use virtualScrollItemSize property instead.');\n }\n /**\n * Property name or getter function to use as the label of an option.\n * @group Props\n */\n optionLabel;\n /**\n * Property name or getter function to use as the value of an option.\n * @group Props\n */\n optionValue;\n /**\n * Unique identifier of the component.\n * @group Props\n */\n id;\n /**\n * Text to display when the search is active. Defaults to global value in i18n translation configuration.\n * @group Props\n * @defaultValue '{0} results are available'\n */\n searchMessage;\n /**\n * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.\n * @group Props\n * @defaultValue 'No selected item'\n */\n emptySelectionMessage;\n /**\n * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.\n * @group Props\n * @defaultValue '{0} items selected'\n */\n selectionMessage;\n /**\n * Whether to focus on the first visible or selected element when the overlay panel is shown.\n * @group Props\n */\n autoOptionFocus = false;\n /**\n * When enabled, the focused option is selected.\n * @group Props\n */\n selectOnFocus;\n /**\n * Locale to use in searching. The default locale is the host environment's current locale.\n * @group Props\n */\n searchLocale;\n /**\n * Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.\n * @group Props\n */\n optionDisabled;\n /**\n * When enabled, the hovered option will be focused.\n * @group Props\n */\n focusOnHover;\n /**\n * Specifies the input variant of the component.\n * @group Props\n */\n variant = 'outlined';\n /**\n * Callback to invoke to search for suggestions.\n * @param {AutoCompleteCompleteEvent} event - Custom complete event.\n * @group Emits\n */\n completeMethod = new EventEmitter();\n /**\n * Callback to invoke when a suggestion is selected.\n * @param {AutoCompleteSelectEvent} event - custom select event.\n * @group Emits\n */\n onSelect = new EventEmitter();\n /**\n * Callback to invoke when a selected value is removed.\n * @param {AutoCompleteUnselectEvent} event - custom unselect event.\n * @group Emits\n */\n onUnselect = new EventEmitter();\n /**\n * Callback to invoke when the component receives focus.\n * @param {Event} event - Browser event.\n * @group Emits\n */\n onFocus = new EventEmitter();\n /**\n * Callback to invoke when the component loses focus.\n * @param {Event} event - Browser event.\n * @group Emits\n */\n onBlur = new EventEmitter();\n /**\n * Callback to invoke to when dropdown button is clicked.\n * @param {AutoCompleteDropdownClickEvent} event - custom dropdown click event.\n * @group Emits\n */\n onDropdownClick = new EventEmitter();\n /**\n * Callback to invoke when clear button is clicked.\n * @param {Event} event - Browser event.\n * @group Emits\n */\n onClear = new EventEmitter();\n /**\n * Callback to invoke on input key up.\n * @param {KeyboardEvent} event - Keyboard event.\n * @group Emits\n */\n onKeyUp = new EventEmitter();\n /**\n * Callback to invoke on overlay is shown.\n * @param {Event} event - Browser event.\n * @group Emits\n */\n onShow = new EventEmitter();\n /**\n * Callback to invoke on overlay is hidden.\n * @param {Event} event - Browser event.\n * @group Emits\n */\n onHide = new EventEmitter();\n /**\n * Callback to invoke on lazy load data.\n * @param {AutoCompleteLazyLoadEvent} event - Lazy load event.\n * @group Emits\n */\n onLazyLoad = new EventEmitter();\n containerEL;\n inputEL;\n multiInputEl;\n multiContainerEL;\n dropdownButton;\n itemsViewChild;\n scroller;\n overlayViewChild;\n templates;\n _itemSize;\n itemsWrapper;\n itemTemplate;\n emptyTemplate;\n headerTemplate;\n footerTemplate;\n selectedItemTemplate;\n groupTemplate;\n loaderTemplate;\n removeIconTemplate;\n loadingIconTemplate;\n clearIconTemplate;\n dropdownIconTemplate;\n value;\n _suggestions = signal(null);\n onModelChange = () => { };\n onModelTouched = () => { };\n timeout;\n overlayVisible;\n suggestionsUpdated;\n highlightOption;\n highlightOptionChanged;\n focused = false;\n _filled;\n get filled() {\n return this._filled;\n }\n set filled(value) {\n this._filled = value;\n }\n loading;\n scrollHandler;\n listId;\n searchTimeout;\n dirty = false;\n modelValue = signal(null);\n focusedMultipleOptionIndex = signal(-1);\n focusedOptionIndex = signal(-1);\n visibleOptions = computed(() => {\n return this.group ? this.flatOptions(this._suggestions()) : this._suggestions() || [];\n });\n inputValue = computed(() => {\n const modelValue = this.modelValue();\n const selectedOption = this.getSelectedOption(modelValue);\n if (modelValue) {\n if (typeof modelValue === 'object' || this.optionValue) {\n const label = this.getOptionLabel(selectedOption);\n return label != null ? label : modelValue;\n }\n else {\n return modelValue;\n }\n }\n else {\n return '';\n }\n });\n get focusedMultipleOptionId() {\n return this.focusedMultipleOptionIndex() !== -1 ? `${this.id}_multiple_option_${this.focusedMultipleOptionIndex()}` : null;\n }\n get focusedOptionId() {\n return this.focusedOptionIndex() !== -1 ? `${this.id}_${this.focusedOptionIndex()}` : null;\n }\n get containerClass() {\n return {\n 'p-autocomplete p-component p-inputwrapper': true,\n 'p-disabled': this.disabled,\n 'p-focus': this.focused,\n 'p-autocomplete-dd': this.dropdown,\n 'p-autocomplete-multiple': this.multiple,\n 'p-inputwrapper-focus': this.focused,\n 'p-overlay-open': this.overlayVisible\n };\n }\n get multiContainerClass() {\n return { 'p-autocomplete-multiple-container p-component p-inputtext': true, 'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled' };\n }\n get panelClass() {\n return {\n 'p-autocomplete-panel p-component': true,\n 'p-input-filled': this.config.inputStyle() === 'filled',\n 'p-ripple-disabled': this.config.ripple === false\n };\n }\n get panelStyles() {\n return {\n 'max-height': this.virtualScroll ? 'auto' : this.scrollHeight,\n ...this.panelStyle\n };\n }\n get inputClass() {\n return {\n 'p-autocomplete-input p-inputtext p-component': !this.multiple,\n 'p-autocomplete-dd-input': this.dropdown,\n 'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled'\n };\n }\n get searchResultMessageText() {\n return ObjectUtils.isNotEmpty(this.visibleOptions()) && this.overlayVisible ? this.searchMessageText.replaceAll('{0}', this.visibleOptions().length) : this.emptySearchMessageText;\n }\n get searchMessageText() {\n return this.searchMessage || this.config.translation.searchMessage || '';\n }\n get emptySearchMessageText() {\n return this.emptyMessage || this.config.translation.emptySearchMessage || '';\n }\n get selectionMessageText() {\n return this.selectionMessage || this.config.translation.selectionMessage || '';\n }\n get emptySelectionMessageText() {\n return this.emptySelectionMessage || this.config.translation.emptySelectionMessage || '';\n }\n get selectedMessageText() {\n return this.hasSelectedOption() ? this.selectionMessageText.replaceAll('{0}', this.multiple ? this.modelValue().length : '1') : this.emptySelectionMessageText;\n }\n get ariaSetSize() {\n return this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length;\n }\n get listLabel() {\n return this.config.getTranslation(TranslationKeys.ARIA)['listLabel'];\n }\n get virtualScrollerDisabled() {\n return !this.virtualScroll;\n }\n get optionValueSelected() {\n return typeof this.modelValue() === 'string' && this.optionValue;\n }\n get isVisibleClearIcon() {\n return this.modelValue() != null && this.hasSelectedOption() && this.showClear && !this.disabled && !this.loading;\n }\n constructor(document, el, renderer, cd, config, overlayService, zone) {\n this.document = document;\n this.el = el;\n this.renderer = renderer;\n this.cd = cd;\n this.config = config;\n this.overlayService = overlayService;\n this.zone = zone;\n effect(() => {\n this.filled = ObjectUtils.isNotEmpty(this.modelValue());\n });\n }\n ngOnInit() {\n this.id = this.id || UniqueComponentId();\n this.cd.detectChanges();\n }\n ngAfterViewChecked() {\n //Use timeouts as since Angular 4.2, AfterViewChecked is broken and not called after panel is updated\n if (this.suggestionsUpdated && this.overlayViewChild) {\n this.zone.runOutsideAngular(() => {\n setTimeout(() => {\n if (this.overlayViewChild) {\n this.overlayViewChild.alignOverlay();\n }\n }, 1);\n this.suggestionsUpdated = false;\n });\n }\n }\n ngAfterContentInit() {\n this.templates.forEach((item) => {\n switch (item.getType()) {\n case 'item':\n this.itemTemplate = item.template;\n break;\n case 'group':\n this.groupTemplate = item.template;\n break;\n case 'selectedItem':\n this.selectedItemTemplate = item.template;\n break;\n case 'header':\n this.headerTemplate = item.template;\n break;\n case 'empty':\n this.emptyTemplate = item.template;\n break;\n case 'footer':\n this.footerTemplate = item.template;\n break;\n case 'loader':\n this.loaderTemplate = item.template;\n break;\n case 'removetokenicon':\n this.removeIconTemplate = item.template;\n break;\n case 'loadingicon':\n this.loadingIconTemplate = item.template;\n break;\n case 'clearicon':\n this.clearIconTemplate = item.template;\n break;\n case 'dropdownicon':\n this.dropdownIconTemplate = item.template;\n break;\n default:\n this.itemTemplate = item.template;\n break;\n }\n });\n }\n handleSuggestionsChange() {\n if (this.loading) {\n this._suggestions().length > 0 || this.showEmptyMessage ? this.show() : !!this.emptyTemplate ? this.show() : this.hide();\n const focusedOptionIndex = this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;\n this.focusedOptionIndex.set(focusedOptionIndex);\n this.suggestionsUpdated = true;\n this.loading = false;\n this.cd.markForCheck();\n }\n }\n flatOptions(options) {\n return (options || []).reduce((result, option, index) => {\n result.push({ optionGroup: option, group: true, index });\n const optionGroupChildren = this.getOptionGroupChildren(option);\n optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o));\n return result;\n }, []);\n }\n isOptionGroup(option) {\n return this.optionGroupLabel && option.optionGroup && option.group;\n }\n findFirstOptionIndex() {\n return this.visibleOptions().findIndex((option) => this.isValidOption(option));\n }\n findLastOptionIndex() {\n return ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidOption(option));\n }\n findFirstFocusedOptionIndex() {\n const selectedIndex = this.findSelectedOptionIndex();\n return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;\n }\n findLastFocusedOptionIndex() {\n const selectedIndex = this.findSelectedOptionIndex();\n return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;\n }\n findSelectedOptionIndex() {\n return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1;\n }\n findNextOptionIndex(index) {\n const matchedOptionIndex = index < this.visibleOptions().length - 1\n ? this.visibleOptions()\n .slice(index + 1)\n .findIndex((option) => this.isValidOption(option))\n : -1;\n return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;\n }\n findPrevOptionIndex(index) {\n const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidOption(option)) : -1;\n return matchedOptionIndex > -1 ? matchedOptionIndex : index;\n }\n isValidSelectedOption(option) {\n return this.isValidOption(option) && this.isSelected(option);\n }\n isValidOption(option) {\n return option && !(this.isOptionDisabled(option) || this.isOptionGroup(option));\n }\n isOptionDisabled(option) {\n return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;\n }\n isSelected(option) {\n if (this.multiple) {\n return this.unique ? this.modelValue()?.find((model) => ObjectUtils.equals(model, this.getOptionValue(option), this.equalityKey())) : false;\n }\n return ObjectUtils.equals(this.modelValue(), this.getOptionValue(option), this.equalityKey());\n }\n isOptionMatched(option, value) {\n return this.isValidOption(option) && this.getOptionLabel(option).toLocaleLowerCase(this.searchLocale) === value.toLocaleLowerCase(this.searchLocale);\n }\n isInputClicked(event) {\n return event.target === this.inputEL.nativeElement;\n }\n isDropdownClicked(event) {\n return this.dropdownButton?.nativeElement ? event.target === this.dropdownButton.nativeElement || this.dropdownButton.nativeElement.contains(event.target) : false;\n }\n equalityKey() {\n return this.dataKey; // TODO: The 'optionValue' properties can be added.\n }\n onContainerClick(event) {\n if (this.disabled || this.loading || this.isInputClicked(event) || this.isDropdownClicked(event)) {\n return;\n }\n if (!this.overlayViewChild || !this.overlayViewChild.overlayViewChild?.nativeElement.contains(event.target)) {\n DomHandler.focus(this.inputEL.nativeElement);\n }\n }\n handleDropdownClick(event) {\n let query = undefined;\n if (this.overlayVisible) {\n this.hide(true);\n }\n else {\n DomHandler.focus(this.inputEL.nativeElement);\n query = this.inputEL.nativeElement.value;\n if (this.dropdownMode === 'blank')\n this.search(event, '', 'dropdown');\n else if (this.dropdownMode === 'current')\n this.search(event, query, 'dropdown');\n }\n this.onDropdownClick.emit({ originalEvent: event, query });\n }\n onInput(event) {\n if (this.searchTimeout) {\n clearTimeout(this.searchTimeout);\n }\n let query = event.target.value;\n if (this.maxlength !== null) {\n query = query.split('').slice(0, this.maxlength).join('');\n }\n if (!this.multiple && !this.forceSelection) {\n this.updateModel(query);\n }\n if (query.length === 0 && !this.multiple && !this.completeOnFocus) {\n this.onClear.emit();\n this.hide();\n }\n else {\n if (query.length >= this.minLength) {\n this.focusedOptionIndex.set(-1);\n this.searchTimeout = setTimeout(() => {\n this.search(event, query, 'input');\n }, this.delay);\n }\n else {\n this.hide();\n }\n }\n }\n onInputChange(event) {\n if (this.forceSelection) {\n let valid = false;\n if (this.visibleOptions()) {\n const matchedValue = this.visibleOptions().find((option) => this.isOptionMatched(option, this.inputEL.nativeElement.value || ''));\n if (matchedValue !== undefined) {\n valid = true;\n !this.isSelected(matchedValue) && this.onOptionSelect(event, matchedValue);\n }\n }\n if (!valid) {\n this.inputEL.nativeElement.value = '';\n !this.multiple && this.updateModel(null);\n }\n }\n }\n onInputFocus(event) {\n if (this.disabled) {\n // For ScreenReaders\n return;\n }\n if (!this.dirty && this.completeOnFocus) {\n this.search(event, event.target.value, 'focus');\n this.show();\n }\n this.dirty = true;\n this.focused = true;\n const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;\n this.focusedOptionIndex.set(focusedOptionIndex);\n this.overlayVisible && this.scrollInView(this.focusedOptionIndex());\n this.onFocus.emit(event);\n }\n onMultipleContainerFocus(event) {\n if (this.disabled) {\n // For ScreenReaders\n return;\n }\n this.focused = true;\n }\n onMultipleContainerBlur(event) {\n this.focusedMultipleOptionIndex.set(-1);\n this.focused = false;\n }\n onMultipleContainerKeyDown(event) {\n if (this.disabled) {\n event.preventDefault();\n return;\n }\n switch (event.code) {\n case 'ArrowLeft':\n this.onArrowLeftKeyOnMultiple(event);\n break;\n case 'ArrowRight':\n this.onArrowRightKeyOnMultiple(event);\n break;\n case 'Backspace':\n this.onBackspaceKeyOnMultiple(event);\n break;\n default:\n break;\n }\n }\n onInputBlur(event) {\n this.dirty = false;\n this.focused = false;\n this.focusedOptionIndex.set(-1);\n /** triggered only if user can input freely text\n * Later on it must set touched also onSelect */\n if (!this.forceSelection) {\n this.onModelTouched();\n }\n this.onBlur.emit(event);\n }\n onInputPaste(event) {\n this.onKeyDown(event);\n }\n onInputKeyUp(event) {\n this.onKeyUp.emit(event);\n }\n onKeyDown(event) {\n if (this.disabled) {\n event.preventDefault();\n return;\n }\n switch (event.code) {\n case 'ArrowDown':\n this.onArrowDownKey(event);\n break;\n case 'ArrowUp':\n this.onArrowUpKey(event);\n break;\n case 'ArrowLeft':\n this.onArrowLeftKey(event);\n break;\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n case 'Home':\n this.onHomeKey(event);\n break;\n case 'End':\n this.onEndKey(event);\n break;\n case 'PageDown':\n this.onPageDownKey(event);\n break;\n case 'PageUp':\n this.onPageUpKey(event);\n break;\n case 'Enter':\n case 'NumpadEnter':\n this.onEnterKey(event);\n break;\n case 'Escape':\n this.onEscapeKey(event);\n break;\n case 'Tab':\n this.onTabKey(event);\n break;\n case 'Backspace':\n this.onBackspaceKey(event);\n break;\n case 'ShiftLeft':\n case 'ShiftRight':\n //NOOP\n break;\n default:\n break;\n }\n }\n onArrowDownKey(event) {\n if (!this.overlayVisible) {\n return;\n }\n const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.findFirstFocusedOptionIndex();\n this.changeFocusedOptionIndex(event, optionIndex);\n event.preventDefault();\n event.stopPropagation();\n }\n onArrowUpKey(event) {\n if (!this.overlayVisible) {\n return;\n }\n if (event.altKey) {\n if (this.focusedOptionIndex() !== -1) {\n this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);\n }\n this.overlayVisible && this.hide();\n event.preventDefault();\n }\n else {\n const optionIndex = this.focusedOptionIndex() !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex()) : this.findLastFocusedOptionIndex();\n this.changeFocusedOptionIndex(event, optionIndex);\n event.preventDefault();\n event.stopPropagation();\n }\n }\n onArrowLeftKey(event) {\n const target = event.currentTarget;\n this.focusedOptionIndex.set(-1);\n if (this.multiple) {\n if (ObjectUtils.isEmpty(target.value) && this.hasSelectedOption()) {\n DomHandler.focus(this.multiContainerEL.nativeElement);\n this.focusedMultipleOptionIndex.set(this.modelValue().length);\n }\n else {\n event.stopPropagation(); // To prevent onArrowLeftKeyOnMultiple method\n }\n }\n }\n onArrowRightKey(event) {\n this.focusedOptionIndex.set(-1);\n this.multiple && event.stopPropagation(); // To prevent onArrowRightKeyOnMultiple method\n }\n onHomeKey(event) {\n const { currentTarget } = event;\n const len = currentTarget.value.length;\n currentTarget.setSelectionRange(0, event.shiftKey ? len : 0);\n this.focusedOptionIndex.set(-1);\n event.preventDefault();\n }\n onEndKey(event) {\n const { currentTarget } = event;\n const len = currentTarget.value.length;\n currentTarget.setSelectionRange(event.shiftKey ? 0 : len, len);\n this.focusedOptionIndex.set(-1);\n event.preventDefault();\n }\n onPageDownKey(event) {\n this.scrollInView(this.visibleOptions().length - 1);\n event.preventDefault();\n }\n onPageUpKey(event) {\n this.scrollInView(0);\n event.preventDefault();\n }\n onEnterKey(event) {\n if (!this.overlayVisible) {\n this.onArrowDownKey(event);\n }\n else {\n if (this.focusedOptionIndex() !== -1) {\n this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);\n event.preventDefault();\n }\n this.hide();\n }\n }\n onEscapeKey(event) {\n this.overlayVisible && this.hide(true);\n event.preventDefault();\n }\n onTabKey(event) {\n if (this.focusedOptionIndex() !== -1) {\n this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);\n }\n this.overlayVisible && this.hide();\n }\n onBackspaceKey(event) {\n if (this.multiple) {\n if (ObjectUtils.isNotEmpty(this.modelValue()) && !this.inputEL.nativeElement.value) {\n const removedValue = this.modelValue()[this.modelValue().length - 1];\n const newValue = this.modelValue().slice(0, -1);\n this.updateModel(newValue);\n this.onUnselect.emit({ originalEvent: event, value: removedValue });\n }\n event.stopPropagation(); // To prevent onBackspaceKeyOnMultiple method\n }\n }\n onArrowLeftKeyOnMultiple(event) {\n const optionIndex = this.focusedMultipleOptionIndex() < 1 ? 0 : this.focusedMultipleOptionIndex() - 1;\n this.focusedMultipleOptionIndex.set(optionIndex);\n }\n onArrowRightKeyOnMultiple(event) {\n let optionIndex = this.focusedMultipleOptionIndex();\n optionIndex++;\n this.focusedMultipleOptionIndex.set(optionIndex);\n if (optionIndex > this.modelValue().length - 1) {\n this.focusedMultipleOptionIndex.set(-1);\n DomHandler.focus(this.inputEL.nativeElement);\n }\n }\n onBackspaceKeyOnMultiple(event) {\n if (this.focusedMultipleOptionIndex() !== -1) {\n this.removeOption(event, this.focusedMultipleOptionIndex());\n }\n }\n onOptionSelect(event, option, isHide = true) {\n const value = this.getOptionValue(option);\n if (this.multiple) {\n this.inputEL.nativeElement.value = '';\n if (!this.isSelected(option)) {\n this.updateModel([...(this.modelValue() || []), value]);\n }\n }\n else {\n this.updateModel(value);\n }\n /** triggers model touched to update FormControl\n * value in case updateOn is set to \"blur\" */\n this.onModelTouched();\n this.onSelect.emit({ originalEvent: event, value: option });\n isHide && this.hide(true);\n }\n onOptionMouseEnter(event, index) {\n if (this.focusOnHover) {\n this.changeFocusedOptionIndex(event, index);\n }\n }\n search(event, query, source) {\n //allow empty string but not undefined or null\n if (query === undefined || query === null) {\n return;\n }\n //do not search on input change if minLength is not met\n if (source === 'input' && query.trim().length < this.minLength) {\n return;\n }\n this.loading = true;\n this.completeMethod.emit({ originalEvent: event, query });\n }\n removeOption(event, index) {\n event.stopPropagation();\n const removedOption = this.modelValue()[index];\n const value = this.modelValue()\n .filter((_, i) => i !== index)\n .map((option) => this.getOptionValue(option));\n this.updateModel(value);\n this.onUnselect.emit({ originalEvent: event, value: removedOption });\n DomHandler.focus(this.inputEL.nativeElement);\n }\n updateModel(value) {\n this.value = value;\n this.modelValue.set(value);\n this.onModelChange(value);\n this.updateInputValue();\n this.cd.markForCheck();\n }\n updateInputValue() {\n if (this.inputEL && this.inputEL.nativeElement) {\n if (!this.multiple) {\n this.inputEL.nativeElement.value = this.inputValue();\n }\n else {\n this.inputEL.nativeElement.value = '';\n }\n }\n }\n autoUpdateModel() {\n if ((this.selectOnFocus || this.autoHighlight) && this.autoOptionFocus && !this.hasSelectedOption()) {\n const focusedOptionIndex = this.findFirstFocusedOptionIndex();\n this.focusedOptionIndex.set(focusedOptionIndex);\n this.onOptionSelect(null, this.visibleOptions()[this.focusedOptionIndex()], false);\n }\n }\n scrollInView(index = -1) {\n const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;\n if (this.itemsViewChild && this.itemsViewChild.nativeElement) {\n const element = DomHandler.findSingle(this.itemsViewChild.nativeElement, `li[id=\"${id}\"]`);\n if (element) {\n element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n else if (!this.virtualScrollerDisabled) {\n setTimeout(() => {\n this.virtualScroll && this.scroller?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());\n }, 0);\n }\n }\n }\n changeFocusedOptionIndex(event, index) {\n if (this.focusedOptionIndex() !== index) {\n this.focusedOptionIndex.set(index);\n this.scrollInView();\n if (this.selectOnFocus) {\n this.onOptionSelect(event, this.visibleOptions()[index], false);\n }\n }\n }\n show(isFocus = false) {\n this.dirty = true;\n this.overlayVisible = true;\n const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;\n this.focusedOptionIndex.set(focusedOptionIndex);\n isFocus && DomHandler.focus(this.inputEL.nativeElement);\n if (isFocus) {\n DomHandler.focus(this.inputEL.nativeElement);\n }\n this.onShow.emit();\n this.cd.markForCheck();\n }\n hide(isFocus = false) {\n const _hide = () => {\n this.dirty = isFocus;\n this.overlayVisible = false;\n this.focusedOptionIndex.set(-1);\n isFocus && DomHandler.focus(this.inputEL.nativeElement);\n this.onHide.emit();\n this.cd.markForCheck();\n };\n // Added to adjust the scroller's content position when the dropdown closes.\n if (this.virtualScroll) {\n this.scroller.onScrollChange(event);\n }\n setTimeout(() => {\n _hide();\n }, 0); // For ScreenReaders\n }\n clear() {\n this.updateModel(null);\n this.inputEL.nativeElement.value = '';\n this.onClear.emit();\n }\n writeValue(value) {\n this.value = value;\n this.modelValue.set(value);\n this.updateInputValue();\n this.cd.markForCheck();\n }\n hasSelectedOption() {\n return ObjectUtils.isNotEmpty(this.modelValue());\n }\n getAriaPosInset(index) {\n return ((this.optionGroupLabel\n ? index -\n this.visibleOptions()\n .slice(0, index)\n .filter((option) => this.isOptionGroup(option)).length\n : index) + 1);\n }\n getOptionLabel(option) {\n return this.field || this.optionLabel ? ObjectUtils.resolveFieldData(option, this.field || this.optionLabel) : option && option.label != undefined ? option.label : option;\n }\n getOptionValue(option) {\n return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option;\n }\n getOptionIndex(index, scrollerOptions) {\n return this.virtualScrollerDisabled ? index : scrollerOptions && scrollerOptions.getItemOptions(index)['index'];\n }\n getOptionGroupLabel(optionGroup) {\n return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : optionGroup && optionGroup.label != undefined ? optionGroup.label : optionGroup;\n }\n getOptionGroupChildren(optionGroup) {\n return this.optionGroupChildren ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items;\n }\n getSelectedOption(modelValue) {\n if (!this.optionValue) {\n return modelValue;\n }\n return (this.suggestions || []).find((item) => ObjectUtils.resolveFieldData(item, this.optionValue) === modelValue);\n }\n getMultipleLabel(option) {\n let selected = this.getSelectedOption(option);\n return this.getOptionLabel(selected);\n }\n registerOnChange(fn) {\n this.onModelChange = fn;\n }\n registerOnTouched(fn) {\n this.onModelTouched = fn;\n }\n setDisabledState(val) {\n this.disabled = val;\n this.cd.markForCheck();\n }\n onOverlayAnimationStart(event) {\n if (event.toState === 'visible') {\n this.itemsWrapper = DomHandler.findSingle(this.overlayViewChild.overlayViewChild?.nativeElement, this.virtualScroll ? '.p-scroller' : '.p-autocomplete-panel');\n if (this.virtualScroll) {\n this.scroller?.setContentEl(this.itemsViewChild?.nativeElement);\n this.scroller.viewInit();\n }\n if (this.visibleOptions() && this.visibleOptions().length) {\n if (this.virtualScroll) {\n const selectedIndex = this.modelValue() ? this.focusedOptionIndex() : -1;\n if (selectedIndex !== -1) {\n this.scroller?.scrollToIndex(selectedIndex);\n }\n }\n else {\n let selectedListItem = DomHandler.findSingle(this.itemsWrapper, '.p-autocomplete-item.p-highlight');\n if (selectedListItem) {\n selectedListItem.scrollIntoView({ block: 'nearest', inline: 'center' });\n }\n }\n }\n }\n }\n ngOnDestroy() {\n if (this.scrollHandler) {\n this.scrollHandler.destroy();\n this.scrollHandler = null;\n }\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"18.0.1\", ngImport: i0, type: AutoComplete, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.PrimeNGConfig }, { token: i1.OverlayService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"16.1.0\", version: \"18.0.1\", type: AutoComplete, selector: \"p-autoComplete\", inputs: { minLength: [\"minLength\", \"minLength\", numberAttribute], delay: [\"delay\", \"delay\", numberAttribute], style: \"style\", panelStyle: \"panelStyle\", styleClass: \"styleClass\", panelStyleClass: \"panelStyleClass\", inputStyle: \"inputStyle\", inputId: \"inputId\", inputStyleClass: \"inputStyleClass\", placeholder: \"placeholder\", readonly: [\"readonly\", \"readonly\", booleanAttribute], disabled: [\"disabled\", \"disabled\", booleanAttribute], scrollHeight: \"scrollHeight\", lazy: [\"lazy\", \"lazy\", booleanAttribute], virtualScroll: [\"virtualScroll\", \"virtualScroll\", booleanAttribute], virtualScrollItemSize: [\"virtualScrollItemSize\", \"virtualScrollItemSize\", numberAttribute], virtualScrollOptions: \"virtualScrollOptions\", maxlength: [\"maxlength\", \"maxlength\", (value) => numberAttribute(value, null)], name: \"name\", required: [\"required\", \"required\", booleanAttribute], size: [\"size\", \"size\", numberAttribute], appendTo: \"appendTo\", autoHighlight: [\"autoHighlight\", \"autoHighlight\", booleanAttribute], forceSelection: [\"forceSelection\", \"forceSelection\", booleanAttribute], type: \"type\", autoZIndex: [\"autoZIndex\", \"autoZIndex\", booleanAttribute], baseZIndex: [\"baseZIndex\", \"baseZIndex\", numberAttribute], ariaLabel: \"ariaLabel\", dropdownAriaLabel: \"dropdownAriaLabel\", ariaLabelledBy: \"ariaLabelledBy\", dropdownIcon: \"dropdownIcon\", unique: [\"unique\", \"unique\", booleanAttribute], group: [\"group\", \"group\", booleanAttribute], completeOnFocus: [\"completeOnFocus\", \"completeOnFocus\", booleanAttribute], showClear: [\"showClear\", \"showClear\", booleanAttribute], field: \"field\", dropdown: [\"dropdown\", \"dropdown\", booleanAttribute], showEmptyMessage: [\"showEmptyMessage\", \"showEmptyMessage\", booleanAttribute], dropdownMode: \"dropdownMode\", multiple: [\"multiple\", \"multiple\", booleanAttribute], tabindex: [\"tabindex\", \"tabindex\", numberAttribute], dataKey: \"dataKey\", emptyMessage: \"emptyMessage\", showTransitionOptions: \"showTransitionOptions\", hideTransitionOptions: \"hideTransitionOptions\", autofocus: [\"autofocus\", \"autofocus\", booleanAttribute], autocomplete: \"autocomplete\", optionGroupChildren: \"optionGroupChildren\", optionGroupLabel: \"optionGroupLabel\", overlayOptions: \"overlayOptions\", suggestions: \"suggestions\", itemSize: \"itemSize\", optionLabel: \"optionLabel\", optionValue: \"optionValue\", id: \"id\", searchMessage: \"searchMessage\", emptySelectionMessage: \"emptySelectionMessage\", selectionMessage: \"selectionMessage\", autoOptionFocus: [\"autoOptionFocus\", \"autoOptionFocus\", booleanAttribute], selectOnFocus: [\"selectOnFocus\", \"selectOnFocus\", booleanAttribute], searchLocale: [\"searchLocale\", \"searchLocale\", booleanAttribute], optionDisabled: \"optionDisabled\", focusOnHover: [\"focusOnHover\", \"focusOnHover\", booleanAttribute], variant: \"variant\" }, outputs: { completeMethod: \"completeMethod\", onSelect: \"onSelect\", onUnselect: \"onUnselect\", onFocus: \"onFocus\", onBlur: \"onBlur\", onDropdownClick: \"onDropdownClick\", onClear: \"onClear\", onKeyUp: \"onKeyUp\", onShow: \"onShow\", onHide: \"onHide\", onLazyLoad: \"onLazyLoad\" }, host: { properties: { \"class.p-inputwrapper-filled\": \"filled\", \"class.p-inputwrapper-focus\": \"((focused && !disabled) || autofocus) || overlayVisible\", \"class.p-autocomplete-clearable\": \"showClear && !disabled\" }, classAttribute: \"p-element p-inputwrapper\" }, providers: [AUTOCOMPLETE_VALUE_ACCESSOR], queries: [{ propertyName: \"templates\", predicate: PrimeTemplate }], viewQueries: [{ propertyName: \"containerEL\", first: true, predicate: [\"container\"], descendants: true }, { propertyName: \"inputEL\", first: true, predicate: [\"focusInput\"], descendants: true }, { propertyName: \"multiInputEl\", first: true, predicate: [\"multiIn\"], descendants: true }, { propertyName: \"multiContainerEL\", first: true, predicate: [\"multiContainer\"], descendants: true }, { propertyName: \"dropdownButton\", first: true, predicate: [\"ddBtn\"], descendants: true }, { propertyName: \"itemsViewChild\", first: true, predicate: [\"items\"], descendants: true }, { propertyName: \"scroller\", first: true, predicate: [\"scroller\"], descendants: true }, { propertyName: \"overlayViewChild\", first: true, predicate: [\"overlay\"], descendants: true }], ngImport: i0, template: `\n
\n `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {\n class: 'p-element'\n }, styles: [\"@layer primeng{.p-divider-horizontal{display:flex;width:100%;position:relative;align-items:center}.p-divider-horizontal:before{position:absolute;display:block;top:50%;left:0;width:100%;content:\\\"\\\"}.p-divider-horizontal.p-divider-left{justify-content:flex-start}.p-divider-horizontal.p-divider-right{justify-content:flex-end}.p-divider-horizontal.p-divider-center{justify-content:center}.p-divider-content{z-index:1}.p-divider-vertical{min-height:100%;margin:0 1rem;display:flex;position:relative;justify-content:center}.p-divider-vertical:before{position:absolute;display:block;top:0;left:50%;height:100%;content:\\\"\\\"}.p-divider-vertical.p-divider-top{align-items:flex-start}.p-divider-vertical.p-divider-center{align-items:center}.p-divider-vertical.p-divider-bottom{align-items:flex-end}.p-divider-solid.p-divider-horizontal:before{border-top-style:solid}.p-divider-solid.p-divider-vertical:before{border-left-style:solid}.p-divider-dashed.p-divider-horizontal:before{border-top-style:dashed}.p-divider-dashed.p-divider-vertical:before{border-left-style:dashed}.p-divider-dotted.p-divider-horizontal:before{border-top-style:dotted}.p-divider-dotted.p-divider-vertical:before{border-left-style:dotted}}\\n\"] }]\n }], propDecorators: { style: [{\n type: Input\n }], styleClass: [{\n type: Input\n }], layout: [{\n type: Input\n }], type: [{\n type: Input\n }], align: [{\n type: Input\n }] } });\nclass DividerModule {\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"18.0.1\", ngImport: i0, type: DividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\n static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"18.0.1\", ngImport: i0, type: DividerModule, declarations: [Divider], imports: [CommonModule], exports: [Divider] });\n static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"18.0.1\", ngImport: i0, type: DividerModule, imports: [CommonModule] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"18.0.1\", ngImport: i0, type: DividerModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [CommonModule],\n exports: [Divider],\n declarations: [Divider]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { Divider, DividerModule };\n","import { Injectable } from \"@angular/core\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { BiTranslateService } from \"@globals/bi-translate\";\r\nimport { BiLanguageId } from \"@globals/enums/BiLanguageAndCountryId\";\r\nimport { cloneObject, createAddressString, isStringNullOrEmpty, removeItemAtImmutable } from \"@globals/helper-functions\";\r\nimport { AddressModel } from \"@globals/openapi-models/model/addressModel\";\r\nimport { PhoneNumberTypeEnum } from \"@globals/openapi-models/model/phoneNumberTypeEnum\";\r\nimport { SubscribeAddressCommand } from \"@globals/openapi-models/model/subscribeAddressCommand\";\r\nimport { SubscribeSupplyNumberCommand } from \"@globals/openapi-models/model/subscribeSupplyNumberCommand\";\r\nimport { SubscriptionDto } from \"@globals/openapi-models/model/subscriptionDto\";\r\nimport { SubscriptionModuleModel } from \"@globals/openapi-models/model/subscriptionModuleModel\";\r\nimport { SubscriptionType } from \"@globals/openapi-models/model/subscriptionType\";\r\nimport { UnsubscribeAddressCommand } from \"@globals/openapi-models/model/unsubscribeAddressCommand\";\r\nimport { UnsubscribeSupplyNumberCommand } from \"@globals/openapi-models/model/unsubscribeSupplyNumberCommand\";\r\nimport { SubscribeModuleBaseService } from \"@globals/services/bi-subscribe-module-base.service\";\r\nimport parsePhoneNumberFromString from \"libphonenumber-js\";\r\nimport { BehaviorSubject, Observable, take, tap } from \"rxjs\";\r\nimport { SubscriptionModuleBaseSharedService } from \"../shared/SubscriptionModuleBaseSharedService\";\r\nimport { SupplyNumberAndAlias } from \"./create-supply-number-subscription/create-supply-number-subscription.component\";\r\n\r\n@Injectable()\r\nexport class SubscriptionModuleSharedService extends SubscriptionModuleBaseSharedService {\r\n private subscriptions = new BehaviorSubject([]);\r\n public subscriptions$ = this.subscriptions.asObservable();\r\n\r\n private moduleConfigModelSubject = new BehaviorSubject(undefined);\r\n\r\n /**\r\n * The config object for the subscription module based on the customer's settings.\r\n */\r\n public moduleConfigModel$ = this.moduleConfigModelSubject.asObservable();\r\n\r\n /**\r\n * The subscription overview component is destroyed each time we cange step in the subscription module. Then it's\r\n * impossible to know, if the first data emitted by this service is just the default (empty array) or data\r\n * comming from server (as we subscribe to a behaviorsubject that must have a default value).\r\n * This flag tells if the list of subscriptions has been initialized/loaded /and cahced) making it possible to know\r\n * whether to show a loading spinner or not (we shouldn't if data is already cached in frontend)\r\n */\r\n public subscriptionsInitialized = false;\r\n\r\n constructor(\r\n private subscriptionService: SubscribeModuleBaseService,\r\n private translator: BiTranslateService,\r\n protected activeRoute: ActivatedRoute\r\n ) {\r\n super();\r\n }\r\n\r\n /**\r\n * For getting the data for the subscription overview component\r\n */\r\n public getSubscriptionListData(onlyBusiness?: boolean, onlyPrivate?: boolean, noOperatorLookup?: boolean) {\r\n return this.subscriptionService\r\n .getSubscriptions(\r\n this.currentSubscriberInfo.accessToken,\r\n this.moduleConfigModelSubject.value.customerId,\r\n this.currentSubscriberInfo.mobileNumber,\r\n this.currentSubscriberInfo.email,\r\n this.currentSubscriberInfo.landlineNumber,\r\n onlyBusiness,\r\n onlyPrivate,\r\n noOperatorLookup\r\n )\r\n .pipe(\r\n take(1),\r\n tap(subscriptions => {\r\n this.subscriptionsInitialized = true;\r\n this.subscriptions.next(subscriptions);\r\n })\r\n );\r\n }\r\n\r\n public createAddressSubscription(subscriptionData: AddressModel): Observable