UNPKG

primeng

Version:

PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeB

995 lines (957 loc) 162 kB
import * as i1 from '@angular/common'; import { CommonModule } from '@angular/common'; import * as i0 from '@angular/core'; import { Injectable, forwardRef, EventEmitter, booleanAttribute, numberAttribute, Component, ViewEncapsulation, Input, Output, inject, signal, computed, effect, ChangeDetectionStrategy, ViewChild, ContentChild, ContentChildren, HostBinding, NgModule } from '@angular/core'; import * as i2 from '@angular/forms'; import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms'; import { deepEquals, isNotEmpty, isArray, isObject, uuid, equals, focus, findLastIndex, resolveFieldData, isPrintableCharacter, getFirstFocusableElement, getLastFocusableElement, findSingle, unblockBodyScroll, hasClass, isHidden, getFocusableElements } from '@primeuix/utils'; import * as i3 from 'primeng/api'; import { SharedModule, TranslationKeys, Footer, Header, PrimeTemplate } from 'primeng/api'; import { AutoFocus } from 'primeng/autofocus'; import { BaseComponent } from 'primeng/basecomponent'; import { Checkbox } from 'primeng/checkbox'; import { Chip } from 'primeng/chip'; import { DomHandler } from 'primeng/dom'; import { IconField } from 'primeng/iconfield'; import { CheckIcon, SearchIcon, TimesIcon, ChevronDownIcon } from 'primeng/icons'; import { InputIcon } from 'primeng/inputicon'; import { InputText } from 'primeng/inputtext'; import { Overlay } from 'primeng/overlay'; import { Ripple } from 'primeng/ripple'; import { Scroller } from 'primeng/scroller'; import { Tooltip } from 'primeng/tooltip'; import { BaseStyle } from 'primeng/base'; const theme = ({ dt }) => ` .p-multiselect { display: inline-flex; cursor: pointer; position: relative; user-select: none; background: ${dt('multiselect.background')}; border: 1px solid ${dt('multiselect.border.color')}; transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}; border-radius: ${dt('multiselect.border.radius')}; outline-color: transparent; box-shadow: ${dt('multiselect.shadow')}; } .p-multiselect.ng-invalid.ng-dirty { border-color: ${dt('multiselect.invalid.border.color')}; } .p-multiselect:not(.p-disabled):hover { border-color: ${dt('multiselect.hover.border.color')}; } .p-multiselect:not(.p-disabled).p-focus { border-color: ${dt('multiselect.focus.border.color')}; box-shadow: ${dt('multiselect.focus.ring.shadow')}; outline: ${dt('multiselect.focus.ring.width')} ${dt('multiselect.focus.ring.style')} ${dt('multiselect.focus.ring.color')}; outline-offset: ${dt('multiselect.focus.ring.offset')}; } .p-multiselect.p-variant-filled { background: ${dt('multiselect.filled.background')}; } .p-multiselect.p-variant-filled:not(.p-disabled):hover { background: ${dt('multiselect.filled.hover.background')}; } .p-multiselect.p-variant-filled.p-focus { background: ${dt('multiselect.filled.focus.background')}; } .p-multiselect.p-disabled { opacity: 1; background: ${dt('multiselect.disabled.background')}; } .p-multiselect-dropdown { display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: transparent; color: ${dt('multiselect.dropdown.color')}; width: ${dt('multiselect.dropdown.width')}; border-start-end-radius: ${dt('multiselect.border.radius')}; border-end-end-radius: ${dt('multiselect.border.radius')}; } .p-multiselect-label-container { overflow: hidden; flex: 1 1 auto; cursor: pointer; } .p-multiselect-label { display: flex; align-items-center; gap: calc(${dt('multiselect.padding.y')} / 2); white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; padding: ${dt('multiselect.padding.y')} ${dt('multiselect.padding.x')}; color: ${dt('multiselect.color')}; } .p-multiselect-label.p-placeholder { color: ${dt('multiselect.placeholder.color')}; } p-multiselect.ng-invalid.ng-dirty .p-multiselect-label.p-placeholder { color: ${dt('multiselect.invalid.placeholder.color')}; } .p-multiselect.p-disabled .p-multiselect-label { color: ${dt('multiselect.disabled.color')}; } .p-multiselect-label-empty { overflow: hidden; visibility: hidden; } .p-multiselect .p-multiselect-overlay { min-width: 100%; } .p-multiselect-overlay { background: ${dt('multiselect.overlay.background')}; color: ${dt('multiselect.overlay.color')}; border: 1px solid ${dt('multiselect.overlay.border.color')}; border-radius: ${dt('multiselect.overlay.border.radius')}; box-shadow: ${dt('multiselect.overlay.shadow')}; } .p-multiselect-header { display: flex; align-items: center; padding: ${dt('multiselect.list.header.padding')}; } .p-multiselect-header .p-checkbox { margin-inline-end: ${dt('multiselect.option.gap')}; } .p-multiselect-filter-container { flex: 1 1 auto; } .p-multiselect-filter { width: 100%; } .p-multiselect-list-container { overflow: auto; } .p-multiselect-list { margin: 0; padding: 0; list-style-type: none; padding: ${dt('multiselect.list.padding')}; display: flex; flex-direction: column; gap: ${dt('multiselect.list.gap')} } .p-multiselect-option { cursor: pointer; font-weight: normal; white-space: nowrap; position: relative; overflow: hidden; display: flex; align-items: center; gap: ${dt('multiselect.option.gap')}; padding: ${dt('multiselect.option.padding')}; border: 0 none; color: ${dt('multiselect.option.color')}; background: transparent; transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}; border-radius: ${dt('multiselect.option.border.radius')} } .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus { background: ${dt('multiselect.option.focus.background')}; color: ${dt('multiselect.option.focus.color')}; } .p-multiselect-option.p-multiselect-option-selected { background: ${dt('multiselect.option.selected.background')}; color: ${dt('multiselect.option.selected.color')}; } .p-multiselect-option.p-multiselect-option-selected.p-focus { background: ${dt('multiselect.option.selected.focus.background')}; color: ${dt('multiselect.option.selected.focus.color')}; } .p-multiselect-option-group { cursor: auto; margin: 0; padding: ${dt('multiselect.option.group.padding')}; background: ${dt('multiselect.option.group.background')}; color: ${dt('multiselect.option.group.color')}; font-weight: ${dt('multiselect.option.group.font.weight')}; } .p-multiselect-empty-message { padding: ${dt('multiselect.empty.message.padding')}; } .p-multiselect-label .p-chip { padding-top: calc(${dt('multiselect.padding.y')} / 2); padding-bottom: calc(${dt('multiselect.padding.y')} / 2); border-radius: ${dt('multiselect.chip.border.radius')}; } .p-multiselect-label:has(.p-chip) { padding: calc(${dt('multiselect.padding.y')} / 2) calc(${dt('multiselect.padding.x')} / 2); } .p-multiselect-fluid { display: flex; } .p-multiselect-sm .p-multiselect-label { font-size: ${dt('multiselect.sm.font.size')}; padding-block: ${dt('multiselect.sm.padding.y')}; padding-inline: ${dt('multiselect.sm.padding.x')}; } .p-multiselect-sm .p-multiselect-dropdown .p-icon { font-size: ${dt('multiselect.sm.font.size')}; width: ${dt('multiselect.sm.font.size')}; height: ${dt('multiselect.sm.font.size')}; } .p-multiselect-lg .p-multiselect-label { font-size: ${dt('multiselect.lg.font.size')}; padding-block: ${dt('multiselect.lg.padding.y')}; padding-inline: ${dt('multiselect.lg.padding.x')}; } .p-multiselect-lg .p-multiselect-dropdown .p-icon { font-size: ${dt('multiselect.lg.font.size')}; width: ${dt('multiselect.lg.font.size')}; height: ${dt('multiselect.lg.font.size')}; } .p-multiselect-clear-icon { cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: transparent; color: ${dt('multiselect.clear.icon.color')}; }`; const inlineStyles = { root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined }) }; const classes = { root: ({ instance }) => ({ 'p-multiselect p-component p-inputwrapper': true, 'p-multiselect-display-chip': instance.display === 'chip', 'p-disabled': instance.disabled, 'p-invalid': instance.invalid, 'p-variant-filled': instance.variant ? instance.variant === 'filled' : instance.config.inputStyle === 'filled', 'p-focus': instance.focused, 'p-inputwrapper-filled': instance.filled, 'p-inputwrapper-focus': instance.focused || instance.overlayVisible, 'p-multiselect-open': instance.overlayVisible, 'p-multiselect-fluid': instance.hasFluid, 'p-multiselect-sm p-inputfield-sm': instance.size === 'small', 'p-multiselect-lg p-inputfield-lg': instance.size === 'large' }), labelContainer: 'p-multiselect-label-container', label: ({ instance }) => ({ 'p-multiselect-label': true, 'p-placeholder': instance.label() === instance.placeholder(), 'p-multiselect-label-empty': !instance.placeholder() && !instance.defaultLabel && (!instance.modelValue() || instance.modelValue().length === 0) }), chipItem: 'p-multiselect-chip-item', pcChip: 'p-multiselect-chip', chipIcon: 'p-multiselect-chip-icon', dropdown: 'p-multiselect-dropdown', loadingIcon: 'p-multiselect-loading-icon', dropdownIcon: 'p-multiselect-dropdown-icon', overlay: 'p-multiselect-overlay p-component', header: 'p-multiselect-header', pcFilterContainer: 'p-multiselect-filter-container', pcFilter: 'p-multiselect-filter', listContainer: 'p-multiselect-list-container', list: 'p-multiselect-list', optionGroup: 'p-multiselect-option-group', option: ({ instance, option, index, getItemOptions }) => ({ 'p-multiselect-option': true, 'p-multiselect-option-selected': instance.isSelected(option) && instance.highlightOnSelect, 'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(index, getItemOptions), 'p-disabled': instance.isOptionDisabled(option) }), emptyMessage: 'p-multiselect-empty-message' }; class MultiSelectStyle extends BaseStyle { name = 'multiselect'; theme = theme; classes = classes; inlineStyles = inlineStyles; static ɵfac = /*@__PURE__*/ (() => { let ɵMultiSelectStyle_BaseFactory; return function MultiSelectStyle_Factory(__ngFactoryType__) { return (ɵMultiSelectStyle_BaseFactory || (ɵMultiSelectStyle_BaseFactory = i0.ɵɵgetInheritedFactory(MultiSelectStyle)))(__ngFactoryType__ || MultiSelectStyle); }; })(); static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MultiSelectStyle, factory: MultiSelectStyle.ɵfac }); } (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MultiSelectStyle, [{ type: Injectable }], null, null); })(); /** * * MultiSelect is used to select multiple items from a collection. * * [Live Demo](https://www.primeng.org/multiselect/) * * @module multiselectstyle * */ var MultiSelectClasses; (function (MultiSelectClasses) { /** * Class name of the root element */ MultiSelectClasses["root"] = "p-multiselect"; /** * Class name of the label container element */ MultiSelectClasses["labelContainer"] = "p-multiselect-label-container"; /** * Class name of the label element */ MultiSelectClasses["label"] = "p-multiselect-label"; /** * Class name of the chip item element */ MultiSelectClasses["chipItem"] = "p-multiselect-chip-item"; /** * Class name of the chip element */ MultiSelectClasses["pcChip"] = "p-multiselect-chip"; /** * Class name of the chip icon element */ MultiSelectClasses["chipIcon"] = "p-multiselect-chip-icon"; /** * Class name of the dropdown element */ MultiSelectClasses["dropdown"] = "p-multiselect-dropdown"; /** * Class name of the loading icon element */ MultiSelectClasses["loadingIcon"] = "p-multiselect-loading-icon"; /** * Class name of the dropdown icon element */ MultiSelectClasses["dropdownIcon"] = "p-multiselect-dropdown-icon"; /** * Class name of the overlay element */ MultiSelectClasses["overlay"] = "p-multiselect-overlay"; /** * Class name of the header element */ MultiSelectClasses["header"] = "p-multiselect-header"; /** * Class name of the filter container element */ MultiSelectClasses["pcFilterContainer"] = "p-multiselect-filter-container"; /** * Class name of the filter element */ MultiSelectClasses["pcFilter"] = "p-multiselect-filter"; /** * Class name of the list container element */ MultiSelectClasses["listContainer"] = "p-multiselect-list-container"; /** * Class name of the list element */ MultiSelectClasses["list"] = "p-multiselect-list"; /** * Class name of the option group element */ MultiSelectClasses["optionGroup"] = "p-multiselect-option-group"; /** * Class name of the option element */ MultiSelectClasses["option"] = "p-multiselect-option"; /** * Class name of the empty message element */ MultiSelectClasses["emptyMessage"] = "p-multiselect-empty-message"; })(MultiSelectClasses || (MultiSelectClasses = {})); const _c0 = a0 => ({ height: a0 }); const _c1 = (a0, a1) => ({ "p-multiselect-option": true, "p-disabled": a0, "p-focus": a1 }); const _c2 = a0 => ({ $implicit: a0 }); const _c3 = (a0, a1) => ({ checked: a0, class: a1 }); function MultiSelectItem_ng_container_2_ng_template_1_0_ng_template_0_Template(rf, ctx) { } function MultiSelectItem_ng_container_2_ng_template_1_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelectItem_ng_container_2_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template"); } } function MultiSelectItem_ng_container_2_ng_template_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelectItem_ng_container_2_ng_template_1_0_Template, 1, 0, null, 4); } if (rf & 2) { const klass_r1 = ctx.class; const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.itemCheckboxIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c3, ctx_r1.selected, klass_r1)); } } function MultiSelectItem_ng_container_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelectItem_ng_container_2_ng_template_1_Template, 1, 5, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor); i0.ɵɵelementContainerEnd(); } } function MultiSelectItem_span_3_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "span"); i0.ɵɵtext(1); i0.ɵɵelementEnd(); } if (rf & 2) { let tmp_1_0; const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵtextInterpolate((tmp_1_0 = ctx_r1.label) !== null && tmp_1_0 !== undefined ? tmp_1_0 : "empty"); } } function MultiSelectItem_ng_container_4_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } const _c4 = ["item"]; const _c5 = ["group"]; const _c6 = ["loader"]; const _c7 = ["header"]; const _c8 = ["filter"]; const _c9 = ["footer"]; const _c10 = ["emptyfilter"]; const _c11 = ["empty"]; const _c12 = ["selecteditems"]; const _c13 = ["checkicon"]; const _c14 = ["loadingicon"]; const _c15 = ["filtericon"]; const _c16 = ["removetokenicon"]; const _c17 = ["chipicon"]; const _c18 = ["clearicon"]; const _c19 = ["dropdownicon"]; const _c20 = ["itemcheckboxicon"]; const _c21 = ["headercheckboxicon"]; const _c22 = ["overlay"]; const _c23 = ["filterInput"]; const _c24 = ["focusInput"]; const _c25 = ["items"]; const _c26 = ["scroller"]; const _c27 = ["lastHiddenFocusableEl"]; const _c28 = ["firstHiddenFocusableEl"]; const _c29 = ["headerCheckbox"]; const _c30 = [[["p-header"]], [["p-footer"]]]; const _c31 = ["p-header", "p-footer"]; const _c32 = () => ({ class: "p-multiselect-chip-icon" }); const _c33 = (a0, a1) => ({ $implicit: a0, removeChip: a1 }); const _c34 = a0 => ({ options: a0 }); const _c35 = (a0, a1, a2) => ({ checked: a0, partialSelected: a1, class: a2 }); const _c36 = (a0, a1) => ({ $implicit: a0, options: a1 }); const _c37 = () => ({}); function MultiSelect_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtext(1); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵtextInterpolate(ctx_r1.label() || "empty"); } } function MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_ng_container_0_span_1_ng_container_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_ng_container_0_span_1_Template(rf, ctx) { if (rf & 1) { const _r5 = i0.ɵɵgetCurrentView(); i0.ɵɵelementStart(0, "span", 28); i0.ɵɵlistener("click", function MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_ng_container_0_span_1_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext(4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeOption(item_r4, $event)); }); i0.ɵɵtemplate(1, MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_ng_container_0_span_1_ng_container_1_Template, 1, 0, "ng-container", 29); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(7); i0.ɵɵattribute("data-pc-section", "clearicon")("aria-hidden", true); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.chipIconTemplate || ctx_r1._chipIconTemplate || ctx_r1.removeTokenIconTemplate || ctx_r1._removeTokenIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction0(4, _c32)); } } function MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_ng_container_0_span_1_Template, 2, 5, "span", 27); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(6); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.chipIconTemplate || ctx_r1._chipIconTemplate || ctx_r1.removeTokenIconTemplate || ctx_r1._removeTokenIconTemplate); } } function MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_ng_container_0_Template, 2, 1, "ng-container", 20); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(5); i0.ɵɵproperty("ngIf", !ctx_r1.disabled); } } function MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_ng_template_1_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor); i0.ɵɵelementContainerEnd(); } } function MultiSelect_ng_container_5_ng_container_2_div_1_Template(rf, ctx) { if (rf & 1) { const _r3 = i0.ɵɵgetCurrentView(); i0.ɵɵelementStart(0, "div", 25, 4)(2, "p-chip", 26); i0.ɵɵlistener("onRemove", function MultiSelect_ng_container_5_ng_container_2_div_1_Template_p_chip_onRemove_2_listener($event) { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeOption(item_r4, $event)); }); i0.ɵɵtemplate(3, MultiSelect_ng_container_5_ng_container_2_div_1_ng_container_3_Template, 3, 0, "ng-container", 20); i0.ɵɵelementEnd()(); } if (rf & 2) { const item_r4 = ctx.$implicit; const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵadvance(2); i0.ɵɵproperty("label", ctx_r1.getLabelByValue(item_r4))("removable", true)("removeIcon", ctx_r1.chipIcon); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.chipIconTemplate || ctx_r1._chipIconTemplate || ctx_r1.removeTokenIconTemplate || ctx_r1._removeTokenIconTemplate); } } function MultiSelect_ng_container_5_ng_container_2_ng_container_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtext(1); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵadvance(); i0.ɵɵtextInterpolate(ctx_r1.placeholder() || ctx_r1.defaultLabel || "empty"); } } function MultiSelect_ng_container_5_ng_container_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_5_ng_container_2_div_1_Template, 4, 4, "div", 24)(2, MultiSelect_ng_container_5_ng_container_2_ng_container_2_Template, 2, 1, "ng-container", 20); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵproperty("ngForOf", ctx_r1.chipSelectedItems()); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.modelValue() || ctx_r1.modelValue().length === 0); } } function MultiSelect_ng_container_5_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_5_ng_container_1_Template, 2, 1, "ng-container", 20)(2, MultiSelect_ng_container_5_ng_container_2_Template, 3, 2, "ng-container", 20); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.display === "comma"); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.display === "chip"); } } function MultiSelect_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_container_6_ng_container_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtext(1); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵtextInterpolate(ctx_r1.placeholder() || ctx_r1.defaultLabel || "empty"); } } function MultiSelect_ng_container_6_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_6_ng_container_1_Template, 1, 0, "ng-container", 29)(2, MultiSelect_ng_container_6_ng_container_2_Template, 2, 1, "ng-container", 20); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.selectedItemsTemplate || ctx_r1._selectedItemsTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c33, ctx_r1.selectedOptions, ctx_r1.removeOption.bind(ctx_r1))); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.modelValue() || ctx_r1.modelValue().length === 0); } } function MultiSelect_ng_container_7_TimesIcon_1_Template(rf, ctx) { if (rf & 1) { const _r6 = i0.ɵɵgetCurrentView(); i0.ɵɵelementStart(0, "TimesIcon", 31); i0.ɵɵlistener("click", function MultiSelect_ng_container_7_TimesIcon_1_Template_TimesIcon_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clear($event)); }); i0.ɵɵelementEnd(); } if (rf & 2) { i0.ɵɵattribute("data-pc-section", "clearicon")("aria-hidden", true); } } function MultiSelect_ng_container_7_span_2_1_ng_template_0_Template(rf, ctx) { } function MultiSelect_ng_container_7_span_2_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_container_7_span_2_1_ng_template_0_Template, 0, 0, "ng-template"); } } function MultiSelect_ng_container_7_span_2_Template(rf, ctx) { if (rf & 1) { const _r7 = i0.ɵɵgetCurrentView(); i0.ɵɵelementStart(0, "span", 31); i0.ɵɵlistener("click", function MultiSelect_ng_container_7_span_2_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clear($event)); }); i0.ɵɵtemplate(1, MultiSelect_ng_container_7_span_2_1_Template, 1, 0, null, 32); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵattribute("data-pc-section", "clearicon")("aria-hidden", true); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.clearIconTemplate || ctx_r1._clearIconTemplate); } } function MultiSelect_ng_container_7_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_7_TimesIcon_1_Template, 1, 2, "TimesIcon", 30)(2, MultiSelect_ng_container_7_span_2_Template, 2, 3, "span", 30); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.clearIconTemplate && !ctx_r1._clearIconTemplate); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.clearIconTemplate || ctx_r1._clearIconTemplate); } } function MultiSelect_ng_container_9_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_container_9_ng_container_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_9_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 32); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.loadingIconTemplate || ctx_r1._loadingIconTemplate); } } function MultiSelect_ng_container_9_ng_container_2_span_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "span", 35); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵproperty("ngClass", "p-multiselect-loading-icon pi-spin " + ctx_r1.loadingIcon); } } function MultiSelect_ng_container_9_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "span", 36); } if (rf & 2) { i0.ɵɵclassMap("p-multiselect-loading-icon pi pi-spinner pi-spin"); } } function MultiSelect_ng_container_9_ng_container_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_9_ng_container_2_span_1_Template, 1, 1, "span", 33)(2, MultiSelect_ng_container_9_ng_container_2_span_2_Template, 1, 2, "span", 34); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.loadingIcon); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.loadingIcon); } } function MultiSelect_ng_container_9_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_container_9_ng_container_1_Template, 2, 1, "ng-container", 20)(2, MultiSelect_ng_container_9_ng_container_2_Template, 3, 2, "ng-container", 20); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.loadingIconTemplate || ctx_r1._loadingIconTemplate); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.loadingIconTemplate && !ctx_r1._loadingIconTemplate); } } function MultiSelect_ng_template_10_ng_container_0_span_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "span", 40); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵproperty("ngClass", ctx_r1.dropdownIcon); i0.ɵɵattribute("data-pc-section", "triggericon")("aria-hidden", true); } } function MultiSelect_ng_template_10_ng_container_0_ChevronDownIcon_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "ChevronDownIcon", 41); } if (rf & 2) { i0.ɵɵproperty("styleClass", "p-multiselect-dropdown-icon"); i0.ɵɵattribute("data-pc-section", "triggericon")("aria-hidden", true); } } function MultiSelect_ng_template_10_ng_container_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_template_10_ng_container_0_span_1_Template, 1, 3, "span", 38)(2, MultiSelect_ng_template_10_ng_container_0_ChevronDownIcon_2_Template, 1, 3, "ChevronDownIcon", 39); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.dropdownIcon); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.dropdownIcon); } } function MultiSelect_ng_template_10_span_1_1_ng_template_0_Template(rf, ctx) { } function MultiSelect_ng_template_10_span_1_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_10_span_1_1_ng_template_0_Template, 0, 0, "ng-template"); } } function MultiSelect_ng_template_10_span_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "span", 42); i0.ɵɵtemplate(1, MultiSelect_ng_template_10_span_1_1_Template, 1, 0, null, 32); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵattribute("data-pc-section", "triggericon")("aria-hidden", true); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.dropdownIconTemplate || ctx_r1._dropdownIconTemplate); } } function MultiSelect_ng_template_10_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_10_ng_container_0_Template, 3, 2, "ng-container", 20)(1, MultiSelect_ng_template_10_span_1_Template, 2, 3, "span", 37); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵproperty("ngIf", !ctx_r1.dropdownIconTemplate && !ctx_r1._dropdownIconTemplate); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.dropdownIconTemplate || ctx_r1._dropdownIconTemplate); } } function MultiSelect_ng_template_14_ng_container_3_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_div_4_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_div_4_ng_container_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_template_14_div_4_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 29); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.filterTemplate || ctx_r1._filterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c34, ctx_r1.filterOptions)); } } function MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_CheckIcon_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "CheckIcon", 41); } if (rf & 2) { const klass_r10 = i0.ɵɵnextContext().class; i0.ɵɵproperty("styleClass", klass_r10); i0.ɵɵattribute("data-pc-section", "icon"); } } function MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_1_ng_template_0_Template(rf, ctx) { } function MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_1_ng_template_0_Template, 0, 0, "ng-template"); } } function MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_CheckIcon_0_Template, 1, 2, "CheckIcon", 39)(1, MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_1_Template, 1, 0, null, 29); } if (rf & 2) { const klass_r10 = ctx.class; const ctx_r1 = i0.ɵɵnextContext(5); i0.ɵɵproperty("ngIf", !ctx_r1.headerCheckboxIconTemplate && !ctx_r1._headerCheckboxIconTemplate && ctx_r1.allSelected()); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.headerCheckboxIconTemplate || ctx_r1._headerCheckboxIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c35, ctx_r1.allSelected(), ctx_r1.partialSelected(), klass_r10)); } } function MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_Template(rf, ctx) { if (rf & 1) { const _r9 = i0.ɵɵgetCurrentView(); i0.ɵɵelementStart(0, "p-checkbox", 51, 10); i0.ɵɵlistener("onChange", function MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_Template_p_checkbox_onChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onToggleAll($event)); }); i0.ɵɵtemplate(2, MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_ng_template_2_Template, 2, 7, "ng-template", null, 11, i0.ɵɵtemplateRefExtractor); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵproperty("ngModel", ctx_r1.allSelected())("binary", true)("variant", ctx_r1.variant)("disabled", ctx_r1.disabled); } } function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_SearchIcon_5_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "SearchIcon", 41); } if (rf & 2) { i0.ɵɵproperty("styleClass", "p-multiselect-filter-icon"); } } function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_span_6_1_ng_template_0_Template(rf, ctx) { } function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_span_6_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_div_4_ng_template_3_div_1_span_6_1_ng_template_0_Template, 0, 0, "ng-template"); } } function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_span_6_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "span", 55); i0.ɵɵtemplate(1, MultiSelect_ng_template_14_div_4_ng_template_3_div_1_span_6_1_Template, 1, 0, null, 32); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(5); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.filterIconTemplate || ctx_r1._filterIconTemplate); } } function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_Template(rf, ctx) { if (rf & 1) { const _r11 = i0.ɵɵgetCurrentView(); i0.ɵɵelementStart(0, "div", 52)(1, "p-iconfield")(2, "input", 53, 12); i0.ɵɵlistener("input", function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_Template_input_input_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onFilterInputChange($event)); })("keydown", function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_Template_input_keydown_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onFilterKeyDown($event)); })("click", function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_Template_input_click_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onInputClick($event)); })("blur", function MultiSelect_ng_template_14_div_4_ng_template_3_div_1_Template_input_blur_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onFilterBlur($event)); }); i0.ɵɵelementEnd(); i0.ɵɵelementStart(4, "p-inputicon"); i0.ɵɵtemplate(5, MultiSelect_ng_template_14_div_4_ng_template_3_div_1_SearchIcon_5_Template, 1, 1, "SearchIcon", 39)(6, MultiSelect_ng_template_14_div_4_ng_template_3_div_1_span_6_Template, 2, 1, "span", 54); i0.ɵɵelementEnd()()(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵadvance(2); i0.ɵɵproperty("variant", ctx_r1.variant)("value", ctx_r1._filterValue() || "")("disabled", ctx_r1.disabled); i0.ɵɵattribute("autocomplete", ctx_r1.autocomplete)("aria-owns", ctx_r1.id + "_list")("aria-activedescendant", ctx_r1.focusedOptionId)("placeholder", ctx_r1.filterPlaceHolder)("aria-label", ctx_r1.ariaFilterLabel); i0.ɵɵadvance(3); i0.ɵɵproperty("ngIf", !ctx_r1.filterIconTemplate && !ctx_r1._filterIconTemplate); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.filterIconTemplate || ctx_r1._filterIconTemplate); } } function MultiSelect_ng_template_14_div_4_ng_template_3_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_div_4_ng_template_3_p_checkbox_0_Template, 4, 4, "p-checkbox", 49)(1, MultiSelect_ng_template_14_div_4_ng_template_3_div_1_Template, 7, 10, "div", 50); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵproperty("ngIf", ctx_r1.showToggleAll && !ctx_r1.selectionLimit); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.filter); } } function MultiSelect_ng_template_14_div_4_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "div", 48); i0.ɵɵprojection(1); i0.ɵɵtemplate(2, MultiSelect_ng_template_14_div_4_ng_container_2_Template, 2, 4, "ng-container", 22)(3, MultiSelect_ng_template_14_div_4_ng_template_3_Template, 2, 2, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor); i0.ɵɵelementEnd(); } if (rf & 2) { const builtInFilterElement_r12 = i0.ɵɵreference(4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(2); i0.ɵɵproperty("ngIf", ctx_r1.filterTemplate || ctx_r1._filterTemplate)("ngIfElse", builtInFilterElement_r12); } } function MultiSelect_ng_template_14_p_scroller_6_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_p_scroller_6_ng_template_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_p_scroller_6_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 29); } if (rf & 2) { const items_r14 = ctx.$implicit; const scrollerOptions_r15 = ctx.options; i0.ɵɵnextContext(2); const buildInItems_r16 = i0.ɵɵreference(9); i0.ɵɵproperty("ngTemplateOutlet", buildInItems_r16)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c36, items_r14, scrollerOptions_r15)); } } function MultiSelect_ng_template_14_p_scroller_6_ng_container_4_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_p_scroller_6_ng_container_4_ng_template_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_p_scroller_6_ng_container_4_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 29); } if (rf & 2) { const scrollerOptions_r17 = ctx.options; const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.loaderTemplate || ctx_r1._loaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c34, scrollerOptions_r17)); } } function MultiSelect_ng_template_14_p_scroller_6_ng_container_4_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_template_14_p_scroller_6_ng_container_4_ng_template_1_Template, 1, 4, "ng-template", null, 14, i0.ɵɵtemplateRefExtractor); i0.ɵɵelementContainerEnd(); } } function MultiSelect_ng_template_14_p_scroller_6_Template(rf, ctx) { if (rf & 1) { const _r13 = i0.ɵɵgetCurrentView(); i0.ɵɵelementStart(0, "p-scroller", 56, 13); i0.ɵɵlistener("onLazyLoad", function MultiSelect_ng_template_14_p_scroller_6_Template_p_scroller_onLazyLoad_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onLazyLoad.emit($event)); }); i0.ɵɵtemplate(2, MultiSelect_ng_template_14_p_scroller_6_ng_template_2_Template, 1, 5, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(4, MultiSelect_ng_template_14_p_scroller_6_ng_container_4_Template, 3, 0, "ng-container", 20); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵstyleMap(i0.ɵɵpureFunction1(9, _c0, ctx_r1.scrollHeight)); i0.ɵɵproperty("items", ctx_r1.visibleOptions())("itemSize", ctx_r1.virtualScrollItemSize || ctx_r1._itemSize)("autoSize", true)("tabindex", -1)("lazy", ctx_r1.lazy)("options", ctx_r1.virtualScrollOptions); i0.ɵɵadvance(4); i0.ɵɵproperty("ngIf", ctx_r1.loaderTemplate || ctx_r1._loaderTemplate); } } function MultiSelect_ng_template_14_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_ng_container_7_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, MultiSelect_ng_template_14_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 29); i0.ɵɵelementContainerEnd(); } if (rf & 2) { i0.ɵɵnextContext(); const buildInItems_r16 = i0.ɵɵreference(9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", buildInItems_r16)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c36, ctx_r1.visibleOptions(), i0.ɵɵpureFunction0(2, _c37))); } } function MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_0_span_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "span"); i0.ɵɵtext(1); i0.ɵɵelementEnd(); } if (rf & 2) { const option_r18 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵadvance(); i0.ɵɵtextInterpolate(ctx_r1.getOptionGroupLabel(option_r18.optionGroup)); } } function MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_0_ng_container_3_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵelementStart(1, "li", 60); i0.ɵɵtemplate(2, MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_0_span_2_Template, 2, 1, "span", 20)(3, MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_0_ng_container_3_Template, 1, 0, "ng-container", 29); i0.ɵɵelementEnd(); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r18 = i0.ɵɵnextContext(); const option_r18 = ctx_r18.$implicit; const i_r20 = ctx_r18.index; const scrollerOptions_r21 = i0.ɵɵnextContext().options; const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c0, scrollerOptions_r21.itemSize + "px")); i0.ɵɵattribute("id", ctx_r1.id + "_" + ctx_r1.getOptionIndex(i_r20, scrollerOptions_r21)); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.groupTemplate); i0.ɵɵadvance(); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.groupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(7, _c2, option_r18.optionGroup)); } } function MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_1_Template(rf, ctx) { if (rf & 1) { const _r22 = i0.ɵɵgetCurrentView(); i0.ɵɵelementContainerStart(0); i0.ɵɵelementStart(1, "p-multiselect-item", 61); i0.ɵɵlistener("onClick", function MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_1_Template_p_multiselect_item_onClick_1_listener($event) { i0.ɵɵrestoreView(_r22); const i_r20 = i0.ɵɵnextContext().index; const scrollerOptions_r21 = i0.ɵɵnextContext().options; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOptionSelect($event, false, ctx_r1.getOptionIndex(i_r20, scrollerOptions_r21))); })("onMouseEnter", function MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_1_Template_p_multiselect_item_onMouseEnter_1_listener($event) { i0.ɵɵrestoreView(_r22); const i_r20 = i0.ɵɵnextContext().index; const scrollerOptions_r21 = i0.ɵɵnextContext().options; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOptionMouseEnter($event, ctx_r1.getOptionIndex(i_r20, scrollerOptions_r21))); }); i0.ɵɵelementEnd(); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r18 = i0.ɵɵnextContext(); const option_r18 = ctx_r18.$implicit; const i_r20 = ctx_r18.index; const scrollerOptions_r21 = i0.ɵɵnextContext().options; const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(); i0.ɵɵproperty("id", ctx_r1.id + "_" + ctx_r1.getOptionIndex(i_r20, scrollerOptions_r21))("option", option_r18)("selected", ctx_r1.isSelected(option_r18))("label", ctx_r1.getOptionLabel(option_r18))("disabled", ctx_r1.isOptionDisabled(option_r18))("template", ctx_r1.itemTemplate || ctx_r1._itemTemplate)("checkIconTemplate", ctx_r1.checkIconTemplate || ctx_r1._checkIconTemplate)("itemCheckboxIconTemplate", ctx_r1.itemCheckboxIconTemplate || ctx_r1._itemCheckboxIconTemplate)("itemSize", scrollerOptions_r21.itemSize)("focused", ctx_r1.focusedOptionIndex() === ctx_r1.getOptionIndex(i_r20, scrollerOptions_r21))("ariaPosInset", ctx_r1.getAriaPosInset(ctx_r1.getOptionIndex(i_r20, scrollerOptions_r21)))("ariaSetSize", ctx_r1.ariaSetSize)("variant", ctx_r1.variant); } } function MultiSelect_ng_template_14_ng_template_8_ng_template_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_0_Template, 4, 9, "ng-container", 20)(1, MultiSelect_ng_template_14_ng_template_8_ng_template_2_ng_container_1_Template, 2, 13, "ng-container", 20); } if (rf & 2) { const option_r18 = ctx.$implicit; const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵproperty("ngIf", ctx_r1.isOptionGroup(option_r18)); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.isOptionGroup(option_r18)); } } function MultiSelect_ng_template_14_ng_template_8_li_3_Conditional_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtext(0); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtextInterpolate1(" ", ctx_r1.emptyFilterMessageLabel, " "); } } function MultiSelect_ng_template_14_ng_template_8_li_3_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_ng_template_8_li_3_Conditional_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_ng_template_8_li_3_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 32); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.emptyFilterTemplate || ctx_r1._emptyFilterTemplate || ctx_r1.emptyTemplate || ctx_r1._emptyFilterTemplate); } } function MultiSelect_ng_template_14_ng_template_8_li_3_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "li", 62); i0.ɵɵtemplate(1, MultiSelect_ng_template_14_ng_template_8_li_3_Conditional_1_Template, 1, 1)(2, MultiSelect_ng_template_14_ng_template_8_li_3_Conditional_2_Template, 1, 1, "ng-container"); i0.ɵɵelementEnd(); } if (rf & 2) { const scrollerOptions_r21 = i0.ɵɵnextContext().options; const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c0, scrollerOptions_r21.itemSize + "px")); i0.ɵɵadvance(); i0.ɵɵconditional(!ctx_r1.emptyFilterTemplate && !ctx_r1._emptyFilterTemplate && !ctx_r1.emptyTemplate && !ctx_r1._emptyTemplate ? 1 : 2); } } function MultiSelect_ng_template_14_ng_template_8_li_4_Conditional_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtext(0); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtextInterpolate1(" ", ctx_r1.emptyMessageLabel, " "); } } function MultiSelect_ng_template_14_ng_template_8_li_4_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_ng_template_8_li_4_Conditional_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵtemplate(0, MultiSelect_ng_template_14_ng_template_8_li_4_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 32); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.emptyTemplate || ctx_r1._emptyTemplate); } } function MultiSelect_ng_template_14_ng_template_8_li_4_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "li", 62); i0.ɵɵtemplate(1, MultiSelect_ng_template_14_ng_template_8_li_4_Conditional_1_Template, 1, 1)(2, MultiSelect_ng_template_14_ng_template_8_li_4_Conditional_2_Template, 1, 1, "ng-container"); i0.ɵɵelementEnd(); } if (rf & 2) { const scrollerOptions_r21 = i0.ɵɵnextContext().options; const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c0, scrollerOptions_r21.itemSize + "px")); i0.ɵɵadvance(); i0.ɵɵconditional(!ctx_r1.emptyTemplate && !ctx_r1._emptyTemplate ? 1 : 2); } } function MultiSelect_ng_template_14_ng_template_8_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "ul", 57, 15); i0.ɵɵtemplate(2, MultiSelect_ng_template_14_ng_template_8_ng_template_2_Template, 2, 2, "ng-template", 58)(3, MultiSelect_ng_template_14_ng_template_8_li_3_Template, 3, 4, "li", 59)(4, MultiSelect_ng_template_14_ng_template_8_li_4_Template, 3, 4, "li", 59); i0.ɵɵelementEnd(); } if (rf & 2) { const items_r23 = ctx.$implicit; const scrollerOptions_r21 = ctx.options; const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵstyleMap(scrollerOptions_r21.contentStyle); i0.ɵɵproperty("ngClass", scrollerOptions_r21.contentStyleClass); i0.ɵɵattribute("aria-label", ctx_r1.listLabel); i0.ɵɵadvance(2); i0.ɵɵproperty("ngForOf", items_r23); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx_r1.hasFilter() && ctx_r1.isEmpty()); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r1.hasFilter() && ctx_r1.isEmpty()); } } function MultiSelect_ng_template_14_div_10_ng_container_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainer(0); } } function MultiSelect_ng_template_14_div_10_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "div"); i0.ɵɵprojection(1, 1); i0.ɵɵtemplate(2, MultiSelect_ng_template_14_div_10_ng_container_2_Template, 1, 0, "ng-container", 32); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵadvance(2); i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.footerTemplate || ctx_r1._footerTemplate); } } function MultiSelect_ng_template_