ng-prime-tools 1.0.54 → 1.0.56

package/esm2022/lib/pt-dropdown/pt-dropdown.component.mjs

@@ -154,14 +154,14 @@ export class PTDropdownComponent {
         return 'left';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTDropdownComponent, selector: "pt-dropdown", inputs: { formGroup: "formGroup", formField: "formField" }, ngImport: i0, template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTDropdownComponent, selector: "pt-dropdown", inputs: { formGroup: "formGroup", formField: "formField" }, ngImport: i0, template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-dropdown', template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"] }]
+            args: [{ selector: 'pt-dropdown', template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"] }]
         }], propDecorators: { formGroup: [{
                 type: Input
             }], formField: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctcHJpbWUtdG9vbHMvc3JjL2xpYi9wdC1kcm9wZG93bi9wdC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWRyb3Bkb3duL3B0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHNGQUFzRjtBQUN0RixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQWEsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFVcEUsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxzRUFBc0U7SUFDdEUsMEJBQTBCO0lBQzFCLHNFQUFzRTtJQUM5RCxZQUFZO1FBQ2xCLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFnQixDQUFDO1FBRXJFLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNiLE9BQU8sR0FBRyxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztRQUMxRCxDQUFDO1FBRUQsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3hDLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFbEMsVUFBVSxD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QWdCLENBQUMsR0FBRyxDQUFDLElBQUksR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQy9DLE9BQU8sR0FBRyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDO1FBQ0QsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQzsrR0E5S1UsbUJBQW1CO21HQUFuQixtQkFBbUIsK0dDWmhDLDRsRkFnRkE7OzRGRHBFYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsYUFBYTs4QkFLZCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBuZy1wcmltZS10b29scy9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWRyb3Bkb3duL3B0LWRyb3Bkb3duLmNvbXBvbmVudC50c1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1Db250cm9sLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9ybURyb3Bkb3duRmllbGQgfSBmcm9tICcuLi9tb2RlbHMvZm9ybS1kcm9wLWRvd24tZmllbGQubW9kZWwnO1xuaW1wb3J0IHsgSWNvblN0eWxlIH0gZnJvbSAnLi4vbW9kZWxzL2ljb24tc3R5bGUubW9kZWwnO1xuaW1wb3J0IHsgSWNvbkltYWdlU3R5bGUgfSBmcm9tICcuLi9tb2RlbHMvaWNvbi1pbWFnZS1zdHlsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3B0LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3B0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtZHJvcGRvd24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQVERyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBmb3JtRmllbGQhOiBGb3JtRHJvcGRvd25GaWVsZDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldHVwQ29udHJvbCgpO1xuICB9XG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyDwn5SnIENvbnRyb2wgJiB2YWxpZGF0aW9uXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgcHJpdmF0ZSBzZXR1cENvbnRyb2woKTogdm9pZCB7XG4gICAgbGV0IGNvbnRyb2wgPSB0aGlzLmZvcm1Hcm91cC5nZXQodGhpcy5mb3JtRmllbGQubmFtZSkgYXMgRm9ybUNvbnRyb2w7XG5cbiAgICBpZiAoIWNvbnRyb2wpIHtcbiAgICAgIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2wodGhpcy5mb3JtRmllbGQudmFsdWUgPz8gbnVsbCk7XG4gICAgICB0aGlzLmZvcm1Hcm91cC5hZGRDb250cm9sKHRoaXMuZm9ybUZpZWxkLm5hbWUsIGNvbnRyb2wpO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbGlkYXRvcnMgPSB0aGlzLmdldFZhbGlkYXRvcnMoKTtcbiAgICBjb250cm9sLnNldFZhbGlkYXRvcnModmFsaWRhdG9ycyk7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmZvcm1GaWVsZC5kaXNhYmxlZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGlmICh0aGlzLmZvcm1GaWVsZC5kaXNhYmxlZCkge1xuICAgICAgICAgIGNvbnRyb2wuZGlzYWJsZSh7IGVtaXRFdmVudDogZmFsc2UgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgY29udHJvbC5lbmFibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGNvbnRyb2wudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSh7IGVtaXRFdmVudDogZmFsc2UgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGdldFZhbGlkYXRvcnMoKSB7XG4gICAgY29uc3QgdmFsaWRhdG9ycyA9IFtdO1xuICAgIGlmICh0aGlzLmZvcm1GaWVsZC5yZXF1aXJlZCkge1xuICAgICAgdmFsaWRhdG9ycy5wdXNoKFZhbGlkYXRvcnMucmVxdWlyZWQpO1xuICAgIH1cbiAgICByZXR1cm4gdmFsaWRhdG9ycztcbiAgfVxuXG4gIGdldEVycm9yTWVzc2FnZSgpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLmZvcm1Hcm91cC5nZXQodGhpcy5mb3JtRmllbGQubmFtZSk7XG4gICAgaWYgKGNvbnRyb2w/Lmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XG4gICAgICByZXR1cm4gdGhpcy5mb3JtRmllbGQuZXJyb3JUZXh0IHx8IGAke3RoaXMuZm9ybUZpZWxkLmxhYmVsfSBpcyByZXF1aXJlZGA7XG4gICAgfVxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8g8J+OqCBJY29uIGhlbHBlcnNcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIC8qKlxuICAgKiBSw6lzb3V0IGzigJlpY8O0bmUgw6AgdXRpbGlzZXIgcG91ciB1bmUgb3B0aW9uIDpcbiAgICogMSkgb3B0aW9uLmljb25TdHlsZSB8IG9wdGlvbi5pY29uSW1hZ2VTdHlsZVxuICAgKiAyKSBvcHRpb24uaWNvblxuICAgKiAzKSBmb3JtRmllbGQuaWNvbiAoZmFsbGJhY2sgZ2xvYmFsKVxuICAgKi9cbiAgZ2V0UmVzb2x2ZWRJY29uKG9wdGlvbjogYW55KToge1xuICAgIHR5cGU6ICdub25lJyB8ICdmb250JyB8ICdpbWFnZSc7XG4gICAgZm9udEljb25DbGFzcz86IHN0cmluZztcbiAgICBmb250SWNvblN0eWxlPzogeyBbazogc3RyaW5nXTogYW55IH07XG4gICAgaW1hZ2VVcmw/OiBzdHJpbmc7XG4gICAgaW1hZ2VTdHlsZT86IHsgW2s6IHN0cmluZ106IGFueSB9O1xuICB9IHtcbiAgICBjb25zdCBzb3VyY2UgPVxuICAgICAgb3B0aW9uPy5pY29uU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbkltYWdlU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbiB8fFxuICAgICAgdGhpcy5mb3JtRmllbGQuaWNvbjtcblxuICAgIGlmICghc291cmNlKSB7XG4gICAgICByZXR1cm4geyB0eXBlOiAnbm9uZScgfTtcbiAgICB9XG5cbiAgICAvLyAxKSBJbWFnZSBpY29uIChJY29uSW1hZ2VTdHlsZSlcbiAgICBpZiAodGhpcy5pc0ljb25JbWFnZVN0eWxlKHNvdXJjZSkpIHtcbiAgICAgIGNvbnN0IGltZyA9IHNvdXJjZSBhcyBJY29uSW1hZ2VTdHlsZTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHR5cGU6ICdpbWFnZScsXG4gICAgICAgIGltYWdlVXJsOiBpbWcudXJsLFxuICAgICAgICBpbWFnZVN0eWxlOiB0aGlzLmJ1aWxkSW1hZ2VTdHlsZShpbWcpLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICAvLyAyKSBGb250IGljb24gZnVsbCBzdHlsZSAoSWNvblN0eWxlKVxuICAgIGlmICh0aGlzLmlzSWNvblN0eWxlKHNvdXJjZSkpIHtcbiAgICAgIGNvbnN0IHN0eWxlID0gc291cmNlIGFzIEljb25TdHlsZTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHR5cGU6ICdmb250JyxcbiAgICAgICAgZm9udEljb25DbGFzczogc3R5bGUuY29kZSwgLy8gZXg6ICdwaSBwaS1mbGFnJyBvciAnZmEgZmEtZmxhZydcbiAgICAgICAgZm9udEljb25TdHlsZTogdGhpcy5idWlsZEZvbnRJY29uU3R5bGUoc3R5bGUpLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICAvLyAzKSBTaW1wbGUgc3RyaW5nIG9mIGNsYXNzZXMgKFByaW1lTkcgLyBGb250IEF3ZXNvbWUpXG4gICAgaWYgKHR5cGVvZiBzb3VyY2UgPT09ICdzdHJpbmcnKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICB0eXBlOiAnZm9udCcsXG4gICAgICAgIGZvbnRJY29uQ2xhc3M6IHNvdXJjZSxcbiAgICAgICAgZm9udEljb25TdHlsZToge30sXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiB7IHR5cGU6ICdub25lJyB9O1xuICB9XG5cbiAgcHJpdmF0ZSBpc0ljb25TdHlsZSh2YWx1ZTogYW55KTogdmFsdWUgaXMgSWNvblN0eWxlIHtcbiAgICByZXR1cm4gISF2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmICdjb2RlJyBpbiB2YWx1ZTtcbiAgfVxuXG4gIHByaXZhdGUgaXNJY29uSW1hZ2VTdHlsZSh2YWx1ZTogYW55KTogdmFsdWUgaXMgSWNvbkltYWdlU3R5bGUge1xuICAgIHJldHVybiAhIXZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcgJiYgJ3VybCcgaW4gdmFsdWU7XG4gIH1cblxuICBwcml2YXRlIGJ1aWxkRm9udEljb25TdHlsZShpY29uOiBJY29uU3R5bGUpOiB7IFtrOiBzdHJpbmddOiBhbnkgfSB7XG4gICAgY29uc3Qgc3R5bGVzOiB7IFtrOiBzdHJpbmddOiBhbnkgfSA9IHt9O1xuXG4gICAgaWYgKGljb24uY29sb3IpIHtcbiAgICAgIHN0eWxlcy5jb2xvciA9IGljb24uY29sb3I7XG4gICAgfVxuICAgIGlmIChpY29uLmZvbnRTaXplKSB7XG4gICAgICBzdHlsZXNbJ2ZvbnQtc2l6ZSddID0gaWNvbi5mb250U2l6ZTtcbiAgICB9XG4gICAgaWYgKGljb24uYmFja2dyb3VuZENvbG9yKSB7XG4gICAgICBzdHlsZXNbJ2JhY2tncm91bmQtY29sb3InXSA9IGljb24uYmFja2dyb3VuZENvbG9yO1xuICAgICAgc3R5bGVzLnBhZGRpbmcgPSBzdHlsZXMucGFkZGluZyA/PyAnMC4xNXJlbSAwLjNyZW0nO1xuICAgIH1cblxuICAgIGlmIChpY29uLnNoYXBlID09PSAnY2lyY3VsYXInKSB7XG4gICAgICBzdHlsZXNbJ2JvcmRlci1yYWRpdXMnXSA9ICc1MCUnO1xuICAgIH0gZWxzZSBpZiAoaWNvbi5zaGFwZSA9PT0gJ3JvdW5kZWQtc3F1YXJlJykge1xuICAgICAgc3R5bGVzWydib3JkZXItcmFkaXVzJ10gPSAnNnB4JztcbiAgICB9XG5cbiAgICByZXR1cm4gc3R5bGVzO1xuICB9XG5cbiAgcHJpdmF0ZSBidWlsZEltYWdlU3R5bGUoaWNvbjogSWNvbkltYWdlU3R5bGUpOiB7IFtrOiBzdHJpbmddOiBhbnkgfSB7XG4gICAgY29uc3Qgc3R5bGVzOiB7IFtrOiBzdHJpbmddOiBhbnkgfSA9IHt9O1xuXG4gICAgaWYgKGljb24ud2lkdGgpIHN0eWxlcy53aWR0aCA9IGljb24ud2lkdGg7XG4gICAgaWYgKGljb24uaGVpZ2h0KSBzdHlsZXMuaGVpZ2h0ID0gaWNvbi5oZWlnaHQ7XG4gICAgaWYgKGljb24ubWFyZ2luTGVmdCkgc3R5bGVzWydtYXJnaW4tbGVmdCddID0gaWNvbi5tYXJnaW5MZWZ0O1xuICAgIGlmIChpY29uLm1hcmdpblJpZ2h0KSBzdHlsZXNbJ21hcmdpbi1yaWdodCddID0gaWNvbi5tYXJnaW5SaWdodDtcbiAgICBpZiAoaWNvbi5tYXJnaW5Ub3ApIHN0eWxlc1snbWFyZ2luLXRvcCddID0gaWNvbi5tYXJnaW5Ub3A7XG4gICAgaWYgKGljb24ubWFyZ2luQm90dG9tKSBzdHlsZXNbJ21hcmdpbi1ib3R0b20nXSA9IGljb24ubWFyZ2luQm90dG9tO1xuXG4gICAgaWYgKGljb24uc2hhcGUgPT09ICdjaXJjdWxhcicpIHtcbiAgICAgIHN0eWxlc1snYm9yZGVyLXJhZGl1cyddID0gJzUwJSc7XG4gICAgfSBlbHNlIGlmIChpY29uLnNoYXBlID09PSAncm91bmRlZC1zcXVhcmUnKSB7XG4gICAgICBzdHlsZXNbJ2JvcmRlci1yYWRpdXMnXSA9ICc2cHgnO1xuICAgIH1cblxuICAgIHJldHVybiBzdHlsZXM7XG4gIH1cblxuICBnZXRJY29uUG9zaXRpb24ob3B0aW9uOiBhbnkpOiAnbGVmdCcgfCAncmlnaHQnIHtcbiAgICBjb25zdCBzcmMgPVxuICAgICAgb3B0aW9uPy5pY29uU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbkltYWdlU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbiB8fFxuICAgICAgdGhpcy5mb3JtRmllbGQuaWNvbjtcblxuICAgIGlmICh0aGlzLmlzSWNvblN0eWxlKHNyYykgJiYgc3JjLnBvc2l0aW9uKSB7XG4gICAgICByZXR1cm4gc3JjLnBvc2l0aW9uO1xuICAgIH1cbiAgICBpZiAodGhpcy5pc0ljb25JbWFnZVN0eWxlKHNyYykgJiYgc3JjLnBvc2l0aW9uKSB7XG4gICAgICByZXR1cm4gc3JjLnBvc2l0aW9uO1xuICAgIH1cbiAgICByZXR1cm4gJ2xlZnQnO1xuICB9XG59XG4iLCI8IS0tIG5nLXByaW1lLXRvb2xzL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtZHJvcGRvd24vcHQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwgLS0+XG48ZGl2XG4gIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCJcbiAgY2xhc3M9XCJmb3JtLWZpZWxkXCJcbiAgW25nU3R5bGVdPVwieyB3aWR0aDogZm9ybUZpZWxkLndpZHRoIHx8ICcxMDAlJyB9XCJcbiAgKm5nSWY9XCIhZm9ybUZpZWxkLmhpZGRlblwiXG4+XG4gIDxsYWJlbCAqbmdJZj1cImZvcm1GaWVsZC5sYWJlbFwiPnt7IGZvcm1GaWVsZC5sYWJlbCB9fTwvbGFiZWw+XG5cbiAgPHAtZHJvcGRvd25cbiAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZvcm1GaWVsZC5uYW1lXCJcbiAgICBbb3B0aW9uc109XCJmb3JtRmllbGQub3B0aW9uc1wiXG4gICAgW3BsYWNlaG9sZGVyXT1cImZvcm1GaWVsZC5wbGFjZWhvbGRlciB8fCAnU2VsZWN0IGFuIG9wdGlvbidcIlxuICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICA+XG4gICAgPCEtLSBTZWxlY3RlZCB2YWx1ZSB0ZW1wbGF0ZSAtLT5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwic2VsZWN0ZWRJdGVtXCIgbGV0LW9wdGlvbj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb247IGVsc2UgcGxhY2Vob2xkZXJUcGxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInB0LWRyb3Bkb3duLWl0ZW1cIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZ2V0UmVzb2x2ZWRJY29uKG9wdGlvbikgYXMgaWNvbk1ldGFcIj5cbiAgICAgICAgICAgIDwhLS0gSU1BR0UgSUNPTiAtLT5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgKm5nSWY9XCJpY29uTWV0YS50eXBlID09PSAnaW1hZ2UnXCJcbiAgICAgICAgICAgICAgW3NyY109XCJpY29uTWV0YS5pbWFnZVVybFwiXG4gICAgICAgICAgICAgIFtuZ1N0eWxlXT1cImljb25NZXRhLmltYWdlU3R5bGVcIlxuICAgICAgICAgICAgICBjbGFzcz1cInB0LWRyb3Bkb3duLWljb24taW1hZ2VcIlxuICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgPCEtLSBGT05UIElDT04gKFByaW1lTkcgLyBGb250QXdlc29tZSkgLS0+XG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICAqbmdJZj1cImljb25NZXRhLnR5cGUgPT09ICdmb250J1wiXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImljb25NZXRhLmZvbnRJY29uQ2xhc3NcIlxuICAgICAgICAgICAgICBbbmdTdHlsZV09XCJpY29uTWV0YS5mb250SWNvblN0eWxlXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJwdC1kcm9wZG93bi1pY29uLWZvbnRcIlxuICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwicHQtZHJvcGRvd24tbGFiZWxcIj57eyBvcHRpb24ubGFiZWwgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDwhLS0gUGxhY2Vob2xkZXIgd2hlbiBubyB2YWx1ZSBzZWxlY3RlZCAtLT5cbiAgICA8bmctdGVtcGxhdGUgI3BsYWNlaG9sZGVyVHBsPlxuICAgICAgPHNwYW4+e3sgZm9ybUZpZWxkLnBsYWNlaG9sZGVyIHx8IFwiU2VsZWN0IGFuIG9wdGlvblwiIH19PC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8IS0tIEl0ZW1zIHRlbXBsYXRlIC0tPlxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJpdGVtXCIgbGV0LW9wdGlvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwdC1kcm9wZG93bi1pdGVtXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJnZXRSZXNvbHZlZEljb24ob3B0aW9uKSBhcyBpY29uTWV0YVwiPlxuICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICpuZ0lmPVwiaWNvbk1ldGEudHlwZSA9PT0gJ2ltYWdlJ1wiXG4gICAgICAgICAgICBbc3JjXT1cImljb25NZXRhLmltYWdlVXJsXCJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cImljb25NZXRhLmltYWdlU3R5bGVcIlxuICAgICAgICAgICAgY2xhc3M9XCJwdC1kcm9wZG93bi1pY29uLWltYWdlXCJcbiAgICAgICAgICAvPlxuXG4gICAgICAgICAgPGlcbiAgICAgICAgICAgICpuZ0lmPVwiaWNvbk1ldGEudHlwZSA9PT0gJ2ZvbnQnXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cImljb25NZXRhLmZvbnRJY29uQ2xhc3NcIlxuICAgICAgICAgICAgW25nU3R5bGVdPVwiaWNvbk1ldGEuZm9udEljb25TdHlsZVwiXG4gICAgICAgICAgICBjbGFzcz1cInB0LWRyb3Bkb3duLWljb24tZm9udFwiXG4gICAgICAgICAgPjwvaT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwdC1kcm9wZG93bi1sYWJlbFwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvcC1kcm9wZG93bj5cblxuICA8ZGl2XG4gICAgKm5nSWY9XCJcbiAgICAgIGZvcm1Hcm91cC5nZXQoZm9ybUZpZWxkLm5hbWUpPy5pbnZhbGlkICYmXG4gICAgICBmb3JtR3JvdXAuZ2V0KGZvcm1GaWVsZC5uYW1lKT8udG91Y2hlZFxuICAgIFwiXG4gID5cbiAgICA8c21hbGwgY2xhc3M9XCJwLWVycm9yXCI+e3sgZ2V0RXJyb3JNZXNzYWdlKCkgfX08L3NtYWxsPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctcHJpbWUtdG9vbHMvc3JjL2xpYi9wdC1kcm9wZG93bi9wdC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWRyb3Bkb3duL3B0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHNGQUFzRjtBQUN0RixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQWEsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFVcEUsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxzRUFBc0U7SUFDdEUsMEJBQTBCO0lBQzFCLHNFQUFzRTtJQUM5RCxZQUFZO1FBQ2xCLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFnQixDQUFDO1FBRXJFLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNiLE9BQU8sR0FBRyxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztRQUMxRCxDQUFDO1FBRUQsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3hDLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFbEMsVUFBVSxD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QWdCLENBQUMsR0FBRyxDQUFDLElBQUksR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQy9DLE9BQU8sR0FBRyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDO1FBQ0QsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQzsrR0E5S1UsbUJBQW1CO21HQUFuQixtQkFBbUIsK0dDWmhDLDhxRkFtRkE7OzRGRHZFYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsYUFBYTs4QkFLZCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBuZy1wcmltZS10b29scy9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWRyb3Bkb3duL3B0LWRyb3Bkb3duLmNvbXBvbmVudC50c1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1Db250cm9sLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9ybURyb3Bkb3duRmllbGQgfSBmcm9tICcuLi9tb2RlbHMvZm9ybS1kcm9wLWRvd24tZmllbGQubW9kZWwnO1xuaW1wb3J0IHsgSWNvblN0eWxlIH0gZnJvbSAnLi4vbW9kZWxzL2ljb24tc3R5bGUubW9kZWwnO1xuaW1wb3J0IHsgSWNvbkltYWdlU3R5bGUgfSBmcm9tICcuLi9tb2RlbHMvaWNvbi1pbWFnZS1zdHlsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3B0LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3B0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtZHJvcGRvd24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQVERyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBmb3JtRmllbGQhOiBGb3JtRHJvcGRvd25GaWVsZDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldHVwQ29udHJvbCgpO1xuICB9XG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyDwn5SnIENvbnRyb2wgJiB2YWxpZGF0aW9uXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgcHJpdmF0ZSBzZXR1cENvbnRyb2woKTogdm9pZCB7XG4gICAgbGV0IGNvbnRyb2wgPSB0aGlzLmZvcm1Hcm91cC5nZXQodGhpcy5mb3JtRmllbGQubmFtZSkgYXMgRm9ybUNvbnRyb2w7XG5cbiAgICBpZiAoIWNvbnRyb2wpIHtcbiAgICAgIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2wodGhpcy5mb3JtRmllbGQudmFsdWUgPz8gbnVsbCk7XG4gICAgICB0aGlzLmZvcm1Hcm91cC5hZGRDb250cm9sKHRoaXMuZm9ybUZpZWxkLm5hbWUsIGNvbnRyb2wpO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbGlkYXRvcnMgPSB0aGlzLmdldFZhbGlkYXRvcnMoKTtcbiAgICBjb250cm9sLnNldFZhbGlkYXRvcnModmFsaWRhdG9ycyk7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmZvcm1GaWVsZC5kaXNhYmxlZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGlmICh0aGlzLmZvcm1GaWVsZC5kaXNhYmxlZCkge1xuICAgICAgICAgIGNvbnRyb2wuZGlzYWJsZSh7IGVtaXRFdmVudDogZmFsc2UgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgY29udHJvbC5lbmFibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGNvbnRyb2wudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSh7IGVtaXRFdmVudDogZmFsc2UgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGdldFZhbGlkYXRvcnMoKSB7XG4gICAgY29uc3QgdmFsaWRhdG9ycyA9IFtdO1xuICAgIGlmICh0aGlzLmZvcm1GaWVsZC5yZXF1aXJlZCkge1xuICAgICAgdmFsaWRhdG9ycy5wdXNoKFZhbGlkYXRvcnMucmVxdWlyZWQpO1xuICAgIH1cbiAgICByZXR1cm4gdmFsaWRhdG9ycztcbiAgfVxuXG4gIGdldEVycm9yTWVzc2FnZSgpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLmZvcm1Hcm91cC5nZXQodGhpcy5mb3JtRmllbGQubmFtZSk7XG4gICAgaWYgKGNvbnRyb2w/Lmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XG4gICAgICByZXR1cm4gdGhpcy5mb3JtRmllbGQuZXJyb3JUZXh0IHx8IGAke3RoaXMuZm9ybUZpZWxkLmxhYmVsfSBpcyByZXF1aXJlZGA7XG4gICAgfVxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8g8J+OqCBJY29uIGhlbHBlcnNcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIC8qKlxuICAgKiBSw6lzb3V0IGzigJlpY8O0bmUgw6AgdXRpbGlzZXIgcG91ciB1bmUgb3B0aW9uIDpcbiAgICogMSkgb3B0aW9uLmljb25TdHlsZSB8IG9wdGlvbi5pY29uSW1hZ2VTdHlsZVxuICAgKiAyKSBvcHRpb24uaWNvblxuICAgKiAzKSBmb3JtRmllbGQuaWNvbiAoZmFsbGJhY2sgZ2xvYmFsKVxuICAgKi9cbiAgZ2V0UmVzb2x2ZWRJY29uKG9wdGlvbjogYW55KToge1xuICAgIHR5cGU6ICdub25lJyB8ICdmb250JyB8ICdpbWFnZSc7XG4gICAgZm9udEljb25DbGFzcz86IHN0cmluZztcbiAgICBmb250SWNvblN0eWxlPzogeyBbazogc3RyaW5nXTogYW55IH07XG4gICAgaW1hZ2VVcmw/OiBzdHJpbmc7XG4gICAgaW1hZ2VTdHlsZT86IHsgW2s6IHN0cmluZ106IGFueSB9O1xuICB9IHtcbiAgICBjb25zdCBzb3VyY2UgPVxuICAgICAgb3B0aW9uPy5pY29uU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbkltYWdlU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbiB8fFxuICAgICAgdGhpcy5mb3JtRmllbGQuaWNvbjtcblxuICAgIGlmICghc291cmNlKSB7XG4gICAgICByZXR1cm4geyB0eXBlOiAnbm9uZScgfTtcbiAgICB9XG5cbiAgICAvLyAxKSBJbWFnZSBpY29uIChJY29uSW1hZ2VTdHlsZSlcbiAgICBpZiAodGhpcy5pc0ljb25JbWFnZVN0eWxlKHNvdXJjZSkpIHtcbiAgICAgIGNvbnN0IGltZyA9IHNvdXJjZSBhcyBJY29uSW1hZ2VTdHlsZTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHR5cGU6ICdpbWFnZScsXG4gICAgICAgIGltYWdlVXJsOiBpbWcudXJsLFxuICAgICAgICBpbWFnZVN0eWxlOiB0aGlzLmJ1aWxkSW1hZ2VTdHlsZShpbWcpLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICAvLyAyKSBGb250IGljb24gZnVsbCBzdHlsZSAoSWNvblN0eWxlKVxuICAgIGlmICh0aGlzLmlzSWNvblN0eWxlKHNvdXJjZSkpIHtcbiAgICAgIGNvbnN0IHN0eWxlID0gc291cmNlIGFzIEljb25TdHlsZTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHR5cGU6ICdmb250JyxcbiAgICAgICAgZm9udEljb25DbGFzczogc3R5bGUuY29kZSwgLy8gZXg6ICdwaSBwaS1mbGFnJyBvciAnZmEgZmEtZmxhZydcbiAgICAgICAgZm9udEljb25TdHlsZTogdGhpcy5idWlsZEZvbnRJY29uU3R5bGUoc3R5bGUpLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICAvLyAzKSBTaW1wbGUgc3RyaW5nIG9mIGNsYXNzZXMgKFByaW1lTkcgLyBGb250IEF3ZXNvbWUpXG4gICAgaWYgKHR5cGVvZiBzb3VyY2UgPT09ICdzdHJpbmcnKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICB0eXBlOiAnZm9udCcsXG4gICAgICAgIGZvbnRJY29uQ2xhc3M6IHNvdXJjZSxcbiAgICAgICAgZm9udEljb25TdHlsZToge30sXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiB7IHR5cGU6ICdub25lJyB9O1xuICB9XG5cbiAgcHJpdmF0ZSBpc0ljb25TdHlsZSh2YWx1ZTogYW55KTogdmFsdWUgaXMgSWNvblN0eWxlIHtcbiAgICByZXR1cm4gISF2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmICdjb2RlJyBpbiB2YWx1ZTtcbiAgfVxuXG4gIHByaXZhdGUgaXNJY29uSW1hZ2VTdHlsZSh2YWx1ZTogYW55KTogdmFsdWUgaXMgSWNvbkltYWdlU3R5bGUge1xuICAgIHJldHVybiAhIXZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcgJiYgJ3VybCcgaW4gdmFsdWU7XG4gIH1cblxuICBwcml2YXRlIGJ1aWxkRm9udEljb25TdHlsZShpY29uOiBJY29uU3R5bGUpOiB7IFtrOiBzdHJpbmddOiBhbnkgfSB7XG4gICAgY29uc3Qgc3R5bGVzOiB7IFtrOiBzdHJpbmddOiBhbnkgfSA9IHt9O1xuXG4gICAgaWYgKGljb24uY29sb3IpIHtcbiAgICAgIHN0eWxlcy5jb2xvciA9IGljb24uY29sb3I7XG4gICAgfVxuICAgIGlmIChpY29uLmZvbnRTaXplKSB7XG4gICAgICBzdHlsZXNbJ2ZvbnQtc2l6ZSddID0gaWNvbi5mb250U2l6ZTtcbiAgICB9XG4gICAgaWYgKGljb24uYmFja2dyb3VuZENvbG9yKSB7XG4gICAgICBzdHlsZXNbJ2JhY2tncm91bmQtY29sb3InXSA9IGljb24uYmFja2dyb3VuZENvbG9yO1xuICAgICAgc3R5bGVzLnBhZGRpbmcgPSBzdHlsZXMucGFkZGluZyA/PyAnMC4xNXJlbSAwLjNyZW0nO1xuICAgIH1cblxuICAgIGlmIChpY29uLnNoYXBlID09PSAnY2lyY3VsYXInKSB7XG4gICAgICBzdHlsZXNbJ2JvcmRlci1yYWRpdXMnXSA9ICc1MCUnO1xuICAgIH0gZWxzZSBpZiAoaWNvbi5zaGFwZSA9PT0gJ3JvdW5kZWQtc3F1YXJlJykge1xuICAgICAgc3R5bGVzWydib3JkZXItcmFkaXVzJ10gPSAnNnB4JztcbiAgICB9XG5cbiAgICByZXR1cm4gc3R5bGVzO1xuICB9XG5cbiAgcHJpdmF0ZSBidWlsZEltYWdlU3R5bGUoaWNvbjogSWNvbkltYWdlU3R5bGUpOiB7IFtrOiBzdHJpbmddOiBhbnkgfSB7XG4gICAgY29uc3Qgc3R5bGVzOiB7IFtrOiBzdHJpbmddOiBhbnkgfSA9IHt9O1xuXG4gICAgaWYgKGljb24ud2lkdGgpIHN0eWxlcy53aWR0aCA9IGljb24ud2lkdGg7XG4gICAgaWYgKGljb24uaGVpZ2h0KSBzdHlsZXMuaGVpZ2h0ID0gaWNvbi5oZWlnaHQ7XG4gICAgaWYgKGljb24ubWFyZ2luTGVmdCkgc3R5bGVzWydtYXJnaW4tbGVmdCddID0gaWNvbi5tYXJnaW5MZWZ0O1xuICAgIGlmIChpY29uLm1hcmdpblJpZ2h0KSBzdHlsZXNbJ21hcmdpbi1yaWdodCddID0gaWNvbi5tYXJnaW5SaWdodDtcbiAgICBpZiAoaWNvbi5tYXJnaW5Ub3ApIHN0eWxlc1snbWFyZ2luLXRvcCddID0gaWNvbi5tYXJnaW5Ub3A7XG4gICAgaWYgKGljb24ubWFyZ2luQm90dG9tKSBzdHlsZXNbJ21hcmdpbi1ib3R0b20nXSA9IGljb24ubWFyZ2luQm90dG9tO1xuXG4gICAgaWYgKGljb24uc2hhcGUgPT09ICdjaXJjdWxhcicpIHtcbiAgICAgIHN0eWxlc1snYm9yZGVyLXJhZGl1cyddID0gJzUwJSc7XG4gICAgfSBlbHNlIGlmIChpY29uLnNoYXBlID09PSAncm91bmRlZC1zcXVhcmUnKSB7XG4gICAgICBzdHlsZXNbJ2JvcmRlci1yYWRpdXMnXSA9ICc2cHgnO1xuICAgIH1cblxuICAgIHJldHVybiBzdHlsZXM7XG4gIH1cblxuICBnZXRJY29uUG9zaXRpb24ob3B0aW9uOiBhbnkpOiAnbGVmdCcgfCAncmlnaHQnIHtcbiAgICBjb25zdCBzcmMgPVxuICAgICAgb3B0aW9uPy5pY29uU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbkltYWdlU3R5bGUgfHxcbiAgICAgIG9wdGlvbj8uaWNvbiB8fFxuICAgICAgdGhpcy5mb3JtRmllbGQuaWNvbjtcblxuICAgIGlmICh0aGlzLmlzSWNvblN0eWxlKHNyYykgJiYgc3JjLnBvc2l0aW9uKSB7XG4gICAgICByZXR1cm4gc3JjLnBvc2l0aW9uO1xuICAgIH1cbiAgICBpZiAodGhpcy5pc0ljb25JbWFnZVN0eWxlKHNyYykgJiYgc3JjLnBvc2l0aW9uKSB7XG4gICAgICByZXR1cm4gc3JjLnBvc2l0aW9uO1xuICAgIH1cbiAgICByZXR1cm4gJ2xlZnQnO1xuICB9XG59XG4iLCI8IS0tIG5nLXByaW1lLXRvb2xzL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtZHJvcGRvd24vcHQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwgLS0+XG48ZGl2XG4gIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCJcbiAgY2xhc3M9XCJmb3JtLWZpZWxkXCJcbiAgW25nU3R5bGVdPVwieyB3aWR0aDogZm9ybUZpZWxkLndpZHRoIHx8ICcxMDAlJyB9XCJcbiAgKm5nSWY9XCIhZm9ybUZpZWxkLmhpZGRlblwiXG4+XG4gIDxsYWJlbCAqbmdJZj1cImZvcm1GaWVsZC5sYWJlbFwiPnt7IGZvcm1GaWVsZC5sYWJlbCB9fTwvbGFiZWw+XG5cbiAgPHAtZHJvcGRvd25cbiAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZvcm1GaWVsZC5uYW1lXCJcbiAgICBbb3B0aW9uc109XCJmb3JtRmllbGQub3B0aW9uc1wiXG4gICAgW3BsYWNlaG9sZGVyXT1cImZvcm1GaWVsZC5wbGFjZWhvbGRlciB8fCAnU2VsZWN0IGFuIG9wdGlvbidcIlxuICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICAgIFthcHBlbmRUb109XCInYm9keSdcIlxuICAgIFthdXRvWkluZGV4XT1cInRydWVcIlxuICAgIFtiYXNlWkluZGV4XT1cIjExMDAwXCJcbiAgPlxuICAgIDwhLS0gU2VsZWN0ZWQgdmFsdWUgdGVtcGxhdGUgLS0+XG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cInNlbGVjdGVkSXRlbVwiIGxldC1vcHRpb24+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uOyBlbHNlIHBsYWNlaG9sZGVyVHBsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwdC1kcm9wZG93bi1pdGVtXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImdldFJlc29sdmVkSWNvbihvcHRpb24pIGFzIGljb25NZXRhXCI+XG4gICAgICAgICAgICA8IS0tIElNQUdFIElDT04gLS0+XG4gICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICpuZ0lmPVwiaWNvbk1ldGEudHlwZSA9PT0gJ2ltYWdlJ1wiXG4gICAgICAgICAgICAgIFtzcmNdPVwiaWNvbk1ldGEuaW1hZ2VVcmxcIlxuICAgICAgICAgICAgICBbbmdTdHlsZV09XCJpY29uTWV0YS5pbWFnZVN0eWxlXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJwdC1kcm9wZG93bi1pY29uLWltYWdlXCJcbiAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgIDwhLS0gRk9OVCBJQ09OIChQcmltZU5HIC8gRm9udEF3ZXNvbWUpIC0tPlxuICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgKm5nSWY9XCJpY29uTWV0YS50eXBlID09PSAnZm9udCdcIlxuICAgICAgICAgICAgICBbbmdDbGFzc109XCJpY29uTWV0YS5mb250SWNvbkNsYXNzXCJcbiAgICAgICAgICAgICAgW25nU3R5bGVdPVwiaWNvbk1ldGEuZm9udEljb25TdHlsZVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwicHQtZHJvcGRvd24taWNvbi1mb250XCJcbiAgICAgICAgICAgID48L2k+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInB0LWRyb3Bkb3duLWxhYmVsXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8IS0tIFBsYWNlaG9sZGVyIHdoZW4gbm8gdmFsdWUgc2VsZWN0ZWQgLS0+XG4gICAgPG5nLXRlbXBsYXRlICNwbGFjZWhvbGRlclRwbD5cbiAgICAgIDxzcGFuPnt7IGZvcm1GaWVsZC5wbGFjZWhvbGRlciB8fCBcIlNlbGVjdCBhbiBvcHRpb25cIiB9fTwvc3Bhbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPCEtLSBJdGVtcyB0ZW1wbGF0ZSAtLT5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaXRlbVwiIGxldC1vcHRpb24+XG4gICAgICA8ZGl2IGNsYXNzPVwicHQtZHJvcGRvd24taXRlbVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZ2V0UmVzb2x2ZWRJY29uKG9wdGlvbikgYXMgaWNvbk1ldGFcIj5cbiAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAqbmdJZj1cImljb25NZXRhLnR5cGUgPT09ICdpbWFnZSdcIlxuICAgICAgICAgICAgW3NyY109XCJpY29uTWV0YS5pbWFnZVVybFwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJpY29uTWV0YS5pbWFnZVN0eWxlXCJcbiAgICAgICAgICAgIGNsYXNzPVwicHQtZHJvcGRvd24taWNvbi1pbWFnZVwiXG4gICAgICAgICAgLz5cblxuICAgICAgICAgIDxpXG4gICAgICAgICAgICAqbmdJZj1cImljb25NZXRhLnR5cGUgPT09ICdmb250J1wiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJpY29uTWV0YS5mb250SWNvbkNsYXNzXCJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cImljb25NZXRhLmZvbnRJY29uU3R5bGVcIlxuICAgICAgICAgICAgY2xhc3M9XCJwdC1kcm9wZG93bi1pY29uLWZvbnRcIlxuICAgICAgICAgID48L2k+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHQtZHJvcGRvd24tbGFiZWxcIj57eyBvcHRpb24ubGFiZWwgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3AtZHJvcGRvd24+XG5cbiAgPGRpdlxuICAgICpuZ0lmPVwiXG4gICAgICBmb3JtR3JvdXAuZ2V0KGZvcm1GaWVsZC5uYW1lKT8uaW52YWxpZCAmJlxuICAgICAgZm9ybUdyb3VwLmdldChmb3JtRmllbGQubmFtZSk/LnRvdWNoZWRcbiAgICBcIlxuICA+XG4gICAgPHNtYWxsIGNsYXNzPVwicC1lcnJvclwiPnt7IGdldEVycm9yTWVzc2FnZSgpIH19PC9zbWFsbD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/pt-multi-select/pt-multi-select.component.mjs

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, } from '@angular/core';
 import { FormControl, Validators } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -6,35 +6,56 @@ import * as i2 from "@angular/forms";
 import * as i3 from "primeng/multiselect";
 export class PTMultiSelectComponent {
     ngOnInit() {
-        this.setupControl();
+        this.setupControl(true);
     }
-    setupControl() {
-        let control = this.formGroup.get(this.formField.name);
+    ngOnChanges(changes) {
+        // ✅ important: when dialog opens in edit mode, formField/value/options change
+        if (changes['formField'] && !changes['formField'].firstChange) {
+            this.setupControl(false);
+        }
+    }
+    setupControl(isFirstInit) {
+        const name = this.formField?.name;
+        if (!name || !this.formGroup)
+            return;
+        let control = this.formGroup.get(name);
+        // ✅ normalize incoming value
+        const normalizedValue = this.normalizeValue(this.formField?.value);
         if (!control) {
-            control = new FormControl(this.formField.value || []);
-            this.formGroup.addControl(this.formField.name, control);
+            control = new FormControl(normalizedValue);
+            this.formGroup.addControl(name, control);
         }
-        const validators = this.getValidators();
+        else {
+            // ✅ CRITICAL: resync value on edit/open dialog
+            // (do not emit events to avoid loops)
+            control.setValue(normalizedValue, { emitEvent: false });
+        }
+        // validators
+        const validators = this.formField?.required ? [Validators.required] : [];
         control.setValidators(validators);
-        // Manage the disabled state using form control
-        setTimeout(() => {
-            if (this.formField.disabled !== undefined) {
-                if (this.formField.disabled) {
-                    control.disable({ emitEvent: false });
-                }
-                else {
-                    control.enable({ emitEvent: false });
-                }
-            }
-            control.updateValueAndValidity({ emitEvent: false });
-        });
+        // disabled
+        if (this.formField?.disabled)
+            control.disable({ emitEvent: false });
+        else
+            control.enable({ emitEvent: false });
+        control.updateValueAndValidity({ emitEvent: false });
     }
-    getValidators() {
-        const validators = [];
-        if (this.formField.required) {
-            validators.push(Validators.required);
-        }
-        return validators;
+    /**
+     * We want the MultiSelect value to be an array of primitive ids (number/string),
+     * not an array of objects. This avoids reference issues after build.
+     */
+    normalizeValue(v) {
+        if (!Array.isArray(v))
+            return [];
+        // Case A: already ids [1,2,3]
+        if (v.length === 0)
+            return [];
+        if (typeof v[0] === 'number' || typeof v[0] === 'string')
+            return v;
+        // Case B: array of objects [{label,value}, ...]
+        return v
+            .map((x) => x?.value ?? x?.id ?? null)
+            .filter((x) => x !== null && x !== undefined);
     }
     getErrorMessage() {
         const control = this.formGroup.get(this.formField.name);
@@ -44,14 +65,14 @@ export class PTMultiSelectComponent {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTMultiSelectComponent, selector: "pt-multi-select", inputs: { formGroup: "formGroup", formField: "formField" }, ngImport: i0, template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n  ></p-multiSelect>\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTMultiSelectComponent, selector: "pt-multi-select", inputs: { formGroup: "formGroup", formField: "formField" }, usesOnChanges: true, ngImport: i0, template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  ></p-multiSelect>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      (formGroup.get(formField.name)?.touched ||\n        formGroup.get(formField.name)?.dirty)\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-multi-select', template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n  ></p-multiSelect>\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"] }]
+            args: [{ selector: 'pt-multi-select', template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  ></p-multiSelect>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      (formGroup.get(formField.name)?.touched ||\n        formGroup.get(formField.name)?.dirty)\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"] }]
         }], propDecorators: { formGroup: [{
                 type: Input
             }], formField: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtbXVsdGktc2VsZWN0L3B0LW11bHRpLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW11bHRpLXNlbGVjdC9wdC1tdWx0aS1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFhLFdBQVcsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFRcEUsTUFBTSxPQUFPLHNCQUFzQjtJQUlqQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQWdCLENBQUM7UUFFckUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2IsT0FBTyxHQUFHLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQ3RELElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzFELENBQUM7UUFFRCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDeEMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUVsQywrQ0FBK0M7UUFDL0MsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEtBQUssU0FBUyxFQUFFLENBQUM7Z0JBQzFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztvQkFDNUIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO2dCQUN4QyxDQUFDO3FCQUFNLENBQUM7b0JBQ04sT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO2dCQUN2QyxDQUFDO1lBQ0gsQ0FBQztZQUNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGFBQWE7UUFDbkIsTUFBTSxVQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM1QixVQUFVLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN2QyxDQUFDO1FBQ0QsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hELElBQUksT0FBTyxFQUFFLFFBQVEsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO1lBQ2xDLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssY0FBYyxDQUFDO1FBQzNFLENBQUM7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7K0dBOUNVLHNCQUFzQjttR0FBdEIsc0JBQXNCLG1IQ1RuQywybkJBc0JBOzs0RkRiYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQUtsQixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCwgRm9ybUNvbnRyb2wsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3JtTXVsdGlTZWxlY3RGaWVsZCB9IGZyb20gJy4uL21vZGVscy9mb3JtLW11bHRpLXNlbGVjdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3B0LW11bHRpLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wdC1tdWx0aS1zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wdC1tdWx0aS1zZWxlY3QuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQVE11bHRpU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBmb3JtRmllbGQhOiBGb3JtTXVsdGlTZWxlY3RGaWVsZDtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNldHVwQ29udHJvbCgpO1xuICB9XG5cbiAgc2V0dXBDb250cm9sKCkge1xuICAgIGxldCBjb250cm9sID0gdGhpcy5mb3JtR3JvdXAuZ2V0KHRoaXMuZm9ybUZpZWxkLm5hbWUpIGFzIEZvcm1Db250cm9sO1xuXG4gICAgaWYgKCFjb250cm9sKSB7XG4gICAgICBjb250cm9sID0gbmV3IEZvcm1Db250cm9sKHRoaXMuZm9ybUZpZWxkLnZhbHVlIHx8IFtdKTtcbiAgICAgIHRoaXMuZm9ybUdyb3VwLmFkZENvbnRyb2wodGhpcy5mb3JtRmllbGQubmFtZSwgY29udHJvbCk7XG4gICAgfVxuXG4gICAgY29uc3QgdmFsaWRhdG9ycyA9IHRoaXMuZ2V0VmFsaWRhdG9ycygpO1xuICAgIGNvbnRyb2wuc2V0VmFsaWRhdG9ycyh2YWxpZGF0b3JzKTtcblxuICAgIC8vIE1hbmFnZSB0aGUgZGlzYWJsZWQgc3RhdGUgdXNpbmcgZm9ybSBjb250cm9sXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAodGhpcy5mb3JtRmllbGQuZGlzYWJsZWQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBpZiAodGhpcy5mb3JtRmllbGQuZGlzYWJsZWQpIHtcbiAgICAgICAgICBjb250cm9sLmRpc2FibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGNvbnRyb2wuZW5hYmxlKHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgY29udHJvbC51cGRhdGVWYWx1ZUFuZFZhbGlkaXR5KHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0VmFsaWRhdG9ycygpIHtcbiAgICBjb25zdCB2YWxpZGF0b3JzID0gW107XG4gICAgaWYgKHRoaXMuZm9ybUZpZWxkLnJlcXVpcmVkKSB7XG4gICAgICB2YWxpZGF0b3JzLnB1c2goVmFsaWRhdG9ycy5yZXF1aXJlZCk7XG4gICAgfVxuICAgIHJldHVybiB2YWxpZGF0b3JzO1xuICB9XG5cbiAgZ2V0RXJyb3JNZXNzYWdlKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY29udHJvbCA9IHRoaXMuZm9ybUdyb3VwLmdldCh0aGlzLmZvcm1GaWVsZC5uYW1lKTtcbiAgICBpZiAoY29udHJvbD8uaGFzRXJyb3IoJ3JlcXVpcmVkJykpIHtcbiAgICAgIHJldHVybiB0aGlzLmZvcm1GaWVsZC5lcnJvclRleHQgfHwgYCR7dGhpcy5mb3JtRmllbGQubGFiZWx9IGlzIHJlcXVpcmVkYDtcbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCJcbiAgY2xhc3M9XCJmb3JtLWZpZWxkXCJcbiAgW25nU3R5bGVdPVwieyB3aWR0aDogZm9ybUZpZWxkLndpZHRoIHx8ICcxMDAlJyB9XCJcbiAgKm5nSWY9XCIhZm9ybUZpZWxkLmhpZGRlblwiXG4+XG4gIDxsYWJlbCAqbmdJZj1cImZvcm1GaWVsZC5sYWJlbFwiPnt7IGZvcm1GaWVsZC5sYWJlbCB9fTwvbGFiZWw+XG4gIDxwLW11bHRpU2VsZWN0XG4gICAgW2Zvcm1Db250cm9sTmFtZV09XCJmb3JtRmllbGQubmFtZVwiXG4gICAgW29wdGlvbnNdPVwiZm9ybUZpZWxkLm9wdGlvbnNcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJmb3JtRmllbGQucGxhY2Vob2xkZXIgfHwgJ1NlbGVjdCBvcHRpb25zJ1wiXG4gICAgb3B0aW9uTGFiZWw9XCJsYWJlbFwiXG4gID48L3AtbXVsdGlTZWxlY3Q+XG4gIDxkaXZcbiAgICAqbmdJZj1cIlxuICAgICAgZm9ybUdyb3VwLmdldChmb3JtRmllbGQubmFtZSk/LmludmFsaWQgJiZcbiAgICAgIGZvcm1Hcm91cC5nZXQoZm9ybUZpZWxkLm5hbWUpPy50b3VjaGVkXG4gICAgXCJcbiAgPlxuICAgIDxzbWFsbCBjbGFzcz1cInAtZXJyb3JcIj57eyBnZXRFcnJvck1lc3NhZ2UoKSB9fTwvc21hbGw+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtbXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtbXVsdGktc2VsZWN0L3B0LW11bHRpLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LW11bHRpLXNlbGVjdC9wdC1tdWx0aS1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEdBSU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFhLFdBQVcsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFRcEUsTUFBTSxPQUFPLHNCQUFzQjtJQUlqQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLDhFQUE4RTtRQUM5RSxJQUFJLE9BQU8sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUM5RCxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLFdBQW9CO1FBQ3ZDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU87UUFFckMsSUFBSSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUF1QixDQUFDO1FBRTdELDZCQUE2QjtRQUM3QixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFFbkUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2IsT0FBTyxHQUFHLElBQUksV0FBVyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1lBQzNDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztRQUMzQyxDQUFDO2FBQU0sQ0FBQztZQUNOLCtDQUErQztZQUMvQyxzQ0FBc0M7WUFDdEMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxlQUFlLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUMxRCxDQUFDO1FBRUQsYUFBYTtRQUNiLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3pFLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFbEMsV0FBVztRQUNYLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxRQUFRO1lBQUUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDOztZQUMvRCxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFFMUMsT0FBTyxDQUFDLHNCQUFzQixDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVEOzs7T0FHRztJQUNLLGNBQWMsQ0FBQyxDQUFNO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBRWpDLDhCQUE4QjtRQUM5QixJQUFJLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzlCLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssUUFBUSxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLFFBQVE7WUFBRSxPQUFPLENBQUMsQ0FBQztRQUVuRSxnREFBZ0Q7UUFDaEQsT0FBTyxDQUFDO2FBQ0wsR0FBRyxDQUFDLENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsRUFBRSxFQUFFLElBQUksSUFBSSxDQUFDO2FBQzFDLE1BQU0sQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssU0FBUyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hELElBQUksT0FBTyxFQUFFLFFBQVEsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO1lBQ2xDLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssY0FBYyxDQUFDO1FBQzNFLENBQUM7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7K0dBbkVVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHdJQ2ZuQywreEJBNkJBOzs0RkRkYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQUtsQixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1Db250cm9sLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9ybU11bHRpU2VsZWN0RmllbGQgfSBmcm9tICcuLi9tb2RlbHMvZm9ybS1tdWx0aS1zZWxlY3QubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwdC1tdWx0aS1zZWxlY3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHQtbXVsdGktc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtbXVsdGktc2VsZWN0LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUFRNdWx0aVNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBmb3JtRmllbGQhOiBGb3JtTXVsdGlTZWxlY3RGaWVsZDtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNldHVwQ29udHJvbCh0cnVlKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAvLyDinIUgaW1wb3J0YW50OiB3aGVuIGRpYWxvZyBvcGVucyBpbiBlZGl0IG1vZGUsIGZvcm1GaWVsZC92YWx1ZS9vcHRpb25zIGNoYW5nZVxuICAgIGlmIChjaGFuZ2VzWydmb3JtRmllbGQnXSAmJiAhY2hhbmdlc1snZm9ybUZpZWxkJ10uZmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMuc2V0dXBDb250cm9sKGZhbHNlKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHNldHVwQ29udHJvbChpc0ZpcnN0SW5pdDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5hbWUgPSB0aGlzLmZvcm1GaWVsZD8ubmFtZTtcbiAgICBpZiAoIW5hbWUgfHwgIXRoaXMuZm9ybUdyb3VwKSByZXR1cm47XG5cbiAgICBsZXQgY29udHJvbCA9IHRoaXMuZm9ybUdyb3VwLmdldChuYW1lKSBhcyBGb3JtQ29udHJvbCB8IG51bGw7XG5cbiAgICAvLyDinIUgbm9ybWFsaXplIGluY29taW5nIHZhbHVlXG4gICAgY29uc3Qgbm9ybWFsaXplZFZhbHVlID0gdGhpcy5ub3JtYWxpemVWYWx1ZSh0aGlzLmZvcm1GaWVsZD8udmFsdWUpO1xuXG4gICAgaWYgKCFjb250cm9sKSB7XG4gICAgICBjb250cm9sID0gbmV3IEZvcm1Db250cm9sKG5vcm1hbGl6ZWRWYWx1ZSk7XG4gICAgICB0aGlzLmZvcm1Hcm91cC5hZGRDb250cm9sKG5hbWUsIGNvbnRyb2wpO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyDinIUgQ1JJVElDQUw6IHJlc3luYyB2YWx1ZSBvbiBlZGl0L29wZW4gZGlhbG9nXG4gICAgICAvLyAoZG8gbm90IGVtaXQgZXZlbnRzIHRvIGF2b2lkIGxvb3BzKVxuICAgICAgY29udHJvbC5zZXRWYWx1ZShub3JtYWxpemVkVmFsdWUsIHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICB9XG5cbiAgICAvLyB2YWxpZGF0b3JzXG4gICAgY29uc3QgdmFsaWRhdG9ycyA9IHRoaXMuZm9ybUZpZWxkPy5yZXF1aXJlZCA/IFtWYWxpZGF0b3JzLnJlcXVpcmVkXSA6IFtdO1xuICAgIGNvbnRyb2wuc2V0VmFsaWRhdG9ycyh2YWxpZGF0b3JzKTtcblxuICAgIC8vIGRpc2FibGVkXG4gICAgaWYgKHRoaXMuZm9ybUZpZWxkPy5kaXNhYmxlZCkgY29udHJvbC5kaXNhYmxlKHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICBlbHNlIGNvbnRyb2wuZW5hYmxlKHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcblxuICAgIGNvbnRyb2wudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSh7IGVtaXRFdmVudDogZmFsc2UgfSk7XG4gIH1cblxuICAvKipcbiAgICogV2Ugd2FudCB0aGUgTXVsdGlTZWxlY3QgdmFsdWUgdG8gYmUgYW4gYXJyYXkgb2YgcHJpbWl0aXZlIGlkcyAobnVtYmVyL3N0cmluZyksXG4gICAqIG5vdCBhbiBhcnJheSBvZiBvYmplY3RzLiBUaGlzIGF2b2lkcyByZWZlcmVuY2UgaXNzdWVzIGFmdGVyIGJ1aWxkLlxuICAgKi9cbiAgcHJpdmF0ZSBub3JtYWxpemVWYWx1ZSh2OiBhbnkpOiBhbnlbXSB7XG4gICAgaWYgKCFBcnJheS5pc0FycmF5KHYpKSByZXR1cm4gW107XG5cbiAgICAvLyBDYXNlIEE6IGFscmVhZHkgaWRzIFsxLDIsM11cbiAgICBpZiAodi5sZW5ndGggPT09IDApIHJldHVybiBbXTtcbiAgICBpZiAodHlwZW9mIHZbMF0gPT09ICdudW1iZXInIHx8IHR5cGVvZiB2WzBdID09PSAnc3RyaW5nJykgcmV0dXJuIHY7XG5cbiAgICAvLyBDYXNlIEI6IGFycmF5IG9mIG9iamVjdHMgW3tsYWJlbCx2YWx1ZX0sIC4uLl1cbiAgICByZXR1cm4gdlxuICAgICAgLm1hcCgoeDogYW55KSA9PiB4Py52YWx1ZSA/PyB4Py5pZCA/PyBudWxsKVxuICAgICAgLmZpbHRlcigoeDogYW55KSA9PiB4ICE9PSBudWxsICYmIHggIT09IHVuZGVmaW5lZCk7XG4gIH1cblxuICBnZXRFcnJvck1lc3NhZ2UoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjb250cm9sID0gdGhpcy5mb3JtR3JvdXAuZ2V0KHRoaXMuZm9ybUZpZWxkLm5hbWUpO1xuICAgIGlmIChjb250cm9sPy5oYXNFcnJvcigncmVxdWlyZWQnKSkge1xuICAgICAgcmV0dXJuIHRoaXMuZm9ybUZpZWxkLmVycm9yVGV4dCB8fCBgJHt0aGlzLmZvcm1GaWVsZC5sYWJlbH0gaXMgcmVxdWlyZWRgO1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH1cbn1cbiIsIjxkaXZcbiAgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIlxuICBjbGFzcz1cImZvcm0tZmllbGRcIlxuICBbbmdTdHlsZV09XCJ7IHdpZHRoOiBmb3JtRmllbGQud2lkdGggfHwgJzEwMCUnIH1cIlxuICAqbmdJZj1cIiFmb3JtRmllbGQuaGlkZGVuXCJcbj5cbiAgPGxhYmVsICpuZ0lmPVwiZm9ybUZpZWxkLmxhYmVsXCI+e3sgZm9ybUZpZWxkLmxhYmVsIH19PC9sYWJlbD5cblxuICA8cC1tdWx0aVNlbGVjdFxuICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZm9ybUZpZWxkLm5hbWVcIlxuICAgIFtvcHRpb25zXT1cImZvcm1GaWVsZC5vcHRpb25zXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwiZm9ybUZpZWxkLnBsYWNlaG9sZGVyIHx8ICdTZWxlY3Qgb3B0aW9ucydcIlxuICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICAgIG9wdGlvblZhbHVlPVwidmFsdWVcIlxuICAgIFthcHBlbmRUb109XCInYm9keSdcIlxuICAgIFthdXRvWkluZGV4XT1cInRydWVcIlxuICAgIFtiYXNlWkluZGV4XT1cIjExMDAwXCJcbiAgPjwvcC1tdWx0aVNlbGVjdD5cblxuICA8ZGl2XG4gICAgKm5nSWY9XCJcbiAgICAgIGZvcm1Hcm91cC5nZXQoZm9ybUZpZWxkLm5hbWUpPy5pbnZhbGlkICYmXG4gICAgICAoZm9ybUdyb3VwLmdldChmb3JtRmllbGQubmFtZSk/LnRvdWNoZWQgfHxcbiAgICAgICAgZm9ybUdyb3VwLmdldChmb3JtRmllbGQubmFtZSk/LmRpcnR5KVxuICAgIFwiXG4gID5cbiAgICA8c21hbGwgY2xhc3M9XCJwLWVycm9yXCI+e3sgZ2V0RXJyb3JNZXNzYWdlKCkgfX08L3NtYWxsPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2022/ng-prime-tools.mjs

@@ -919,35 +919,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
 
 class PTMultiSelectComponent {
     ngOnInit() {
-        this.setupControl();
+        this.setupControl(true);
     }
-    setupControl() {
-        let control = this.formGroup.get(this.formField.name);
+    ngOnChanges(changes) {
+        // ✅ important: when dialog opens in edit mode, formField/value/options change
+        if (changes['formField'] && !changes['formField'].firstChange) {
+            this.setupControl(false);
+        }
+    }
+    setupControl(isFirstInit) {
+        const name = this.formField?.name;
+        if (!name || !this.formGroup)
+            return;
+        let control = this.formGroup.get(name);
+        // ✅ normalize incoming value
+        const normalizedValue = this.normalizeValue(this.formField?.value);
         if (!control) {
-            control = new FormControl(this.formField.value || []);
-            this.formGroup.addControl(this.formField.name, control);
+            control = new FormControl(normalizedValue);
+            this.formGroup.addControl(name, control);
         }
-        const validators = this.getValidators();
+        else {
+            // ✅ CRITICAL: resync value on edit/open dialog
+            // (do not emit events to avoid loops)
+            control.setValue(normalizedValue, { emitEvent: false });
+        }
+        // validators
+        const validators = this.formField?.required ? [Validators.required] : [];
         control.setValidators(validators);
-        // Manage the disabled state using form control
-        setTimeout(() => {
-            if (this.formField.disabled !== undefined) {
-                if (this.formField.disabled) {
-                    control.disable({ emitEvent: false });
-                }
-                else {
-                    control.enable({ emitEvent: false });
-                }
-            }
-            control.updateValueAndValidity({ emitEvent: false });
-        });
+        // disabled
+        if (this.formField?.disabled)
+            control.disable({ emitEvent: false });
+        else
+            control.enable({ emitEvent: false });
+        control.updateValueAndValidity({ emitEvent: false });
     }
-    getValidators() {
-        const validators = [];
-        if (this.formField.required) {
-            validators.push(Validators.required);
-        }
-        return validators;
+    /**
+     * We want the MultiSelect value to be an array of primitive ids (number/string),
+     * not an array of objects. This avoids reference issues after build.
+     */
+    normalizeValue(v) {
+        if (!Array.isArray(v))
+            return [];
+        // Case A: already ids [1,2,3]
+        if (v.length === 0)
+            return [];
+        if (typeof v[0] === 'number' || typeof v[0] === 'string')
+            return v;
+        // Case B: array of objects [{label,value}, ...]
+        return v
+            .map((x) => x?.value ?? x?.id ?? null)
+            .filter((x) => x !== null && x !== undefined);
     }
     getErrorMessage() {
         const control = this.formGroup.get(this.formField.name);
@@ -957,11 +978,11 @@ class PTMultiSelectComponent {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTMultiSelectComponent, selector: "pt-multi-select", inputs: { formGroup: "formGroup", formField: "formField" }, ngImport: i0, template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n  ></p-multiSelect>\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTMultiSelectComponent, selector: "pt-multi-select", inputs: { formGroup: "formGroup", formField: "formField" }, usesOnChanges: true, ngImport: i0, template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  ></p-multiSelect>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      (formGroup.get(formField.name)?.touched ||\n        formGroup.get(formField.name)?.dirty)\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTMultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-multi-select', template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n  ></p-multiSelect>\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"] }]
+            args: [{ selector: 'pt-multi-select', template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-multiSelect\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select options'\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  ></p-multiSelect>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      (formGroup.get(formField.name)?.touched ||\n        formGroup.get(formField.name)?.dirty)\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"] }]
         }], propDecorators: { formGroup: [{
                 type: Input
             }], formField: [{
@@ -2194,11 +2215,11 @@ class PTDropdownComponent {
         return 'left';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTDropdownComponent, selector: "pt-dropdown", inputs: { formGroup: "formGroup", formField: "formField" }, ngImport: i0, template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTDropdownComponent, selector: "pt-dropdown", inputs: { formGroup: "formGroup", formField: "formField" }, ngImport: i0, template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-dropdown', template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"] }]
+            args: [{ selector: 'pt-dropdown', template: "<!-- ng-prime-tools/projects/ng-prime-tools/src/lib/pt-dropdown/pt-dropdown.component.html -->\n<div\n  [formGroup]=\"formGroup\"\n  class=\"form-field\"\n  [ngStyle]=\"{ width: formField.width || '100%' }\"\n  *ngIf=\"!formField.hidden\"\n>\n  <label *ngIf=\"formField.label\">{{ formField.label }}</label>\n\n  <p-dropdown\n    [formControlName]=\"formField.name\"\n    [options]=\"formField.options\"\n    [placeholder]=\"formField.placeholder || 'Select an option'\"\n    optionLabel=\"label\"\n    [appendTo]=\"'body'\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"11000\"\n  >\n    <!-- Selected value template -->\n    <ng-template pTemplate=\"selectedItem\" let-option>\n      <ng-container *ngIf=\"option; else placeholderTpl\">\n        <div class=\"pt-dropdown-item\">\n          <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n            <!-- IMAGE ICON -->\n            <img\n              *ngIf=\"iconMeta.type === 'image'\"\n              [src]=\"iconMeta.imageUrl\"\n              [ngStyle]=\"iconMeta.imageStyle\"\n              class=\"pt-dropdown-icon-image\"\n            />\n\n            <!-- FONT ICON (PrimeNG / FontAwesome) -->\n            <i\n              *ngIf=\"iconMeta.type === 'font'\"\n              [ngClass]=\"iconMeta.fontIconClass\"\n              [ngStyle]=\"iconMeta.fontIconStyle\"\n              class=\"pt-dropdown-icon-font\"\n            ></i>\n          </ng-container>\n\n          <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <!-- Placeholder when no value selected -->\n    <ng-template #placeholderTpl>\n      <span>{{ formField.placeholder || \"Select an option\" }}</span>\n    </ng-template>\n\n    <!-- Items template -->\n    <ng-template pTemplate=\"item\" let-option>\n      <div class=\"pt-dropdown-item\">\n        <ng-container *ngIf=\"getResolvedIcon(option) as iconMeta\">\n          <img\n            *ngIf=\"iconMeta.type === 'image'\"\n            [src]=\"iconMeta.imageUrl\"\n            [ngStyle]=\"iconMeta.imageStyle\"\n            class=\"pt-dropdown-icon-image\"\n          />\n\n          <i\n            *ngIf=\"iconMeta.type === 'font'\"\n            [ngClass]=\"iconMeta.fontIconClass\"\n            [ngStyle]=\"iconMeta.fontIconStyle\"\n            class=\"pt-dropdown-icon-font\"\n          ></i>\n        </ng-container>\n\n        <span class=\"pt-dropdown-label\">{{ option.label }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n\n  <div\n    *ngIf=\"\n      formGroup.get(formField.name)?.invalid &&\n      formGroup.get(formField.name)?.touched\n    \"\n  >\n    <small class=\"p-error\">{{ getErrorMessage() }}</small>\n  </div>\n</div>\n", styles: [".form-field{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1rem}.pt-dropdown-item{display:flex;align-items:center;gap:.5rem}.pt-dropdown-icon-image{object-fit:cover}.pt-dropdown-icon-font{display:inline-flex;align-items:center;justify-content:center}.pt-dropdown-label{display:inline-block}\n"] }]
         }], propDecorators: { formGroup: [{
                 type: Input
             }], formField: [{