@datarailsshared/datarailsshared 1.6.135 → 1.6.137

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.
Files changed (7) hide show
  1. package/datarailsshared-datarailsshared-1.6.137.tgz +0 -0
  2. package/esm2022/lib/filter-dropdown/filter-dropdown.component.mjs +131 -113
  3. package/fesm2022/datarailsshared-datarailsshared.mjs +130 -112
  4. package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
  5. package/lib/filter-dropdown/filter-dropdown.component.d.ts +2 -1
  6. package/package.json +1 -1
  7. package/datarailsshared-datarailsshared-1.6.135.tgz +0 -0
package/fesm2022/datarailsshared-datarailsshared.mjs CHANGED
@@ -15353,40 +15353,40 @@ function FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_1_ng
15353
15353
  const _c2 = function (a0) { return { $implicit: a0 }; };
15354
15354
  function FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
15355
15355
  i0.ɵɵelementContainerStart(0);
15356
- i0.ɵɵtemplate(1, FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_1_ng_container_1_Template, 2, 0, "ng-container", 8);
15357
- i0.ɵɵelementContainer(2, 9);
15356
+ i0.ɵɵtemplate(1, FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_1_ng_container_1_Template, 2, 0, "ng-container", 9);
15357
+ i0.ɵɵelementContainer(2, 10);
15358
15358
  i0.ɵɵelementContainerEnd();
15359
15359
  } if (rf & 2) {
15360
- const item_r12 = ctx.$implicit;
15361
- const i_r13 = ctx.index;
15362
- const ctx_r10 = i0.ɵɵnextContext(3);
15363
- const _r5 = i0.ɵɵreference(9);
15360
+ const item_r14 = ctx.$implicit;
15361
+ const i_r15 = ctx.index;
15362
+ const ctx_r12 = i0.ɵɵnextContext(3);
15363
+ const _r7 = i0.ɵɵreference(11);
15364
15364
  i0.ɵɵadvance(1);
15365
- i0.ɵɵproperty("ngIf", i_r13);
15365
+ i0.ɵɵproperty("ngIf", i_r15);
15366
15366
  i0.ɵɵadvance(1);
15367
- i0.ɵɵproperty("ngTemplateOutlet", ctx_r10.labelItemTemplate || _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c2, item_r12));
15367
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r12.labelItemTemplate || _r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c2, item_r14));
15368
15368
  } }
15369
15369
  function FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
15370
15370
  i0.ɵɵelementContainerStart(0);
15371
15371
  i0.ɵɵtext(1);
15372
15372
  i0.ɵɵelementContainerEnd();
15373
15373
  } if (rf & 2) {
15374
- const ctx_r11 = i0.ɵɵnextContext(3);
15374
+ const ctx_r13 = i0.ɵɵnextContext(3);
15375
15375
  i0.ɵɵadvance(1);
15376
- i0.ɵɵtextInterpolate1(" + ", ctx_r11.selectedArr.length - ctx_r11.showInLabelLimit, "");
15376
+ i0.ɵɵtextInterpolate1(" + ", ctx_r13.selectedArr.length - ctx_r13.showInLabelLimit, "");
15377
15377
  } }
15378
15378
  function FilterDropdownComponent_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
15379
15379
  i0.ɵɵelementContainerStart(0);
15380
- i0.ɵɵtemplate(1, FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_1_Template, 3, 5, "ng-container", 7);
15380
+ i0.ɵɵtemplate(1, FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_1_Template, 3, 5, "ng-container", 8);
15381
15381
  i0.ɵɵpipe(2, "slice");
15382
- i0.ɵɵtemplate(3, FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_3_Template, 2, 1, "ng-container", 8);
15382
+ i0.ɵɵtemplate(3, FilterDropdownComponent_ng_container_3_ng_container_1_ng_container_3_Template, 2, 1, "ng-container", 9);
15383
15383
  i0.ɵɵelementContainerEnd();
15384
15384
  } if (rf & 2) {
15385
- const ctx_r9 = i0.ɵɵnextContext(2);
15385
+ const ctx_r11 = i0.ɵɵnextContext(2);
15386
15386
  i0.ɵɵadvance(1);
15387
- i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind3(2, 2, ctx_r9.selectedArr, 0, ctx_r9.showInLabelLimit));
15387
+ i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind3(2, 2, ctx_r11.selectedArr, 0, ctx_r11.showInLabelLimit));
15388
15388
  i0.ɵɵadvance(2);
15389
- i0.ɵɵproperty("ngIf", ctx_r9.selectedArr.length > ctx_r9.showInLabelLimit);
15389
+ i0.ɵɵproperty("ngIf", ctx_r11.selectedArr.length > ctx_r11.showInLabelLimit);
15390
15390
  } }
15391
15391
  function FilterDropdownComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
15392
15392
  i0.ɵɵelementContainerStart(0);
@@ -15401,158 +15401,172 @@ function FilterDropdownComponent_ng_container_3_Template(rf, ctx) { if (rf & 1)
15401
15401
  function FilterDropdownComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
15402
15402
  i0.ɵɵtext(0, "Many");
15403
15403
  } }
15404
+ function FilterDropdownComponent_ng_template_6_ng_container_0_Template(rf, ctx) { if (rf & 1) {
15405
+ i0.ɵɵelementContainerStart(0);
15406
+ i0.ɵɵelementStart(1, "span", 11);
15407
+ i0.ɵɵtext(2, "None");
15408
+ i0.ɵɵelementEnd();
15409
+ i0.ɵɵelementContainerEnd();
15410
+ } }
15404
15411
  function FilterDropdownComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
15405
- i0.ɵɵelementStart(0, "span", 10);
15412
+ i0.ɵɵtemplate(0, FilterDropdownComponent_ng_template_6_ng_container_0_Template, 3, 0, "ng-container", 2);
15413
+ } if (rf & 2) {
15414
+ const ctx_r4 = i0.ɵɵnextContext();
15415
+ const _r5 = i0.ɵɵreference(9);
15416
+ i0.ɵɵproperty("ngIf", ctx_r4.useNoneTemplate && !ctx_r4.isSelectedAll)("ngIfElse", _r5);
15417
+ } }
15418
+ function FilterDropdownComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
15419
+ i0.ɵɵelementStart(0, "span", 11);
15406
15420
  i0.ɵɵtext(1, "All");
15407
15421
  i0.ɵɵelementEnd();
15408
15422
  } }
15409
- function FilterDropdownComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
15423
+ function FilterDropdownComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
15410
15424
  i0.ɵɵtext(0);
