@inspark/inspark-components 19.0.4 → 19.0.5
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,6 +19,7 @@ export declare class DropdownComponent implements ControlValueAccessor {
|
|
|
19
19
|
loading: boolean;
|
|
20
20
|
autoDisplayFirst: boolean;
|
|
21
21
|
filterBy: string | undefined;
|
|
22
|
+
get effectiveFilterBy(): string;
|
|
22
23
|
filterMatchMode: 'equals' | 'endsWith' | 'startsWith' | 'contains' | 'in' | 'notEquals' | 'lt' | 'lte' | 'gt' | 'gte' | undefined;
|
|
23
24
|
emptyMessage: string;
|
|
24
25
|
onChange: 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,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"}
|
|
@@ -5918,6 +5918,7 @@ class DropdownComponent {
|
|
|
5918
5918
|
this.virtualScrollItemSize = 38;
|
|
5919
5919
|
this.loading = false;
|
|
5920
5920
|
this.autoDisplayFirst = false;
|
|
5921
|
+
this.filterBy = undefined;
|
|
5921
5922
|
this.emptyMessage = 'No results found';
|
|
5922
5923
|
this.onChange = new EventEmitter();
|
|
5923
5924
|
this.onFilter = new EventEmitter();
|
|
@@ -5929,6 +5930,9 @@ class DropdownComponent {
|
|
|
5929
5930
|
this.onModelChange = (_value) => { };
|
|
5930
5931
|
this.onModelTouched = () => { };
|
|
5931
5932
|
}
|
|
5933
|
+
get effectiveFilterBy() {
|
|
5934
|
+
return this.filterBy ?? this.optionLabel;
|
|
5935
|
+
}
|
|
5932
5936
|
writeValue(value) {
|
|
5933
5937
|
this.value = value;
|
|
5934
5938
|
}
|
|
@@ -5978,17 +5982,15 @@ class DropdownComponent {
|
|
|
5978
5982
|
useExisting: forwardRef(() => DropdownComponent),
|
|
5979
5983
|
multi: true
|
|
5980
5984
|
}
|
|
5981
|
-
])], ngContentSelectors: _c2, decls: 4, vars: 17, consts: [["dropdown", ""], [3, "
|
|
5985
|
+
])], 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) {
|
|
5982
5986
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
5983
5987
|
i0.ɵɵprojectionDef(_c1);
|
|
5984
5988
|
i0.ɵɵelementStart(0, "p-select", 1, 0);
|
|
5985
|
-
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); });
|
|
5986
5989
|
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)); });
|
|
5987
5990
|
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
5991
|
i0.ɵɵelementEnd();
|
|
5989
5992
|
} if (rf & 2) {
|
|
5990
|
-
i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("filter", ctx.filter)("filterBy", ctx.
|
|
5991
|
-
i0.ɵɵtwoWayProperty("ngModel", ctx.value);
|
|
5993
|
+
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);
|
|
5992
5994
|
} }, 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
5995
|
}
|
|
5994
5996
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponent, [{
|
|
@@ -5999,7 +6001,7 @@ class DropdownComponent {
|
|
|
5999
6001
|
useExisting: forwardRef(() => DropdownComponent),
|
|
6000
6002
|
multi: true
|
|
6001
6003
|
}
|
|
6002
|
-
], template: "<p-select\n #dropdown\n\n [options]=\"options\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [filter]=\"filter\"\n [filterBy]=\"
|
|
6004
|
+
], 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
6005
|
}], null, { dropdown: [{
|
|
6004
6006
|
type: ViewChild,
|
|
6005
6007
|
args: ['dropdown']
|