@inspark/inspark-components 19.0.3 → 19.0.5

package/full/components/dropdown/dropdown.component.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { Dropdown, DropdownChangeEvent, DropdownFilterEvent } from 'primeng/dropdown';
+import { Select, SelectChangeEvent, SelectFilterEvent } from 'primeng/select';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent implements ControlValueAccessor {
-    dropdown: Dropdown;
+    dropdown: Select;
     itemTemplate: any;
     options: any[];
     placeholder: string;
@@ -18,6 +18,9 @@ export declare class DropdownComponent implements ControlValueAccessor {
     virtualScrollItemSize: number;
     loading: boolean;
     autoDisplayFirst: boolean;
+    filterBy: string | undefined;
+    get effectiveFilterBy(): string;
+    filterMatchMode: 'equals' | 'endsWith' | 'startsWith' | 'contains' | 'in' | 'notEquals' | 'lt' | 'lte' | 'gt' | 'gte' | undefined;
     emptyMessage: string;
     onChange: EventEmitter<any>;
     onFilter: EventEmitter<any>;
@@ -32,14 +35,14 @@ export declare class DropdownComponent implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(disabled: boolean): void;
-    handleChange(event: DropdownChangeEvent): void;
-    handleFilter(event: DropdownFilterEvent): void;
+    handleChange(event: SelectChangeEvent): void;
+    handleFilter(event: SelectFilterEvent): void;
     handleBlur(event: any): void;
     focus(): void;
     show(): void;
     hide(): void;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "in-dropdown", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "autoDisplayFirst": { "alias": "autoDisplayFirst"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onShow": "onShow"; "onHide": "onHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, ["[selectedItemTemplate]", "[itemTemplate]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "in-dropdown", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "autoDisplayFirst": { "alias": "autoDisplayFirst"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onShow": "onShow"; "onHide": "onHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, ["[selectedItemTemplate]", "[itemTemplate]"], false, never>;
 }
 //# sourceMappingURL=dropdown.component.d.ts.map

package/full/components/dropdown/dropdown.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/dropdown/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAKb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EAErB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,QAAQ,EACR,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;;AAE1B,qBAaa,iBAAkB,YAAW,oBAAoB;IAG5D,QAAQ,EAAG,QAAQ,CAAC;IACpB,YAAY,EAAE,GAAG,CAAQ;IAGzB,OAAO,EAAE,GAAG,EAAE,CAAM;IAGpB,WAAW,SAAM;IAGjB,WAAW,SAAW;IAGtB,WAAW,SAAW;IAGtB,MAAM,UAAS;IAGf,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,QAAQ,EAAE,GAAG,CAAU;IAGvB,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAGtB,qBAAqB,SAAM;IAG3B,OAAO,UAAS;IAGhB,gBAAgB,UAAS;IAGzB,YAAY,SAAsB;IAGlC,QAAQ,oBAA2B;IAGnC,QAAQ,oBAA2B;IAGnC,MAAM,qBAA4B;IAGlC,MAAM,qBAA4B;IAGlC,OAAO,oBAA2B;IAGlC,MAAM,oBAA2B;IAEjC,KAAK,EAAE,GAAG,CAAQ;IAElB,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,YAAY,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI;IAQ9C,YAAY,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI;IAI9C,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAM5B,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;yCAtHF,iBAAiB;2CAAjB,iBAAiB;CA2H7B"}
+{"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/dropdown/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAKb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EAErB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;;AAExB,qBAaa,iBAAkB,YAAW,oBAAoB;IAG5D,QAAQ,EAAG,MAAM,CAAC;IAClB,YAAY,EAAE,GAAG,CAAQ;IAGzB,OAAO,EAAE,GAAG,EAAE,CAAM;IAGpB,WAAW,SAAM;IAGjB,WAAW,SAAW;IAGtB,WAAW,SAAW;IAGtB,MAAM,UAAS;IAGf,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,QAAQ,EAAE,GAAG,CAAU;IAGvB,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAGtB,qBAAqB,SAAM;IAG3B,OAAO,UAAS;IAGhB,gBAAgB,UAAS;IAGzB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzC,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAGD,eAAe,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAC;IAGlI,YAAY,SAAsB;IAGlC,QAAQ,oBAA2B;IAGnC,QAAQ,oBAA2B;IAGnC,MAAM,qBAA4B;IAGlC,MAAM,qBAA4B;IAGlC,OAAO,oBAA2B;IAGlC,MAAM,oBAA2B;IAEjC,KAAK,EAAE,GAAG,CAAQ;IAElB,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,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAQ5C,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAI5C,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAM5B,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;yCAhIF,iBAAiB;2CAAjB,iBAAiB;CAqI7B"}

package/full/components/dropdown/dropdown.module.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./dropdown.component";
 import * as i2 from "../shared/shared-ui.module";
-import * as i3 from "primeng/dropdown";
+import * as i3 from "primeng/select";
 export declare class DropdownComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, [typeof i1.DropdownComponent], [typeof i2.SharedUiModule, typeof i3.DropdownModule], [typeof i1.DropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, [typeof i1.DropdownComponent], [typeof i2.SharedUiModule, typeof i3.SelectModule], [typeof i1.DropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropdownComponentModule>;
 }
 //# sourceMappingURL=dropdown.module.d.ts.map

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

@@ -45,6 +45,8 @@ import { BreadcrumbModule } from 'primeng/breadcrumb';
 export { BreadcrumbModule } from 'primeng/breadcrumb';
 import { TreeModule } from 'primeng/tree';
 export { TreeModule } from 'primeng/tree';
+import * as i3$2 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
 
 class PropertyValuePipe {
     transform(value, name) {
@@ -5916,6 +5918,7 @@ class DropdownComponent {
         this.virtualScrollItemSize = 38;
         this.loading = false;
         this.autoDisplayFirst = false;
+        this.filterBy = undefined;
         this.emptyMessage = 'No results found';
         this.onChange = new EventEmitter();
         this.onFilter = new EventEmitter();
@@ -5927,6 +5930,9 @@ class DropdownComponent {
         this.onModelChange = (_value) => { };
         this.onModelTouched = () => { };
     }
+    get effectiveFilterBy() {
+        return this.filterBy ?? this.optionLabel;
+    }
     writeValue(value) {
         this.value = value;
     }
@@ -5970,24 +5976,22 @@ class DropdownComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdown = _t.first);
-        } }, inputs: { options: "options", placeholder: "placeholder", optionLabel: "optionLabel", optionValue: "optionValue", filter: "filter", showClear: "showClear", disabled: "disabled", appendTo: "appendTo", editable: "editable", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", loading: "loading", autoDisplayFirst: "autoDisplayFirst", emptyMessage: "emptyMessage" }, outputs: { onChange: "onChange", onFilter: "onFilter", onShow: "onShow", onHide: "onHide", onFocus: "onFocus", onBlur: "onBlur" }, standalone: false, features: [i0.ɵɵProvidersFeature([
+        } }, inputs: { options: "options", placeholder: "placeholder", optionLabel: "optionLabel", optionValue: "optionValue", filter: "filter", showClear: "showClear", disabled: "disabled", appendTo: "appendTo", editable: "editable", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", loading: "loading", autoDisplayFirst: "autoDisplayFirst", filterBy: "filterBy", filterMatchMode: "filterMatchMode", emptyMessage: "emptyMessage" }, outputs: { onChange: "onChange", onFilter: "onFilter", onShow: "onShow", onHide: "onHide", onFocus: "onFocus", onBlur: "onBlur" }, standalone: false, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => DropdownComponent),
                     multi: true
                 }
-            ])], ngContentSelectors: _c2, decls: 4, vars: 15, consts: [["dropdown", ""], [3, "ngModelChange", "onChange", "onFilter", "onShow", "onHide", "onFocus", "onBlur", "options", "placeholder", "optionLabel", "optionValue", "filter", "showClear", "disabled", "appendTo", "editable", "virtualScroll", "virtualScrollItemSize", "loading", "autoDisplayFirst", "emptyMessage", "ngModel"], ["pTemplate", "selectedItem"], ["pTemplate", "item"], [4, "ngIf"]], template: function DropdownComponent_Template(rf, ctx) { if (rf & 1) {
+            ])], ngContentSelectors: _c2, decls: 4, vars: 17, consts: [["dropdown", ""], [3, "onChange", "onFilter", "onShow", "onHide", "onFocus", "onBlur", "options", "placeholder", "optionLabel", "optionValue", "filter", "filterBy", "filterMatchMode", "showClear", "disabled", "appendTo", "editable", "virtualScroll", "virtualScrollItemSize", "loading", "autoDisplayFirst", "emptyMessage", "ngModel"], ["pTemplate", "selectedItem"], ["pTemplate", "item"], [4, "ngIf"]], template: function DropdownComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef(_c1);
-            i0.ɵɵelementStart(0, "p-dropdown", 1, 0);
-            i0.ɵɵtwoWayListener("ngModelChange", function DropdownComponent_Template_p_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("onChange", function DropdownComponent_Template_p_dropdown_onChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("onFilter", function DropdownComponent_Template_p_dropdown_onFilter_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleFilter($event)); })("onShow", function DropdownComponent_Template_p_dropdown_onShow_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onShow.emit()); })("onHide", function DropdownComponent_Template_p_dropdown_onHide_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onHide.emit()); })("onFocus", function DropdownComponent_Template_p_dropdown_onFocus_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFocus.emit($event)); })("onBlur", function DropdownComponent_Template_p_dropdown_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleBlur($event)); });
+            i0.ɵɵelementStart(0, "p-select", 1, 0);
+            i0.ɵɵlistener("onChange", function DropdownComponent_Template_p_select_onChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("onFilter", function DropdownComponent_Template_p_select_onFilter_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleFilter($event)); })("onShow", function DropdownComponent_Template_p_select_onShow_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onShow.emit()); })("onHide", function DropdownComponent_Template_p_select_onHide_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onHide.emit()); })("onFocus", function DropdownComponent_Template_p_select_onFocus_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFocus.emit($event)); })("onBlur", function DropdownComponent_Template_p_select_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleBlur($event)); });
             i0.ɵɵtemplate(2, DropdownComponent_ng_template_2_Template, 2, 1, "ng-template", 2)(3, DropdownComponent_ng_template_3_Template, 2, 1, "ng-template", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("filter", ctx.filter)("showClear", ctx.showClear)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("editable", ctx.editable)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("loading", ctx.loading)("autoDisplayFirst", ctx.autoDisplayFirst)("emptyMessage", ctx.emptyMessage);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.value);