15411
15425
  } if (rf & 2) {
15412
- const item_r15 = ctx.$implicit;
15413
- const ctx_r6 = i0.ɵɵnextContext();
15414
- i0.ɵɵtextInterpolate(ctx_r6._item(item_r15));
15426
+ const item_r18 = ctx.$implicit;
15427
+ const ctx_r8 = i0.ɵɵnextContext();
15428
+ i0.ɵɵtextInterpolate(ctx_r8._item(item_r18));
15415
15429
  } }
15416
- function FilterDropdownComponent_ng_template_10_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
15417
- const _r27 = i0.ɵɵgetCurrentView();
15418
- i0.ɵɵelementStart(0, "div", 20)(1, "dr-input", 21, 22);
15419
- i0.ɵɵlistener("ngModelChange", function FilterDropdownComponent_ng_template_10_div_0_div_1_Template_dr_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r26.search = $event); });
15430
+ function FilterDropdownComponent_ng_template_12_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
15431
+ const _r30 = i0.ɵɵgetCurrentView();
15432
+ i0.ɵɵelementStart(0, "div", 21)(1, "dr-input", 22, 23);
15433
+ i0.ɵɵlistener("ngModelChange", function FilterDropdownComponent_ng_template_12_div_0_div_1_Template_dr_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r29.search = $event); });
15420
15434
  i0.ɵɵelementEnd()();
15421
15435
  } if (rf & 2) {
15422
- const ctx_r19 = i0.ɵɵnextContext(3);
15436
+ const ctx_r22 = i0.ɵɵnextContext(3);
15423
15437
  i0.ɵɵadvance(1);
15424
- i0.ɵɵclassProp("with-value", ctx_r19.search);
15425
- i0.ɵɵproperty("clearable", true)("ngModel", ctx_r19.search);
15438
+ i0.ɵɵclassProp("with-value", ctx_r22.search);
15439
+ i0.ɵɵproperty("clearable", true)("ngModel", ctx_r22.search);
15426
15440
  } }
15427
- function FilterDropdownComponent_ng_template_10_div_0_a_5_Template(rf, ctx) { if (rf & 1) {
15428
- const _r29 = i0.ɵɵgetCurrentView();
15429
- i0.ɵɵelementStart(0, "a", 23);
15430
- i0.ɵɵlistener("click", function FilterDropdownComponent_ng_template_10_div_0_a_5_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r28.onSelectAll()); });
15441
+ function FilterDropdownComponent_ng_template_12_div_0_a_5_Template(rf, ctx) { if (rf & 1) {
15442
+ const _r32 = i0.ɵɵgetCurrentView();
15443
+ i0.ɵɵelementStart(0, "a", 24);
15444
+ i0.ɵɵlistener("click", function FilterDropdownComponent_ng_template_12_div_0_a_5_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r31.onSelectAll()); });
15431
15445
  i0.ɵɵtext(1);
15432
15446
  i0.ɵɵelementEnd();
15433
15447
  } if (rf & 2) {
15434
- const ctx_r20 = i0.ɵɵnextContext(3);
15448
+ const ctx_r23 = i0.ɵɵnextContext(3);
15435
15449
  i0.ɵɵadvance(1);
15436
- i0.ɵɵtextInterpolate(ctx_r20.isSelectedAll ? "Select none" : "Select all");
15450
+ i0.ɵɵtextInterpolate(ctx_r23.isSelectedAll ? "Select none" : "Select all");
15437
15451
  } }
15438
- function FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_dr_checkbox_3_Template(rf, ctx) { if (rf & 1) {
15439
- i0.ɵɵelement(0, "dr-checkbox", 31);
15452
+ function FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_dr_checkbox_3_Template(rf, ctx) { if (rf & 1) {
15453
+ i0.ɵɵelement(0, "dr-checkbox", 32);
15440
15454
  } if (rf & 2) {
15441
- const item_r31 = i0.ɵɵnextContext().$implicit;
15442
- const _r32 = i0.ɵɵreference(1);
15443
- i0.ɵɵproperty("checkedStatus", _r32.selected)("disabled", item_r31.disabled);
15455
+ const item_r34 = i0.ɵɵnextContext().$implicit;
15456
+ const _r35 = i0.ɵɵreference(1);
15457
+ i0.ɵɵproperty("checkedStatus", _r35.selected)("disabled", item_r34.disabled);
15444
15458
  } }
15445
- function FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
15446
- i0.ɵɵelementStart(0, "span", 32);
15459
+ function FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
15460
+ i0.ɵɵelementStart(0, "span", 33);
15447
15461
  i0.ɵɵtext(1);
15448
15462
  i0.ɵɵelementEnd();
15449
15463
  } if (rf & 2) {
15450
- const item_r31 = i0.ɵɵnextContext().$implicit;
15451
- const ctx_r35 = i0.ɵɵnextContext(4);
15464
+ const item_r34 = i0.ɵɵnextContext().$implicit;
15465
+ const ctx_r38 = i0.ɵɵnextContext(4);
15452
15466
  i0.ɵɵadvance(1);
15453
- i0.ɵɵtextInterpolate1(" ", ctx_r35._item(item_r31), " ");
15467
+ i0.ɵɵtextInterpolate1(" ", ctx_r38._item(item_r34), " ");
15454
15468
  } }
