@datarailsshared/datarailsshared 1.6.133 → 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.
- package/datarailsshared-datarailsshared-1.6.137.tgz +0 -0
- package/esm2022/lib/dr-chat/dr-chat-form-dropdown/dr-chat-form-dropdown.component.mjs +2 -2
- package/esm2022/lib/filter-dropdown/filter-dropdown.component.mjs +131 -113
- package/fesm2022/datarailsshared-datarailsshared.mjs +132 -114
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/filter-dropdown/filter-dropdown.component.d.ts +2 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.133.tgz +0 -0
|
@@ -8006,11 +8006,11 @@ class DrChatFormDropdownComponent {
|
|
|
8006
8006
|
i0.ɵɵproperty("ngIf", ctx.waitForReply && !ctx.showDotFlashing);
|
|
8007
8007
|
i0.ɵɵadvance(1);
|
|
8008
8008
|
i0.ɵɵproperty("ngIf", ctx.waitForReply && ctx.showDotFlashing);
|
|
8009
|
-
} }, dependencies: [i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgModel, i1.NgClass, i1.NgIf, DrDotFlashingComponent, DrChatDroppedFilesComponent, i1.AsyncPipe], styles: ["[_nghost-%COMP%] {--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}[_nghost-%COMP%] .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}[_nghost-%COMP%] .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}[_nghost-%COMP%] .message-row__input .abort-button, [_nghost-%COMP%] .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}[_nghost-%COMP%] .message-row__input .send-button
|
|
8009
|
+
} }, dependencies: [i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgModel, i1.NgClass, i1.NgIf, DrDotFlashingComponent, DrChatDroppedFilesComponent, i1.AsyncPipe], styles: ["[_nghost-%COMP%] {--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}[_nghost-%COMP%] .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}[_nghost-%COMP%] .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}[_nghost-%COMP%] .message-row__input .abort-button, [_nghost-%COMP%] .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}[_nghost-%COMP%] .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%] .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}[_nghost-%COMP%] .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}[_nghost-%COMP%] .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}[_nghost-%COMP%] .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:32px}[_nghost-%COMP%] .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}[_nghost-%COMP%] .message-row__input textarea{color:#333;width:100%;outline:none;min-height:30px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px;font-family:Poppins,sans-serif;font-size:14px;line-height:22px}[_nghost-%COMP%] .message-row__input textarea:focus{border:none}[_nghost-%COMP%] .message-row__input textarea::placeholder{color:#9ea1aa}[_nghost-%COMP%] .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}[_nghost-%COMP%] .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}[_nghost-%COMP%] dr-chat-dropped-files{margin-right:auto}[_nghost-%COMP%] dr-chat-dropped-files .dropped-files{padding:0}[_nghost-%COMP%] dr-chat-dropped-files .dropped-files__item{margin:0}[_nghost-%COMP%] .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%] .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}"], changeDetection: 0 }); }
|
|
8010
8010
|
}
|
|
8011
8011
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatFormDropdownComponent, [{
|
|
8012
8012
|
type: Component,
|
|
8013
|
-
args: [{ selector: 'dr-chat-form-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message-row\" [ngClass]=\"{ 'message-row_loading': isUploadingFiles }\">\n <div\n class=\"message-row__input\"\n [ngClass]=\"{\n 'message-row__input--focused': inputFocus,\n 'message-row__input--filled': !!message?.trim()?.length || !!(droppedFiles$ | async).length,\n }\">\n <dr-chat-dropped-files\n *ngIf=\"(droppedFiles$ | async).length\"\n [files]=\"droppedFiles$ | async\"\n [isRemovable]=\"true\"\n [maxLengthText]=\"15\"\n (removeFileEvent)=\"removeFile($event)\"></dr-chat-dropped-files>\n\n <div class=\"message-row__input-textarea-wrap\">\n <textarea\n #textAreaElement\n (focus)=\"inputFocus = true\"\n (blur)=\"inputFocus = false\"\n (mouseenter)=\"inputHover = true\"\n (mouseleave)=\"inputHover = false\"\n [(ngModel)]=\"message\"\n [rows]=\"1\"\n [style]=\"getTextAreaHeight(textAreaElement)\"\n (ngModelChange)=\"onModelChange($event)\"\n type=\"text\"\n placeholder=\"{{ fileOver ? dropFilePlaceholder : messagePlaceholder }}\"\n (keydown.enter)=\"sendMessage($event)\">\n </textarea>\n </div>\n <div class=\"message-row__btns\">\n <ng-content></ng-content>\n <input #fileInput type=\"file\" hidden multiple (change)=\"onFileSelected($event)\" />\n <i *ngIf=\"!waitForReply\" (click)=\"sendMessage($event)\" class=\"dr-icon-send-arrow-up send-button\"></i>\n\n <i *ngIf=\"waitForReply && !showDotFlashing\" class=\"dr-icon-stop abort-button\" (click)=\"abortMessage()\"></i>\n <dr-dot-flashing *ngIf=\"waitForReply && showDotFlashing\" class=\"wait-reply-dot-flashing\"></dr-dot-flashing>\n </div>\n <ng-content select=\"[dropItem]\"></ng-content>\n </div>\n</div>\n", styles: [":host::ng-deep{--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}:host::ng-deep .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}:host::ng-deep .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}:host::ng-deep .message-row__input .abort-button,:host::ng-deep .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}:host::ng-deep .message-row__input .send-button
|
|
8013
|
+
args: [{ selector: 'dr-chat-form-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message-row\" [ngClass]=\"{ 'message-row_loading': isUploadingFiles }\">\n <div\n class=\"message-row__input\"\n [ngClass]=\"{\n 'message-row__input--focused': inputFocus,\n 'message-row__input--filled': !!message?.trim()?.length || !!(droppedFiles$ | async).length,\n }\">\n <dr-chat-dropped-files\n *ngIf=\"(droppedFiles$ | async).length\"\n [files]=\"droppedFiles$ | async\"\n [isRemovable]=\"true\"\n [maxLengthText]=\"15\"\n (removeFileEvent)=\"removeFile($event)\"></dr-chat-dropped-files>\n\n <div class=\"message-row__input-textarea-wrap\">\n <textarea\n #textAreaElement\n (focus)=\"inputFocus = true\"\n (blur)=\"inputFocus = false\"\n (mouseenter)=\"inputHover = true\"\n (mouseleave)=\"inputHover = false\"\n [(ngModel)]=\"message\"\n [rows]=\"1\"\n [style]=\"getTextAreaHeight(textAreaElement)\"\n (ngModelChange)=\"onModelChange($event)\"\n type=\"text\"\n placeholder=\"{{ fileOver ? dropFilePlaceholder : messagePlaceholder }}\"\n (keydown.enter)=\"sendMessage($event)\">\n </textarea>\n </div>\n <div class=\"message-row__btns\">\n <ng-content></ng-content>\n <input #fileInput type=\"file\" hidden multiple (change)=\"onFileSelected($event)\" />\n <i *ngIf=\"!waitForReply\" (click)=\"sendMessage($event)\" class=\"dr-icon-send-arrow-up send-button\"></i>\n\n <i *ngIf=\"waitForReply && !showDotFlashing\" class=\"dr-icon-stop abort-button\" (click)=\"abortMessage()\"></i>\n <dr-dot-flashing *ngIf=\"waitForReply && showDotFlashing\" class=\"wait-reply-dot-flashing\"></dr-dot-flashing>\n </div>\n <ng-content select=\"[dropItem]\"></ng-content>\n </div>\n</div>\n", styles: [":host::ng-deep{--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}:host::ng-deep .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}:host::ng-deep .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}:host::ng-deep .message-row__input .abort-button,:host::ng-deep .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}:host::ng-deep .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}:host::ng-deep .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}:host::ng-deep .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}:host::ng-deep .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:32px}:host::ng-deep .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}:host::ng-deep .message-row__input textarea{color:#333;width:100%;outline:none;min-height:30px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px;font-family:Poppins,sans-serif;font-size:14px;line-height:22px}:host::ng-deep .message-row__input textarea:focus{border:none}:host::ng-deep .message-row__input textarea::placeholder{color:#9ea1aa}:host::ng-deep .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}:host::ng-deep .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}:host::ng-deep dr-chat-dropped-files{margin-right:auto}:host::ng-deep dr-chat-dropped-files .dropped-files{padding:0}:host::ng-deep dr-chat-dropped-files .dropped-files__item{margin:0}:host::ng-deep .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}\n"] }]
|
|
8014
8014
|
}], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$5.DomSanitizer }]; }, { textAreaElementRef: [{
|
|
8015
8015
|
type: ViewChild,
|
|
8016
8016
|
args: ['textAreaElement']
|
|
@@ -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",
|
|
15357
|
-
i0.ɵɵelementContainer(2,
|
|
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
|
|
15361
|
-
const
|
|
15362
|
-
const
|
|
15363
|
-
const
|
|
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",
|
|
15365
|
+
i0.ɵɵproperty("ngIf", i_r15);
|
|
15366
15366
|
i0.ɵɵadvance(1);
|
|
15367
|
-
i0.ɵɵproperty("ngTemplateOutlet",
|
|
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
|
|
15374
|
+
const ctx_r13 = i0.ɵɵnextContext(3);
|
|
15375
15375
|
i0.ɵɵadvance(1);
|
|
15376
|
-
i0.ɵɵtextInterpolate1(" + ",
|
|
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",
|
|
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",
|
|
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
|
|
15385
|
+
const ctx_r11 = i0.ɵɵnextContext(2);
|
|
15386
15386
|
i0.ɵɵadvance(1);
|
|
15387
|
-
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind3(2, 2,
|
|
15387
|
+
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind3(2, 2, ctx_r11.selectedArr, 0, ctx_r11.showInLabelLimit));
|
|
15388
15388
|
i0.ɵɵadvance(2);
|
|
15389
|
-
i0.ɵɵproperty("ngIf",
|
|
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.ɵɵ
|
|
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
|
|
15423
|
+
function FilterDropdownComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
|
|
15410
15424
|
i0.ɵɵtext(0);
|
|
15411
15425
|
} if (rf & 2) {
|
|
15412
|
-
const
|
|
15413
|
-
const
|
|
15414
|
-
i0.ɵɵtextInterpolate(
|
|
15426
|
+
const item_r18 = ctx.$implicit;
|
|
15427
|
+
const ctx_r8 = i0.ɵɵnextContext();
|
|
15428
|
+
i0.ɵɵtextInterpolate(ctx_r8._item(item_r18));
|
|
15415
15429
|
} }
|
|
15416
|
-
function
|
|
15417
|
-
const
|
|
15418
|
-
i0.ɵɵelementStart(0, "div",
|
|
15419
|
-
i0.ɵɵlistener("ngModelChange", function
|
|
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
|
|
15436
|
+
const ctx_r22 = i0.ɵɵnextContext(3);
|
|
15423
15437
|
i0.ɵɵadvance(1);
|
|
15424
|
-
i0.ɵɵclassProp("with-value",
|
|
15425
|
-
i0.ɵɵproperty("clearable", true)("ngModel",
|
|
15438
|
+
i0.ɵɵclassProp("with-value", ctx_r22.search);
|
|
15439
|
+
i0.ɵɵproperty("clearable", true)("ngModel", ctx_r22.search);
|
|
15426
15440
|
} }
|
|
15427
|
-
function
|
|
15428
|
-
const
|
|
15429
|
-
i0.ɵɵelementStart(0, "a",
|
|
15430
|
-
i0.ɵɵlistener("click", function
|
|
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
|
|
15448
|
+
const ctx_r23 = i0.ɵɵnextContext(3);
|
|
15435
15449
|
i0.ɵɵadvance(1);
|
|
15436
|
-
i0.ɵɵtextInterpolate(
|
|
15450
|
+
i0.ɵɵtextInterpolate(ctx_r23.isSelectedAll ? "Select none" : "Select all");
|
|
15437
15451
|
} }
|
|
15438
|
-
function
|
|
15439
|
-
i0.ɵɵelement(0, "dr-checkbox",
|
|
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
|
|
15442
|
-
const
|
|
15443
|
-
i0.ɵɵproperty("checkedStatus",
|
|
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
|
|
15446
|
-
i0.ɵɵelementStart(0, "span",
|
|
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
|
|
15451
|
-
const
|
|
15464
|
+
const item_r34 = i0.ɵɵnextContext().$implicit;
|
|
15465
|
+
const ctx_r38 = i0.ɵɵnextContext(4);
|
|
15452
15466
|
i0.ɵɵadvance(1);
|
|
15453
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
15467
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r38._item(item_r34), " ");
|
|
15454
15468
|
} }
|
|
15455
|
-
function
|
|
15456
|
-
const
|
|
15457
|
-
i0.ɵɵelementStart(0, "dr-dropdown-item",
|
|
15458
|
-
i0.ɵɵlistener("keyup.enter", function
|
|
15459
|
-
i0.ɵɵelementContainerStart(2,
|
|
15460
|
-
i0.ɵɵtemplate(3,
|
|
15461
|
-
i0.ɵɵelementContainerStart(4,
|
|
15462
|
-
i0.ɵɵelementContainer(5,
|
|
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,
|
|
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
|
|
15469
|
-
const
|
|
15470
|
-
const
|
|
15471
|
-
i0.ɵɵproperty("selected",
|
|
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",
|
|
15487
|
+
i0.ɵɵproperty("ngIf", ctx_r33.multiple);
|
|
15474
15488
|
i0.ɵɵadvance(2);
|
|
15475
|
-
i0.ɵɵproperty("ngTemplateOutlet",
|
|
15489
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r33.dropdownItemTemplate || _r37)("ngTemplateOutletContext", i0.ɵɵpureFunction1(5, _c2, item_r34));
|
|
15476
15490
|
} }
|
|
15477
|
-
function
|
|
15478
|
-
i0.ɵɵelementStart(0, "dr-dropdown",
|
|
15479
|
-
i0.ɵɵtemplate(1,
|
|
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
|
|
15483
|
-
const
|
|
15496
|
+
const filteredItems_r21 = i0.ɵɵnextContext().ngLet;
|
|
15497
|
+
const ctx_r24 = i0.ɵɵnextContext(2);
|
|
15484
15498
|
i0.ɵɵadvance(1);
|
|
15485
|
-
i0.ɵɵproperty("ngForOf",
|
|
15499
|
+
i0.ɵɵproperty("ngForOf", filteredItems_r21)("ngForTrackBy", ctx_r24.trackByFn);
|
|
15486
15500
|
} }
|
|
15487
|
-
function
|
|
15488
|
-
i0.ɵɵelementStart(0, "div",
|
|
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
|
|
15506
|
+
const ctx_r46 = i0.ɵɵnextContext(4);
|
|
15493
15507
|
i0.ɵɵadvance(1);
|
|
15494
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
15508
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r46.noItemsPlaceholder, " ");
|
|
15495
15509
|
} }
|
|
15496
|
-
function
|
|
15497
|
-
i0.ɵɵtemplate(0,
|
|
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
|
|
15500
|
-
i0.ɵɵproperty("ngIf",
|
|
15513
|
+
const ctx_r26 = i0.ɵɵnextContext(3);
|
|
15514
|
+
i0.ɵɵproperty("ngIf", ctx_r26.noItemsPlaceholder);
|
|
15501
15515
|
} }
|
|
15502
|
-
function
|
|
15503
|
-
const
|
|
15504
|
-
i0.ɵɵelementStart(0, "dr-button",
|
|
15505
|
-
i0.ɵɵlistener("click", function
|
|
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
|
|
15510
|
-
const
|
|
15511
|
-
i0.ɵɵelementStart(0, "div",
|
|
15512
|
-
i0.ɵɵtemplate(1,
|
|
15513
|
-
i0.ɵɵelementStart(2, "dr-button",
|
|
15514
|
-
i0.ɵɵlistener("click", function
|
|
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
|
|
15532
|
+
const ctx_r27 = i0.ɵɵnextContext(3);
|
|
15519
15533
|
i0.ɵɵadvance(1);
|
|
15520
|
-
i0.ɵɵproperty("ngIf",
|
|
15534
|
+
i0.ɵɵproperty("ngIf", ctx_r27.clearable && ctx_r27.hasSelection);
|
|
15521
15535
|
} }
|
|
15522
|
-
function
|
|
15523
|
-
i0.ɵɵelementStart(0, "div",
|
|
15524
|
-
i0.ɵɵtemplate(1,
|
|
15525
|
-
i0.ɵɵelementStart(2, "div",
|
|
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,
|
|
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,
|
|
15531
|
-
i0.ɵɵtemplate(7,
|
|
15532
|
-
i0.ɵɵtemplate(9,
|
|
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
|
|
15536
|
-
const
|
|
15537
|
-
const
|
|
15538
|
-
i0.ɵɵproperty("ngClass",
|
|
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",
|
|
15554
|
+
i0.ɵɵproperty("ngIf", ctx_r20.showSearch);
|
|
15541
15555
|
i0.ɵɵadvance(3);
|
|
15542
|
-
i0.ɵɵtextInterpolate1("Filter by ",
|
|
15556
|
+
i0.ɵɵtextInterpolate1("Filter by ", ctx_r20.label, "");
|
|
15543
15557
|
i0.ɵɵadvance(1);
|
|
15544
|
-
i0.ɵɵproperty("ngIf",
|
|
15558
|
+
i0.ɵɵproperty("ngIf", ctx_r20.showSelectAll);
|
|
15545
15559
|
i0.ɵɵadvance(1);
|
|
15546
|
-
i0.ɵɵproperty("ngIf",
|
|
15560
|
+
i0.ɵɵproperty("ngIf", filteredItems_r21.length)("ngIfElse", _r25);
|
|
15547
15561
|
i0.ɵɵadvance(3);
|
|
15548
|
-
i0.ɵɵproperty("ngIf",
|
|
15562
|
+
i0.ɵɵproperty("ngIf", ctx_r20.multiple);
|
|
15549
15563
|
} }
|
|
15550
|
-
function
|
|
15551
|
-
i0.ɵɵtemplate(0,
|
|
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
|
|
15555
|
-
i0.ɵɵproperty("ngLet", i0.ɵɵpipeBind3(1, 1,
|
|
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:
|
|
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,
|
|
15669
|
-
i0.ɵɵtemplate(8, FilterDropdownComponent_ng_template_8_Template,
|
|
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(
|
|
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
|
|
15675
|
-
i0.ɵɵproperty("drPopover",
|
|
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
|
|
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 */
|