npm - @inspark/inspark-components - Versions diffs - 19.0.19 → 19.0.20 - Mend

@inspark/inspark-components 19.0.19 → 19.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/full/components/autocomplete/autocomplete.component.d.ts CHANGED Viewed

@@ -21,6 +21,16 @@ export declare class AutoCompleteComponent implements ControlValueAccessor {
     emptyMessage: string;
     style: any;
     styleClass: string;
+    inputStyle: any;
+    inputStyleClass: string;
+    /** HTML size attribute of the input field (number of characters) */
+    size: number | undefined;
+    /**
+     * When true, the component won't update ngModel with typed text on blur
+     * (PrimeNG 14 legacy prop — accepted but not forwarded to p-autoComplete v19)
+     */
+    immutable: boolean;
+    dropdownIcon: string | undefined;
     completeMethod: EventEmitter<any>;
     onSelect: EventEmitter<any>;
     onUnselect: EventEmitter<any>;
@@ -45,6 +55,6 @@ export declare class AutoCompleteComponent implements ControlValueAccessor {
     show(): void;
     hide(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "in-autocomplete", never, { "suggestions": { "alias": "suggestions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onClear": "onClear"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; }, never, ["[itemTemplate]", "[selectedItemTemplate]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "in-autocomplete", never, { "suggestions": { "alias": "suggestions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "immutable": { "alias": "immutable"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onClear": "onClear"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; }, never, ["[itemTemplate]", "[selectedItemTemplate]"], false, never>;
 }
 //# sourceMappingURL=autocomplete.component.d.ts.map

package/full/components/autocomplete/autocomplete.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAKb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EAErB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,YAAY,EACZ,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,sBAAsB,CAAC;;AAE9B,qBAaa,qBAAsB,YAAW,oBAAoB;IAGhE,YAAY,EAAG,YAAY,CAAC;IAG5B,WAAW,EAAE,GAAG,EAAE,CAAM;IAGxB,WAAW,SAAM;IAGjB,KAAK,SAAW;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,cAAc,UAAS;IAGvB,SAAS,SAAK;IAGd,KAAK,SAAO;IAGZ,QAAQ,UAAS;IAGjB,QAAQ,EAAE,GAAG,CAAU;IAGvB,YAAY,EAAE,OAAO,GAAG,SAAS,CAAW;IAG5C,WAAW,SAAW;IAGtB,aAAa,UAAS;IAGtB,qBAAqB,SAAM;IAG3B,YAAY,SAAsB;IAGlC,KAAK,EAAE,GAAG,CAAQ;IAGlB,UAAU,SAAM;IAGhB,cAAc,oBAA2B;IAGzC,QAAQ,oBAA2B;IAGnC,UAAU,oBAA2B;IAGrC,OAAO,qBAA4B;IAGnC,OAAO,oBAA2B;IAGlC,MAAM,oBAA2B;IAGjC,eAAe,oBAA2B;IAE1C,KAAK,EAAE,GAAG,CAAQ;IAElB,YAAY,EAAE,GAAG,CAAQ;IAEzB,oBAAoB,EAAE,GAAG,CAAQ;IAEjC,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,cAAc,CAAY;IAElC,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAI5B,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAI/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAIhC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAIzC,cAAc,CAAC,KAAK,EAAE,yBAAyB,GAAG,IAAI;IAItD,YAAY,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI;IAMlD,cAAc,CAAC,KAAK,EAAE,yBAAyB,GAAG,IAAI;IAMtD,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAM5B,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;~~yCAzID~~,qBAAqB;2CAArB,qBAAqB;~~CA4IjC~~"}
1	+ {"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAKb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EAErB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,YAAY,EACZ,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,sBAAsB,CAAC;;AAE9B,qBAaa,qBAAsB,YAAW,oBAAoB;IAGhE,YAAY,EAAG,YAAY,CAAC;IAG5B,WAAW,EAAE,GAAG,EAAE,CAAM;IAGxB,WAAW,SAAM;IAGjB,KAAK,SAAW;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,cAAc,UAAS;IAGvB,SAAS,SAAK;IAGd,KAAK,SAAO;IAGZ,QAAQ,UAAS;IAGjB,QAAQ,EAAE,GAAG,CAAU;IAGvB,YAAY,EAAE,OAAO,GAAG,SAAS,CAAW;IAG5C,WAAW,SAAW;IAGtB,aAAa,UAAS;IAGtB,qBAAqB,SAAM;IAG3B,YAAY,SAAsB;IAGlC,KAAK,EAAE,GAAG,CAAQ;IAGlB,UAAU,SAAM;IAGhB,UAAU,EAAE,GAAG,CAAQ;IAGvB,eAAe,SAAM;IAErB,oEAAoE;IAEpE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;OAGG;IAEH,SAAS,UAAQ;IAGjB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAa;IAG7C,cAAc,oBAA2B;IAGzC,QAAQ,oBAA2B;IAGnC,UAAU,oBAA2B;IAGrC,OAAO,qBAA4B;IAGnC,OAAO,oBAA2B;IAGlC,MAAM,oBAA2B;IAGjC,eAAe,oBAA2B;IAE1C,KAAK,EAAE,GAAG,CAAQ;IAElB,YAAY,EAAE,GAAG,CAAQ;IAEzB,oBAAoB,EAAE,GAAG,CAAQ;IAEjC,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,cAAc,CAAY;IAElC,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAI5B,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAI/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAIhC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAIzC,cAAc,CAAC,KAAK,EAAE,yBAAyB,GAAG,IAAI;IAItD,YAAY,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI;IAMlD,cAAc,CAAC,KAAK,EAAE,yBAAyB,GAAG,IAAI;IAMtD,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAM5B,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;yCA7JD,qBAAqB;2CAArB,qBAAqB;CAgKjC"}

package/full/fesm2022/inspark-inspark-components.mjs CHANGED Viewed

@@ -3086,7 +3086,7 @@ class PreloaderComponent {
 // tslint:disable-next-line:max-line-length
 const _c0$e = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-pressed": a15 });
 const _c1$6 = a0 => ({ width: a0 });
-const _c2 = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-shadowed": a15, "p-button-pressed": a16 });
+const _c2$3 = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-shadowed": a15, "p-button-pressed": a16 });
 const _c3$4 = (a0, a1) => ({ "p-clickable": true, "p-button-icon-left": a0, "p-button-icon-right": a1 });
 function ButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -3170,7 +3170,7 @@ function ButtonComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵstyleMap(ctx_r1.style);
     i0.ɵɵclassMap(ctx_r1.className + " " + ctx_r1.testId + " field_" + ctx_r1.name);
-    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(13, _c2, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
+    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(13, _c2$3, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
     i0.ɵɵattribute("type", ctx_r1.type);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", content_r3);
@@ -3203,7 +3203,7 @@ function ButtonComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵstyleMap(ctx_r1.style);
     i0.ɵɵclassMap(ctx_r1.className + " " + ctx_r1.testId + " field_" + ctx_r1.name);
-    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(12, _c2, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label || ctx_r1.isIconOnly, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
+    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(12, _c2$3, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label || ctx_r1.isIconOnly, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
     i0.ɵɵattribute("type", ctx_r1.type);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", content_r3);
@@ -4048,7 +4048,7 @@ class SharedUiModule {
 const _c0$b = ["autocomplete"];
 const _c1$4 = [[["", "itemTemplate", ""]], [["", "selectedItemTemplate", ""]]];
-const _c2$3 = ["[itemTemplate]", "[selectedItemTemplate]"];
+const _c2 = ["[itemTemplate]", "[selectedItemTemplate]"];
 const _c3$2 = (a0, a1) => ({ "p-autocomplete p-component": true, "p-autocomplete-dd": a0, "p-autocomplete-multiple": a1 });
 function AutoCompleteComponent_ng_template_4_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -4105,6 +4105,16 @@ class AutoCompleteComponent {
         this.emptyMessage = 'No results found';
         this.style = null;
         this.styleClass = '';
+        this.inputStyle = null;
+        this.inputStyleClass = '';
+        /** HTML size attribute of the input field (number of characters) */
+        this.size = undefined;
+        /**
+         * When true, the component won't update ngModel with typed text on blur
+         * (PrimeNG 14 legacy prop — accepted but not forwarded to p-autoComplete v19)
+         */
+        this.immutable = true;
+        this.dropdownIcon = undefined;
         this.completeMethod = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onUnselect = new EventEmitter();
@@ -4162,13 +4172,13 @@ class AutoCompleteComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.autocomplete = _t.first);
-        } }, inputs: { suggestions: "suggestions", placeholder: "placeholder", field: "field", dropdown: "dropdown", multiple: "multiple", forceSelection: "forceSelection", minLength: "minLength", delay: "delay", disabled: "disabled", appendTo: "appendTo", dropdownMode: "dropdownMode", optionLabel: "optionLabel", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", emptyMessage: "emptyMessage", style: "style", styleClass: "styleClass" }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onUnselect: "onUnselect", onClear: "onClear", onFocus: "onFocus", onBlur: "onBlur", onDropdownClick: "onDropdownClick" }, standalone: false, features: [i0.ɵɵProvidersFeature([
+        } }, inputs: { suggestions: "suggestions", placeholder: "placeholder", field: "field", dropdown: "dropdown", multiple: "multiple", forceSelection: "forceSelection", minLength: "minLength", delay: "delay", disabled: "disabled", appendTo: "appendTo", dropdownMode: "dropdownMode", optionLabel: "optionLabel", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", emptyMessage: "emptyMessage", style: "style", styleClass: "styleClass", inputStyle: "inputStyle", inputStyleClass: "inputStyleClass", size: "size", immutable: "immutable", dropdownIcon: "dropdownIcon" }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onUnselect: "onUnselect", onClear: "onClear", onFocus: "onFocus", onBlur: "onBlur", onDropdownClick: "onDropdownClick" }, standalone: false, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => AutoCompleteComponent),
                     multi: true
                 }
-            ])], ngContentSelectors: _c2$3, decls: 6, vars: 22, consts: [["container", ""], ["autocomplete", ""], [3, "ngClass", "ngStyle"], [3, "ngModelChange", "completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "ngModel", "suggestions", "placeholder", "field", "dropdown", "multiple", "forceSelection", "minLength", "delay", "disabled", "appendTo", "dropdownMode", "virtualScroll", "virtualScrollItemSize", "emptyMessage"], ["pTemplate", "item"], ["pTemplate", "selectedItem"], [4, "ngIf"]], template: function AutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
+            ])], ngContentSelectors: _c2, decls: 6, vars: 25, consts: [["container", ""], ["autocomplete", ""], [3, "ngClass", "ngStyle"], [3, "ngModelChange", "completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "ngModel", "suggestions", "placeholder", "field", "dropdown", "multiple", "forceSelection", "minLength", "delay", "disabled", "appendTo", "dropdownMode", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "inputStyle", "inputStyleClass", "dropdownIcon"], ["pTemplate", "item"], ["pTemplate", "selectedItem"], [4, "ngIf"]], template: function AutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef(_c1$4);
             i0.ɵɵelementStart(0, "span", 2, 0)(2, "p-autoComplete", 3, 1);
@@ -4178,10 +4188,10 @@ class AutoCompleteComponent {
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(19, _c3$2, ctx.dropdown, ctx.multiple))("ngStyle", ctx.style);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(22, _c3$2, ctx.dropdown, ctx.multiple))("ngStyle", ctx.style);
             i0.ɵɵadvance(2);
             i0.ɵɵtwoWayProperty("ngModel", ctx.value);
-            i0.ɵɵproperty("suggestions", ctx.suggestions)("placeholder", ctx.placeholder)("field", ctx.field)("dropdown", ctx.dropdown)("multiple", ctx.multiple)("forceSelection", ctx.forceSelection)("minLength", ctx.minLength)("delay", ctx.delay)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("dropdownMode", ctx.dropdownMode)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("emptyMessage", ctx.emptyMessage);
+            i0.ɵɵproperty("suggestions", ctx.suggestions)("placeholder", ctx.placeholder)("field", ctx.field)("dropdown", ctx.dropdown)("multiple", ctx.multiple)("forceSelection", ctx.forceSelection)("minLength", ctx.minLength)("delay", ctx.delay)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("dropdownMode", ctx.dropdownMode)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("emptyMessage", ctx.emptyMessage)("inputStyle", ctx.inputStyle)("inputStyleClass", ctx.inputStyleClass)("dropdownIcon", ctx.dropdownIcon);
         } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i1$2.NgStyle, i2$1.NgControlStatus, i2$1.NgModel, i3.AutoComplete, i2.PrimeTemplate], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoCompleteComponent, [{
@@ -4192,7 +4202,7 @@ class AutoCompleteComponent {
                         useExisting: forwardRef(() => AutoCompleteComponent),
                         multi: true
                     }
-                ], template: "<span #container [ngClass]=\"{ 'p-autocomplete p-component': true, 'p-autocomplete-dd': dropdown, 'p-autocomplete-multiple': multiple }\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n            <p-autoComplete\r\n              #autocomplete\r\n\r\n              [(ngModel)]=\"value\"\r\n\r\n              [suggestions]=\"suggestions\"\r\n              [placeholder]=\"placeholder\"\r\n              [field]=\"field\"\r\n              [dropdown]=\"dropdown\"\r\n              [multiple]=\"multiple\"\r\n              [forceSelection]=\"forceSelection\"\r\n              [minLength]=\"minLength\"\r\n              [delay]=\"delay\"\r\n              [disabled]=\"disabled\"\r\n              [appendTo]=\"appendTo\"\r\n              [dropdownMode]=\"dropdownMode\"\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n              [emptyMessage]=\"emptyMessage\"\r\n\r\n              (completeMethod)=\"handleComplete($event)\"\r\n              (onSelect)=\"handleSelect($event)\"\r\n              (onUnselect)=\"handleUnselect($event)\"\r\n              (onFocus)=\"onFocus.emit($event)\"\r\n              (onBlur)=\"handleBlur($event)\"\r\n              (onDropdownClick)=\"onDropdownClick.emit($event)\"\r\n            >\r\n\r\n  <ng-template\r\n    pTemplate=\"item\"\r\n    let-item\r\n  >\r\n\r\n    <ng-content\r\n      select=\"[itemTemplate]\"\r\n    ></ng-content>\r\n\r\n    <span *ngIf=\"!itemTemplate\">\r\n      {{ item?.[optionLabel] }}\r\n    </span>\r\n\r\n  </ng-template>\r\n\r\n  <ng-template\r\n    pTemplate=\"selectedItem\"\r\n    let-item\r\n  >\r\n\r\n    <ng-content\r\n      select=\"[selectedItemTemplate]\"\r\n    ></ng-content>\r\n\r\n    <span *ngIf=\"!selectedItemTemplate\">\r\n      {{ item?.[optionLabel] }}\r\n    </span>\r\n\r\n  </ng-template>\r\n\r\n</p-autoComplete>\r\n" }]
+                ], template: "<span #container [ngClass]=\"{ 'p-autocomplete p-component': true, 'p-autocomplete-dd': dropdown, 'p-autocomplete-multiple': multiple }\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n            <p-autoComplete\r\n              #autocomplete\r\n\r\n              [(ngModel)]=\"value\"\r\n\r\n              [suggestions]=\"suggestions\"\r\n              [placeholder]=\"placeholder\"\r\n              [field]=\"field\"\r\n              [dropdown]=\"dropdown\"\r\n              [multiple]=\"multiple\"\r\n              [forceSelection]=\"forceSelection\"\r\n              [minLength]=\"minLength\"\r\n              [delay]=\"delay\"\r\n              [disabled]=\"disabled\"\r\n              [appendTo]=\"appendTo\"\r\n              [dropdownMode]=\"dropdownMode\"\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n              [emptyMessage]=\"emptyMessage\"\r\n              [inputStyle]=\"inputStyle\"\r\n              [inputStyleClass]=\"inputStyleClass\"\r\n              [dropdownIcon]=\"dropdownIcon\"\r\n\r\n              (completeMethod)=\"handleComplete($event)\"\r\n              (onSelect)=\"handleSelect($event)\"\r\n              (onUnselect)=\"handleUnselect($event)\"\r\n              (onFocus)=\"onFocus.emit($event)\"\r\n              (onBlur)=\"handleBlur($event)\"\r\n              (onDropdownClick)=\"onDropdownClick.emit($event)\"\r\n            >\r\n\r\n  <ng-template\r\n    pTemplate=\"item\"\r\n    let-item\r\n  >\r\n\r\n    <ng-content\r\n      select=\"[itemTemplate]\"\r\n    ></ng-content>\r\n\r\n    <span *ngIf=\"!itemTemplate\">\r\n      {{ item?.[optionLabel] }}\r\n    </span>\r\n\r\n  </ng-template>\r\n\r\n  <ng-template\r\n    pTemplate=\"selectedItem\"\r\n    let-item\r\n  >\r\n\r\n    <ng-content\r\n      select=\"[selectedItemTemplate]\"\r\n    ></ng-content>\r\n\r\n    <span *ngIf=\"!selectedItemTemplate\">\r\n      {{ item?.[optionLabel] }}\r\n    </span>\r\n\r\n  </ng-template>\r\n\r\n</p-autoComplete>\r\n" }]
     }], null, { autocomplete: [{
             type: ViewChild,
             args: ['autocomplete']
@@ -4230,6 +4240,16 @@ class AutoCompleteComponent {
             type: Input
         }], styleClass: [{
             type: Input
+        }], inputStyle: [{
+            type: Input
+        }], inputStyleClass: [{
+            type: Input
+        }], size: [{
+            type: Input
+        }], immutable: [{
+            type: Input
+        }], dropdownIcon: [{
+            type: Input
         }], completeMethod: [{
             type: Output
         }], onSelect: [{