@inspark/inspark-components 19.0.4 → 19.0.6
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.
|
@@ -19,7 +19,8 @@ export declare class DropdownComponent implements ControlValueAccessor {
|
|
|
19
19
|
loading: boolean;
|
|
20
20
|
autoDisplayFirst: boolean;
|
|
21
21
|
filterBy: string | undefined;
|
|
22
|
-
|
|
22
|
+
get effectiveFilterBy(): string;
|
|
23
|
+
filterMatchMode: 'equals' | 'endsWith' | 'startsWith' | 'contains' | 'in' | 'notEquals' | 'lt' | 'lte' | 'gt' | 'gte';
|
|
23
24
|
emptyMessage: string;
|
|
24
25
|
onChange: EventEmitter<any>;
|
|
25
26
|
onFilter: EventEmitter<any>;
|
|
@@ -1 +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,
|
|
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,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;yCAhIF,iBAAiB;2CAAjB,iBAAiB;CAqI7B"}
|
|
@@ -5918,6 +5918,8 @@ class DropdownComponent {
|
|
|
5918
5918
|
this.virtualScrollItemSize = 38;
|
|
5919
5919
|
this.loading = false;
|
|
5920
5920
|
this.autoDisplayFirst = false;
|
|
5921
|
+
this.filterBy = undefined;
|
|
5922
|
+
this.filterMatchMode = 'contains';
|
|
5921
5923
|
this.emptyMessage = 'No results found';
|
|
5922
5924
|
this.onChange = new EventEmitter();
|
|
5923
5925
|
this.onFilter = new EventEmitter();
|
|
@@ -5929,6 +5931,9 @@ class DropdownComponent {
|
|
|
5929
5931
|
this.onModelChange = (_value) => { };
|
|
5930
5932
|
this.onModelTouched = () => { };
|
|
5931
5933
|
}
|
|
5934
|
+
get effectiveFilterBy() {
|
|
5935
|
+
return this.filterBy ?? this.optionLabel;
|
|
5936
|
+
}
|
|
5932
5937
|
writeValue(value) {
|
|
5933
5938
|
this.value = value;
|
|
5934
5939
|
}
|
|
@@ -5987,7 +5992,7 @@ class DropdownComponent {
|
|
|
5987
5992
|
i0.ɵɵtemplate(2, DropdownComponent_ng_template_2_Template, 2, 1, "ng-template", 2)(3, DropdownComponent_ng_template_3_Template, 2, 1, "ng-template", 3);
|
|
5988
5993
|
i0.ɵɵelementEnd();
|
|
5989
5994
|
} if (rf & 2) {
|
|
5990
|
-
i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("filter", ctx.filter)("filterBy", ctx.
|
|
5995
|
+
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);
|
|
5991
5996
|
i0.ɵɵtwoWayProperty("ngModel", ctx.value);
|
|
5992
5997
|
} }, 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}"] }); }
|
|
5993
5998
|
}
|
|
@@ -5999,7 +6004,7 @@ class DropdownComponent {
|
|
|
5999
6004
|
useExisting: forwardRef(() => DropdownComponent),
|
|
6000
6005
|
multi: true
|
|
6001
6006
|
}
|
|
6002
|
-
], template: "<p-select\n #dropdown\n\n [options]=\"options\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [filter]=\"filter\"\n [filterBy]=\"
|
|
6007
|
+
], 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"] }]
|
|
6003
6008
|
}], null, { dropdown: [{
|
|
6004
6009
|
type: ViewChild,
|
|
6005
6010
|
args: ['dropdown']
|