@inspark/inspark-components 19.0.5 → 19.0.7

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

@@ -8,7 +8,8 @@ export declare class DropdownComponent implements ControlValueAccessor {
     options: any[];
     placeholder: string;
     optionLabel: string;
-    optionValue: string;
+    optionValue: string | undefined;
+    dataKey: string | undefined;
     filter: boolean;
     showClear: boolean;
     disabled: boolean;
@@ -20,7 +21,7 @@ export declare class DropdownComponent implements ControlValueAccessor {
     autoDisplayFirst: boolean;
     filterBy: string | undefined;
     get effectiveFilterBy(): string;
-    filterMatchMode: 'equals' | 'endsWith' | 'startsWith' | 'contains' | 'in' | 'notEquals' | 'lt' | 'lte' | 'gt' | 'gte' | undefined;
+    filterMatchMode: 'equals' | 'endsWith' | 'startsWith' | 'contains' | 'in' | 'notEquals' | 'lt' | 'lte' | 'gt' | 'gte';
     emptyMessage: string;
     onChange: EventEmitter<any>;
     onFilter: EventEmitter<any>;
@@ -43,6 +44,6 @@ export declare class DropdownComponent implements ControlValueAccessor {
     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; }; "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>;
+    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; }; "dataKey": { "alias": "dataKey"; "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,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"}
+{"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,EAAE,MAAM,GAAG,SAAS,CAAC;IAGhC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAG5B,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,CAAc;IAGnI,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;yCAnIF,iBAAiB;2CAAjB,iBAAiB;CAwI7B"}

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

@@ -5908,7 +5908,6 @@ class DropdownComponent {
         this.options = [];
         this.placeholder = '';
         this.optionLabel = 'label';
-        this.optionValue = 'value';
         this.filter = false;
         this.showClear = false;
         this.disabled = false;
@@ -5919,6 +5918,7 @@ class DropdownComponent {
         this.loading = false;
         this.autoDisplayFirst = false;
         this.filterBy = undefined;
+        this.filterMatchMode = 'contains';
         this.emptyMessage = 'No results found';
         this.onChange = new EventEmitter();
         this.onFilter = new EventEmitter();
@@ -5976,21 +5976,23 @@ 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", filterBy: "filterBy", filterMatchMode: "filterMatchMode", 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", dataKey: "dataKey", 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: 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) {
+            ])], ngContentSelectors: _c2, decls: 4, vars: 18, consts: [["dropdown", ""], [3, "ngModelChange", "onChange", "onFilter", "onShow", "onHide", "onFocus", "onBlur", "options", "placeholder", "optionLabel", "optionValue", "dataKey", "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-select", 1, 0);
+            i0.ɵɵtwoWayListener("ngModelChange", function DropdownComponent_Template_p_select_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_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)("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);
+            i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("dataKey", ctx.dataKey)("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);
+            i0.ɵɵtwoWayProperty("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, [{
@@ -6001,7 +6003,7 @@ class DropdownComponent {
                         useExisting: forwardRef(() => DropdownComponent),
                         multi: true
                     }
-                ], 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"] }]
+                ], template: "<p-select\n  #dropdown\n\n  [options]=\"options\"\n  [placeholder]=\"placeholder\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue\"\n  [dataKey]=\"dataKey\"\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']
@@ -6013,6 +6015,8 @@ class DropdownComponent {
             type: Input
         }], optionValue: [{
             type: Input
+        }], dataKey: [{
+            type: Input
         }], filter: [{
             type: Input
         }], showClear: [{