@stemy/ngx-utils 19.7.12 → 19.7.13
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.
- package/fesm2022/stemy-ngx-utils.mjs +72 -33
- package/fesm2022/stemy-ngx-utils.mjs.map +1 -1
- package/ngx-utils/common-types.d.ts +0 -1
- package/ngx-utils/components/chips/chips.component.d.ts +8 -3
- package/ngx-utils/components/dynamic-table/dynamic-table.component.d.ts +1 -1
- package/ngx-utils/ngx-utils.imports.d.ts +1 -1
- package/package.json +1 -1
|
@@ -438,18 +438,6 @@ class PaginationItemContext {
|
|
|
438
438
|
console.log("DynamicTable parallelRow is deprecated use parallelItem instead");
|
|
439
439
|
return this.parallelItem;
|
|
440
440
|
}
|
|
441
|
-
filter(filterRx) {
|
|
442
|
-
const keys = Object.keys(this.item);
|
|
443
|
-
for (const key of keys) {
|
|
444
|
-
const value = this.item[key];
|
|
445
|
-
if (ObjectUtils.isNullOrUndefined(value) || ObjectUtils.isObject(value))
|
|
446
|
-
continue;
|
|
447
|
-
const testValue = ObjectUtils.isString(value) ? value : value.toString();
|
|
448
|
-
if (testValue.match(filterRx))
|
|
449
|
-
return true;
|
|
450
|
-
}
|
|
451
|
-
return false;
|
|
452
|
-
}
|
|
453
441
|
}
|
|
454
442
|
// --- Resource if ---
|
|
455
443
|
class ResourceIfContext {
|
|
@@ -6494,6 +6482,7 @@ class DropdownDirective {
|
|
|
6494
6482
|
return true;
|
|
6495
6483
|
}
|
|
6496
6484
|
hide() {
|
|
6485
|
+
console.log("hi");
|
|
6497
6486
|
if (!this.opened)
|
|
6498
6487
|
return true;
|
|
6499
6488
|
this.opened = false;
|
|
@@ -7026,6 +7015,7 @@ class ChipsComponent {
|
|
|
7026
7015
|
this.cdr = cdr;
|
|
7027
7016
|
this.onChange = () => { };
|
|
7028
7017
|
this.onTouched = () => { };
|
|
7018
|
+
this.testId = "chips";
|
|
7029
7019
|
this.value = [];
|
|
7030
7020
|
this.multiple = true;
|
|
7031
7021
|
this.statuses = [];
|
|
@@ -7037,11 +7027,16 @@ class ChipsComponent {
|
|
|
7037
7027
|
this.maxLength = this.max;
|
|
7038
7028
|
this.step = 1;
|
|
7039
7029
|
this.placeholder = "";
|
|
7040
|
-
this.unique =
|
|
7030
|
+
this.unique = true;
|
|
7031
|
+
this.strict = true;
|
|
7041
7032
|
this.valueChange = new EventEmitter();
|
|
7042
7033
|
this.inputStyles = {};
|
|
7043
7034
|
this.valueOptions = [];
|
|
7044
7035
|
this.filteredOptions = [];
|
|
7036
|
+
this.autoPlacement = {
|
|
7037
|
+
autoAlignment: true,
|
|
7038
|
+
allowedPlacements: ["top", "bottom"]
|
|
7039
|
+
};
|
|
7045
7040
|
this.undoList = [];
|
|
7046
7041
|
this.previousValue = "";
|
|
7047
7042
|
}
|
|
@@ -7087,7 +7082,7 @@ class ChipsComponent {
|
|
|
7087
7082
|
this.chipInput.nativeElement.focus();
|
|
7088
7083
|
}
|
|
7089
7084
|
onResize() {
|
|
7090
|
-
const container = this.
|
|
7085
|
+
const container = this.chipDropdown.nativeElement;
|
|
7091
7086
|
const buttons = this.chipButtons.nativeElement;
|
|
7092
7087
|
const style = getComputedStyle(buttons);
|
|
7093
7088
|
const vertical = parseFloat(style.top);
|
|
@@ -7105,6 +7100,7 @@ class ChipsComponent {
|
|
|
7105
7100
|
const input = ev.target;
|
|
7106
7101
|
const changed = input.value !== this.previousValue;
|
|
7107
7102
|
this.previousValue = input.value;
|
|
7103
|
+
this.chipDropdown.show();
|
|
7108
7104
|
if (ev.ctrlKey) {
|
|
7109
7105
|
if (ev.key == "z") {
|
|
7110
7106
|
const fn = this.undoList.pop();
|
|
@@ -7128,12 +7124,15 @@ class ChipsComponent {
|
|
|
7128
7124
|
return true;
|
|
7129
7125
|
}
|
|
7130
7126
|
onBlur(ev) {
|
|
7127
|
+
if (this.chipDropdown.isOpened)
|
|
7128
|
+
return;
|
|
7131
7129
|
const input = ev.target;
|
|
7132
7130
|
this.enterOption(input.value);
|
|
7133
7131
|
}
|
|
7134
|
-
enterOption(
|
|
7132
|
+
enterOption(src) {
|
|
7133
|
+
const value = String(src);
|
|
7135
7134
|
let option = this.createOption(value);
|
|
7136
|
-
if (!option && this.filteredOptions?.length === 1) {
|
|
7135
|
+
if (!option && value && this.filteredOptions?.length === 1) {
|
|
7137
7136
|
const regex = new RegExp(value, "gi");
|
|
7138
7137
|
option = this.filteredOptions.find(o => o.label?.match(regex));
|
|
7139
7138
|
}
|
|
@@ -7148,6 +7147,7 @@ class ChipsComponent {
|
|
|
7148
7147
|
input.value = "";
|
|
7149
7148
|
setTimeout(input.focus.bind(input), 500);
|
|
7150
7149
|
}
|
|
7150
|
+
this.chipDropdown.hide();
|
|
7151
7151
|
return false;
|
|
7152
7152
|
}
|
|
7153
7153
|
trackBy(index, option) {
|
|
@@ -7160,9 +7160,12 @@ class ChipsComponent {
|
|
|
7160
7160
|
createOption(value) {
|
|
7161
7161
|
const label = String(value);
|
|
7162
7162
|
if (this.options) {
|
|
7163
|
-
const option = this.options.find(o => o.label === label)
|
|
7163
|
+
const option = (!this.strict ? null : this.options.find(o => o.label === label)) ??
|
|
7164
7164
|
this.options.find(o => o.value === value);
|
|
7165
|
-
return option ?? null
|
|
7165
|
+
return option ?? (this.strict || !label ? null : {
|
|
7166
|
+
value,
|
|
7167
|
+
label,
|
|
7168
|
+
});
|
|
7166
7169
|
}
|
|
7167
7170
|
return !label ? null : {
|
|
7168
7171
|
value,
|
|
@@ -7209,16 +7212,18 @@ class ChipsComponent {
|
|
|
7209
7212
|
this.filteredOptions = this.filteredOptions.filter(o => !values.includes(o.value));
|
|
7210
7213
|
}
|
|
7211
7214
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ChipsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7215
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: ChipsComponent, isStandalone: false, selector: "chips", inputs: { testId: "testId", value: "value", multiple: "multiple", disabled: "disabled", type: "type", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", step: "step", placeholder: "placeholder", unique: "unique", strict: "strict", options: "options" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
7213
7216
|
{ provide: NG_VALUE_ACCESSOR, useExisting: ChipsComponent, multi: true }
|
|
7214
|
-
], viewQueries: [{ propertyName: "
|
|
7217
|
+
], viewQueries: [{ propertyName: "chipDropdown", first: true, predicate: ["chipDropdown"], descendants: true }, { propertyName: "chipButtons", first: true, predicate: ["chipButtons"], descendants: true }, { propertyName: "chipInput", first: true, predicate: ["chipInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div dd\n [closeInside]=\"false\"\n [autoPlacement]=\"autoPlacement\"\n [ngClass]=\"{disabled: disabled}\" class=\"chips\" #chipDropdown=\"dropdown\">\n <input class=\"chips-input\"\n dropdownToggle\n [switch]=\"false\"\n [attr.data-testid]=\"testId + '-input'\"\n [type]=\"type == 'number' ? 'number': 'text'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [disabled]=\"disabled\"\n [placeholder]=\"valueOptions.length == 0 && placeholder | translate\"\n [ngStyle]=\"inputStyles\"\n (blur)=\"onBlur($event)\"\n (keyup)=\"onInput($event)\"\n #chipInput/>\n <div class=\"chips-buttons\" #chipButtons [ngClass]=\"{disabled: disabled}\" (resize)=\"onResize()\">\n <ng-container *ngFor=\"let item of valueOptions; let ix = index; trackBy:trackBy\">\n <a class=\"chips-button\" [ngClass]=\"'chips-' + statuses[ix]\" (dblclick)=\"removeItem($event, ix)\">\n @if (item.picture) {\n <img [src]=\"item.picture | safe:'url'\"\n class=\"chip-picture\"\n referrerpolicy=\"no-referrer\" [attr.alt]=\"item.label\">\n\n }\n <span class=\"chips-label\"\n [attr.data-testid]=\"testId + '-label-' + ix\">{{ item.label }} </span>\n <close-btn class=\"chips-remove\"\n [attr.data-testid]=\"testId + '-delete-' + ix\"\n (click)=\"removeItem($event, ix)\" *ngIf=\"!disabled\"></close-btn>\n </a>\n </ng-container>\n </div>\n @if (options) {\n <div class=\"chips-dropdown\" *dropdownContent>\n <button [ngClass]=\"option.classes\"\n [disabled]=\"option.disabled\"\n (click)=\"enterOption(option.value)\"\n *ngFor=\"let option of filteredOptions\">\n <div class=\"select-option\">\n @if (option?.picture) {\n <img [src]=\"option.picture | safe:'url'\"\n class=\"select-option-picture\"\n referrerpolicy=\"no-referrer\" [attr.alt]=\"option.label\">\n }\n <div class=\"select-option-label\">\n {{ option.label }}\n </div>\n </div>\n </button>\n </div>\n }\n</div>\n", styles: [".chips{--chips-border-size: var(--border-size, 1px);--chips-border-radius: var(--border-radius, 5px);--chips-top-border-radius: var(--chips-border-radius) var(--chips-border-radius) 0 0;--chips-bottom-border-radius: 0 0 var(--chips-border-radius) var(--chips-border-radius);--chips-bg-color: var(--bg-color, #ffffff);--chips-border-color: var(--border-color, #ced4da);--chips-highlight-color: var(--highlight-color, var(--primary-color, #888888));--chips-highlight-text-color: var(--highlight-text-color, #ffffff);--chips-text-color: var(--text-color, #151515);--chips-text-size: var(--text-size, 16px);--chips-padding-vertical: 6px;--chips-padding-horizontal: 12px;--chips-padding: var(--chips-padding-vertical) var(--chips-padding-horizontal);--chips-btn-padding: 12px;--chips-btn-gap: calc(var(--chips-btn-padding) / 2);--chips-btn-color: white;--chips-btn-valid-color: rgba(200, 255, 200, .7);--chips-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--chips-text-size);padding:var(--chips-padding);background:var(--chips-bg-color);color:var(--chips-text-color);border:var(--chips-border-size) solid var(--chips-border-color);border-radius:var(--chips-border-radius)}.chips *{box-sizing:border-box}.chips .chips-input{background:var(--chips-bg-color);padding:var(--chips-padding);font-size:var(--chips-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.chips .chips-buttons{position:absolute;top:var(--chips-padding-vertical);left:var(--chips-padding-horizontal);max-width:calc(100% - var(--chips-padding-horizontal) * 2);display:flex;gap:5px;overflow:auto;border-radius:var(--chips-border-radius)}.chips .chips-button{background:var(--chipd-btn-color);color:var(--chips-text-color);border:var(--chips-border-size) solid rgba(0,0,0,.2);border-radius:var(--chips-border-radius);padding:var(--chips-padding-vertical) var(--chips-btn-gap) var(--chips-padding-vertical) var(--chips-btn-padding);-webkit-user-select:none;user-select:none;font-weight:400;outline:none;display:flex;gap:var(--chips-btn-gap);justify-content:center;align-items:center;line-height:1.2rem;text-decoration:none}.chips .chips-button.chips-valid{--chipd-btn-color: var(--chips-btn-valid-color) }.chips .chips-button.chips-invalid{--chipd-btn-color: var(--chips-btn-invalid-color) }.chips img.chip-picture{width:28px;height:28px;object-fit:cover}.chips .chips-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips.disabled{opacity:.75}.chips.disabled .chips-button{padding-right:var(--chips-btn-padding)}.chips-dropdown:not(:empty){position:relative;z-index:1;width:var(--toggle-width, 0);display:flex;flex-direction:column;margin:-3px 0;padding:0;list-style:none;border:var(--chips-border-size) solid var(--chips-border-color);background:var(--chips-bg-color);border-radius:var(--chips-bottom-border-radius);overflow:hidden}.chips-dropdown:not(:empty) *{box-sizing:border-box}.chips-dropdown:not(:empty) button{border:none;background:none;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none;text-align:left}.chips-dropdown:not(:empty) button:hover,.chips-dropdown:not(:empty) button.active{background-color:var(--chips-highlight-color);color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) button:hover a,.chips-dropdown:not(:empty) button.active a{color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) .select-option{display:flex;gap:8px;align-items:center;justify-content:center}.chips-dropdown:not(:empty) .select-option .select-option-picture{width:32px;height:32px;object-fit:cover}.chips-dropdown:not(:empty) .select-option .select-option-label{flex:1}.dropdown-placement-top .chips-dropdown{border-radius:var(--chips-top-border-radius)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }, { kind: "component", type: CloseBtnComponent, selector: "close-btn" }, { kind: "pipe", type: SafeHtmlPipe, name: "safe" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7215
7218
|
}
|
|
7216
7219
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ChipsComponent, decorators: [{
|
|
7217
7220
|
type: Component,
|
|
7218
7221
|
args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "chips", providers: [
|
|
7219
7222
|
{ provide: NG_VALUE_ACCESSOR, useExisting: ChipsComponent, multi: true }
|
|
7220
|
-
], template: "<div
|
|
7221
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: {
|
|
7223
|
+
], template: "<div dd\n [closeInside]=\"false\"\n [autoPlacement]=\"autoPlacement\"\n [ngClass]=\"{disabled: disabled}\" class=\"chips\" #chipDropdown=\"dropdown\">\n <input class=\"chips-input\"\n dropdownToggle\n [switch]=\"false\"\n [attr.data-testid]=\"testId + '-input'\"\n [type]=\"type == 'number' ? 'number': 'text'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [disabled]=\"disabled\"\n [placeholder]=\"valueOptions.length == 0 && placeholder | translate\"\n [ngStyle]=\"inputStyles\"\n (blur)=\"onBlur($event)\"\n (keyup)=\"onInput($event)\"\n #chipInput/>\n <div class=\"chips-buttons\" #chipButtons [ngClass]=\"{disabled: disabled}\" (resize)=\"onResize()\">\n <ng-container *ngFor=\"let item of valueOptions; let ix = index; trackBy:trackBy\">\n <a class=\"chips-button\" [ngClass]=\"'chips-' + statuses[ix]\" (dblclick)=\"removeItem($event, ix)\">\n @if (item.picture) {\n <img [src]=\"item.picture | safe:'url'\"\n class=\"chip-picture\"\n referrerpolicy=\"no-referrer\" [attr.alt]=\"item.label\">\n\n }\n <span class=\"chips-label\"\n [attr.data-testid]=\"testId + '-label-' + ix\">{{ item.label }} </span>\n <close-btn class=\"chips-remove\"\n [attr.data-testid]=\"testId + '-delete-' + ix\"\n (click)=\"removeItem($event, ix)\" *ngIf=\"!disabled\"></close-btn>\n </a>\n </ng-container>\n </div>\n @if (options) {\n <div class=\"chips-dropdown\" *dropdownContent>\n <button [ngClass]=\"option.classes\"\n [disabled]=\"option.disabled\"\n (click)=\"enterOption(option.value)\"\n *ngFor=\"let option of filteredOptions\">\n <div class=\"select-option\">\n @if (option?.picture) {\n <img [src]=\"option.picture | safe:'url'\"\n class=\"select-option-picture\"\n referrerpolicy=\"no-referrer\" [attr.alt]=\"option.label\">\n }\n <div class=\"select-option-label\">\n {{ option.label }}\n </div>\n </div>\n </button>\n </div>\n }\n</div>\n", styles: [".chips{--chips-border-size: var(--border-size, 1px);--chips-border-radius: var(--border-radius, 5px);--chips-top-border-radius: var(--chips-border-radius) var(--chips-border-radius) 0 0;--chips-bottom-border-radius: 0 0 var(--chips-border-radius) var(--chips-border-radius);--chips-bg-color: var(--bg-color, #ffffff);--chips-border-color: var(--border-color, #ced4da);--chips-highlight-color: var(--highlight-color, var(--primary-color, #888888));--chips-highlight-text-color: var(--highlight-text-color, #ffffff);--chips-text-color: var(--text-color, #151515);--chips-text-size: var(--text-size, 16px);--chips-padding-vertical: 6px;--chips-padding-horizontal: 12px;--chips-padding: var(--chips-padding-vertical) var(--chips-padding-horizontal);--chips-btn-padding: 12px;--chips-btn-gap: calc(var(--chips-btn-padding) / 2);--chips-btn-color: white;--chips-btn-valid-color: rgba(200, 255, 200, .7);--chips-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--chips-text-size);padding:var(--chips-padding);background:var(--chips-bg-color);color:var(--chips-text-color);border:var(--chips-border-size) solid var(--chips-border-color);border-radius:var(--chips-border-radius)}.chips *{box-sizing:border-box}.chips .chips-input{background:var(--chips-bg-color);padding:var(--chips-padding);font-size:var(--chips-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.chips .chips-buttons{position:absolute;top:var(--chips-padding-vertical);left:var(--chips-padding-horizontal);max-width:calc(100% - var(--chips-padding-horizontal) * 2);display:flex;gap:5px;overflow:auto;border-radius:var(--chips-border-radius)}.chips .chips-button{background:var(--chipd-btn-color);color:var(--chips-text-color);border:var(--chips-border-size) solid rgba(0,0,0,.2);border-radius:var(--chips-border-radius);padding:var(--chips-padding-vertical) var(--chips-btn-gap) var(--chips-padding-vertical) var(--chips-btn-padding);-webkit-user-select:none;user-select:none;font-weight:400;outline:none;display:flex;gap:var(--chips-btn-gap);justify-content:center;align-items:center;line-height:1.2rem;text-decoration:none}.chips .chips-button.chips-valid{--chipd-btn-color: var(--chips-btn-valid-color) }.chips .chips-button.chips-invalid{--chipd-btn-color: var(--chips-btn-invalid-color) }.chips img.chip-picture{width:28px;height:28px;object-fit:cover}.chips .chips-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips.disabled{opacity:.75}.chips.disabled .chips-button{padding-right:var(--chips-btn-padding)}.chips-dropdown:not(:empty){position:relative;z-index:1;width:var(--toggle-width, 0);display:flex;flex-direction:column;margin:-3px 0;padding:0;list-style:none;border:var(--chips-border-size) solid var(--chips-border-color);background:var(--chips-bg-color);border-radius:var(--chips-bottom-border-radius);overflow:hidden}.chips-dropdown:not(:empty) *{box-sizing:border-box}.chips-dropdown:not(:empty) button{border:none;background:none;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none;text-align:left}.chips-dropdown:not(:empty) button:hover,.chips-dropdown:not(:empty) button.active{background-color:var(--chips-highlight-color);color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) button:hover a,.chips-dropdown:not(:empty) button.active a{color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) .select-option{display:flex;gap:8px;align-items:center;justify-content:center}.chips-dropdown:not(:empty) .select-option .select-option-picture{width:32px;height:32px;object-fit:cover}.chips-dropdown:not(:empty) .select-option .select-option-label{flex:1}.dropdown-placement-top .chips-dropdown{border-radius:var(--chips-top-border-radius)}\n"] }]
|
|
7224
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { testId: [{
|
|
7225
|
+
type: Input
|
|
7226
|
+
}], value: [{
|
|
7222
7227
|
type: Input
|
|
7223
7228
|
}], multiple: [{
|
|
7224
7229
|
type: Input
|
|
@@ -7240,13 +7245,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
7240
7245
|
type: Input
|
|
7241
7246
|
}], unique: [{
|
|
7242
7247
|
type: Input
|
|
7248
|
+
}], strict: [{
|
|
7249
|
+
type: Input
|
|
7243
7250
|
}], options: [{
|
|
7244
7251
|
type: Input
|
|
7245
7252
|
}], valueChange: [{
|
|
7246
7253
|
type: Output
|
|
7247
|
-
}],
|
|
7254
|
+
}], chipDropdown: [{
|
|
7248
7255
|
type: ViewChild,
|
|
7249
|
-
args: ["
|
|
7256
|
+
args: ["chipDropdown"]
|
|
7250
7257
|
}], chipButtons: [{
|
|
7251
7258
|
type: ViewChild,
|
|
7252
7259
|
args: ["chipButtons"]
|
|
@@ -7407,11 +7414,11 @@ class DropdownBoxComponent {
|
|
|
7407
7414
|
this.makeAutoPlacementOpts();
|
|
7408
7415
|
}
|
|
7409
7416
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7410
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DropdownBoxComponent, isStandalone: false, selector: "dropdown-box", inputs: { closeInside: "closeInside", attachTo: "attachTo", placement: "placement", crossAxis: "crossAxis", alignment: "alignment", autoAlignment: "autoAlignment", allowedPlacements: "allowedPlacements", componentClass: "componentClass" }, viewQueries: [{ propertyName: "content", first: true, predicate: DropdownContentDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div dd class=\"dropdown-box\"\n [ngClass]=\"componentClass\"\n [closeInside]=\"closeInside\"\n [attachTo]=\"attachTo\"\n [placement]=\"placement\"\n [autoPlacement]=\"autoPlacement\">\n <div class=\"dropdown-box-toggle\" dropdownToggle>\n <a class=\"dropdown-box-toggle-link\">\n <ng-content select=\"[toggle-content]\"></ng-content>\n </a>\n </div>\n <div class=\"dropdown-box-content\" [ngClass]=\"componentClass + '-content-wrapper'\" *dropdownContent>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".dropdown-box{--dd-border-size: var(--border-size, 1px);--dd-border-radius: 5px;--dd-top-border-radius: var(--dd-border-radius) var(--dd-border-radius) 0 0;--dd-bottom-border-radius: 0 0 var(--dd-border-radius) var(--dd-border-radius);--dd-bg-color: var(--bg-color, #ffffff);--dd-border-color: var(--border-color, #ced4da);--dd-highlight-color: var(--highlight-color, var(--primary-color, #888888));--dd-highlight-text-color: var(--highlight-text-color, #ffffff);--dd-text-color: var(--text-color, #151515);--dd-arrow-size: var(--arrow-size, 6px);--dd-arrow-space: calc(var(--dd-arrow-size) * .5 + 1px);--dd-arrow-color: currentColor;--dd-arrow-rotation: 90;position:relative;z-index:2;display:inline-block;width:var(--content-width, 0);min-width:fit-content}.dropdown-box *{box-sizing:border-box}.dropdown-box a,.dropdown-box span{white-space:nowrap}.dropdown-box.table-sort-dropdown{display:none}.dropdown-box.table-sort-dropdown .table-toggle:hover,.dropdown-box li:hover,.dropdown-box li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box.open{--dd-arrow-rotation: -90}.dropdown-box.open .dropdown-box-toggle{border-radius:var(--dd-top-border-radius)}.dropdown-box-toggle{min-width:fit-content;background:var(--dd-bg-color);color:var(--dd-text-color);cursor:pointer;border:var(--dd-border-size) solid var(--dd-border-color);border-radius:5px;padding:6px 12px;-webkit-user-select:none;user-select:none;font-weight:400;outline:none}.dropdown-box-toggle .toggle-placeholder{color:#495057}.dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:calc(2 * var(--dd-arrow-size));padding-right:5px;min-width:fit-content;position:relative;display:block}.dropdown-box-toggle a.dropdown-box-toggle-link:after{content:\"\";position:absolute;left:calc(100% + var(--dd-arrow-size));top:calc(50% - var(--dd-arrow-size));border-top:var(--dd-arrow-size) solid transparent;border-bottom:var(--dd-arrow-size) solid transparent;border-left:var(--dd-arrow-size) solid var(--dd-arrow-color);transform:rotate(calc(var(--dd-arrow-rotation) * 1deg));transition:.2s ease}.dropdown-box-content{position:relative;z-index:1;min-width:var(--toggle-width, 0)}.dropdown-box-content *{box-sizing:border-box}.dropdown-box-content ul{margin:0;padding:0;list-style:none;border:var(--dd-border-size) solid var(--dd-border-color);border-top-width:0;z-index:1;background:var(--dd-bg-color);border-radius:var(--dd-bottom-border-radius);overflow:hidden;min-width:fit-content}.dropdown-box-content li{color:var(--dd-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none}.dropdown-box-content li:hover,.dropdown-box-content li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-placement-top.open .dropdown-box-toggle{border-radius:var(--dd-bottom-border-radius)}.dropdown-placement-top .dropdown-box-content ul{border-top-width:var(--dd-border-size);border-bottom-width:0;border-radius:var(--dd-top-border-radius)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7417
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DropdownBoxComponent, isStandalone: false, selector: "dropdown-box", inputs: { closeInside: "closeInside", attachTo: "attachTo", placement: "placement", crossAxis: "crossAxis", alignment: "alignment", autoAlignment: "autoAlignment", allowedPlacements: "allowedPlacements", componentClass: "componentClass" }, viewQueries: [{ propertyName: "content", first: true, predicate: DropdownContentDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div dd class=\"dropdown-box\"\n [ngClass]=\"componentClass\"\n [closeInside]=\"closeInside\"\n [attachTo]=\"attachTo\"\n [placement]=\"placement\"\n [autoPlacement]=\"autoPlacement\">\n <div class=\"dropdown-box-toggle\" dropdownToggle>\n <a class=\"dropdown-box-toggle-link\">\n <ng-content select=\"[toggle-content]\"></ng-content>\n </a>\n </div>\n <div class=\"dropdown-box-content\" [ngClass]=\"componentClass + '-content-wrapper'\" *dropdownContent>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".dropdown-box{--dd-border-size: var(--border-size, 1px);--dd-border-radius: 5px;--dd-top-border-radius: var(--dd-border-radius) var(--dd-border-radius) 0 0;--dd-bottom-border-radius: 0 0 var(--dd-border-radius) var(--dd-border-radius);--dd-bg-color: var(--bg-color, #ffffff);--dd-border-color: var(--border-color, #ced4da);--dd-highlight-color: var(--highlight-color, var(--primary-color, #888888));--dd-highlight-text-color: var(--highlight-text-color, #ffffff);--dd-text-color: var(--text-color, #151515);--dd-arrow-size: var(--arrow-size, 6px);--dd-arrow-space: calc(var(--dd-arrow-size) * .5 + 1px);--dd-arrow-color: currentColor;--dd-arrow-rotation: 90;position:relative;z-index:2;display:inline-block;width:var(--content-width, 0);min-width:fit-content}.dropdown-box *{box-sizing:border-box}.dropdown-box a,.dropdown-box span{white-space:nowrap}.dropdown-box.table-sort-dropdown{display:none}.dropdown-box.table-sort-dropdown .table-toggle:hover,.dropdown-box li:hover,.dropdown-box li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box.open{--dd-arrow-rotation: -90}.dropdown-box.open .dropdown-box-toggle{border-radius:var(--dd-top-border-radius)}.dropdown-box-toggle{min-width:fit-content;background:var(--dd-bg-color);color:var(--dd-text-color);cursor:pointer;border:var(--dd-border-size) solid var(--dd-border-color);border-radius:5px;padding:6px 12px;-webkit-user-select:none;user-select:none;font-weight:400;outline:none}.dropdown-box-toggle .toggle-placeholder{color:#495057}.dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:calc(2 * var(--dd-arrow-size));padding-right:5px;min-width:fit-content;position:relative;display:block}.dropdown-box-toggle a.dropdown-box-toggle-link:after{content:\"\";position:absolute;left:calc(100% + var(--dd-arrow-size));top:calc(50% - var(--dd-arrow-size));border-top:var(--dd-arrow-size) solid transparent;border-bottom:var(--dd-arrow-size) solid transparent;border-left:var(--dd-arrow-size) solid var(--dd-arrow-color);transform:rotate(calc(var(--dd-arrow-rotation) * 1deg));transition:.2s ease}.dropdown-box-content{position:relative;z-index:1;min-width:var(--toggle-width, 0)}.dropdown-box-content *{box-sizing:border-box}.dropdown-box-content ul{margin:0;padding:0;list-style:none;border:var(--dd-border-size) solid var(--dd-border-color);border-top-width:0;z-index:1;background:var(--dd-bg-color);border-radius:var(--dd-bottom-border-radius);overflow:hidden;min-width:fit-content}.dropdown-box-content li{color:var(--dd-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none}.dropdown-box-content li a{color:var(--dd-text-color);text-decoration:none}.dropdown-box-content li:hover,.dropdown-box-content li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box-content li:hover a,.dropdown-box-content li.active a{color:var(--dd-highlight-text-color)}.dropdown-placement-top.open .dropdown-box-toggle{border-radius:var(--dd-bottom-border-radius)}.dropdown-placement-top .dropdown-box-content ul{border-top-width:var(--dd-border-size);border-bottom-width:0;border-radius:var(--dd-top-border-radius)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7411
7418
|
}
|
|
7412
7419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownBoxComponent, decorators: [{
|
|
7413
7420
|
type: Component,
|
|
7414
|
-
args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "dropdown-box", template: "<div dd class=\"dropdown-box\"\n [ngClass]=\"componentClass\"\n [closeInside]=\"closeInside\"\n [attachTo]=\"attachTo\"\n [placement]=\"placement\"\n [autoPlacement]=\"autoPlacement\">\n <div class=\"dropdown-box-toggle\" dropdownToggle>\n <a class=\"dropdown-box-toggle-link\">\n <ng-content select=\"[toggle-content]\"></ng-content>\n </a>\n </div>\n <div class=\"dropdown-box-content\" [ngClass]=\"componentClass + '-content-wrapper'\" *dropdownContent>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".dropdown-box{--dd-border-size: var(--border-size, 1px);--dd-border-radius: 5px;--dd-top-border-radius: var(--dd-border-radius) var(--dd-border-radius) 0 0;--dd-bottom-border-radius: 0 0 var(--dd-border-radius) var(--dd-border-radius);--dd-bg-color: var(--bg-color, #ffffff);--dd-border-color: var(--border-color, #ced4da);--dd-highlight-color: var(--highlight-color, var(--primary-color, #888888));--dd-highlight-text-color: var(--highlight-text-color, #ffffff);--dd-text-color: var(--text-color, #151515);--dd-arrow-size: var(--arrow-size, 6px);--dd-arrow-space: calc(var(--dd-arrow-size) * .5 + 1px);--dd-arrow-color: currentColor;--dd-arrow-rotation: 90;position:relative;z-index:2;display:inline-block;width:var(--content-width, 0);min-width:fit-content}.dropdown-box *{box-sizing:border-box}.dropdown-box a,.dropdown-box span{white-space:nowrap}.dropdown-box.table-sort-dropdown{display:none}.dropdown-box.table-sort-dropdown .table-toggle:hover,.dropdown-box li:hover,.dropdown-box li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box.open{--dd-arrow-rotation: -90}.dropdown-box.open .dropdown-box-toggle{border-radius:var(--dd-top-border-radius)}.dropdown-box-toggle{min-width:fit-content;background:var(--dd-bg-color);color:var(--dd-text-color);cursor:pointer;border:var(--dd-border-size) solid var(--dd-border-color);border-radius:5px;padding:6px 12px;-webkit-user-select:none;user-select:none;font-weight:400;outline:none}.dropdown-box-toggle .toggle-placeholder{color:#495057}.dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:calc(2 * var(--dd-arrow-size));padding-right:5px;min-width:fit-content;position:relative;display:block}.dropdown-box-toggle a.dropdown-box-toggle-link:after{content:\"\";position:absolute;left:calc(100% + var(--dd-arrow-size));top:calc(50% - var(--dd-arrow-size));border-top:var(--dd-arrow-size) solid transparent;border-bottom:var(--dd-arrow-size) solid transparent;border-left:var(--dd-arrow-size) solid var(--dd-arrow-color);transform:rotate(calc(var(--dd-arrow-rotation) * 1deg));transition:.2s ease}.dropdown-box-content{position:relative;z-index:1;min-width:var(--toggle-width, 0)}.dropdown-box-content *{box-sizing:border-box}.dropdown-box-content ul{margin:0;padding:0;list-style:none;border:var(--dd-border-size) solid var(--dd-border-color);border-top-width:0;z-index:1;background:var(--dd-bg-color);border-radius:var(--dd-bottom-border-radius);overflow:hidden;min-width:fit-content}.dropdown-box-content li{color:var(--dd-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none}.dropdown-box-content li:hover,.dropdown-box-content li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-placement-top.open .dropdown-box-toggle{border-radius:var(--dd-bottom-border-radius)}.dropdown-placement-top .dropdown-box-content ul{border-top-width:var(--dd-border-size);border-bottom-width:0;border-radius:var(--dd-top-border-radius)}\n"] }]
|
|
7421
|
+
args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "dropdown-box", template: "<div dd class=\"dropdown-box\"\n [ngClass]=\"componentClass\"\n [closeInside]=\"closeInside\"\n [attachTo]=\"attachTo\"\n [placement]=\"placement\"\n [autoPlacement]=\"autoPlacement\">\n <div class=\"dropdown-box-toggle\" dropdownToggle>\n <a class=\"dropdown-box-toggle-link\">\n <ng-content select=\"[toggle-content]\"></ng-content>\n </a>\n </div>\n <div class=\"dropdown-box-content\" [ngClass]=\"componentClass + '-content-wrapper'\" *dropdownContent>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".dropdown-box{--dd-border-size: var(--border-size, 1px);--dd-border-radius: 5px;--dd-top-border-radius: var(--dd-border-radius) var(--dd-border-radius) 0 0;--dd-bottom-border-radius: 0 0 var(--dd-border-radius) var(--dd-border-radius);--dd-bg-color: var(--bg-color, #ffffff);--dd-border-color: var(--border-color, #ced4da);--dd-highlight-color: var(--highlight-color, var(--primary-color, #888888));--dd-highlight-text-color: var(--highlight-text-color, #ffffff);--dd-text-color: var(--text-color, #151515);--dd-arrow-size: var(--arrow-size, 6px);--dd-arrow-space: calc(var(--dd-arrow-size) * .5 + 1px);--dd-arrow-color: currentColor;--dd-arrow-rotation: 90;position:relative;z-index:2;display:inline-block;width:var(--content-width, 0);min-width:fit-content}.dropdown-box *{box-sizing:border-box}.dropdown-box a,.dropdown-box span{white-space:nowrap}.dropdown-box.table-sort-dropdown{display:none}.dropdown-box.table-sort-dropdown .table-toggle:hover,.dropdown-box li:hover,.dropdown-box li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box.open{--dd-arrow-rotation: -90}.dropdown-box.open .dropdown-box-toggle{border-radius:var(--dd-top-border-radius)}.dropdown-box-toggle{min-width:fit-content;background:var(--dd-bg-color);color:var(--dd-text-color);cursor:pointer;border:var(--dd-border-size) solid var(--dd-border-color);border-radius:5px;padding:6px 12px;-webkit-user-select:none;user-select:none;font-weight:400;outline:none}.dropdown-box-toggle .toggle-placeholder{color:#495057}.dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:calc(2 * var(--dd-arrow-size));padding-right:5px;min-width:fit-content;position:relative;display:block}.dropdown-box-toggle a.dropdown-box-toggle-link:after{content:\"\";position:absolute;left:calc(100% + var(--dd-arrow-size));top:calc(50% - var(--dd-arrow-size));border-top:var(--dd-arrow-size) solid transparent;border-bottom:var(--dd-arrow-size) solid transparent;border-left:var(--dd-arrow-size) solid var(--dd-arrow-color);transform:rotate(calc(var(--dd-arrow-rotation) * 1deg));transition:.2s ease}.dropdown-box-content{position:relative;z-index:1;min-width:var(--toggle-width, 0)}.dropdown-box-content *{box-sizing:border-box}.dropdown-box-content ul{margin:0;padding:0;list-style:none;border:var(--dd-border-size) solid var(--dd-border-color);border-top-width:0;z-index:1;background:var(--dd-bg-color);border-radius:var(--dd-bottom-border-radius);overflow:hidden;min-width:fit-content}.dropdown-box-content li{color:var(--dd-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none}.dropdown-box-content li a{color:var(--dd-text-color);text-decoration:none}.dropdown-box-content li:hover,.dropdown-box-content li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box-content li:hover a,.dropdown-box-content li.active a{color:var(--dd-highlight-text-color)}.dropdown-placement-top.open .dropdown-box-toggle{border-radius:var(--dd-bottom-border-radius)}.dropdown-placement-top .dropdown-box-content ul{border-top-width:var(--dd-border-size);border-bottom-width:0;border-radius:var(--dd-top-border-radius)}\n"] }]
|
|
7415
7422
|
}], ctorParameters: () => [], propDecorators: { closeInside: [{
|
|
7416
7423
|
type: Input
|
|
7417
7424
|
}], attachTo: [{
|
|
@@ -7579,6 +7586,10 @@ class DynamicTableComponent {
|
|
|
7579
7586
|
return result;
|
|
7580
7587
|
}, {});
|
|
7581
7588
|
this.cols = Object.keys(this.realColumns);
|
|
7589
|
+
this.cols.forEach(col => {
|
|
7590
|
+
const column = this.realColumns[col];
|
|
7591
|
+
column.filterType = column.filterType || "text";
|
|
7592
|
+
});
|
|
7582
7593
|
const sortable = this.cols.filter(c => this.realColumns[c].sort);
|
|
7583
7594
|
const query = this.query || {};
|
|
7584
7595
|
this.sortable = sortable.length > 0;
|
|
@@ -7707,7 +7718,7 @@ class DynamicTableComponent {
|
|
|
7707
7718
|
this.itemsPerPage = count;
|
|
7708
7719
|
this.refresh();
|
|
7709
7720
|
}
|
|
7710
|
-
async loadLocalData(page, rowsPerPage, orderBy, orderDescending, filter) {
|
|
7721
|
+
async loadLocalData(page, rowsPerPage, orderBy, orderDescending, filter, query) {
|
|
7711
7722
|
if (!this.localData) {
|
|
7712
7723
|
return {
|
|
7713
7724
|
total: 0,
|
|
@@ -7721,13 +7732,41 @@ class DynamicTableComponent {
|
|
|
7721
7732
|
const dataLength = this.localData.length;
|
|
7722
7733
|
const length = Math.min(rowsPerPage, dataLength - from);
|
|
7723
7734
|
const parallelData = this.parallelData || [];
|
|
7724
|
-
|
|
7735
|
+
const filterRx = ObjectUtils.isStringWithValue(filter) ? new RegExp(filter, "gi") : null;
|
|
7736
|
+
let filterFn = !filterRx ? () => true : (ctx) => {
|
|
7737
|
+
return this.cols.some(col => {
|
|
7738
|
+
const value = ctx.item[col];
|
|
7739
|
+
return `${value}`.match(filterRx);
|
|
7740
|
+
});
|
|
7741
|
+
};
|
|
7742
|
+
filterFn = Object.entries(query).reduce((fn, [key, filterValue]) => {
|
|
7743
|
+
if (!filterValue)
|
|
7744
|
+
return fn;
|
|
7745
|
+
const column = this.realColumns[key];
|
|
7746
|
+
if (!column)
|
|
7747
|
+
return fn;
|
|
7748
|
+
switch (column.filterType) {
|
|
7749
|
+
case "enum":
|
|
7750
|
+
const filterArr = filterValue;
|
|
7751
|
+
return filterArr.length == 0 ? fn : (ctx) => {
|
|
7752
|
+
const value = ctx.item[key];
|
|
7753
|
+
return filterArr.includes(value) && fn(ctx);
|
|
7754
|
+
};
|
|
7755
|
+
case "checkbox":
|
|
7756
|
+
return (ctx) => {
|
|
7757
|
+
const value = ctx.item[key];
|
|
7758
|
+
return !!value && fn(ctx);
|
|
7759
|
+
};
|
|
7760
|
+
}
|
|
7761
|
+
const filterRx = new RegExp(`${filterValue}`, "gi");
|
|
7762
|
+
return (ctx) => {
|
|
7763
|
+
const value = ctx.item[key];
|
|
7764
|
+
return `${value}`.match(filterRx) && fn(ctx);
|
|
7765
|
+
};
|
|
7766
|
+
}, filterFn);
|
|
7767
|
+
const data = this.localData.map((item, ix) => {
|
|
7725
7768
|
return new PaginationItemContext(item, parallelData[ix] || {}, dataLength, ix, ix);
|
|
7726
|
-
});
|
|
7727
|
-
if (ObjectUtils.isString(filter) && filter.length > 0) {
|
|
7728
|
-
const filterRx = new RegExp(filter, "gi");
|
|
7729
|
-
data = data.filter(c => c.filter(filterRx));
|
|
7730
|
-
}
|
|
7769
|
+
}).filter(filterFn);
|
|
7731
7770
|
const items = orderBy ? data.sort(compare).splice(from, length) : data.splice(from, length);
|
|
7732
7771
|
items.forEach((context, ix) => {
|
|
7733
7772
|
context.index = ix;
|