-        } }, dependencies: [i1$2.NgIf, i2$1.NgControlStatus, i2$1.NgModel, i5.Dropdown, i2.PrimeTemplate], styles: [".in-dropdown[_ngcontent-%COMP%]{width:100%;margin-bottom:0}"] }); }
+            i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("filter", ctx.filter)("filterBy", ctx.effectiveFilterBy)("filterMatchMode", ctx.filterMatchMode)("showClear", ctx.showClear)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("editable", ctx.editable)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("loading", ctx.loading)("autoDisplayFirst", ctx.autoDisplayFirst)("emptyMessage", ctx.emptyMessage)("ngModel", ctx.value);
+        } }, dependencies: [i1$2.NgIf, i2$1.NgControlStatus, i2$1.NgModel, i3$2.Select, i2.PrimeTemplate], styles: [".in-dropdown[_ngcontent-%COMP%]{width:100%;margin-bottom:0}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponent, [{
         type: Component,
@@ -5997,7 +6001,7 @@ class DropdownComponent {
                         useExisting: forwardRef(() => DropdownComponent),
                         multi: true
                     }
-                ], template: "<p-dropdown\r\n  #dropdown\r\n\r\n  [options]=\"options\"\r\n  [placeholder]=\"placeholder\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [filter]=\"filter\"\r\n  [showClear]=\"showClear\"\r\n  [disabled]=\"disabled\"\r\n  [appendTo]=\"appendTo\"\r\n  [editable]=\"editable\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n  [loading]=\"loading\"\r\n  [autoDisplayFirst]=\"autoDisplayFirst\"\r\n  [emptyMessage]=\"emptyMessage\"\r\n\r\n  [(ngModel)]=\"value\"\r\n\r\n  (onChange)=\"handleChange($event)\"\r\n  (onFilter)=\"handleFilter($event)\"\r\n  (onShow)=\"onShow.emit()\"\r\n  (onHide)=\"onHide.emit()\"\r\n  (onFocus)=\"onFocus.emit($event)\"\r\n  (onBlur)=\"handleBlur($event)\"\r\n>\r\n\r\n  <ng-template\r\n    pTemplate=\"selectedItem\"\r\n    let-selected\r\n  >\r\n\r\n    <ng-content\r\n      select=\"[selectedItemTemplate]\"\r\n    ></ng-content>\r\n\r\n    <span *ngIf=\"!selected\">\r\n      {{ placeholder }}\r\n    </span>\r\n\r\n  </ng-template>\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</p-dropdown>\r\n", styles: [".in-dropdown{width:100%;margin-bottom:0}\n"] }]
+                ], template: "<p-select\n  #dropdown\n\n  [options]=\"options\"\n  [placeholder]=\"placeholder\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue\"\n  [filter]=\"filter\"\n  [filterBy]=\"effectiveFilterBy\"\n  [filterMatchMode]=\"filterMatchMode\"\n  [showClear]=\"showClear\"\n  [disabled]=\"disabled\"\n  [appendTo]=\"appendTo\"\n  [editable]=\"editable\"\n  [virtualScroll]=\"virtualScroll\"\n  [virtualScrollItemSize]=\"virtualScrollItemSize\"\n  [loading]=\"loading\"\n  [autoDisplayFirst]=\"autoDisplayFirst\"\n  [emptyMessage]=\"emptyMessage\"\n\n  [ngModel]=\"value\"\n\n  (onChange)=\"handleChange($event)\"\n  (onFilter)=\"handleFilter($event)\"\n  (onShow)=\"onShow.emit()\"\n  (onHide)=\"onHide.emit()\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"handleBlur($event)\"\n>\n\n  <ng-template\n    pTemplate=\"selectedItem\"\n    let-selected\n  >\n\n    <ng-content\n      select=\"[selectedItemTemplate]\"\n    ></ng-content>\n\n    <span *ngIf=\"!selected\">\n      {{ placeholder }}\n    </span>\n\n  </ng-template>\n\n  <ng-template\n    pTemplate=\"item\"\n    let-item\n  >\n\n    <ng-content\n      select=\"[itemTemplate]\"\n    ></ng-content>\n\n    <span *ngIf=\"!itemTemplate\">\n      {{ item?.[optionLabel] }}\n    </span>\n\n  </ng-template>\n\n</p-select>\n", styles: [".in-dropdown{width:100%;margin-bottom:0}\n"] }]
     }], null, { dropdown: [{
             type: ViewChild,
             args: ['dropdown']
@@ -6027,6 +6031,10 @@ class DropdownComponent {
             type: Input
         }], autoDisplayFirst: [{
             type: Input
+        }], filterBy: [{
+            type: Input
+        }], filterMatchMode: [{
+            type: Input
         }], emptyMessage: [{
             type: Input
         }], onChange: [{
@@ -6048,7 +6056,7 @@ class DropdownComponentModule {
     static { this.ɵfac = function DropdownComponentModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DropdownComponentModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DropdownComponentModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [SharedUiModule,
-            DropdownModule] }); }
+            SelectModule] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponentModule, [{
         type: NgModule,
@@ -6058,7 +6066,7 @@ class DropdownComponentModule {
                 ],
                 imports: [
                     SharedUiModule,
-                    DropdownModule
+                    SelectModule
                 ],
                 exports: [
                     DropdownComponent
@@ -6066,7 +6074,7 @@ class DropdownComponentModule {
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DropdownComponentModule, { declarations: [DropdownComponent], imports: [SharedUiModule,
-        DropdownModule], exports: [DropdownComponent] }); })();
+        SelectModule], exports: [DropdownComponent] }); })();
 
 class InsparkComponentsModule {
     static { this.ɵfac = function InsparkComponentsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InsparkComponentsModule)(); }; }