15455
- function FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_Template(rf, ctx) { if (rf & 1) {
15456
- const _r39 = i0.ɵɵgetCurrentView();
15457
- i0.ɵɵelementStart(0, "dr-dropdown-item", 26, 27);
15458
- i0.ɵɵlistener("keyup.enter", function FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_Template_dr_dropdown_item_keyup_enter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r39); const item_r31 = restoredCtx.$implicit; const _r32 = i0.ɵɵreference(1); const ctx_r38 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(!_r32.selected && ctx_r38.selectedChange.emit(item_r31)); })("click", function FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_Template_dr_dropdown_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r39); const item_r31 = restoredCtx.$implicit; const _r32 = i0.ɵɵreference(1); const close_r16 = i0.ɵɵnextContext(3).closePopover; const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(!_r32.disabled && ctx_r40.onSelectedItemChanged(item_r31, _r32.selected, close_r16)); });
15459
- i0.ɵɵelementContainerStart(2, 28);
15460
- i0.ɵɵtemplate(3, FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_dr_checkbox_3_Template, 1, 2, "dr-checkbox", 29);
15461
- i0.ɵɵelementContainerStart(4, 28);
15462
- i0.ɵɵelementContainer(5, 9);
15469
+ function FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_Template(rf, ctx) { if (rf & 1) {
15470
+ const _r42 = i0.ɵɵgetCurrentView();
15471
+ i0.ɵɵelementStart(0, "dr-dropdown-item", 27, 28);
15472
+ i0.ɵɵlistener("keyup.enter", function FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_Template_dr_dropdown_item_keyup_enter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r42); const item_r34 = restoredCtx.$implicit; const _r35 = i0.ɵɵreference(1); const ctx_r41 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(!_r35.selected && ctx_r41.selectedChange.emit(item_r34)); })("click", function FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_Template_dr_dropdown_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r42); const item_r34 = restoredCtx.$implicit; const _r35 = i0.ɵɵreference(1); const close_r19 = i0.ɵɵnextContext(3).closePopover; const ctx_r43 = i0.ɵɵnextContext(); return i0.ɵɵresetView(!_r35.disabled && ctx_r43.onSelectedItemChanged(item_r34, _r35.selected, close_r19)); });
15473
+ i0.ɵɵelementContainerStart(2, 29);
15474
+ i0.ɵɵtemplate(3, FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_dr_checkbox_3_Template, 1, 2, "dr-checkbox", 30);
15475
+ i0.ɵɵelementContainerStart(4, 29);
15476
+ i0.ɵɵelementContainer(5, 10);
15463
15477
  i0.ɵɵelementContainerEnd();
15464
- i0.ɵɵtemplate(6, FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_ng_template_6_Template, 2, 1, "ng-template", null, 30, i0.ɵɵtemplateRefExtractor);
15478
+ i0.ɵɵtemplate(6, FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_ng_template_6_Template, 2, 1, "ng-template", null, 31, i0.ɵɵtemplateRefExtractor);
15465
15479
  i0.ɵɵelementContainerEnd();
15466
15480
  i0.ɵɵelementEnd();
15467
15481
  } if (rf & 2) {
15468
- const item_r31 = ctx.$implicit;
15469
- const _r34 = i0.ɵɵreference(7);
15470
- const ctx_r30 = i0.ɵɵnextContext(4);
15471
- i0.ɵɵproperty("selected", ctx_r30.isSelected(item_r31))("disabled", item_r31.disabled);
15482
+ const item_r34 = ctx.$implicit;
15483
+ const _r37 = i0.ɵɵreference(7);
15484
+ const ctx_r33 = i0.ɵɵnextContext(4);
15485
+ i0.ɵɵproperty("selected", ctx_r33.isSelected(item_r34))("disabled", item_r34.disabled);
15472
15486
  i0.ɵɵadvance(3);
15473
- i0.ɵɵproperty("ngIf", ctx_r30.multiple);
15487
+ i0.ɵɵproperty("ngIf", ctx_r33.multiple);
15474
15488
  i0.ɵɵadvance(2);
15475
- i0.ɵɵproperty("ngTemplateOutlet", ctx_r30.dropdownItemTemplate || _r34)("ngTemplateOutletContext", i0.ɵɵpureFunction1(5, _c2, item_r31));
15489
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r33.dropdownItemTemplate || _r37)("ngTemplateOutletContext", i0.ɵɵpureFunction1(5, _c2, item_r34));
15476
15490
  } }
