@datarailsshared/datarailsshared 1.6.137 → 1.6.139
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/assets/styles/_storybook-styles.scss +2 -2
- package/assets/styles/mixins.scss +79 -96
- package/assets/styles/vars.scss +23 -21
- package/datarailsshared-datarailsshared-1.6.139.tgz +0 -0
- package/esm2022/lib/dr-accordion/accordion-item-header.component.mjs +3 -3
- package/esm2022/lib/dr-alert/dr-alert.component.mjs +2 -2
- package/esm2022/lib/dr-avatar/dr-avatar.component.mjs +2 -2
- package/esm2022/lib/dr-badge-status/dr-badge-status.component.mjs +2 -2
- package/esm2022/lib/dr-chat/chat.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-alert/dr-chat-alert.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-dropped-files/dr-chat-dropped-files.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-form-dropdown/dr-chat-form-dropdown.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.mjs +2 -2
- package/esm2022/lib/dr-chip/dr-chip.component.mjs +2 -2
- package/esm2022/lib/dr-code-editor/dr-code-editor.component.mjs +2 -2
- package/esm2022/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.mjs +2 -2
- package/esm2022/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.mjs +2 -2
- package/esm2022/lib/dr-dropdown/dr-dropdown-item/dr-dropdown-item.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/button/button.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-range/dr-date-picker-range.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/date-pickers/week-selector/week-selector.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-input/dr-input.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-link/dr-link.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-select/dr-select.component.mjs +2 -2
- package/esm2022/lib/dr-progress-bar/dr-progress-bar.component.mjs +2 -2
- package/esm2022/lib/dr-toastr/default-toastr/default-toastr.component.mjs +2 -2
- package/esm2022/lib/dr-tooltip/components/tooltip-default/tooltip-default.component.mjs +2 -2
- package/esm2022/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.mjs +2 -2
- package/esm2022/lib/filter-dropdown/filter-dropdown.component.mjs +2 -2
- package/esm2022/lib/separate-table/separate-table.component.mjs +2 -2
- package/esm2022/lib/stepper/stepper.component.mjs +2 -2
- package/fesm2022/datarailsshared-datarailsshared.mjs +58 -58
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.137.tgz +0 -0
|
@@ -260,7 +260,7 @@ export class DrInputComponent {
|
|
|
260
260
|
i0.ɵɵproperty("ngIf", ctx.type === "search");
|
|
261
261
|
i0.ɵɵadvance(2);
|
|
262
262
|
i0.ɵɵproperty("ngIf", ctx._buttonOptions.show || ctx._buttonOptions.showOnFocus && ctx._buttonOptions.focusSet);
|
|
263
|
-
} }, dependencies: [i1.NgxMaskDirective, i2.DefaultValueAccessor, i2.NgControlStatus, i2.MinLengthValidator, i2.MaxLengthValidator, i2.NgModel, i3.NgIf, i4.DrModelDebounceChangeDirective], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;
|
|
263
|
+
} }, dependencies: [i1.NgxMaskDirective, i2.DefaultValueAccessor, i2.NgControlStatus, i2.MinLengthValidator, i2.MaxLengthValidator, i2.NgModel, i3.NgIf, i4.DrModelDebounceChangeDirective], styles: ["[_nghost-%COMP%]{font-size:14px;line-height:24px;font-weight:400;position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;background:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;padding:0 8px;overflow:hidden;outline:none}[_nghost-%COMP%]:hover{border-color:#4646ce}[_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;color:#aeabac;border-color:#aeabac;background:#f0f1f4}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}[_nghost-%COMP%] input[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;display:flex;flex-grow:1;height:100%;border:none;padding:4px 0;text-align:left;box-sizing:border-box;outline:none}[_nghost-%COMP%] input[_ngcontent-%COMP%]::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}[_nghost-%COMP%] input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%] .clear-icon[_ngcontent-%COMP%]{visibility:hidden}.clearable[_nghost-%COMP%] .clear-icon[_ngcontent-%COMP%], .ng-touched.ng-invalid[_nghost-%COMP%] .clear-icon[_ngcontent-%COMP%]{visibility:visible;content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91783 5.00001L9.03353 1.88395C9.11924 1.79818 9.16651 1.68374 9.16665 1.56171C9.16665 1.43962 9.11937 1.32504 9.03353 1.2394L8.76047 0.966415C8.67463 0.880433 8.56023 0.833344 8.43808 0.833344C8.31612 0.833344 8.20166 0.880433 8.11582 0.966415L5.00013 4.08227L1.88428 0.966415C1.79858 0.880433 1.68404 0.833344 1.56196 0.833344C1.44001 0.833344 1.32556 0.880433 1.23985 0.966415L0.966646 1.2394C0.788869 1.41719 0.788869 1.70637 0.966646 1.88395L4.08242 5.00001L0.966646 8.11593C0.880873 8.20184 0.833677 8.31628 0.833677 8.43831C0.833677 8.56034 0.880873 8.67478 0.966646 8.76062L1.23978 9.03361C1.32548 9.11952 1.44 9.16668 1.56188 9.16668C1.68397 9.16668 1.7985 9.11952 1.88421 9.03361L5.00005 5.91769L8.11575 9.03361C8.20159 9.11952 8.31605 9.16668 8.438 9.16668H8.43815C8.56017 9.16668 8.67456 9.11952 8.7604 9.03361L9.03346 8.76062C9.11916 8.67484 9.16643 8.56034 9.16643 8.43831C9.16643 8.31628 9.11916 8.20184 9.03346 8.116L5.91783 5.00001Z\" fill=\"%2351566F\"/></svg> ');margin:auto 0 auto 8px;cursor:pointer}[_nghost-%COMP%] span[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], [_nghost-%COMP%] span[_ngcontent-%COMP%] + img[_ngcontent-%COMP%]{margin-left:0}.search-type[_nghost-%COMP%]{padding:0 16px;border-radius:16px}.search-type[_nghost-%COMP%] .search-icon[_ngcontent-%COMP%]{content:url('data:image/svg+xml; utf8, <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.5816 10.2097C11.4878 10.1157 11.3605 10.0629 11.2277 10.0629H10.8175C10.7473 10.0629 10.6799 10.035 10.6303 9.98534C10.5322 9.88724 10.527 9.73044 10.6132 9.62178C11.4154 8.6112 11.8925 7.33534 11.8925 5.94625C11.8925 2.66209 9.23042 0 5.94625 0C2.66209 0 0 2.66209 0 5.94625C0 9.23042 2.66209 11.8925 5.94625 11.8925C7.33523 11.8925 8.611 11.4155 9.62155 10.6172C9.7304 10.5312 9.88711 10.5366 9.9852 10.6347C10.0349 10.6845 10.0629 10.7519 10.0629 10.8223V11.2277C10.0629 11.3605 10.1157 11.4878 10.2097 11.5816L14.2834 15.6472C14.4787 15.8421 14.795 15.8419 14.9901 15.6468L15.6468 14.9901C15.8419 14.795 15.8421 14.4787 15.6472 14.2834L11.5816 10.2097ZM5.94625 10.0629C3.67296 10.0629 1.82962 8.21955 1.82962 5.94625C1.82962 3.67296 3.67296 1.82962 5.94625 1.82962C8.21955 1.82962 10.0629 3.67296 10.0629 5.94625C10.0629 8.21955 8.21955 10.0629 5.94625 10.0629Z\" fill=\"%23BCBCBC\"/></svg> ');margin:auto 0 auto 8px;cursor:pointer}.search-type.clearable[_nghost-%COMP%] .search-icon[_ngcontent-%COMP%]{margin-left:26px}.search-type.clearable[_nghost-%COMP%] .clear-icon[_ngcontent-%COMP%] + .search-icon[_ngcontent-%COMP%]{margin-left:8px}.search-type-mini[_nghost-%COMP%]{width:200px;min-height:28px;height:28px}.with-button[_nghost-%COMP%]{padding-right:0}.with-button[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;height:100%;width:auto;padding:0 8px;display:flex;align-items:center;border:none;border-left:1px solid #9ea1aa}.with-button.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-left:1px solid #aeabac}[_nghost-%COMP%] img[prefixIcon], [_nghost-%COMP%] img[suffixIcon], [_nghost-%COMP%] i[prefixIcon], [_nghost-%COMP%] i[suffixIcon]{position:relative;margin:auto 8px}[_nghost-%COMP%] img[prefixIcon], [_nghost-%COMP%] i[prefixIcon]{margin-left:0}[_nghost-%COMP%] img[suffixIcon], [_nghost-%COMP%] i[suffixIcon]{margin-right:0}"], changeDetection: 0 }); }
|
|
264
264
|
}
|
|
265
265
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrInputComponent, [{
|
|
266
266
|
type: Component,
|
|
@@ -270,7 +270,7 @@ export class DrInputComponent {
|
|
|
270
270
|
useExisting: forwardRef((() => DrInputComponent)),
|
|
271
271
|
multi: true,
|
|
272
272
|
},
|
|
273
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[prefixIcon]\"></ng-content>\n\n<ng-container *ngIf=\"!mask; else maskedInput\">\n <input\n [attr.id]=\"id\"\n #inputRef\n [(ngModel)]=\"value\"\n (ngModelChange)=\"updateChanges()\"\n (ngModelDebounceChange)=\"modelDebounceChange.emit($event)\"\n (blur)=\"blur.emit(value); onTouched()\"\n (focus)=\"focused.emit($event)\"\n [disabled]=\"_disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [name]=\"name\"\n [min]=\"min\"\n [max]=\"max\"\n [minlength]=\"minlength\"\n [maxlength]=\"maxlength\"\n [step]=\"step\" />\n</ng-container>\n<ng-template #maskedInput>\n <input\n [attr.id]=\"id\"\n #inputRef\n [(ngModel)]=\"value\"\n (ngModelChange)=\"updateChanges()\"\n (ngModelDebounceChange)=\"modelDebounceChange.emit($event)\"\n (blur)=\"blur.emit(value); onTouched()\"\n (focus)=\"focused.emit($event)\"\n [disabled]=\"_disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [name]=\"name\"\n [min]=\"min\"\n [max]=\"max\"\n [minlength]=\"minlength\"\n [maxlength]=\"maxlength\"\n [mask]=\"mask\"\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [step]=\"step\" />\n</ng-template>\n<span *ngIf=\"value\" class=\"clear-icon\" (click)=\"onClear($event)\"></span>\n<span *ngIf=\"type === 'search'\" class=\"search-icon\" (click)=\"onSearchClicked()\"></span>\n<ng-content select=\"[suffixIcon]\"></ng-content>\n<button *ngIf=\"_buttonOptions.show || (_buttonOptions.showOnFocus && _buttonOptions.focusSet)\" (click)=\"onButtonClicked($event)\">\n {{ _buttonOptions.text }}\n</button>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;
|
|
273
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[prefixIcon]\"></ng-content>\n\n<ng-container *ngIf=\"!mask; else maskedInput\">\n <input\n [attr.id]=\"id\"\n #inputRef\n [(ngModel)]=\"value\"\n (ngModelChange)=\"updateChanges()\"\n (ngModelDebounceChange)=\"modelDebounceChange.emit($event)\"\n (blur)=\"blur.emit(value); onTouched()\"\n (focus)=\"focused.emit($event)\"\n [disabled]=\"_disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [name]=\"name\"\n [min]=\"min\"\n [max]=\"max\"\n [minlength]=\"minlength\"\n [maxlength]=\"maxlength\"\n [step]=\"step\" />\n</ng-container>\n<ng-template #maskedInput>\n <input\n [attr.id]=\"id\"\n #inputRef\n [(ngModel)]=\"value\"\n (ngModelChange)=\"updateChanges()\"\n (ngModelDebounceChange)=\"modelDebounceChange.emit($event)\"\n (blur)=\"blur.emit(value); onTouched()\"\n (focus)=\"focused.emit($event)\"\n [disabled]=\"_disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [name]=\"name\"\n [min]=\"min\"\n [max]=\"max\"\n [minlength]=\"minlength\"\n [maxlength]=\"maxlength\"\n [mask]=\"mask\"\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [step]=\"step\" />\n</ng-template>\n<span *ngIf=\"value\" class=\"clear-icon\" (click)=\"onClear($event)\"></span>\n<span *ngIf=\"type === 'search'\" class=\"search-icon\" (click)=\"onSearchClicked()\"></span>\n<ng-content select=\"[suffixIcon]\"></ng-content>\n<button *ngIf=\"_buttonOptions.show || (_buttonOptions.showOnFocus && _buttonOptions.focusSet)\" (click)=\"onButtonClicked($event)\">\n {{ _buttonOptions.text }}\n</button>\n", styles: [":host{font-size:14px;line-height:24px;font-weight:400;position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;background:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;padding:0 8px;overflow:hidden;outline:none}:host:hover{border-color:#4646ce}:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;color:#aeabac;border-color:#aeabac;background:#f0f1f4}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host input{font-size:14px;line-height:24px;font-weight:400;display:flex;flex-grow:1;height:100%;border:none;padding:4px 0;text-align:left;box-sizing:border-box;outline:none}:host input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host .clear-icon{visibility:hidden}:host.clearable .clear-icon,:host.ng-touched.ng-invalid .clear-icon{visibility:visible;content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91783 5.00001L9.03353 1.88395C9.11924 1.79818 9.16651 1.68374 9.16665 1.56171C9.16665 1.43962 9.11937 1.32504 9.03353 1.2394L8.76047 0.966415C8.67463 0.880433 8.56023 0.833344 8.43808 0.833344C8.31612 0.833344 8.20166 0.880433 8.11582 0.966415L5.00013 4.08227L1.88428 0.966415C1.79858 0.880433 1.68404 0.833344 1.56196 0.833344C1.44001 0.833344 1.32556 0.880433 1.23985 0.966415L0.966646 1.2394C0.788869 1.41719 0.788869 1.70637 0.966646 1.88395L4.08242 5.00001L0.966646 8.11593C0.880873 8.20184 0.833677 8.31628 0.833677 8.43831C0.833677 8.56034 0.880873 8.67478 0.966646 8.76062L1.23978 9.03361C1.32548 9.11952 1.44 9.16668 1.56188 9.16668C1.68397 9.16668 1.7985 9.11952 1.88421 9.03361L5.00005 5.91769L8.11575 9.03361C8.20159 9.11952 8.31605 9.16668 8.438 9.16668H8.43815C8.56017 9.16668 8.67456 9.11952 8.7604 9.03361L9.03346 8.76062C9.11916 8.67484 9.16643 8.56034 9.16643 8.43831C9.16643 8.31628 9.11916 8.20184 9.03346 8.116L5.91783 5.00001Z\" fill=\"%2351566F\"/></svg> ');margin:auto 0 auto 8px;cursor:pointer}:host span+span,:host span+img{margin-left:0}:host.search-type{padding:0 16px;border-radius:16px}:host.search-type .search-icon{content:url('data:image/svg+xml; utf8, <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.5816 10.2097C11.4878 10.1157 11.3605 10.0629 11.2277 10.0629H10.8175C10.7473 10.0629 10.6799 10.035 10.6303 9.98534C10.5322 9.88724 10.527 9.73044 10.6132 9.62178C11.4154 8.6112 11.8925 7.33534 11.8925 5.94625C11.8925 2.66209 9.23042 0 5.94625 0C2.66209 0 0 2.66209 0 5.94625C0 9.23042 2.66209 11.8925 5.94625 11.8925C7.33523 11.8925 8.611 11.4155 9.62155 10.6172C9.7304 10.5312 9.88711 10.5366 9.9852 10.6347C10.0349 10.6845 10.0629 10.7519 10.0629 10.8223V11.2277C10.0629 11.3605 10.1157 11.4878 10.2097 11.5816L14.2834 15.6472C14.4787 15.8421 14.795 15.8419 14.9901 15.6468L15.6468 14.9901C15.8419 14.795 15.8421 14.4787 15.6472 14.2834L11.5816 10.2097ZM5.94625 10.0629C3.67296 10.0629 1.82962 8.21955 1.82962 5.94625C1.82962 3.67296 3.67296 1.82962 5.94625 1.82962C8.21955 1.82962 10.0629 3.67296 10.0629 5.94625C10.0629 8.21955 8.21955 10.0629 5.94625 10.0629Z\" fill=\"%23BCBCBC\"/></svg> ');margin:auto 0 auto 8px;cursor:pointer}:host.search-type.clearable .search-icon{margin-left:26px}:host.search-type.clearable .clear-icon+.search-icon{margin-left:8px}:host.search-type-mini{width:200px;min-height:28px;height:28px}:host.with-button{padding-right:0}:host.with-button button{color:#fff;background:#4646ce;height:100%;width:auto;padding:0 8px;display:flex;align-items:center;border:none;border-left:1px solid #9ea1aa}:host.with-button.disabled button{color:#aeabac;background:#f0f1f4;border-left:1px solid #aeabac}:host ::ng-deep img[prefixIcon],:host ::ng-deep img[suffixIcon],:host ::ng-deep i[prefixIcon],:host ::ng-deep i[suffixIcon]{position:relative;margin:auto 8px}:host ::ng-deep img[prefixIcon],:host ::ng-deep i[prefixIcon]{margin-left:0}:host ::ng-deep img[suffixIcon],:host ::ng-deep i[suffixIcon]{margin-right:0}\n"] }]
|
|
274
274
|
}], function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, { id: [{
|
|
275
275
|
type: Input
|
|
276
276
|
}], hostId: [{
|
|
@@ -25,11 +25,11 @@ export class DrLinkComponent {
|
|
|
25
25
|
i0.ɵɵclassMap(ctx.theme);
|
|
26
26
|
i0.ɵɵstyleProp("font-weight", ctx.fontWeight)("font-size", ctx.fontSize);
|
|
27
27
|
i0.ɵɵproperty("href", ctx.link, i0.ɵɵsanitizeUrl);
|
|
28
|
-
} }, styles: [".dr-link[_ngcontent-%COMP%]{display:inline-flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:
|
|
28
|
+
} }, styles: [".dr-link[_ngcontent-%COMP%]{display:inline-flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;color:#4646ce}.dr-link.DEFAULT[_ngcontent-%COMP%]{text-decoration:none!important}.dr-link.DEFAULT_UNDERLINE[_ngcontent-%COMP%]{text-decoration:underline!important}.dr-link.GRAY_UNDERLINE[_ngcontent-%COMP%]{color:#6d6e6f;text-decoration:underline!important}"] }); }
|
|
29
29
|
}
|
|
30
30
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrLinkComponent, [{
|
|
31
31
|
type: Component,
|
|
32
|
-
args: [{ selector: 'dr-link', template: "<a class=\"dr-link\" [class]=\"theme\" [href]=\"link\" [style.font-weight]=\"fontWeight\" [style.font-size]=\"fontSize\">\n <ng-content></ng-content>\n</a>\n", styles: [".dr-link{display:inline-flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:
|
|
32
|
+
args: [{ selector: 'dr-link', template: "<a class=\"dr-link\" [class]=\"theme\" [href]=\"link\" [style.font-weight]=\"fontWeight\" [style.font-size]=\"fontSize\">\n <ng-content></ng-content>\n</a>\n", styles: [".dr-link{display:inline-flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins,sans-serif;font-style:normal;font-size:14px;font-weight:400;line-height:24px;color:#4646ce}.dr-link.DEFAULT{text-decoration:none!important}.dr-link.DEFAULT_UNDERLINE{text-decoration:underline!important}.dr-link.GRAY_UNDERLINE{color:#6d6e6f;text-decoration:underline!important}\n"] }]
|
|
33
33
|
}], null, { link: [{
|
|
34
34
|
type: Input,
|
|
35
35
|
args: [{ required: true }]
|
|
@@ -313,7 +313,7 @@ export class DrSelectComponent {
|
|
|
313
313
|
i0.ɵɵproperty("ngIf", ctx.groupBy);
|
|
314
314
|
i0.ɵɵadvance(2);
|
|
315
315
|
i0.ɵɵproperty("ngIf", ctx.type === "search-input");
|
|
316
|
-
} }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.NgIf, i2.NgTemplateOutlet, i3.NgSelectComponent, i3.NgOptgroupTemplateDirective, i3.NgOptionTemplateDirective, i3.NgLabelTemplateDirective, i3.NgMultiLabelTemplateDirective, i3.NgHeaderTemplateDirective, i3.NgFooterTemplateDirective, i3.NgLoadingSpinnerTemplateDirective, i4.DrSpinnerDirective, i5.DrInputComponent], styles: ["[_nghost-%COMP%]{width:100%;height:32px;font-family:Poppins,sans-serif}.textView[_nghost-%COMP%] {width:auto}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}.no-left-border-radius[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.no-right-border-radius[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.no-right-border[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-right:none!important}.no-left-border[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-left:none!important}[_nghost-%COMP%] ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}[_nghost-%COMP%] ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}[_nghost-%COMP%] ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#333;font-size:14px;font-weight:400}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto;font-size:14px;line-height:18px}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f}[_nghost-%COMP%] ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{max-height:58px;font-size:14px;line-height:18px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#333;height:24px;padding:2px 16px;font-size:12px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{line-height:20px;padding:0!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea73\";font-size:20px;color:#333}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon, [_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}[_nghost-%COMP%] ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container, [_nghost-%COMP%] ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%] ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}[_nghost-%COMP%] ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}[_nghost-%COMP%] ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value, [_nghost-%COMP%] ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}[_nghost-%COMP%] ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label, [_nghost-%COMP%] ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}.ng-invalid.ng-touched[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%] .dr-select__loading[_ngcontent-%COMP%]{position:relative;height:32px;width:24px}.search-input[_nghost-%COMP%]{position:relative}.search-input[_nghost-%COMP%] .search-icon[_ngcontent-%COMP%]{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-radius:16px}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input, .search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input input, .search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container input{height:100%} ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0} ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected, ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span, ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff} ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333} ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px} ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description, ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f} .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop[_ngcontent-%COMP%]{position:fixed;inset:0;overflow:hidden;pointer-events:none}"] }); }
|
|
316
|
+
} }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.NgIf, i2.NgTemplateOutlet, i3.NgSelectComponent, i3.NgOptgroupTemplateDirective, i3.NgOptionTemplateDirective, i3.NgLabelTemplateDirective, i3.NgMultiLabelTemplateDirective, i3.NgHeaderTemplateDirective, i3.NgFooterTemplateDirective, i3.NgLoadingSpinnerTemplateDirective, i4.DrSpinnerDirective, i5.DrInputComponent], styles: ["[_nghost-%COMP%]{width:100%;height:32px;font-family:Poppins,sans-serif}.textView[_nghost-%COMP%] {width:auto}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}.textView[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, .textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}.textView[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}.no-left-border-radius[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.no-right-border-radius[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.no-right-border[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-right:none!important}.no-left-border[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-left:none!important}[_nghost-%COMP%] ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}[_nghost-%COMP%] ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}[_nghost-%COMP%] ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f}[_nghost-%COMP%] ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea73\";font-size:20px;color:#333}[_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon, [_nghost-%COMP%] ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, [_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}[_nghost-%COMP%] ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}[_nghost-%COMP%] ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container, [_nghost-%COMP%] ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%] ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}[_nghost-%COMP%] ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}[_nghost-%COMP%] ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value, [_nghost-%COMP%] ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}[_nghost-%COMP%] ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label, [_nghost-%COMP%] ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}.ng-invalid.ng-touched[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%] .dr-select__loading[_ngcontent-%COMP%]{position:relative;height:32px;width:24px}.search-input[_nghost-%COMP%]{position:relative}.search-input[_nghost-%COMP%] .search-icon[_ngcontent-%COMP%]{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container{border-radius:16px}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input, .search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}.search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-input input, .search-input[_nghost-%COMP%] ng-select.ng-select .ng-select-container .ng-value-container input{height:100%} ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0} ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected, ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span, ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3} ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff} ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333} ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px} ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description, ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f} .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop[_ngcontent-%COMP%]{position:fixed;inset:0;overflow:hidden;pointer-events:none}"] }); }
|
|
317
317
|
}
|
|
318
318
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSelectComponent, [{
|
|
319
319
|
type: Component,
|
|
@@ -323,7 +323,7 @@ export class DrSelectComponent {
|
|
|
323
323
|
useExisting: DrSelectComponent,
|
|
324
324
|
multi: true,
|
|
325
325
|
},
|
|
326
|
-
], template: "<ng-select\n [(ngModel)]=\"selectedItem\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [multiple]=\"multiple\"\n [addTag]=\"addTag\"\n [appendTo]=\"appendTo\"\n [clearable]=\"clearable\"\n [searchable]=\"searchable\"\n [hideSelected]=\"hideSelected\"\n [placeholder]=\"placeholder\"\n [loading]=\"loading\"\n [loadingText]=\"loadingText\"\n [readonly]=\"readonly\"\n [closeOnSelect]=\"closeOnSelect\"\n [disabled]=\"disabled\"\n [labelForId]=\"id\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [keyDownFn]=\"keyDownFn\"\n [searchFn]=\"searchFn\"\n [isOpen]=\"(type !== 'search-input' || !!selectComponent.searchTerm?.length) && isOpen\"\n [groupBy]=\"groupBy\"\n [attr.autofocus]=\"autofocus\"\n [selectOnTab]=\"selectOnTabKeyPress\"\n (keydown.tab)=\"onTabKeypress($event)\"\n (change)=\"onValueSelected(selectedItem)\"\n (open)=\"open.emit($event); onDropdownOpen()\"\n (close)=\"onClose($event)\"\n class=\"dr-select\"\n [class.ng-select--no-value-padding]=\"noValuePadding\"\n [class.ng-select--multiple-height-increased]=\"multipleHeightIncreased\"\n #selectComponent>\n <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n </ng-template>\n <ng-template\n ng-header-tmp\n *ngIf=\"!optionHeaderTemplate && isDisplayingSearchInHeader && items?.length >= minItemsToDisplaySearchInHeader\"\n let-item=\"item\">\n <dr-input\n class=\"dr-select__search\"\n [ngModel]=\"selectComponent.searchTerm\"\n (ngModelChange)=\"selectComponent.itemsList.filter($event + '')\"\n type=\"search\">\n </dr-input>\n </ng-template>\n <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"multiLabelTemplate\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <ng-container [ngTemplateOutlet]=\"multiLabelTemplate\" [ngTemplateOutletContext]=\"{ items: items, clear: clear }\">\n </ng-container>\n </ng-template>\n <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\" let-item$=\"item$\">\n <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{ item: item, item$: item$ }\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n <div class=\"dr-select__option-with-desc__wrapper\">\n <div>{{ item.name }}</div>\n <div class=\"dr-select__option-with-desc__description\">{{ item?.description }}</div>\n </div>\n </ng-template>\n <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n <ng-container\n [ngTemplateOutlet]=\"optionFooterTemplate\"\n [ngTemplateOutletContext]=\"{ item: item, close: selectComponent.close.bind(selectComponent) }\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n {{ item[groupBy] }}\n </ng-template>\n <ng-template ng-loadingspinner-tmp>\n <div\n *ngIf=\"loading\"\n class=\"dr-select__loading\"\n [drSpinner]=\"loading\"\n [drSpinnerType]=\"'circle'\"\n [drSpinnerSize]=\"'small'\"\n [drSpinnerNoOverlay]=\"true\"></div>\n </ng-template>\n</ng-select>\n<i *ngIf=\"type === 'search-input'\" class=\"search-icon dr-icon-search\"></i>\n", styles: [":host{width:100%;height:32px;font-family:Poppins,sans-serif}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#333;font-size:14px;font-weight:400}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{max-height:58px;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#333;height:24px;padding:2px 16px;font-size:12px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{line-height:20px;padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea73\";font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}:host.search-input{position:relative}:host.search-input .search-icon{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}:host.search-input::ng-deep ng-select.ng-select .ng-select-container{border-radius:16px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}::ng-deep .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}\n"] }]
|
|
326
|
+
], template: "<ng-select\n [(ngModel)]=\"selectedItem\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [multiple]=\"multiple\"\n [addTag]=\"addTag\"\n [appendTo]=\"appendTo\"\n [clearable]=\"clearable\"\n [searchable]=\"searchable\"\n [hideSelected]=\"hideSelected\"\n [placeholder]=\"placeholder\"\n [loading]=\"loading\"\n [loadingText]=\"loadingText\"\n [readonly]=\"readonly\"\n [closeOnSelect]=\"closeOnSelect\"\n [disabled]=\"disabled\"\n [labelForId]=\"id\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [keyDownFn]=\"keyDownFn\"\n [searchFn]=\"searchFn\"\n [isOpen]=\"(type !== 'search-input' || !!selectComponent.searchTerm?.length) && isOpen\"\n [groupBy]=\"groupBy\"\n [attr.autofocus]=\"autofocus\"\n [selectOnTab]=\"selectOnTabKeyPress\"\n (keydown.tab)=\"onTabKeypress($event)\"\n (change)=\"onValueSelected(selectedItem)\"\n (open)=\"open.emit($event); onDropdownOpen()\"\n (close)=\"onClose($event)\"\n class=\"dr-select\"\n [class.ng-select--no-value-padding]=\"noValuePadding\"\n [class.ng-select--multiple-height-increased]=\"multipleHeightIncreased\"\n #selectComponent>\n <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n </ng-template>\n <ng-template\n ng-header-tmp\n *ngIf=\"!optionHeaderTemplate && isDisplayingSearchInHeader && items?.length >= minItemsToDisplaySearchInHeader\"\n let-item=\"item\">\n <dr-input\n class=\"dr-select__search\"\n [ngModel]=\"selectComponent.searchTerm\"\n (ngModelChange)=\"selectComponent.itemsList.filter($event + '')\"\n type=\"search\">\n </dr-input>\n </ng-template>\n <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"multiLabelTemplate\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <ng-container [ngTemplateOutlet]=\"multiLabelTemplate\" [ngTemplateOutletContext]=\"{ items: items, clear: clear }\">\n </ng-container>\n </ng-template>\n <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\" let-item$=\"item$\">\n <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{ item: item, item$: item$ }\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n <div class=\"dr-select__option-with-desc__wrapper\">\n <div>{{ item.name }}</div>\n <div class=\"dr-select__option-with-desc__description\">{{ item?.description }}</div>\n </div>\n </ng-template>\n <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n <ng-container\n [ngTemplateOutlet]=\"optionFooterTemplate\"\n [ngTemplateOutletContext]=\"{ item: item, close: selectComponent.close.bind(selectComponent) }\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n {{ item[groupBy] }}\n </ng-template>\n <ng-template ng-loadingspinner-tmp>\n <div\n *ngIf=\"loading\"\n class=\"dr-select__loading\"\n [drSpinner]=\"loading\"\n [drSpinnerType]=\"'circle'\"\n [drSpinnerSize]=\"'small'\"\n [drSpinnerNoOverlay]=\"true\"></div>\n </ng-template>\n</ng-select>\n<i *ngIf=\"type === 'search-input'\" class=\"search-icon dr-icon-search\"></i>\n", styles: [":host{width:100%;height:32px;font-family:Poppins,sans-serif}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea73\";font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}:host.search-input{position:relative}:host.search-input .search-icon{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}:host.search-input::ng-deep ng-select.ng-select .ng-select-container{border-radius:16px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}::ng-deep .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}\n"] }]
|
|
327
327
|
}], function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, { type: [{
|
|
328
328
|
type: Input
|
|
329
329
|
}, {
|
|
@@ -34,11 +34,11 @@ export class DrProgressBarComponent {
|
|
|
34
34
|
i0.ɵɵstyleProp("width", (ctx.progress || 0) + "%");
|
|
35
35
|
i0.ɵɵadvance(3);
|
|
36
36
|
i0.ɵɵproperty("ngIf", ctx.showValue);
|
|
37
|
-
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%], .progress-bar[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:8px}__value[_nghost-%COMP%], .progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#6d6e6f;font-
|
|
37
|
+
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%], .progress-bar[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:8px}__value[_nghost-%COMP%], .progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#6d6e6f;font-size:14px;line-height:24px;font-weight:400}__background[_nghost-%COMP%], .progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;height:4px;background:#f0f1f4;border-radius:20px}__background__fill[_nghost-%COMP%], .progress-bar__background__fill[_ngcontent-%COMP%]{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#7f7fdd;border-radius:20px}"] }); }
|
|
38
38
|
}
|
|
39
39
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrProgressBarComponent, [{
|
|
40
40
|
type: Component,
|
|
41
|
-
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host,.progress-bar{display:flex;align-items:center;width:100%;gap:8px}:host__value,.progress-bar__value{display:flex;align-items:center;color:#6d6e6f;font-
|
|
41
|
+
args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\">\n <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host,.progress-bar{display:flex;align-items:center;width:100%;gap:8px}:host__value,.progress-bar__value{display:flex;align-items:center;color:#6d6e6f;font-size:14px;line-height:24px;font-weight:400}:host__background,.progress-bar__background{display:flex;flex-grow:1;position:relative;height:4px;background:#f0f1f4;border-radius:20px}:host__background__fill,.progress-bar__background__fill{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#7f7fdd;border-radius:20px}\n"] }]
|
|
42
42
|
}], null, { progress: [{
|
|
43
43
|
type: Input,
|
|
44
44
|
args: [{ required: true }]
|
|
@@ -60,11 +60,11 @@ export class DefaultToastrComponent extends Toast {
|
|
|
60
60
|
i0.ɵɵtextInterpolate1(" ", ctx.data.title, " ");
|
|
61
61
|
i0.ɵɵadvance(1);
|
|
62
62
|
i0.ɵɵproperty("ngIf", !ctx.data.isHtmlBody)("ngIfElse", _r1);
|
|
63
|
-
} }, dependencies: [i2.NgClass, i2.NgIf], styles: [".toastr-bottom-left{left:24px!important;bottom:24px!important} dr-default-toastr:not(:last-child){margin-bottom:24px!important}.ngx-toastr[_nghost-%COMP%]{display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden;pointer-events:auto;min-width:280px;max-width:480px;width:-moz-fit-content;width:fit-content;border-radius:6px;padding:0;margin:0;box-shadow:0 4px 14px #00000040}.ngx-toastr[_nghost-%COMP%] .status-bar[_ngcontent-%COMP%]{display:flex;width:100%;height:5px}.ngx-toastr[_nghost-%COMP%] .content[_ngcontent-%COMP%]{display:flex;flex-grow:1;padding:12px 16px}.ngx-toastr[_nghost-%COMP%] .content__close-icon[_ngcontent-%COMP%]{color:#6d6e6f;cursor:pointer}.ngx-toastr[_nghost-%COMP%] .content__container[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-grow:1;padding:0 4px}.ngx-toastr[_nghost-%COMP%] .content__container__title[_ngcontent-%COMP%], .ngx-toastr[_nghost-%COMP%] .content__container__message[_ngcontent-%COMP%]{color:#333;word-break:break-word}.ngx-toastr[_nghost-%COMP%] .content__container__title[_ngcontent-%COMP%]{font-
|
|
63
|
+
} }, dependencies: [i2.NgClass, i2.NgIf], styles: [".toastr-bottom-left{left:24px!important;bottom:24px!important} dr-default-toastr:not(:last-child){margin-bottom:24px!important}.ngx-toastr[_nghost-%COMP%]{display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden;pointer-events:auto;min-width:280px;max-width:480px;width:-moz-fit-content;width:fit-content;border-radius:6px;padding:0;margin:0;box-shadow:0 4px 14px #00000040}.ngx-toastr[_nghost-%COMP%] .status-bar[_ngcontent-%COMP%]{display:flex;width:100%;height:5px}.ngx-toastr[_nghost-%COMP%] .content[_ngcontent-%COMP%]{display:flex;flex-grow:1;padding:12px 16px}.ngx-toastr[_nghost-%COMP%] .content__close-icon[_ngcontent-%COMP%]{color:#6d6e6f;cursor:pointer}.ngx-toastr[_nghost-%COMP%] .content__container[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-grow:1;padding:0 4px}.ngx-toastr[_nghost-%COMP%] .content__container__title[_ngcontent-%COMP%], .ngx-toastr[_nghost-%COMP%] .content__container__message[_ngcontent-%COMP%]{color:#333;word-break:break-word}.ngx-toastr[_nghost-%COMP%] .content__container__title[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.ngx-toastr[_nghost-%COMP%] .content__container__message[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.ngx-toastr[_nghost-%COMP%] .content__container__message[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{text-decoration:underline!important}.ngx-toastr.status-success[_nghost-%COMP%] .status-bar[_ngcontent-%COMP%]{background-color:#03a678}.ngx-toastr.status-success[_nghost-%COMP%] .content__status-icon[_ngcontent-%COMP%]{color:#03a678}.ngx-toastr.status-info[_nghost-%COMP%] .status-bar[_ngcontent-%COMP%]{background-color:#0061ff}.ngx-toastr.status-info[_nghost-%COMP%] .content__status-icon[_ngcontent-%COMP%]{color:#0061ff}.ngx-toastr.status-warning[_nghost-%COMP%] .status-bar[_ngcontent-%COMP%]{background-color:#fda014}.ngx-toastr.status-warning[_nghost-%COMP%] .content__status-icon[_ngcontent-%COMP%]{color:#fda014}.ngx-toastr.status-danger[_nghost-%COMP%] .status-bar[_ngcontent-%COMP%]{background-color:#de2833}.ngx-toastr.status-danger[_nghost-%COMP%] .content__status-icon[_ngcontent-%COMP%]{color:#de2833}"], changeDetection: 0 }); }
|
|
64
64
|
}
|
|
65
65
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DefaultToastrComponent, [{
|
|
66
66
|
type: Component,
|
|
67
|
-
args: [{ selector: 'dr-default-toastr', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"status-bar\"></div>\n<div class=\"content\">\n <i class=\"content__status-icon\" [ngClass]=\"icon\"></i>\n <div class=\"content__container\">\n <span class=\"content__container__title\">\n {{ data.title }}\n </span>\n\n <div class=\"content__container__message\" *ngIf=\"!data.isHtmlBody; else htmlBody\">\n {{ data.message }}\n </div>\n\n <ng-template #htmlBody>\n <div class=\"content__container__message\" [innerHTML]=\"data.message\"></div>\n </ng-template>\n </div>\n <i class=\"content__close-icon dr-icon-exit\"></i>\n</div>\n", styles: ["::ng-deep .toastr-bottom-left{left:24px!important;bottom:24px!important}::ng-deep dr-default-toastr:not(:last-child){margin-bottom:24px!important}:host.ngx-toastr{display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden;pointer-events:auto;min-width:280px;max-width:480px;width:-moz-fit-content;width:fit-content;border-radius:6px;padding:0;margin:0;box-shadow:0 4px 14px #00000040}:host.ngx-toastr .status-bar{display:flex;width:100%;height:5px}:host.ngx-toastr .content{display:flex;flex-grow:1;padding:12px 16px}:host.ngx-toastr .content__close-icon{color:#6d6e6f;cursor:pointer}:host.ngx-toastr .content__container{display:flex;flex-direction:column;flex-grow:1;padding:0 4px}:host.ngx-toastr .content__container__title,:host.ngx-toastr .content__container__message{color:#333;word-break:break-word}:host.ngx-toastr .content__container__title{font-
|
|
67
|
+
args: [{ selector: 'dr-default-toastr', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"status-bar\"></div>\n<div class=\"content\">\n <i class=\"content__status-icon\" [ngClass]=\"icon\"></i>\n <div class=\"content__container\">\n <span class=\"content__container__title\">\n {{ data.title }}\n </span>\n\n <div class=\"content__container__message\" *ngIf=\"!data.isHtmlBody; else htmlBody\">\n {{ data.message }}\n </div>\n\n <ng-template #htmlBody>\n <div class=\"content__container__message\" [innerHTML]=\"data.message\"></div>\n </ng-template>\n </div>\n <i class=\"content__close-icon dr-icon-exit\"></i>\n</div>\n", styles: ["::ng-deep .toastr-bottom-left{left:24px!important;bottom:24px!important}::ng-deep dr-default-toastr:not(:last-child){margin-bottom:24px!important}:host.ngx-toastr{display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden;pointer-events:auto;min-width:280px;max-width:480px;width:-moz-fit-content;width:fit-content;border-radius:6px;padding:0;margin:0;box-shadow:0 4px 14px #00000040}:host.ngx-toastr .status-bar{display:flex;width:100%;height:5px}:host.ngx-toastr .content{display:flex;flex-grow:1;padding:12px 16px}:host.ngx-toastr .content__close-icon{color:#6d6e6f;cursor:pointer}:host.ngx-toastr .content__container{display:flex;flex-direction:column;flex-grow:1;padding:0 4px}:host.ngx-toastr .content__container__title,:host.ngx-toastr .content__container__message{color:#333;word-break:break-word}:host.ngx-toastr .content__container__title{font-size:14px;line-height:24px;font-weight:600}:host.ngx-toastr .content__container__message{font-size:14px;line-height:24px;font-weight:400}:host.ngx-toastr .content__container__message a{text-decoration:underline!important}:host.ngx-toastr.status-success .status-bar{background-color:#03a678}:host.ngx-toastr.status-success .content__status-icon{color:#03a678}:host.ngx-toastr.status-info .status-bar{background-color:#0061ff}:host.ngx-toastr.status-info .content__status-icon{color:#0061ff}:host.ngx-toastr.status-warning .status-bar{background-color:#fda014}:host.ngx-toastr.status-warning .content__status-icon{color:#fda014}:host.ngx-toastr.status-danger .status-bar{background-color:#de2833}:host.ngx-toastr.status-danger .content__status-icon{color:#de2833}\n"] }]
|
|
68
68
|
}], function () { return [{ type: i1.ToastrService }, { type: i1.ToastPackage }]; }, { class: [{
|
|
69
69
|
type: HostBinding,
|
|
70
70
|
args: ['class']
|
|
@@ -15,11 +15,11 @@ export class TooltipDefaultComponent {
|
|
|
15
15
|
i0.ɵɵprojection(1);
|
|
16
16
|
} if (rf & 2) {
|
|
17
17
|
i0.ɵɵproperty("innerHTML", ctx.content, i0.ɵɵsanitizeHtml);
|
|
18
|
-
} }, styles: ["[_nghost-%COMP%]{
|
|
18
|
+
} }, styles: ["[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:6px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%] .content[_ngcontent-%COMP%]:empty{display:none}.dark[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400;padding:6px 8px}[_nghost-%COMP%] a{color:#4646ce}[_nghost-%COMP%] a:hover{cursor:pointer;text-decoration:underline!important}"], changeDetection: 0 }); }
|
|
19
19
|
}
|
|
20
20
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipDefaultComponent, [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'dr-tooltip-default', template: '<span class="content" [innerHTML]="content"></span><ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{
|
|
22
|
+
args: [{ selector: 'dr-tooltip-default', template: '<span class="content" [innerHTML]="content"></span><ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:6px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}:host .content:empty{display:none}:host.dark{font-size:12px;line-height:16px;font-weight:400;padding:6px 8px}:host::ng-deep a{color:#4646ce}:host::ng-deep a:hover{cursor:pointer;text-decoration:underline!important}\n"] }]
|
|
23
23
|
}], null, { content: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], theme: [{
|
|
@@ -71,11 +71,11 @@ export class TooltipInfoComponent {
|
|
|
71
71
|
i0.ɵɵproperty("ngIf", (ctx.data == null ? null : ctx.data.title) && (ctx.data == null ? null : ctx.data.description) && !(ctx.data == null ? null : ctx.data.hideDivider));
|
|
72
72
|
i0.ɵɵadvance(1);
|
|
73
73
|
i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.description);
|
|
74
|
-
} }, dependencies: [i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-
|
|
74
|
+
} }, dependencies: [i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider[_ngcontent-%COMP%]{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:0}.tooltip-info__content__description[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{list-style-position:inside;list-style-type:disc}"], changeDetection: 0 }); }
|
|
75
75
|
}
|
|
76
76
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipInfoComponent, [{
|
|
77
77
|
type: Component,
|
|
78
|
-
args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n </div>\n <div class=\"tooltip-info__content\">\n <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n <span>{{ data.title }}</span>\n </div>\n <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n </div>\n </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-
|
|
78
|
+
args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n </div>\n <div class=\"tooltip-info__content\">\n <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n <span>{{ data.title }}</span>\n </div>\n <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n </div>\n </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description ul{padding:0}.tooltip-info__content__description ul>li{list-style-position:inside;list-style-type:disc}\n"] }]
|
|
79
79
|
}], function () { return []; }, { data: [{
|
|
80
80
|
type: Input
|
|
81
81
|
}] }); })();
|
|
@@ -368,7 +368,7 @@ export class FilterDropdownComponent {
|
|
|
368
368
|
i0.ɵɵproperty("ngIf", ctx.hasSelection)("ngIfElse", _r3);
|
|
369
369
|
} }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.SlicePipe, DrPopoverModule, i2.DrPopoverDirective, DrDropdownModule, i3.DrDropdownComponent, i4.DrDropdownItemComponent, DrInputsModule, i5.CheckboxComponent, i6.DrInputComponent, i7.DrButtonComponent, SearchPipe,
|
|
370
370
|
FormsModule, i8.NgControlStatus, i8.NgModel, LetDirective,
|
|
371
|
-
AutofocusDirective], styles: [".filter-value[_ngcontent-%COMP%]{font-weight:600}.filter-value-all[_ngcontent-%COMP%]{font-weight:400}.dropdown__wrapper[_ngcontent-%COMP%]{min-width:250px;padding:8px 0 0}.dropdown__wrapper[_ngcontent-%COMP%] .dr-dropdown__container{padding:0;max-height:none;overflow:visible}.dropdown__wrapper[_ngcontent-%COMP%] .dr-dropdown-item.item-disabled{cursor:not-allowed}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list[_ngcontent-%COMP%]{overflow:auto;display:block;max-height:180px}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item[_ngcontent-%COMP%]{margin-bottom:4px}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item[_ngcontent-%COMP%] .dr-dropdown-item{padding:4px 16px;height:auto}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item[_ngcontent-%COMP%] .dr-dropdown-item .text-ellipsis{text-overflow:ellipsis;overflow:hidden}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item-checkbox[_ngcontent-%COMP%]{margin-right:4px;pointer-events:none}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item-checkbox[_ngcontent-%COMP%] label input+span{margin:0}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item-checkbox[_ngcontent-%COMP%] label input+span:before{margin:3px}.dropdown__search[_ngcontent-%COMP%]{padding:4px 8px}.dropdown__header[_ngcontent-%COMP%]{display:flex;align-items:center;margin:2px 0;padding:4px 16px;
|
|
371
|
+
AutofocusDirective], styles: [".filter-value[_ngcontent-%COMP%]{font-weight:600}.filter-value-all[_ngcontent-%COMP%]{font-weight:400}.dropdown__wrapper[_ngcontent-%COMP%]{min-width:250px;padding:8px 0 0}.dropdown__wrapper[_ngcontent-%COMP%] .dr-dropdown__container{padding:0;max-height:none;overflow:visible}.dropdown__wrapper[_ngcontent-%COMP%] .dr-dropdown-item.item-disabled{cursor:not-allowed}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list[_ngcontent-%COMP%]{overflow:auto;display:block;max-height:180px}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item[_ngcontent-%COMP%]{margin-bottom:4px}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item[_ngcontent-%COMP%] .dr-dropdown-item{padding:4px 16px;height:auto}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item[_ngcontent-%COMP%] .dr-dropdown-item .text-ellipsis{text-overflow:ellipsis;overflow:hidden}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item-checkbox[_ngcontent-%COMP%]{margin-right:4px;pointer-events:none}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item-checkbox[_ngcontent-%COMP%] label input+span{margin:0}.dropdown__wrapper[_ngcontent-%COMP%] .dr-filter-list__item-checkbox[_ngcontent-%COMP%] label input+span:before{margin:3px}.dropdown__search[_ngcontent-%COMP%]{padding:4px 8px}.dropdown__header[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;display:flex;align-items:center;margin:2px 0;padding:4px 16px;white-space:nowrap}.dropdown__header-title[_ngcontent-%COMP%]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;color:#6d6e6f;text-transform:uppercase}.dropdown__header-select-all[_ngcontent-%COMP%]{color:#4646ce;margin-left:8px}.dropdown__actions[_ngcontent-%COMP%]{gap:8px;padding:8px 16px;display:flex;justify-content:flex-end;border-top:1px solid #dbdee3}.dropdown__no-result[_ngcontent-%COMP%]{padding:4px 16px 16px}"], changeDetection: 0 }); }
|
|
372
372
|
}
|
|
373
373
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterDropdownComponent, [{
|
|
374
374
|
type: Component,
|
|
@@ -382,7 +382,7 @@ export class FilterDropdownComponent {
|
|
|
382
382
|
LetDirective,
|
|
383
383
|
AutofocusDirective,
|
|
384
384
|
DrButtonComponent,
|
|
385
|
-
], 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;
|
|
385
|
+
], 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{font-size:12px;line-height:16px;font-weight:400;display:flex;align-items:center;margin:2px 0;padding:4px 16px;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"] }]
|
|
386
386
|
}], null, { dropdownItemTemplate: [{
|
|
387
387
|
type: ContentChild,
|
|
388
388
|
args: ['dropdownItemTemplate', { read: TemplateRef }]
|
|
@@ -97,11 +97,11 @@ export class SeparateTableComponent {
|
|
|
97
97
|
i0.ɵɵattribute("aria-rowcount", ctx.rows.length);
|
|
98
98
|
i0.ɵɵadvance(2);
|
|
99
99
|
i0.ɵɵproperty("ngForOf", ctx.rows)("ngForTrackBy", ctx.trackByFn);
|
|
100
|
-
} }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle], styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%] .table[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .table__rows[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px}[_nghost-%COMP%] .table__header[_ngcontent-%COMP%]{
|
|
100
|
+
} }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle], styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%] .table[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] .table__rows[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px}[_nghost-%COMP%] .table__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;display:flex;align-items:center;text-align:left;color:#6d6e6f}[_nghost-%COMP%] .table__col[_ngcontent-%COMP%]{padding:6px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}[_nghost-%COMP%] .table__item[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;display:flex;align-items:center;border:1px solid #dfe0e3;border-radius:12px;background-color:#fff;color:#333;transition:background-color .2s ease-in;cursor:pointer}[_nghost-%COMP%] .table__item[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}[_nghost-%COMP%] .table__cell[_ngcontent-%COMP%]{padding:12px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}[_nghost-%COMP%] .table__cell[_ngcontent-%COMP%]:last-child{padding-right:18px;padding-left:0}[_nghost-%COMP%] .table__cell[_ngcontent-%COMP%]:first-child{padding-left:24px}"], changeDetection: 0 }); }
|
|
101
101
|
}
|
|
102
102
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SeparateTableComponent, [{
|
|
103
103
|
type: Component,
|
|
104
|
-
args: [{ selector: 'dr-separate-table', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\n<div class=\"table\" role=\"table\" [attr.aria-rowcount]=\"rows.length\">\n <div class=\"table__rows\">\n <div class=\"table__row\" *ngFor=\"let row of rows; let rowIndex = index; let first = first; trackBy: trackByFn\">\n <div class=\"table__header\" role=\"rowheader\" *ngIf=\"first\" [attr.aria-colcount]=\"columns.length\">\n <div\n *ngFor=\"let column of columns; let columnIndex = index\"\n class=\"table__col\"\n [ngStyle]=\"column.styles\"\n role=\"columnheader\"\n [attr.aria-colindex]=\"columnIndex + 1\"\n [attr.aria-label]=\"column.header || column.field\">\n {{ column.header }}\n </div>\n </div>\n <div\n class=\"table__item\"\n (click)=\"rowClick.emit(row)\"\n role=\"row\"\n tabindex=\"0\"\n (keydown.enter)=\"rowClick.emit(row)\"\n [attr.aria-rowindex]=\"rowIndex + 1\">\n <div\n *ngFor=\"let column of columns\"\n class=\"table__cell\"\n [ngStyle]=\"column.styles\"\n role=\"cell\"\n (click)=\"column.stopCellClickPropagation && $event.stopPropagation()\">\n <ng-container\n *ngTemplateOutlet=\"\n column.cellTemplate || defaultCellTemplate;\n context: { $implicit: row, column: column }\n \">\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #defaultCellTemplate let-item let-column=\"column\">\n {{ item[column.field] }}\n</ng-template>\n", styles: [":host{display:block}:host .table{display:flex;flex-direction:column}:host .table__rows{display:flex;flex-direction:column;gap:16px}:host .table__header{
|
|
104
|
+
args: [{ selector: 'dr-separate-table', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\n<div class=\"table\" role=\"table\" [attr.aria-rowcount]=\"rows.length\">\n <div class=\"table__rows\">\n <div class=\"table__row\" *ngFor=\"let row of rows; let rowIndex = index; let first = first; trackBy: trackByFn\">\n <div class=\"table__header\" role=\"rowheader\" *ngIf=\"first\" [attr.aria-colcount]=\"columns.length\">\n <div\n *ngFor=\"let column of columns; let columnIndex = index\"\n class=\"table__col\"\n [ngStyle]=\"column.styles\"\n role=\"columnheader\"\n [attr.aria-colindex]=\"columnIndex + 1\"\n [attr.aria-label]=\"column.header || column.field\">\n {{ column.header }}\n </div>\n </div>\n <div\n class=\"table__item\"\n (click)=\"rowClick.emit(row)\"\n role=\"row\"\n tabindex=\"0\"\n (keydown.enter)=\"rowClick.emit(row)\"\n [attr.aria-rowindex]=\"rowIndex + 1\">\n <div\n *ngFor=\"let column of columns\"\n class=\"table__cell\"\n [ngStyle]=\"column.styles\"\n role=\"cell\"\n (click)=\"column.stopCellClickPropagation && $event.stopPropagation()\">\n <ng-container\n *ngTemplateOutlet=\"\n column.cellTemplate || defaultCellTemplate;\n context: { $implicit: row, column: column }\n \">\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #defaultCellTemplate let-item let-column=\"column\">\n {{ item[column.field] }}\n</ng-template>\n", styles: [":host{display:block}:host .table{display:flex;flex-direction:column}:host .table__rows{display:flex;flex-direction:column;gap:16px}:host .table__header{font-size:14px;line-height:24px;font-weight:400;display:flex;align-items:center;text-align:left;color:#6d6e6f}:host .table__col{padding:6px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host .table__item{font-size:14px;line-height:24px;font-weight:400;display:flex;align-items:center;border:1px solid #dfe0e3;border-radius:12px;background-color:#fff;color:#333;transition:background-color .2s ease-in;cursor:pointer}:host .table__item:hover{background-color:#f5f5f5}:host .table__cell{padding:12px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host .table__cell:last-child{padding-right:18px;padding-left:0}:host .table__cell:first-child{padding-left:24px}\n"] }]
|
|
105
105
|
}], null, { rows: [{
|
|
106
106
|
type: Input,
|
|
107
107
|
args: [{ required: true }]
|
|
@@ -260,11 +260,11 @@ export class StepperComponent {
|
|
|
260
260
|
i0.ɵɵproperty("ngForOf", ctx.steps);
|
|
261
261
|
i0.ɵɵadvance(1);
|
|
262
262
|
i0.ɵɵproperty("ngIf", (_r1 == null ? null : _r1.scrollWidth) > (_r1 == null ? null : _r1.clientWidth) && ctx.roundWidth((_r1 == null ? null : _r1.scrollLeft) + (_r1 == null ? null : _r1.clientWidth)) < (_r1 == null ? null : _r1.scrollWidth));
|
|
263
|
-
} }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i2.DrTooltipDirective], styles: ["[_nghost-%COMP%]{font-family:Poppins,sans-serif;display:flex;justify-content:center;height:100%;position:relative}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:hover{background:#cde1fb;cursor:pointer}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#fff 36.08%,#fff0 87.17%)}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]:first-child i[_ngcontent-%COMP%]{transform:rotate(180deg)}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#fff 36.08%,#fff0 87.17%);justify-content:flex-end}[_nghost-%COMP%] .stepper[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}[_nghost-%COMP%] .stepper[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:hover{cursor:default}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .ellipse[_ngcontent-%COMP%]{border-color:#bcbcbc}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{color:#fff;background-color:#bcbcbc;cursor:default}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{color:#bcbcbc}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-connector[_ngcontent-%COMP%]{background-color:#bcbcbc}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-connector[_ngcontent-%COMP%] .progress[_ngcontent-%COMP%]{background-color:#bcbcbc}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-connector[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .stepper--mini-connector[_ngcontent-%COMP%]{flex-grow:1;display:flex;margin:0 8px;background-color:#dfe0e3;height:2px}[_nghost-%COMP%] .stepper--mini-connector[_ngcontent-%COMP%]:last-child{display:none}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-setup[_ngcontent-%COMP%]{flex-grow:unset}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%]{width:18px!important;height:18px!important}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point.active[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{width:12px;height:12px}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point.active[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point.active[_ngcontent-%COMP%] .ellipse[_ngcontent-%COMP%]{width:18px;height:18px}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] .text[_ngcontent-%COMP%]{font-size:12px
|
|
263
|
+
} }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i2.DrTooltipDirective], styles: ["[_nghost-%COMP%]{font-family:Poppins,sans-serif;display:flex;justify-content:center;height:100%;position:relative}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:hover{background:#cde1fb;cursor:pointer}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#fff 36.08%,#fff0 87.17%)}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]:first-child i[_ngcontent-%COMP%]{transform:rotate(180deg)}[_nghost-%COMP%] .scroll-section[_ngcontent-%COMP%]:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#fff 36.08%,#fff0 87.17%);justify-content:flex-end}[_nghost-%COMP%] .stepper[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}[_nghost-%COMP%] .stepper[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:hover{cursor:default}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .ellipse[_ngcontent-%COMP%]{border-color:#bcbcbc}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{color:#fff;background-color:#bcbcbc;cursor:default}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{color:#bcbcbc}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-connector[_ngcontent-%COMP%]{background-color:#bcbcbc}[_nghost-%COMP%] .stepper--disabled[_ngcontent-%COMP%] .step-connector[_ngcontent-%COMP%] .progress[_ngcontent-%COMP%]{background-color:#bcbcbc}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-connector[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .stepper--mini-connector[_ngcontent-%COMP%]{flex-grow:1;display:flex;margin:0 8px;background-color:#dfe0e3;height:2px}[_nghost-%COMP%] .stepper--mini-connector[_ngcontent-%COMP%]:last-child{display:none}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-setup[_ngcontent-%COMP%]{flex-grow:unset}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%]{width:18px!important;height:18px!important}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point.active[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{width:12px;height:12px}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point.active[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point.active[_ngcontent-%COMP%] .ellipse[_ngcontent-%COMP%]{width:18px;height:18px}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] div.text[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:12px!important}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{margin-left:8px}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400}[_nghost-%COMP%] .stepper--mini[_ngcontent-%COMP%] .step-label.active[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-weight:600}[_nghost-%COMP%] .step[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;width:120px;align-items:center;flex-shrink:0;flex-grow:1}[_nghost-%COMP%] .step[_ngcontent-%COMP%]:hover{cursor:pointer}[_nghost-%COMP%] .step[_ngcontent-%COMP%]:not(.step-setup) .step-wrapper[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .step[_ngcontent-%COMP%]:not(.step-setup):first-child .step-wrapper[_ngcontent-%COMP%], [_nghost-%COMP%] .step[_ngcontent-%COMP%]:not(.step-setup):first-child .step-point[_ngcontent-%COMP%], [_nghost-%COMP%] .step[_ngcontent-%COMP%]:not(.step-setup):first-child .step-label[_ngcontent-%COMP%], [_nghost-%COMP%] .step[_ngcontent-%COMP%]:not(.step-setup):first-child .step-progress[_ngcontent-%COMP%]{margin-left:8px}[_nghost-%COMP%] .step[_ngcontent-%COMP%]:not(.step-setup):first-child .only-one-step[_ngcontent-%COMP%]{left:0!important;margin-left:25px}[_nghost-%COMP%] .step-point[_ngcontent-%COMP%]{display:flex;justify-content:center;width:100%;height:28px;position:relative;align-items:center}[_nghost-%COMP%] .step-point[_ngcontent-%COMP%] .ellipse[_ngcontent-%COMP%]{width:28px;height:28px;position:absolute;border-radius:50px;border-color:#4646ce;border-style:solid;border-width:2px;background:#fff;display:flex;justify-content:center;align-items:center;z-index:2}[_nghost-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{width:24px;height:24px;position:absolute;z-index:4;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:1.4;color:#6d6e6f;transition:box-shadow .2s ease-in-out}[_nghost-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{color:#fff;font-size:22px}[_nghost-%COMP%] .step-point[_ngcontent-%COMP%] .pointer.blue[_ngcontent-%COMP%]{background:#4646ce}[_nghost-%COMP%] .step-point[_ngcontent-%COMP%] .pointer.gray[_ngcontent-%COMP%]{background:#dfe0e3}[_nghost-%COMP%] .step-point[_ngcontent-%COMP%] .pointer.gray[_ngcontent-%COMP%]:hover{box-shadow:0 0 4px 2px #00000026}[_nghost-%COMP%] .step-point.completed[_ngcontent-%COMP%] -shadowcsshost .step-point.active[_ngcontent-%COMP%]{background:#4646ce}[_nghost-%COMP%] .step-point.active[_ngcontent-%COMP%] .ellipse[_ngcontent-%COMP%]{width:28px;height:28px}[_nghost-%COMP%] .step-point.active[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{width:20px;height:20px}[_nghost-%COMP%] .step-label[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f;display:flex;justify-content:center;overflow:hidden;margin-top:8px}[_nghost-%COMP%] .step-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%] .step-label.active[_ngcontent-%COMP%]{font-weight:600;color:#333}[_nghost-%COMP%] .step-label[_ngcontent-%COMP%]:last-child{margin-bottom:23px}[_nghost-%COMP%] .step-progress[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;display:flex;justify-content:center}[_nghost-%COMP%] .step-connector[_ngcontent-%COMP%]{background-color:#dfe0e3;height:2px}[_nghost-%COMP%] .step-connector.connector-grand[_ngcontent-%COMP%]{width:calc(100% - 25px)}[_nghost-%COMP%] .step-connector.connector-grand.only-one-step[_ngcontent-%COMP%]{width:calc(100% - 50px)}[_nghost-%COMP%] .step-connector[_ngcontent-%COMP%] .progress[_ngcontent-%COMP%]{background-color:#4646ce;height:2px;width:0}[_nghost-%COMP%] .step-connector--absolute[_ngcontent-%COMP%]{position:absolute;top:14px;width:100%;left:calc(50% + 12px)}[_nghost-%COMP%] .step-connector--inline[_ngcontent-%COMP%]{width:50px;margin-left:32px;margin-right:32px}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%] .step-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;width:auto}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%] + .step-setup[_ngcontent-%COMP%]{margin-left:0}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%] .step-progress[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{font-size:16px;line-height:24px;font-weight:400;position:relative;transform:none;align-items:center;justify-content:start;margin:0 0 0 8px}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%]{width:28px;height:28px}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:22px}[_nghost-%COMP%] .step-setup[_ngcontent-%COMP%] .step-point[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%] .text[_ngcontent-%COMP%]{font-size:16px} .step-tooltip{font-size:14px;line-height:24px;font-weight:400;max-width:250px;padding:10px 12px} .step-tooltip_name{font-weight:700;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1367px){.stepper[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{font-size:14px}}"] }); }
|
|
264
264
|
}
|
|
265
265
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepperComponent, [{
|
|
266
266
|
type: Component,
|
|
267
|
-
args: [{ selector: 'dr-stepper', changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"scroll-section\" *ngIf=\"stepper?.scrollLeft !== 0\" (click)=\"scrollLeft()\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n<div #stepper class=\"stepper\" [class.stepper--disabled]=\"disabled\" [class.stepper--mini]=\"mini\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div\n *ngIf=\"!step.hide\"\n class=\"step\"\n (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\"\n [attr.data-analytics]=\"getDataAnalyticsTag(step)\">\n <div\n class=\"step-wrapper\"\n [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div\n data-test=\"step_point\"\n class=\"step-point\"\n [class.active]=\"currentStep === step\"\n [class.completed]=\"step.completed\">\n <div *ngIf=\"step === currentStep\" class=\"ellipse\"></div>\n <ng-container [ngSwitch]=\"step.completed\">\n <ng-template [ngSwitchCase]=\"true\">\n <div class=\"pointer blue\">\n <i class=\"dr-icon-approve\"></i>\n </div>\n </ng-template>\n <ng-template [ngSwitchCase]=\"false\">\n <div\n class=\"pointer\"\n [class.gray]=\"step !== currentStep\"\n [ngClass]=\"{ 'blue with-ellipse': step === currentStep }\">\n <div [hidden]=\"step === currentStep || hiddenIndex\" class=\"text\">{{ index + 1 }}</div>\n </div>\n </ng-template>\n </ng-container>\n </div>\n <div\n data-test=\"step_label_name\"\n class=\"step-label\"\n [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <ng-container\n *ngTemplateOutlet=\"\n stepTextLabelTemplate || defaultStepTextLabel;\n context: { step: step, index: index }\n \"></ng-container>\n </div>\n <ng-container\n *ngIf=\"inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\" data-test=\"step_progress\" class=\"step-progress\">\n {{ (step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks }}\n </span>\n </div>\n <ng-container\n *ngIf=\"!inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n <div *ngIf=\"mini\" class=\"stepper--mini-connector\"></div>\n </ng-container>\n</div>\n<div\n (click)=\"scrollRight()\"\n class=\"scroll-section\"\n *ngIf=\"\n stepper?.scrollWidth > stepper?.clientWidth &&\n roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\n \">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n\n<ng-template #tooltip let-step=\"step\">\n <div class=\"step-tooltip\">\n <div class=\"step-tooltip_name\">{{ step.name }}</div>\n <div class=\"step-tooltip_description\">{{ step.description }}</div>\n </div>\n</ng-template>\n\n<ng-template #connector let-step=\"step\" let-isLast=\"isLast\" let-index=\"index\">\n <div\n class=\"step-connector\"\n [class.only-one-step]=\"steps.length === 1\"\n [class]=\"'step-connector--' + (!inlineLabels ? 'absolute' : 'inline')\"\n *ngIf=\"steps.length === 1 || !isLast\"\n [style.visibility]=\"withoutConnectors || steps[step.index + 1]?.hide ? 'hidden' : 'unset'\"\n [class.connector-grand]=\"!inlineLabels && (index === 0 || index === steps.length - 2)\">\n <div class=\"progress\" [style.width]=\"getWidth(step)\"></div>\n </div>\n</ng-template>\n\n<ng-template #defaultStepTextLabel let-step=\"step\" let-index=\"index\">\n <span [hidden]=\"hiddenNames\">{{ step.name }}</span>\n</ng-template>\n", styles: [":host{font-family:Poppins,sans-serif;display:flex;justify-content:center;height:100%;position:relative}:host .scroll-section{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}:host .scroll-section i{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}:host .scroll-section i:hover{background:#cde1fb;cursor:pointer}:host .scroll-section:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#fff 36.08%,#fff0 87.17%)}:host .scroll-section:first-child i{transform:rotate(180deg)}:host .scroll-section:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#fff 36.08%,#fff0 87.17%);justify-content:flex-end}:host .stepper{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}:host .stepper::-webkit-scrollbar{display:none}:host .stepper--disabled .step:hover{cursor:default}:host .stepper--disabled .step-point .ellipse{border-color:#bcbcbc}:host .stepper--disabled .step-point .pointer{color:#fff;background-color:#bcbcbc;cursor:default}:host .stepper--disabled .step-label{color:#bcbcbc}:host .stepper--disabled .step-connector{background-color:#bcbcbc}:host .stepper--disabled .step-connector .progress{background-color:#bcbcbc}:host .stepper--mini .step-connector{display:none}:host .stepper--mini-connector{flex-grow:1;display:flex;margin:0 8px;background-color:#dfe0e3;height:2px}:host .stepper--mini-connector:last-child{display:none}:host .stepper--mini .step-setup{flex-grow:unset}:host .stepper--mini .step-point{width:18px!important;height:18px!important}:host .stepper--mini .step-point.active .pointer{width:12px;height:12px}:host .stepper--mini .step-point.active .pointer i{display:none}:host .stepper--mini .step-point.active .ellipse{width:18px;height:18px}:host .stepper--mini .step-point .pointer{width:16px;height:16px}:host .stepper--mini .step-point .pointer .text{font-size:12px!important;font-weight:500;line-height:20px}:host .stepper--mini .step-point .pointer i{font-size:12px!important}:host .stepper--mini .step-label{margin-left:8px}:host .stepper--mini .step-label span{font-size:12px;font-weight:400;line-height:20px}:host .stepper--mini .step-label.active span{font-weight:600}:host .step{position:relative;display:flex;flex-direction:column;width:120px;align-items:center;flex-shrink:0;flex-grow:1}:host .step:hover{cursor:pointer}:host .step:not(.step-setup) .step-wrapper{width:100%}:host .step:not(.step-setup):first-child .step-wrapper,:host .step:not(.step-setup):first-child .step-point,:host .step:not(.step-setup):first-child .step-label,:host .step:not(.step-setup):first-child .step-progress{margin-left:8px}:host .step:not(.step-setup):first-child .only-one-step{left:0!important;margin-left:25px}:host .step-point{display:flex;justify-content:center;width:100%;height:28px;position:relative;align-items:center}:host .step-point .ellipse{width:28px;height:28px;position:absolute;border-radius:50px;border-color:#4646ce;border-style:solid;border-width:2px;background:#fff;display:flex;justify-content:center;align-items:center;z-index:2}:host .step-point .pointer{width:24px;height:24px;position:absolute;z-index:4;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:1.4;color:#6d6e6f;transition:box-shadow .2s ease-in-out}:host .step-point .pointer i{color:#fff;font-size:22px}:host .step-point .pointer.blue{background:#4646ce}:host .step-point .pointer.gray{background:#dfe0e3}:host .step-point .pointer.gray:hover{box-shadow:0 0 4px 2px #00000026}:host .step-point.completed :host .step-point.active{background:#4646ce}:host .step-point.active .ellipse{width:28px;height:28px}:host .step-point.active .pointer{width:20px;height:20px}:host .step-label{font-weight:400;font-size:14px;line-height:22px;line-height:1.5;color:#6d6e6f;display:flex;justify-content:center;overflow:hidden;margin-top:8px}:host .step-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .step-label.active{font-weight:600;color:#333}:host .step-label:last-child{margin-bottom:23px}:host .step-progress{margin-top:3px;font-style:normal;font-weight:400;font-size:12px;line-height:1.4;display:flex;justify-content:center}:host .step-connector{background-color:#dfe0e3;height:2px}:host .step-connector.connector-grand{width:calc(100% - 25px)}:host .step-connector.connector-grand.only-one-step{width:calc(100% - 50px)}:host .step-connector .progress{background-color:#4646ce;height:2px;width:0}:host .step-connector--absolute{position:absolute;top:14px;width:100%;left:calc(50% + 12px)}:host .step-connector--inline{width:50px;margin-left:32px;margin-right:32px}:host .step-setup{width:auto}:host .step-setup .step-wrapper{display:flex;flex-direction:row;align-items:center;width:auto}:host .step-setup+.step-setup{margin-left:0}:host .step-setup .step-progress{display:none}:host .step-setup .step-label{position:relative;transform:none;align-items:center;justify-content:start;margin:0 0 0 8px;font-size:16px}:host .step-setup .step-point{width:28px;height:28px}:host .step-setup .step-point .pointer i{font-size:22px}:host .step-setup .step-point .pointer .text{font-size:16px}::ng-deep .step-tooltip{max-width:250px;font-size:14px;line-height:22px;padding:10px 12px}::ng-deep .step-tooltip_name{font-weight:700;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1367px){.stepper .step-label{font-size:14px}}\n"] }]
|
|
267
|
+
args: [{ selector: 'dr-stepper', changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"scroll-section\" *ngIf=\"stepper?.scrollLeft !== 0\" (click)=\"scrollLeft()\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n<div #stepper class=\"stepper\" [class.stepper--disabled]=\"disabled\" [class.stepper--mini]=\"mini\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div\n *ngIf=\"!step.hide\"\n class=\"step\"\n (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\"\n [attr.data-analytics]=\"getDataAnalyticsTag(step)\">\n <div\n class=\"step-wrapper\"\n [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div\n data-test=\"step_point\"\n class=\"step-point\"\n [class.active]=\"currentStep === step\"\n [class.completed]=\"step.completed\">\n <div *ngIf=\"step === currentStep\" class=\"ellipse\"></div>\n <ng-container [ngSwitch]=\"step.completed\">\n <ng-template [ngSwitchCase]=\"true\">\n <div class=\"pointer blue\">\n <i class=\"dr-icon-approve\"></i>\n </div>\n </ng-template>\n <ng-template [ngSwitchCase]=\"false\">\n <div\n class=\"pointer\"\n [class.gray]=\"step !== currentStep\"\n [ngClass]=\"{ 'blue with-ellipse': step === currentStep }\">\n <div [hidden]=\"step === currentStep || hiddenIndex\" class=\"text\">{{ index + 1 }}</div>\n </div>\n </ng-template>\n </ng-container>\n </div>\n <div\n data-test=\"step_label_name\"\n class=\"step-label\"\n [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <ng-container\n *ngTemplateOutlet=\"\n stepTextLabelTemplate || defaultStepTextLabel;\n context: { step: step, index: index }\n \"></ng-container>\n </div>\n <ng-container\n *ngIf=\"inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\" data-test=\"step_progress\" class=\"step-progress\">\n {{ (step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks }}\n </span>\n </div>\n <ng-container\n *ngIf=\"!inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n <div *ngIf=\"mini\" class=\"stepper--mini-connector\"></div>\n </ng-container>\n</div>\n<div\n (click)=\"scrollRight()\"\n class=\"scroll-section\"\n *ngIf=\"\n stepper?.scrollWidth > stepper?.clientWidth &&\n roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\n \">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n\n<ng-template #tooltip let-step=\"step\">\n <div class=\"step-tooltip\">\n <div class=\"step-tooltip_name\">{{ step.name }}</div>\n <div class=\"step-tooltip_description\">{{ step.description }}</div>\n </div>\n</ng-template>\n\n<ng-template #connector let-step=\"step\" let-isLast=\"isLast\" let-index=\"index\">\n <div\n class=\"step-connector\"\n [class.only-one-step]=\"steps.length === 1\"\n [class]=\"'step-connector--' + (!inlineLabels ? 'absolute' : 'inline')\"\n *ngIf=\"steps.length === 1 || !isLast\"\n [style.visibility]=\"withoutConnectors || steps[step.index + 1]?.hide ? 'hidden' : 'unset'\"\n [class.connector-grand]=\"!inlineLabels && (index === 0 || index === steps.length - 2)\">\n <div class=\"progress\" [style.width]=\"getWidth(step)\"></div>\n </div>\n</ng-template>\n\n<ng-template #defaultStepTextLabel let-step=\"step\" let-index=\"index\">\n <span [hidden]=\"hiddenNames\">{{ step.name }}</span>\n</ng-template>\n", styles: [":host{font-family:Poppins,sans-serif;display:flex;justify-content:center;height:100%;position:relative}:host .scroll-section{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}:host .scroll-section i{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}:host .scroll-section i:hover{background:#cde1fb;cursor:pointer}:host .scroll-section:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#fff 36.08%,#fff0 87.17%)}:host .scroll-section:first-child i{transform:rotate(180deg)}:host .scroll-section:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#fff 36.08%,#fff0 87.17%);justify-content:flex-end}:host .stepper{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}:host .stepper::-webkit-scrollbar{display:none}:host .stepper--disabled .step:hover{cursor:default}:host .stepper--disabled .step-point .ellipse{border-color:#bcbcbc}:host .stepper--disabled .step-point .pointer{color:#fff;background-color:#bcbcbc;cursor:default}:host .stepper--disabled .step-label{color:#bcbcbc}:host .stepper--disabled .step-connector{background-color:#bcbcbc}:host .stepper--disabled .step-connector .progress{background-color:#bcbcbc}:host .stepper--mini .step-connector{display:none}:host .stepper--mini-connector{flex-grow:1;display:flex;margin:0 8px;background-color:#dfe0e3;height:2px}:host .stepper--mini-connector:last-child{display:none}:host .stepper--mini .step-setup{flex-grow:unset}:host .stepper--mini .step-point{width:18px!important;height:18px!important}:host .stepper--mini .step-point.active .pointer{width:12px;height:12px}:host .stepper--mini .step-point.active .pointer i{display:none}:host .stepper--mini .step-point.active .ellipse{width:18px;height:18px}:host .stepper--mini .step-point .pointer{width:16px;height:16px}:host .stepper--mini .step-point .pointer div.text{font-size:12px;line-height:16px;font-weight:400}:host .stepper--mini .step-point .pointer i{font-size:12px!important}:host .stepper--mini .step-label{margin-left:8px}:host .stepper--mini .step-label span{font-size:12px;line-height:16px;font-weight:400}:host .stepper--mini .step-label.active span{font-weight:600}:host .step{position:relative;display:flex;flex-direction:column;width:120px;align-items:center;flex-shrink:0;flex-grow:1}:host .step:hover{cursor:pointer}:host .step:not(.step-setup) .step-wrapper{width:100%}:host .step:not(.step-setup):first-child .step-wrapper,:host .step:not(.step-setup):first-child .step-point,:host .step:not(.step-setup):first-child .step-label,:host .step:not(.step-setup):first-child .step-progress{margin-left:8px}:host .step:not(.step-setup):first-child .only-one-step{left:0!important;margin-left:25px}:host .step-point{display:flex;justify-content:center;width:100%;height:28px;position:relative;align-items:center}:host .step-point .ellipse{width:28px;height:28px;position:absolute;border-radius:50px;border-color:#4646ce;border-style:solid;border-width:2px;background:#fff;display:flex;justify-content:center;align-items:center;z-index:2}:host .step-point .pointer{width:24px;height:24px;position:absolute;z-index:4;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:1.4;color:#6d6e6f;transition:box-shadow .2s ease-in-out}:host .step-point .pointer i{color:#fff;font-size:22px}:host .step-point .pointer.blue{background:#4646ce}:host .step-point .pointer.gray{background:#dfe0e3}:host .step-point .pointer.gray:hover{box-shadow:0 0 4px 2px #00000026}:host .step-point.completed :host .step-point.active{background:#4646ce}:host .step-point.active .ellipse{width:28px;height:28px}:host .step-point.active .pointer{width:20px;height:20px}:host .step-label{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f;display:flex;justify-content:center;overflow:hidden;margin-top:8px}:host .step-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .step-label.active{font-weight:600;color:#333}:host .step-label:last-child{margin-bottom:23px}:host .step-progress{font-size:12px;line-height:16px;font-weight:400;display:flex;justify-content:center}:host .step-connector{background-color:#dfe0e3;height:2px}:host .step-connector.connector-grand{width:calc(100% - 25px)}:host .step-connector.connector-grand.only-one-step{width:calc(100% - 50px)}:host .step-connector .progress{background-color:#4646ce;height:2px;width:0}:host .step-connector--absolute{position:absolute;top:14px;width:100%;left:calc(50% + 12px)}:host .step-connector--inline{width:50px;margin-left:32px;margin-right:32px}:host .step-setup{width:auto}:host .step-setup .step-wrapper{display:flex;flex-direction:row;align-items:center;width:auto}:host .step-setup+.step-setup{margin-left:0}:host .step-setup .step-progress{display:none}:host .step-setup .step-label{font-size:16px;line-height:24px;font-weight:400;position:relative;transform:none;align-items:center;justify-content:start;margin:0 0 0 8px}:host .step-setup .step-point{width:28px;height:28px}:host .step-setup .step-point .pointer i{font-size:22px}:host .step-setup .step-point .pointer .text{font-size:16px}::ng-deep .step-tooltip{font-size:14px;line-height:24px;font-weight:400;max-width:250px;padding:10px 12px}::ng-deep .step-tooltip_name{font-weight:700;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1367px){.stepper .step-label{font-size:14px}}\n"] }]
|
|
268
268
|
}], null, { steps: [{
|
|
269
269
|
type: Input
|
|
270
270
|
}], currentStep: [{
|