@inspark/inspark-components 19.0.28 → 19.0.30

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

@@ -4121,6 +4121,9 @@ class AutoCompleteComponent {
         this.onFocus = new EventEmitter();
         this.onBlur = new EventEmitter();
         this.onDropdownClick = new EventEmitter();
+        this.onKeyUp = new EventEmitter();
+        this.onShow = new EventEmitter();
+        this.onHide = new EventEmitter();
         this.value = null;
         this.itemTemplate = null;
         this.selectedItemTemplate = null;
@@ -4143,7 +4146,12 @@ class AutoCompleteComponent {
         this.completeMethod.emit(event);
     }
     handleSelect(event) {
-        this.onModelChange(this.value);
+        // PrimeNG 19 auto-extracts option.value from items that have a .value property,
+        // storing it in modelValue instead of the full item object.
+        // event.value always carries the full original item — use it to restore PrimeNG 14 behavior.
+        this.value = event.value;
+        this.autocomplete?.writeValue(event.value);
+        this.onModelChange(event.value);
         this.onSelect.emit(event);
     }
     handleUnselect(event) {
@@ -4171,18 +4179,18 @@ 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", 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([
+        } }, 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", onKeyUp: "onKeyUp", onShow: "onShow", onHide: "onHide" }, standalone: false, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => AutoCompleteComponent),
                     multi: true
                 }
-            ])], ngContentSelectors: _c2, decls: 4, vars: 21, consts: [["autocomplete", ""], [3, "ngModelChange", "completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "styleClass", "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) {
+            ])], ngContentSelectors: _c2, decls: 4, vars: 21, consts: [["autocomplete", ""], [3, "ngModelChange", "completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onKeyUp", "onShow", "onHide", "styleClass", "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, "p-autoComplete", 1, 0);
             i0.ɵɵtwoWayListener("ngModelChange", function AutoCompleteComponent_Template_p_autoComplete_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("completeMethod", function AutoCompleteComponent_Template_p_autoComplete_completeMethod_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleComplete($event)); })("onSelect", function AutoCompleteComponent_Template_p_autoComplete_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSelect($event)); })("onUnselect", function AutoCompleteComponent_Template_p_autoComplete_onUnselect_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleUnselect($event)); })("onFocus", function AutoCompleteComponent_Template_p_autoComplete_onFocus_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFocus.emit($event)); })("onBlur", function AutoCompleteComponent_Template_p_autoComplete_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleBlur($event)); })("onDropdownClick", function AutoCompleteComponent_Template_p_autoComplete_onDropdownClick_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDropdownClick.emit($event)); });
+            i0.ɵɵlistener("completeMethod", function AutoCompleteComponent_Template_p_autoComplete_completeMethod_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleComplete($event)); })("onSelect", function AutoCompleteComponent_Template_p_autoComplete_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSelect($event)); })("onUnselect", function AutoCompleteComponent_Template_p_autoComplete_onUnselect_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleUnselect($event)); })("onFocus", function AutoCompleteComponent_Template_p_autoComplete_onFocus_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFocus.emit($event)); })("onBlur", function AutoCompleteComponent_Template_p_autoComplete_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleBlur($event)); })("onDropdownClick", function AutoCompleteComponent_Template_p_autoComplete_onDropdownClick_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDropdownClick.emit($event)); })("onKeyUp", function AutoCompleteComponent_Template_p_autoComplete_onKeyUp_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onKeyUp.emit($event)); })("onShow", function AutoCompleteComponent_Template_p_autoComplete_onShow_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onShow.emit()); })("onHide", function AutoCompleteComponent_Template_p_autoComplete_onHide_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onHide.emit()); });
             i0.ɵɵtemplate(2, AutoCompleteComponent_ng_template_2_Template, 2, 1, "ng-template", 2)(3, AutoCompleteComponent_ng_template_3_Template, 2, 1, "ng-template", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
@@ -4200,7 +4208,7 @@ class AutoCompleteComponent {
                         useExisting: forwardRef(() => AutoCompleteComponent),
                         multi: true
                     }
-                ], template: "<p-autoComplete\r\n  #autocomplete\r\n\r\n  [style]=\"style\"\r\n  [styleClass]=\"styleClass\"\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", styles: [":host{display:block}\n"] }]
+                ], template: "<p-autoComplete\r\n  #autocomplete\r\n\r\n  [style]=\"style\"\r\n  [styleClass]=\"styleClass\"\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  (onKeyUp)=\"onKeyUp.emit($event)\"\r\n  (onShow)=\"onShow.emit()\"\r\n  (onHide)=\"onHide.emit()\"\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", styles: [":host{display:block}\n"] }]
     }], null, { autocomplete: [{
             type: ViewChild,
             args: ['autocomplete']
@@ -4262,6 +4270,12 @@ class AutoCompleteComponent {
             type: Output
         }], onDropdownClick: [{
             type: Output
+        }], onKeyUp: [{
+            type: Output
+        }], onShow: [{
+            type: Output
+        }], onHide: [{
+            type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AutoCompleteComponent, { className: "AutoCompleteComponent", filePath: "components/autocomplete/autocomplete.component.ts", lineNumber: 35 }); })();