15477
- function FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_Template(rf, ctx) { if (rf & 1) {
15478
- i0.ɵɵelementStart(0, "dr-dropdown", 24);
15479
- i0.ɵɵtemplate(1, FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_dr_dropdown_item_1_Template, 8, 7, "dr-dropdown-item", 25);
15491
+ function FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_Template(rf, ctx) { if (rf & 1) {
15492
+ i0.ɵɵelementStart(0, "dr-dropdown", 25);
15493
+ i0.ɵɵtemplate(1, FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_dr_dropdown_item_1_Template, 8, 7, "dr-dropdown-item", 26);
15480
15494
  i0.ɵɵelementEnd();
15481
15495
  } if (rf & 2) {
15482
- const filteredItems_r18 = i0.ɵɵnextContext().ngLet;
15483
- const ctx_r21 = i0.ɵɵnextContext(2);
15496
+ const filteredItems_r21 = i0.ɵɵnextContext().ngLet;
15497
+ const ctx_r24 = i0.ɵɵnextContext(2);
15484
15498
  i0.ɵɵadvance(1);
15485
- i0.ɵɵproperty("ngForOf", filteredItems_r18)("ngForTrackBy", ctx_r21.trackByFn);
15499
+ i0.ɵɵproperty("ngForOf", filteredItems_r21)("ngForTrackBy", ctx_r24.trackByFn);
15486
15500
  } }
15487
- function FilterDropdownComponent_ng_template_10_div_0_ng_template_7_div_0_Template(rf, ctx) { if (rf & 1) {
15488
- i0.ɵɵelementStart(0, "div", 34);
15501
+ function FilterDropdownComponent_ng_template_12_div_0_ng_template_7_div_0_Template(rf, ctx) { if (rf & 1) {
15502
+ i0.ɵɵelementStart(0, "div", 35);
15489
15503
  i0.ɵɵtext(1);
15490
15504
  i0.ɵɵelementEnd();
15491
15505
  } if (rf & 2) {
15492
- const ctx_r43 = i0.ɵɵnextContext(4);
15506
+ const ctx_r46 = i0.ɵɵnextContext(4);
15493
15507
  i0.ɵɵadvance(1);
15494
- i0.ɵɵtextInterpolate1(" ", ctx_r43.noItemsPlaceholder, " ");
15508
+ i0.ɵɵtextInterpolate1(" ", ctx_r46.noItemsPlaceholder, " ");
15495
15509
  } }
15496
- function FilterDropdownComponent_ng_template_10_div_0_ng_template_7_Template(rf, ctx) { if (rf & 1) {
15497
- i0.ɵɵtemplate(0, FilterDropdownComponent_ng_template_10_div_0_ng_template_7_div_0_Template, 2, 1, "div", 33);
15510
+ function FilterDropdownComponent_ng_template_12_div_0_ng_template_7_Template(rf, ctx) { if (rf & 1) {
15511
+ i0.ɵɵtemplate(0, FilterDropdownComponent_ng_template_12_div_0_ng_template_7_div_0_Template, 2, 1, "div", 34);
15498
15512
  } if (rf & 2) {
15499
- const ctx_r23 = i0.ɵɵnextContext(3);
15500
- i0.ɵɵproperty("ngIf", ctx_r23.noItemsPlaceholder);
15513
+ const ctx_r26 = i0.ɵɵnextContext(3);
15514
+ i0.ɵɵproperty("ngIf", ctx_r26.noItemsPlaceholder);
15501
15515
  } }
15502
- function FilterDropdownComponent_ng_template_10_div_0_div_9_dr_button_1_Template(rf, ctx) { if (rf & 1) {
15503
- const _r47 = i0.ɵɵgetCurrentView();
15504
- i0.ɵɵelementStart(0, "dr-button", 38);
15505
- i0.ɵɵlistener("click", function FilterDropdownComponent_ng_template_10_div_0_div_9_dr_button_1_Template_dr_button_click_0_listener() { i0.ɵɵrestoreView(_r47); const close_r16 = i0.ɵɵnextContext(3).closePopover; const ctx_r45 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r45.onClear(close_r16)); });
15516
+ function FilterDropdownComponent_ng_template_12_div_0_div_9_dr_button_1_Template(rf, ctx) { if (rf & 1) {
15517
+ const _r50 = i0.ɵɵgetCurrentView();
15518
+ i0.ɵɵelementStart(0, "dr-button", 39);
15519
+ i0.ɵɵlistener("click", function FilterDropdownComponent_ng_template_12_div_0_div_9_dr_button_1_Template_dr_button_click_0_listener() { i0.ɵɵrestoreView(_r50); const close_r19 = i0.ɵɵnextContext(3).closePopover; const ctx_r48 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r48.onClear(close_r19)); });
15506
15520
  i0.ɵɵtext(1, " Clear ");
15507
15521
  i0.ɵɵelementEnd();
15508
15522
  } }
15509
- function FilterDropdownComponent_ng_template_10_div_0_div_9_Template(rf, ctx) { if (rf & 1) {
15510
- const _r50 = i0.ɵɵgetCurrentView();
15511
- i0.ɵɵelementStart(0, "div", 35);
15512
- i0.ɵɵtemplate(1, FilterDropdownComponent_ng_template_10_div_0_div_9_dr_button_1_Template, 2, 0, "dr-button", 36);
15513
- i0.ɵɵelementStart(2, "dr-button", 37);
15514
- i0.ɵɵlistener("click", function FilterDropdownComponent_ng_template_10_div_0_div_9_Template_dr_button_click_2_listener() { i0.ɵɵrestoreView(_r50); const close_r16 = i0.ɵɵnextContext(2).closePopover; const ctx_r48 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r48.onApply(close_r16)); });
15523
+ function FilterDropdownComponent_ng_template_12_div_0_div_9_Template(rf, ctx) { if (rf & 1) {
15524
+ const _r53 = i0.ɵɵgetCurrentView();
15525
+ i0.ɵɵelementStart(0, "div", 36);
15526
+ i0.ɵɵtemplate(1, FilterDropdownComponent_ng_template_12_div_0_div_9_dr_button_1_Template, 2, 0, "dr-button", 37);
15527
+ i0.ɵɵelementStart(2, "dr-button", 38);
15528
+ i0.ɵɵlistener("click", function FilterDropdownComponent_ng_template_12_div_0_div_9_Template_dr_button_click_2_listener() { i0.ɵɵrestoreView(_r53); const close_r19 = i0.ɵɵnextContext(2).closePopover; const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.onApply(close_r19)); });
15515
15529
  i0.ɵɵtext(3, "Apply");
15516
15530
  i0.ɵɵelementEnd()();
15517
15531
  } if (rf & 2) {
15518
- const ctx_r24 = i0.ɵɵnextContext(3);
15532
+ const ctx_r27 = i0.ɵɵnextContext(3);
15519
15533
  i0.ɵɵadvance(1);
15520
- i0.ɵɵproperty("ngIf", ctx_r24.clearable && ctx_r24.hasSelection);
15534
+ i0.ɵɵproperty("ngIf", ctx_r27.clearable && ctx_r27.hasSelection);
15521
15535
  } }
15522
- function FilterDropdownComponent_ng_template_10_div_0_Template(rf, ctx) { if (rf & 1) {
15523
- i0.ɵɵelementStart(0, "div", 12);
15524
- i0.ɵɵtemplate(1, FilterDropdownComponent_ng_template_10_div_0_div_1_Template, 3, 4, "div", 13);
15525
- i0.ɵɵelementStart(2, "div", 14)(3, "div", 15);
15536
+ function FilterDropdownComponent_ng_template_12_div_0_Template(rf, ctx) { if (rf & 1) {
15537
+ i0.ɵɵelementStart(0, "div", 13);
15538
+ i0.ɵɵtemplate(1, FilterDropdownComponent_ng_template_12_div_0_div_1_Template, 3, 4, "div", 14);
15539
+ i0.ɵɵelementStart(2, "div", 15)(3, "div", 16);
15526
15540
  i0.ɵɵtext(4);
15527
15541
  i0.ɵɵelementEnd();
15528
- i0.ɵɵtemplate(5, FilterDropdownComponent_ng_template_10_div_0_a_5_Template, 2, 1, "a", 16);
15542
+ i0.ɵɵtemplate(5, FilterDropdownComponent_ng_template_12_div_0_a_5_Template, 2, 1, "a", 17);
15529
15543
  i0.ɵɵelementEnd();
15530
- i0.ɵɵtemplate(6, FilterDropdownComponent_ng_template_10_div_0_dr_dropdown_6_Template, 2, 2, "dr-dropdown", 17);
15531
- i0.ɵɵtemplate(7, FilterDropdownComponent_ng_template_10_div_0_ng_template_7_Template, 1, 1, "ng-template", null, 18, i0.ɵɵtemplateRefExtractor);
15532
- i0.ɵɵtemplate(9, FilterDropdownComponent_ng_template_10_div_0_div_9_Template, 4, 1, "div", 19);
15544
+ i0.ɵɵtemplate(6, FilterDropdownComponent_ng_template_12_div_0_dr_dropdown_6_Template, 2, 2, "dr-dropdown", 18);
15545
+ i0.ɵɵtemplate(7, FilterDropdownComponent_ng_template_12_div_0_ng_template_7_Template, 1, 1, "ng-template", null, 19, i0.ɵɵtemplateRefExtractor);
15546
+ i0.ɵɵtemplate(9, FilterDropdownComponent_ng_template_12_div_0_div_9_Template, 4, 1, "div", 20);
15533
15547
  i0.ɵɵelementEnd();
15534
15548
  } if (rf & 2) {
15535
- const filteredItems_r18 = ctx.ngLet;
15536
- const _r22 = i0.ɵɵreference(8);
15537
- const ctx_r17 = i0.ɵɵnextContext(2);
15538
- i0.ɵɵproperty("ngClass", ctx_r17.dropdownClass);
15549
+ const filteredItems_r21 = ctx.ngLet;
15550
+ const _r25 = i0.ɵɵreference(8);
15551
+ const ctx_r20 = i0.ɵɵnextContext(2);
15552
+ i0.ɵɵproperty("ngClass", ctx_r20.dropdownClass);
15539
15553
  i0.ɵɵadvance(1);
15540
- i0.ɵɵproperty("ngIf", ctx_r17.showSearch);
15554
+ i0.ɵɵproperty("ngIf", ctx_r20.showSearch);
15541
15555
  i0.ɵɵadvance(3);
15542
- i0.ɵɵtextInterpolate1("Filter by ", ctx_r17.label, "");
15556
+ i0.ɵɵtextInterpolate1("Filter by ", ctx_r20.label, "");
15543
15557
  i0.ɵɵadvance(1);
15544
- i0.ɵɵproperty("ngIf", ctx_r17.showSelectAll);
15558
+ i0.ɵɵproperty("ngIf", ctx_r20.showSelectAll);
15545
15559
  i0.ɵɵadvance(1);
15546
- i0.ɵɵproperty("ngIf", filteredItems_r18.length)("ngIfElse", _r22);
15560
+ i0.ɵɵproperty("ngIf", filteredItems_r21.length)("ngIfElse", _r25);
15547
15561
  i0.ɵɵadvance(3);
15548
- i0.ɵɵproperty("ngIf", ctx_r17.multiple);
15562
+ i0.ɵɵproperty("ngIf", ctx_r20.multiple);
15549
15563
  } }
15550
- function FilterDropdownComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
15551
- i0.ɵɵtemplate(0, FilterDropdownComponent_ng_template_10_div_0_Template, 10, 7, "div", 11);
15564
+ function FilterDropdownComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
15565
+ i0.ɵɵtemplate(0, FilterDropdownComponent_ng_template_12_div_0_Template, 10, 7, "div", 12);
15552
15566
  i0.ɵɵpipe(1, "search");
15553
15567
  } if (rf & 2) {
15554
- const ctx_r8 = i0.ɵɵnextContext();
15555
- i0.ɵɵproperty("ngLet", i0.ɵɵpipeBind3(1, 1, ctx_r8.items, ctx_r8.search, ctx_r8.searchBy));
15568
+ const ctx_r10 = i0.ɵɵnextContext();
15569
+ i0.ɵɵproperty("ngLet", i0.ɵɵpipeBind3(1, 1, ctx_r10.items, ctx_r10.search, ctx_r10.searchBy));
15556
15570
  } }
15557
15571
  class FilterDropdownComponent {
15558
15572
  constructor() {
@@ -15571,6 +15585,7 @@ class FilterDropdownComponent {
15571
15585
  this.showSearchLimit = 10;
15572
15586
  this.showManyLimit = 12;
15573
15587
  this.showInLabelLimit = 3;
15588
+ this.useNoneTemplate = false;
15574
15589
  this._selected = null;
15575
15590
  this._selectedOriginal = null;
15576
15591
  this.search = '';
@@ -15657,7 +15672,7 @@ class FilterDropdownComponent {
15657
15672
  let _t;
15658
15673
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownItemTemplate = _t.first);
15659
15674
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelItemTemplate = _t.first);
15660
- } }, inputs: { disabled: ["disabled", "disabled", booleanAttribute], items: "items", label: "label", selectedUser: "selectedUser", users: "users", noItemsPlaceholder: "noItemsPlaceholder", dropdownClass: "dropdownClass", dropdownPosition: "dropdownPosition", bindValue: "bindValue", displayValue: "displayValue", searchBy: "searchBy", multiple: ["multiple", "multiple", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], trackBy: "trackBy", showSearchLimit: "showSearchLimit", showManyLimit: "showManyLimit", showInLabelLimit: "showInLabelLimit", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 12, vars: 7, consts: [["theme", "dropdown", "iconAfter", "dr-icon-arrow-down", "iconAfterSize", "18", 3, "drPopover", "isActive", "disabled", "drPopoverPosition", "drPopoverClose", "click"], [1, "filter-value"], [4, "ngIf", "ngIfElse"], ["manyTemplate", ""], ["allTemplate", ""], ["defaultLabelTemplate", ""], ["popover", ""], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "filter-value-all"], ["class", "dropdown__wrapper", "tabindex", "0", 3, "ngClass", 4, "ngLet"], ["tabindex", "0", 1, "dropdown__wrapper", 3, "ngClass"], ["class", "dropdown__search", 4, "ngIf"], [1, "dropdown__header"], [1, "dropdown__header-title"], ["href", "javascript: void(0)", "class", "dropdown__header-select-all", 3, "click", 4, "ngIf"], ["class", "dr-filter-list", "tabindex", "0", 4, "ngIf", "ngIfElse"], ["noDataPlaceholder", ""], ["class", "dropdown__actions", 4, "ngIf"], [1, "dropdown__search"], ["data-analytics", "filter-dropdown_input-0", "drAutofocus", "", "type", "search", "tabindex", "0", "placeholder", "Search", 3, "clearable", "ngModel", "ngModelChange"], ["searchRef", ""], ["href", "javascript: void(0)", 1, "dropdown__header-select-all", 3, "click"], ["tabindex", "0", 1, "dr-filter-list"], ["class", "dr-filter-list__item", "tabindex", "0", 3, "selected", "disabled", "keyup.enter", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["tabindex", "0", 1, "dr-filter-list__item", 3, "selected", "disabled", "keyup.enter", "click"], ["itemRef", ""], ["dropdownItemContent", ""], ["data-analytics", "filter-dropdown_checkbox-0", "class", "dr-filter-list__item-checkbox", 3, "checkedStatus", "disabled", 4, "ngIf"], ["defaultDropdownItemTemplate", ""], ["data-analytics", "filter-dropdown_checkbox-0", 1, "dr-filter-list__item-checkbox", 3, "checkedStatus", "disabled"], [1, "text-ellipsis"], ["class", "dropdown__no-result", 4, "ngIf"], [1, "dropdown__no-result"], [1, "dropdown__actions"], ["theme", "secondary", "data-analytics", "filter-dropdown_button-1", "class", "dropdown__clear", 3, "click", 4, "ngIf"], ["data-analytics", "filter-dropdown_button-0", 3, "click"], ["theme", "secondary", "data-analytics", "filter-dropdown_button-1", 1, "dropdown__clear", 3, "click"]], template: function FilterDropdownComponent_Template(rf, ctx) { if (rf & 1) {
15675
+ } }, inputs: { disabled: ["disabled", "disabled", booleanAttribute], items: "items", label: "label", selectedUser: "selectedUser", users: "users", noItemsPlaceholder: "noItemsPlaceholder", dropdownClass: "dropdownClass", dropdownPosition: "dropdownPosition", bindValue: "bindValue", displayValue: "displayValue", searchBy: "searchBy", multiple: ["multiple", "multiple", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], trackBy: "trackBy", showSearchLimit: "showSearchLimit", showManyLimit: "showManyLimit", showInLabelLimit: "showInLabelLimit", selected: "selected", useNoneTemplate: "useNoneTemplate" }, outputs: { selectedChange: "selectedChange" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 14, vars: 7, consts: [["theme", "dropdown", "iconAfter", "dr-icon-arrow-down", "iconAfterSize", "18", 3, "drPopover", "isActive", "disabled", "drPopoverPosition", "drPopoverClose", "click"], [1, "filter-value"], [4, "ngIf", "ngIfElse"], ["manyTemplate", ""], ["noSelection", ""], ["allTemplate", ""], ["defaultLabelTemplate", ""], ["popover", ""], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "filter-value-all"], ["class", "dropdown__wrapper", "tabindex", "0", 3, "ngClass", 4, "ngLet"], ["tabindex", "0", 1, "dropdown__wrapper", 3, "ngClass"], ["class", "dropdown__search", 4, "ngIf"], [1, "dropdown__header"], [1, "dropdown__header-title"], ["href", "javascript: void(0)", "class", "dropdown__header-select-all", 3, "click", 4, "ngIf"], ["class", "dr-filter-list", "tabindex", "0", 4, "ngIf", "ngIfElse"], ["noDataPlaceholder", ""], ["class", "dropdown__actions", 4, "ngIf"], [1, "dropdown__search"], ["data-analytics", "filter-dropdown_input-0", "drAutofocus", "", "type", "search", "tabindex", "0", "placeholder", "Search", 3, "clearable", "ngModel", "ngModelChange"], ["searchRef", ""], ["href", "javascript: void(0)", 1, "dropdown__header-select-all", 3, "click"], ["tabindex", "0", 1, "dr-filter-list"], ["class", "dr-filter-list__item", "tabindex", "0", 3, "selected", "disabled", "keyup.enter", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["tabindex", "0", 1, "dr-filter-list__item", 3, "selected", "disabled", "keyup.enter", "click"], ["itemRef", ""], ["dropdownItemContent", ""], ["data-analytics", "filter-dropdown_checkbox-0", "class", "dr-filter-list__item-checkbox", 3, "checkedStatus", "disabled", 4, "ngIf"], ["defaultDropdownItemTemplate", ""], ["data-analytics", "filter-dropdown_checkbox-0", 1, "dr-filter-list__item-checkbox", 3, "checkedStatus", "disabled"], [1, "text-ellipsis"], ["class", "dropdown__no-result", 4, "ngIf"], [1, "dropdown__no-result"], [1, "dropdown__actions"], ["theme", "secondary", "data-analytics", "filter-dropdown_button-1", "class", "dropdown__clear", 3, "click", 4, "ngIf"], ["data-analytics", "filter-dropdown_button-0", 3, "click"], ["theme", "secondary", "data-analytics", "filter-dropdown_button-1", 1, "dropdown__clear", 3, "click"]], template: function FilterDropdownComponent_Template(rf, ctx) { if (rf & 1) {
15661
15676
  i0.ɵɵelementStart(0, "dr-button", 0);
15662
15677
  i0.ɵɵlistener("drPopoverClose", function FilterDropdownComponent_Template_dr_button_drPopoverClose_0_listener() { return ctx.onPopoverClose(); })("click", function FilterDropdownComponent_Template_dr_button_click_0_listener($event) { return $event.stopPropagation(); });
15663
15678
  i0.ɵɵtext(1);
@@ -15665,14 +15680,15 @@ class FilterDropdownComponent {
15665
15680
  i0.ɵɵtemplate(3, FilterDropdownComponent_ng_container_3_Template, 2, 2, "ng-container", 2);
15666
15681
  i0.ɵɵelementEnd();
15667
15682
  i0.ɵɵtemplate(4, FilterDropdownComponent_ng_template_4_Template, 1, 0, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
15668
- i0.ɵɵtemplate(6, FilterDropdownComponent_ng_template_6_Template, 2, 0, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
15669
- i0.ɵɵtemplate(8, FilterDropdownComponent_ng_template_8_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
15683
+ i0.ɵɵtemplate(6, FilterDropdownComponent_ng_template_6_Template, 1, 2, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
15684
+ i0.ɵɵtemplate(8, FilterDropdownComponent_ng_template_8_Template, 2, 0, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
15685
+ i0.ɵɵtemplate(10, FilterDropdownComponent_ng_template_10_Template, 1, 1, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
15670
15686
  i0.ɵɵelementEnd();
15671
- i0.ɵɵtemplate(10, FilterDropdownComponent_ng_template_10_Template, 2, 5, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
15687
+ i0.ɵɵtemplate(12, FilterDropdownComponent_ng_template_12_Template, 2, 5, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
15672
15688
  } if (rf & 2) {
15673
15689
  const _r3 = i0.ɵɵreference(7);
15674
- const _r7 = i0.ɵɵreference(11);
15675
- i0.ɵɵproperty("drPopover", _r7)("isActive", ctx.hasSelection)("disabled", ctx.disabled)("drPopoverPosition", ctx.dropdownPosition);
15690
+ const _r9 = i0.ɵɵreference(13);
15691
+ i0.ɵɵproperty("drPopover", _r9)("isActive", ctx.hasSelection)("disabled", ctx.disabled)("drPopoverPosition", ctx.dropdownPosition);
15676
15692
  i0.ɵɵadvance(1);
15677
15693
  i0.ɵɵtextInterpolate1(" ", ctx.label, ": ");
15678
15694
  i0.ɵɵadvance(2);
@@ -15693,7 +15709,7 @@ class FilterDropdownComponent {
15693
15709
  LetDirective,
15694
15710
  AutofocusDirective,
15695
15711
  DrButtonComponent,
15696
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-button\n theme=\"dropdown\"\n iconAfter=\"dr-icon-arrow-down\"\n iconAfterSize=\"18\"\n [drPopover]=\"popover\"\n (drPopoverClose)=\"onPopoverClose()\"\n (click)=\"$event.stopPropagation()\"\n [isActive]=\"hasSelection\"\n [disabled]=\"disabled\"\n [drPopoverPosition]=\"dropdownPosition\">\n {{ label }}:\n\n <span class=\"filter-value\">\n <ng-container *ngIf=\"hasSelection; else allTemplate\">\n <ng-container *ngIf=\"selectedArr.length <= showManyLimit; else manyTemplate\">\n <ng-container *ngFor=\"let item of selectedArr | slice: 0 : showInLabelLimit; let i = index\">\n <ng-container *ngIf=\"i\">,</ng-container>\n <ng-container\n [ngTemplateOutlet]=\"labelItemTemplate || defaultLabelTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"selectedArr.length > showInLabelLimit\">\n + {{ selectedArr.length - showInLabelLimit }}</ng-container\n >\n </ng-container>\n </ng-container>\n </span>\n <ng-template #manyTemplate>Many</ng-template>\n <ng-template #allTemplate><span class=\"filter-value-all\">All</span></ng-template>\n <ng-template #defaultLabelTemplate let-item>{{ _item(item) }}</ng-template>\n</dr-button>\n\n<ng-template #popover let-close=\"closePopover\">\n <div\n class=\"dropdown__wrapper\"\n [ngClass]=\"dropdownClass\"\n tabindex=\"0\"\n *ngLet=\"items | search: search : searchBy as filteredItems\">\n <div class=\"dropdown__search\" *ngIf=\"showSearch\">\n <dr-input\n data-analytics=\"filter-dropdown_input-0\"\n drAutofocus\n #searchRef\n [class.with-value]=\"search\"\n type=\"search\"\n tabindex=\"0\"\n placeholder=\"Search\"\n [clearable]=\"true\"\n [(ngModel)]=\"search\" />\n </div>\n\n <div class=\"dropdown__header\">\n <div class=\"dropdown__header-title\">Filter by {{ label }}</div>\n <a *ngIf=\"showSelectAll\" href=\"javascript: void(0)\" (click)=\"onSelectAll()\" class=\"dropdown__header-select-all\">{{\n isSelectedAll ? 'Select none' : 'Select all'\n }}</a>\n </div>\n\n <dr-dropdown class=\"dr-filter-list\" *ngIf=\"filteredItems.length; else noDataPlaceholder\" tabindex=\"0\">\n <dr-dropdown-item\n *ngFor=\"let item of filteredItems; trackBy: trackByFn\"\n class=\"dr-filter-list__item\"\n [selected]=\"isSelected(item)\"\n [disabled]=\"item.disabled\"\n tabindex=\"0\"\n #itemRef\n (keyup.enter)=\"!itemRef.selected && selectedChange.emit(item)\"\n (click)=\"!itemRef.disabled && onSelectedItemChanged(item, itemRef.selected, close)\">\n <ng-container dropdownItemContent>\n <dr-checkbox\n data-analytics=\"filter-dropdown_checkbox-0\"\n *ngIf=\"multiple\"\n class=\"dr-filter-list__item-checkbox\"\n [checkedStatus]=\"itemRef.selected\"\n [disabled]=\"item.disabled\" />\n <ng-container dropdownItemContent>\n <ng-container\n [ngTemplateOutlet]=\"dropdownItemTemplate || defaultDropdownItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\n </ng-container>\n\n <ng-template #defaultDropdownItemTemplate>\n <span class=\"text-ellipsis\">\n {{ _item(item) }}\n </span>\n </ng-template>\n </ng-container>\n </dr-dropdown-item>\n </dr-dropdown>\n\n <ng-template #noDataPlaceholder>\n <div class=\"dropdown__no-result\" *ngIf=\"noItemsPlaceholder\">\n {{ noItemsPlaceholder }}\n </div>\n </ng-template>\n\n <div *ngIf=\"multiple\" class=\"dropdown__actions\">\n <dr-button\n *ngIf=\"clearable && hasSelection\"\n theme=\"secondary\"\n data-analytics=\"filter-dropdown_button-1\"\n class=\"dropdown__clear\"\n (click)=\"onClear(close)\">\n Clear\n </dr-button>\n <dr-button data-analytics=\"filter-dropdown_button-0\" (click)=\"onApply(close)\">Apply</dr-button>\n </div>\n </div>\n</ng-template>\n", styles: [".filter-value{font-weight:600}.filter-value-all{font-weight:400}.dropdown__wrapper{min-width:250px;padding:8px 0 0}.dropdown__wrapper::ng-deep .dr-dropdown__container{padding:0;max-height:none;overflow:visible}.dropdown__wrapper::ng-deep .dr-dropdown-item.item-disabled{cursor:not-allowed}.dropdown__wrapper .dr-filter-list{overflow:auto;display:block;max-height:180px}.dropdown__wrapper .dr-filter-list__item{margin-bottom:4px}.dropdown__wrapper .dr-filter-list__item::ng-deep .dr-dropdown-item{padding:4px 16px;height:auto}.dropdown__wrapper .dr-filter-list__item::ng-deep .dr-dropdown-item .text-ellipsis{text-overflow:ellipsis;overflow:hidden}.dropdown__wrapper .dr-filter-list__item-checkbox{margin-right:4px;pointer-events:none}.dropdown__wrapper .dr-filter-list__item-checkbox::ng-deep label input+span{margin:0}.dropdown__wrapper .dr-filter-list__item-checkbox::ng-deep label input+span:before{margin:3px}.dropdown__search{padding:4px 8px}.dropdown__header{display:flex;align-items:center;margin:2px 0;padding:4px 16px;font-size:12px;line-height:20px;white-space:nowrap}.dropdown__header-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;color:#6d6e6f;text-transform:uppercase}.dropdown__header-select-all{color:#4646ce;margin-left:8px}.dropdown__actions{gap:8px;padding:8px 16px;display:flex;justify-content:flex-end;border-top:1px solid #dbdee3}.dropdown__no-result{padding:4px 16px 16px}\n"] }]
15712
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-button\n theme=\"dropdown\"\n iconAfter=\"dr-icon-arrow-down\"\n iconAfterSize=\"18\"\n [drPopover]=\"popover\"\n (drPopoverClose)=\"onPopoverClose()\"\n (click)=\"$event.stopPropagation()\"\n [isActive]=\"hasSelection\"\n [disabled]=\"disabled\"\n [drPopoverPosition]=\"dropdownPosition\">\n {{ label }}:\n\n <span class=\"filter-value\">\n <ng-container *ngIf=\"hasSelection; else noSelection\">\n <ng-container *ngIf=\"selectedArr.length <= showManyLimit; else manyTemplate\">\n <ng-container *ngFor=\"let item of selectedArr | slice: 0 : showInLabelLimit; let i = index\">\n <ng-container *ngIf=\"i\">,</ng-container>\n <ng-container\n [ngTemplateOutlet]=\"labelItemTemplate || defaultLabelTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"selectedArr.length > showInLabelLimit\">\n + {{ selectedArr.length - showInLabelLimit }}</ng-container\n >\n </ng-container>\n </ng-container>\n </span>\n <ng-template #manyTemplate>Many</ng-template>\n <ng-template #noSelection>\n <ng-container *ngIf=\"useNoneTemplate && !isSelectedAll; else allTemplate\">\n <span class=\"filter-value-all\">None</span>\n </ng-container>\n </ng-template>\n <ng-template #allTemplate><span class=\"filter-value-all\">All</span></ng-template>\n <ng-template #defaultLabelTemplate let-item>{{ _item(item) }}</ng-template>\n</dr-button>\n\n<ng-template #popover let-close=\"closePopover\">\n <div\n class=\"dropdown__wrapper\"\n [ngClass]=\"dropdownClass\"\n tabindex=\"0\"\n *ngLet=\"items | search: search : searchBy as filteredItems\">\n <div class=\"dropdown__search\" *ngIf=\"showSearch\">\n <dr-input\n data-analytics=\"filter-dropdown_input-0\"\n drAutofocus\n #searchRef\n [class.with-value]=\"search\"\n type=\"search\"\n tabindex=\"0\"\n placeholder=\"Search\"\n [clearable]=\"true\"\n [(ngModel)]=\"search\" />\n </div>\n\n <div class=\"dropdown__header\">\n <div class=\"dropdown__header-title\">Filter by {{ label }}</div>\n <a *ngIf=\"showSelectAll\" href=\"javascript: void(0)\" (click)=\"onSelectAll()\" class=\"dropdown__header-select-all\">{{\n isSelectedAll ? 'Select none' : 'Select all'\n }}</a>\n </div>\n\n <dr-dropdown class=\"dr-filter-list\" *ngIf=\"filteredItems.length; else noDataPlaceholder\" tabindex=\"0\">\n <dr-dropdown-item\n *ngFor=\"let item of filteredItems; trackBy: trackByFn\"\n class=\"dr-filter-list__item\"\n [selected]=\"isSelected(item)\"\n [disabled]=\"item.disabled\"\n tabindex=\"0\"\n #itemRef\n (keyup.enter)=\"!itemRef.selected && selectedChange.emit(item)\"\n (click)=\"!itemRef.disabled && onSelectedItemChanged(item, itemRef.selected, close)\">\n <ng-container dropdownItemContent>\n <dr-checkbox\n data-analytics=\"filter-dropdown_checkbox-0\"\n *ngIf=\"multiple\"\n class=\"dr-filter-list__item-checkbox\"\n [checkedStatus]=\"itemRef.selected\"\n [disabled]=\"item.disabled\" />\n <ng-container dropdownItemContent>\n <ng-container\n [ngTemplateOutlet]=\"dropdownItemTemplate || defaultDropdownItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\n </ng-container>\n\n <ng-template #defaultDropdownItemTemplate>\n <span class=\"text-ellipsis\">\n {{ _item(item) }}\n </span>\n </ng-template>\n </ng-container>\n </dr-dropdown-item>\n </dr-dropdown>\n\n <ng-template #noDataPlaceholder>\n <div class=\"dropdown__no-result\" *ngIf=\"noItemsPlaceholder\">\n {{ noItemsPlaceholder }}\n </div>\n </ng-template>\n\n <div *ngIf=\"multiple\" class=\"dropdown__actions\">\n <dr-button\n *ngIf=\"clearable && hasSelection\"\n theme=\"secondary\"\n data-analytics=\"filter-dropdown_button-1\"\n class=\"dropdown__clear\"\n (click)=\"onClear(close)\">\n Clear\n </dr-button>\n <dr-button data-analytics=\"filter-dropdown_button-0\" (click)=\"onApply(close)\">Apply</dr-button>\n </div>\n </div>\n</ng-template>\n", styles: [".filter-value{font-weight:600}.filter-value-all{font-weight:400}.dropdown__wrapper{min-width:250px;padding:8px 0 0}.dropdown__wrapper::ng-deep .dr-dropdown__container{padding:0;max-height:none;overflow:visible}.dropdown__wrapper::ng-deep .dr-dropdown-item.item-disabled{cursor:not-allowed}.dropdown__wrapper .dr-filter-list{overflow:auto;display:block;max-height:180px}.dropdown__wrapper .dr-filter-list__item{margin-bottom:4px}.dropdown__wrapper .dr-filter-list__item::ng-deep .dr-dropdown-item{padding:4px 16px;height:auto}.dropdown__wrapper .dr-filter-list__item::ng-deep .dr-dropdown-item .text-ellipsis{text-overflow:ellipsis;overflow:hidden}.dropdown__wrapper .dr-filter-list__item-checkbox{margin-right:4px;pointer-events:none}.dropdown__wrapper .dr-filter-list__item-checkbox::ng-deep label input+span{margin:0}.dropdown__wrapper .dr-filter-list__item-checkbox::ng-deep label input+span:before{margin:3px}.dropdown__search{padding:4px 8px}.dropdown__header{display:flex;align-items:center;margin:2px 0;padding:4px 16px;font-size:12px;line-height:20px;white-space:nowrap}.dropdown__header-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;color:#6d6e6f;text-transform:uppercase}.dropdown__header-select-all{color:#4646ce;margin-left:8px}.dropdown__actions{gap:8px;padding:8px 16px;display:flex;justify-content:flex-end;border-top:1px solid #dbdee3}.dropdown__no-result{padding:4px 16px 16px}\n"] }]
15697
15713
  }], null, { dropdownItemTemplate: [{
15698
15714
  type: ContentChild,
15699
15715
  args: ['dropdownItemTemplate', { read: TemplateRef }]
@@ -15744,6 +15760,8 @@ class FilterDropdownComponent {
15744
15760
  }], selected: [{
15745
15761
  type: Input,
15746
15762
  args: [{ required: true }]
15763
+ }], useNoneTemplate: [{
15764
+ type: Input
15747
15765
  }] }); })();
15748
15766
 
15749
15767
  /* components */