@datarailsshared/datarailsshared 1.5.254 → 1.5.256
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/datarailsshared-datarailsshared-1.5.256.tgz +0 -0
- package/esm2022/lib/date-tags/date-tag.component.mjs +2 -2
- package/esm2022/lib/date-tags/week-tag/week-tag.component.mjs +2 -2
- package/esm2022/lib/dr-alert/dr-alert.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-form/chat-form.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-message/chat-message.component.mjs +3 -3
- package/esm2022/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.mjs +2 -2
- package/esm2022/lib/dr-dropdown/dr-dropdown.component.mjs +3 -3
- package/esm2022/lib/dr-inputs/button/button.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.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/dr-date-picker_custom-header/dr-date-picker_custom-header.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-input/dr-input.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-select/dr-select.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-toggle/dr-toggle.component.mjs +2 -2
- package/esm2022/lib/dr-tabs/dr-tabs.component.mjs +2 -2
- package/esm2022/lib/dr-tags/dr-tag.component.mjs +2 -2
- package/esm2022/lib/dr-toastr/default-toastr/default-toastr.component.mjs +2 -2
- package/esm2022/lib/dr-tooltip/dr-tooltip.component.mjs +2 -2
- package/esm2022/lib/list-tags/list-tag.component.mjs +2 -2
- package/esm2022/lib/models/datePicker.mjs +2 -2
- package/esm2022/lib/stepper/stepper.component.mjs +6 -3
- package/fesm2022/datarailsshared-datarailsshared.mjs +47 -44
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/models/datePicker.d.ts +1 -1
- package/lib/stepper/stepper.component.d.ts +2 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.5.254.tgz +0 -0
|
@@ -5,7 +5,7 @@ export var DateFromats;
|
|
|
5
5
|
DateFromats["YEAR_FORMAT"] = "yyyy";
|
|
6
6
|
DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
|
|
7
7
|
DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
|
|
8
|
-
DateFromats["WEEK_FORMAT"] = "
|
|
8
|
+
DateFromats["WEEK_FORMAT"] = "w/yyyy";
|
|
9
9
|
})(DateFromats || (DateFromats = {}));
|
|
10
10
|
export class CustomDateFormat {
|
|
11
11
|
constructor() {
|
|
@@ -70,4 +70,4 @@ export var DateTags;
|
|
|
70
70
|
DateTags["THIS_MONTH"] = "this_month";
|
|
71
71
|
DateTags["PREV_MONTH"] = "prev_month";
|
|
72
72
|
})(DateTags || (DateTags = {}));
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL21vZGVscy9kYXRlUGlja2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFdBT1g7QUFQRCxXQUFZLFdBQVc7SUFDbkIscURBQXNDLENBQUE7SUFDdEMsK0NBQWdDLENBQUE7SUFDaEMsbUNBQW9CLENBQUE7SUFDcEIsNENBQTZCLENBQUE7SUFDN0Isd0NBQXlCLENBQUE7SUFDekIscUNBQXNCLENBQUE7QUFDMUIsQ0FBQyxFQVBXLFdBQVcsS0FBWCxXQUFXLFFBT3RCO0FBZUQsTUFBTSxPQUFPLGdCQUFnQjtJQUE3QjtRQUNZLFdBQU0sR0FBYztZQUN4QixTQUFTLEVBQUUsV0FBVyxDQUFDLGlCQUFpQjtTQUMzQyxDQUFDO1FBQ00sYUFBUSxHQUFnQjtZQUM1QixTQUFTLEVBQUUsV0FBVyxDQUFDLGlCQUFpQjtZQUN4QyxjQUFjLEVBQUUsVUFBVTtZQUMxQixhQUFhLEVBQUUsSUFBSTtZQUNuQixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLGdCQUFnQixFQUFFLFFBQVE7WUFDMUIsU0FBUyxFQUFFLE1BQU07U0FDcEIsQ0FBQztJQXlCTixDQUFDO0lBdkJHLElBQUksS0FBSyxDQUFDLEtBQWdCO1FBQ3RCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFJLE9BQU8sQ0FBQyxPQUFvQjtRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBZ0IsRUFBRSxPQUFxQjtRQUNwRCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1YsT0FBTyxHQUFHLEtBQUssQ0FBQztTQUNuQjtRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQzNCLENBQUM7Q0FDSjtBQVVELE1BQU0sQ0FBTixJQUFZLHdCQUtYO0FBTEQsV0FBWSx3QkFBd0I7SUFDaEMseUZBQWEsQ0FBQTtJQUNiLCtGQUFnQixDQUFBO0lBQ2hCLDZGQUFlLENBQUE7SUFDZiw2RUFBTyxDQUFBO0FBQ1gsQ0FBQyxFQUxXLHdCQUF3QixLQUF4Qix3QkFBd0IsUUFLbkM7QUFFRCxNQUFNLENBQU4sSUFBWSxlQU1YO0FBTkQsV0FBWSxlQUFlO0lBQ3ZCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysc0NBQW1CLENBQUE7SUFDbkIsZ0NBQWEsQ0FBQTtJQUNiLGdDQUFhLENBQUE7QUFDakIsQ0FBQyxFQU5XLGVBQWUsS0FBZixlQUFlLFFBTTFCO0FBRUQsTUFBTSxDQUFOLElBQVksWUFLWDtBQUxELFdBQVksWUFBWTtJQUNwQixrQ0FBa0IsQ0FBQTtJQUNsQixtQ0FBbUIsQ0FBQTtJQUNuQixxQ0FBcUIsQ0FBQTtJQUNyQix3Q0FBd0IsQ0FBQTtBQUM1QixDQUFDLEVBTFcsWUFBWSxLQUFaLFlBQVksUUFLdkI7QUFFRCxNQUFNLENBQU4sSUFBWSxRQUtYO0FBTEQsV0FBWSxRQUFRO0lBQ2hCLDJCQUFlLENBQUE7SUFDZixtQ0FBdUIsQ0FBQTtJQUN2QixxQ0FBeUIsQ0FBQTtJQUN6QixxQ0FBeUIsQ0FBQTtBQUM3QixDQUFDLEVBTFcsUUFBUSxLQUFSLFFBQVEsUUFLbkIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBEYXRlRnJvbWF0cyB7XG4gICAgTUFUX0RFRkFVTFRfREFURV9GT1JNQVQgPSAnTU0vREQveXl5eScsXG4gICAgREFURV9JTlBVVF9GT1JNQVQgPSAnWVlZWS9NTS9ERCcsXG4gICAgWUVBUl9GT1JNQVQgPSAneXl5eScsXG4gICAgTU9OVEhfWUVBUl9GT1JNQVQgPSAnTU0veXl5eScsXG4gICAgUVVBUlRFUl9GT1JNQVQgPSAnUS95eXl5JyxcbiAgICBXRUVLX0ZPUk1BVCA9ICd3L3l5eXknXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGF0ZVBhcnNlIHtcbiAgICBkYXRlSW5wdXQ6IHN0cmluZztcbn1cblxuZXhwb3J0IHR5cGUgRGF0ZURpc3BsYXkgPSBEYXRlUGFyc2UgJiB7XG4gICAgbW9udGhZZWFyTGFiZWw/OiBzdHJpbmc7XG4gICAgZGF0ZUExMXlMYWJlbD86IHN0cmluZztcbiAgICBtb250aFllYXJBMTF5TGFiZWw/OiBzdHJpbmc7XG4gICAgcXVhcnRlclllYXJBMTF5TGFiZWw/OiBzdHJpbmc7XG4gICAgeWVhckxhYmVsPzogc3RyaW5nO1xuICAgIHF1YXJ0ZXJZZWFyTGFiZWw/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY2xhc3MgQ3VzdG9tRGF0ZUZvcm1hdCB7XG4gICAgcHJpdmF0ZSBfcGFyc2U6IERhdGVQYXJzZSA9IHtcbiAgICAgICAgZGF0ZUlucHV0OiBEYXRlRnJvbWF0cy5EQVRFX0lOUFVUX0ZPUk1BVCxcbiAgICB9O1xuICAgIHByaXZhdGUgX2Rpc3BsYXk6IERhdGVEaXNwbGF5ID0ge1xuICAgICAgICBkYXRlSW5wdXQ6IERhdGVGcm9tYXRzLkRBVEVfSU5QVVRfRk9STUFULFxuICAgICAgICBtb250aFllYXJMYWJlbDogJ01NTSBZWVlZJyxcbiAgICAgICAgZGF0ZUExMXlMYWJlbDogJ0xMJyxcbiAgICAgICAgbW9udGhZZWFyQTExeUxhYmVsOiAnTU1NIFlZWVknLFxuICAgICAgICBxdWFydGVyWWVhckxhYmVsOiAnUS9ZWVlZJyxcbiAgICAgICAgeWVhckxhYmVsOiAnWVlZWSdcbiAgICB9O1xuXG4gICAgc2V0IHBhcnNlKHBhcnNlOiBEYXRlUGFyc2UpIHtcbiAgICAgICAgdGhpcy5fcGFyc2UgPSBPYmplY3QuYXNzaWduKHt9LCB0aGlzLl9wYXJzZSwgcGFyc2UpO1xuICAgIH1cblxuICAgIGdldCBwYXJzZSgpOiBEYXRlUGFyc2Uge1xuICAgICAgICByZXR1cm4gdGhpcy5fcGFyc2U7XG4gICAgfVxuXG4gICAgc2V0IGRpc3BsYXkoZGlzcGxheTogRGF0ZURpc3BsYXkpIHtcbiAgICAgICAgdGhpcy5fZGlzcGxheSA9IE9iamVjdC5hc3NpZ24oe30sIHRoaXMuX2Rpc3BsYXksIGRpc3BsYXkpO1xuICAgIH1cblxuICAgIGdldCBkaXNwbGF5KCk6IERhdGVEaXNwbGF5IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Rpc3BsYXk7XG4gICAgfVxuXG4gICAgdXBkYXRlRGF0ZUZvcm1hdChwYXJzZTogRGF0ZVBhcnNlLCBkaXNwbGF5PzogRGF0ZURpc3BsYXkpIHtcbiAgICAgICAgdGhpcy5wYXJzZSA9IHBhcnNlO1xuICAgICAgICBpZiAoIWRpc3BsYXkpIHtcbiAgICAgICAgICAgIGRpc3BsYXkgPSBwYXJzZTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRpc3BsYXkgPSBkaXNwbGF5O1xuICAgIH1cbn1cblxuZXhwb3J0IGludGVyZmFjZSBJRGF0ZVBpY2tlckZvcm1hdENvbmZpZyB7XG4gICAgZGF5Pzogc3RyaW5nO1xuICAgIG1vbnRoPzogc3RyaW5nO1xuICAgIHllYXI/OiBzdHJpbmc7XG4gICAgcXVhcnRlcj86IHN0cmluZztcbiAgICB3ZWVrPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZW51bSBEYXRlUGlja2VyUGVyaW9kUG9zaXRpb24ge1xuICAgIEVORF9PRl9QRVJJT0QsXG4gICAgTUlERExFX09GX1BFUklPRCxcbiAgICBTVEFSVF9PRl9QRVJJT0QsXG4gICAgREVGQVVMVFxufVxuXG5leHBvcnQgZW51bSBUaW1lZnJhbWVPcHRpb24ge1xuICAgIERBWSA9ICdkYXknLFxuICAgIE1PTlRIID0gJ21vbnRoJyxcbiAgICBRVUFSVEVSID0gJ3F1YXJ0ZXInLFxuICAgIFdFRUsgPSAnd2VlaycsXG4gICAgWUVBUiA9ICd5ZWFyJyxcbn1cblxuZXhwb3J0IGVudW0gQ2FsZW5kYXJWaWV3IHtcbiAgICBGT1JfREFZUyA9ICdtb250aCcsXG4gICAgRk9SX01PTlRIUyA9ICd5ZWFyJyxcbiAgICBGT1JfUVVBUlRFUlMgPSAnbm9uZScsXG4gICAgRk9SX1lFQVJTID0gJ211bHRpLXllYXInLFxufVxuXG5leHBvcnQgZW51bSBEYXRlVGFncyB7XG4gICAgVE9EQVkgPSAndG9kYXknLFxuICAgIFlFU1RFUkRBWSA9ICd5ZXN0ZXJkYXknLFxuICAgIFRISVNfTU9OVEggPSAndGhpc19tb250aCcsXG4gICAgUFJFVl9NT05USCA9ICdwcmV2X21vbnRoJyxcbn1cblxuZXhwb3J0IHR5cGUgVFRpbWVmcmFtZU9wdGlvbiA9IFRpbWVmcmFtZU9wdGlvbjtcbmV4cG9ydCB0eXBlIFRDYWxlbmRhclZpZXcgPSBDYWxlbmRhclZpZXc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRpbWVmcmFtZU9wdGlvbiB7XG4gICAgdGltZWZyYW1lOiBUaW1lZnJhbWVPcHRpb247XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICB2YWx1ZTogVENhbGVuZGFyVmlldztcbiAgICBmb3JtYXQ6IHN0cmluZztcbiAgICBwZXJpb2RMYWJlbDogKCkgPT4gc3RyaW5nO1xufVxuIl19
|
|
@@ -9,6 +9,7 @@ export class StepperComponent {
|
|
|
9
9
|
this.inlineLabels = false;
|
|
10
10
|
this.disabled = false;
|
|
11
11
|
this.hiddenIndex = false;
|
|
12
|
+
this.mini = false;
|
|
12
13
|
this.stepChange = new EventEmitter();
|
|
13
14
|
}
|
|
14
15
|
selectStep(step) {
|
|
@@ -35,11 +36,11 @@ export class StepperComponent {
|
|
|
35
36
|
return Math.round(width);
|
|
36
37
|
}
|
|
37
38
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StepperComponent, selector: "dr-stepper", inputs: { steps: "steps", currentStep: "currentStep", withoutConnectors: "withoutConnectors", hiddenNames: "hiddenNames", inlineLabels: "inlineLabels", disabled: "disabled", hiddenIndex: "hiddenIndex" }, outputs: { stepChange: "stepChange" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true, read: ElementRef }], ngImport: i0, 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\" [ngClass]=\"{'stepper--disabled': disabled}\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div *ngIf=\"!step.hide\" class=\"step\" (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\">\n <div class=\"step-wrapper\" [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div data-test=\"step_point\" class=\"step-point\" [class.active]=\"currentStep === step\" [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 class=\"pointer\" [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 data-test=\"step_label_name\" class=\"step-label\" [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <span [hidden]=\"hiddenNames\">{{step.name}}</span>\n </div>\n <ng-container *ngIf=\"inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\"\n data-test=\"step_progress\"\n class=\"step-progress\">\n {{(step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks}}\n </span>\n </div>\n <ng-container *ngIf=\"!inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n </ng-container>\n</div>\n<div (click)=\"scrollRight()\" class=\"scroll-section\"\n *ngIf=\"stepper?.scrollWidth > stepper?.clientWidth && roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\">\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 class=\"step-connector\" [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", 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,#ffffff 36.08%,rgba(255,255,255,0) 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,#ffffff 36.08%,rgba(255,255,255,0) 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 .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:white;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:#51566f;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:#e5e6ea}: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:#e5e5e5;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"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.DrTooltipDirective, selector: "[drTooltip]", inputs: ["drTooltip", "drTooltipContext", "drTooltipPosition", "drTooltipClass", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipOptions", "drTooltipShow"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
39
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StepperComponent, selector: "dr-stepper", inputs: { steps: "steps", currentStep: "currentStep", withoutConnectors: "withoutConnectors", hiddenNames: "hiddenNames", inlineLabels: "inlineLabels", disabled: "disabled", hiddenIndex: "hiddenIndex", mini: "mini" }, outputs: { stepChange: "stepChange" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"scroll-section\" *ngIf=\"stepper?.scrollLeft !== 0\" (click)=\"scrollLeft()\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n<div #stepper\n class=\"stepper\"\n [class.stepper--disabled]=\"disabled\"\n [class.stepper--mini]=\"mini\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div *ngIf=\"!step.hide\" class=\"step\" (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\">\n <div class=\"step-wrapper\" [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div data-test=\"step_point\" class=\"step-point\" [class.active]=\"currentStep === step\" [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 class=\"pointer\" [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 data-test=\"step_label_name\" class=\"step-label\" [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <span [hidden]=\"hiddenNames\">{{step.name}}</span>\n </div>\n <ng-container *ngIf=\"inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\"\n data-test=\"step_progress\"\n class=\"step-progress\">\n {{(step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks}}\n </span>\n </div>\n <ng-container *ngIf=\"!inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n </ng-container>\n</div>\n<div (click)=\"scrollRight()\" class=\"scroll-section\"\n *ngIf=\"stepper?.scrollWidth > stepper?.clientWidth && roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\">\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 class=\"step-connector\" [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", 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-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 .stepper--mini .step-connector .progress{background-color:#dfe0e3}:host .stepper--mini .step-connector--inline{width:53px;margin:0 12px}: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"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.DrTooltipDirective, selector: "[drTooltip]", inputs: ["drTooltip", "drTooltipContext", "drTooltipPosition", "drTooltipClass", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipOptions", "drTooltipShow"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
39
40
|
}
|
|
40
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperComponent, decorators: [{
|
|
41
42
|
type: Component,
|
|
42
|
-
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
|
|
43
|
+
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\n class=\"stepper\"\n [class.stepper--disabled]=\"disabled\"\n [class.stepper--mini]=\"mini\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div *ngIf=\"!step.hide\" class=\"step\" (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\">\n <div class=\"step-wrapper\" [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div data-test=\"step_point\" class=\"step-point\" [class.active]=\"currentStep === step\" [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 class=\"pointer\" [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 data-test=\"step_label_name\" class=\"step-label\" [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <span [hidden]=\"hiddenNames\">{{step.name}}</span>\n </div>\n <ng-container *ngIf=\"inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\"\n data-test=\"step_progress\"\n class=\"step-progress\">\n {{(step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks}}\n </span>\n </div>\n <ng-container *ngIf=\"!inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n </ng-container>\n</div>\n<div (click)=\"scrollRight()\" class=\"scroll-section\"\n *ngIf=\"stepper?.scrollWidth > stepper?.clientWidth && roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\">\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 class=\"step-connector\" [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", 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-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 .stepper--mini .step-connector .progress{background-color:#dfe0e3}:host .stepper--mini .step-connector--inline{width:53px;margin:0 12px}: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"] }]
|
|
43
44
|
}], propDecorators: { steps: [{
|
|
44
45
|
type: Input
|
|
45
46
|
}], currentStep: [{
|
|
@@ -54,10 +55,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
54
55
|
type: Input
|
|
55
56
|
}], hiddenIndex: [{
|
|
56
57
|
type: Input
|
|
58
|
+
}], mini: [{
|
|
59
|
+
type: Input
|
|
57
60
|
}], stepChange: [{
|
|
58
61
|
type: Output
|
|
59
62
|
}], stepper: [{
|
|
60
63
|
type: ViewChild,
|
|
61
64
|
args: ['stepper', { read: ElementRef }]
|
|
62
65
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN2SCxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBVWEsc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUNaLGVBQVUsR0FBb0IsSUFBSSxZQUFZLEVBQUssQ0FBQztLQTJCakU7SUF4QkcsVUFBVSxDQUFDLElBQU87UUFDZCxJQUFJLElBQUksS0FBSyxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUM3QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM5QjtJQUNMLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBTztRQUNaLElBQUksSUFBSSxDQUFDLGlCQUFpQjtZQUFFLE9BQU8sSUFBSSxDQUFDO1FBQ3hDLElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxPQUFPLE1BQU0sQ0FBQztRQUNsQyxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQUUsT0FBTyxHQUFJLENBQUMsSUFBSSxFQUFFLGNBQWMsR0FBRyxJQUFJLEVBQUUsYUFBYSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUUsR0FBRyxDQUFDO1FBQ3JJLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxVQUFVO1FBQ2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxJQUFJLEVBQUUsQ0FBQztJQUNoRCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7SUFDaEQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxLQUFhO1FBQzNCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDO2tJQXBDUSxnQkFBZ0I7c0hBQWhCLGdCQUFnQixrWUFXSyxVQUFVLDZCQ3BCNUMsazBIQXFFQTs7NEZENURhLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDSSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE9BQU87OEJBSXZDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUM0QyxPQUFPO3NCQUF6RCxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RlcCB9IGZyb20gJy4vaW50ZXJmYWNlcy9zdGVwcGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1zdGVwcGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdFxufSlcbmV4cG9ydCBjbGFzcyBTdGVwcGVyQ29tcG9uZW50PFQgZXh0ZW5kcyBTdGVwPiB7XG5cbiAgICBASW5wdXQoKSBzdGVwczogVFtdO1xuICAgIEBJbnB1dCgpIGN1cnJlbnRTdGVwOiBUO1xuICAgIEBJbnB1dCgpIHdpdGhvdXRDb25uZWN0b3JzID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGlkZGVuTmFtZXMgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBpbmxpbmVMYWJlbHMgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGhpZGRlbkluZGV4ID0gZmFsc2U7XG4gICAgQElucHV0KCkgbWluaSA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSBzdGVwQ2hhbmdlOiBFdmVudEVtaXR0ZXI8VD4gPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XG4gICAgQFZpZXdDaGlsZCgnc3RlcHBlcicsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBwdWJsaWMgc3RlcHBlcjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgICBzZWxlY3RTdGVwKHN0ZXA6IFQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHN0ZXAgIT09IHRoaXMuY3VycmVudFN0ZXAgJiYgIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuc3RlcENoYW5nZS5lbWl0KHN0ZXApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZ2V0V2lkdGgoc3RlcDogVCk6IHN0cmluZyB7XG4gICAgICAgIGlmICh0aGlzLndpdGhvdXRDb25uZWN0b3JzKSByZXR1cm4gJzAlJztcbiAgICAgICAgaWYgKHN0ZXAuY29tcGxldGVkKSByZXR1cm4gJzEwMCUnO1xuICAgICAgICBpZiAoc3RlcC5pbmRleCA9PT0gMCB8fCB0aGlzLnN0ZXBzW3N0ZXAuaW5kZXggLSAxXS5jb21wbGV0ZWQpIHJldHVybiBgJHsgKHN0ZXA/LmNvbXBsZXRlZFRhc2tzIC8gc3RlcD8ucmVxdWlyZWRUYXNrcyAqIDEwMCkgfHwgMCB9JWA7XG4gICAgICAgIHJldHVybiAnMCUnO1xuICAgIH1cblxuICAgIHB1YmxpYyBzY3JvbGxMZWZ0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0ZXBwZXIubmF0aXZlRWxlbWVudC5zY3JvbGxMZWZ0IC09IDgwO1xuICAgIH1cblxuICAgIHB1YmxpYyBzY3JvbGxSaWdodCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdGVwcGVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCArPSA4MDtcbiAgICB9XG5cbiAgICBwdWJsaWMgcm91bmRXaWR0aCh3aWR0aDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIE1hdGgucm91bmQod2lkdGgpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzY3JvbGwtc2VjdGlvblwiICpuZ0lmPVwic3RlcHBlcj8uc2Nyb2xsTGVmdCAhPT0gMFwiIChjbGljayk9XCJzY3JvbGxMZWZ0KClcIj5cbiAgICA8aSBjbGFzcz1cImRyLWljb24tYXJyb3ctcmlnaHRcIj48L2k+XG48L2Rpdj5cbjxkaXYgI3N0ZXBwZXJcbiAgICAgY2xhc3M9XCJzdGVwcGVyXCJcbiAgICAgW2NsYXNzLnN0ZXBwZXItLWRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgW2NsYXNzLnN0ZXBwZXItLW1pbmldPVwibWluaVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHM7IGxldCBpbmRleCA9IGluZGV4OyBsYXN0IGFzIGlzTGFzdDsgZmlyc3QgYXMgaXNGaXJzdFwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIXN0ZXAuaGlkZVwiIGNsYXNzPVwic3RlcFwiIChjbGljayk9XCJzZWxlY3RTdGVwKHN0ZXApXCJcbiAgICAgICAgICAgICBbY2xhc3Muc3RlcC1zZXR1cF09XCJpbmxpbmVMYWJlbHNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXdyYXBwZXJcIiBbZHJUb29sdGlwXT1cInN0ZXAuZGVzY3JpcHRpb24gJiYgdG9vbHRpcFwiXG4gICAgICAgICAgICAgICAgIFtkclRvb2x0aXBDb250ZXh0XT1cInsgc3RlcDogc3RlcCB9XCJcbiAgICAgICAgICAgICAgICAgW2RyVG9vbHRpcFBvc2l0aW9uXT1cIidib3R0b20nXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBkYXRhLXRlc3Q9XCJzdGVwX3BvaW50XCIgY2xhc3M9XCJzdGVwLXBvaW50XCIgW2NsYXNzLmFjdGl2ZV09XCJjdXJyZW50U3RlcCA9PT0gc3RlcFwiIFtjbGFzcy5jb21wbGV0ZWRdPVwic3RlcC5jb21wbGV0ZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInN0ZXAgPT09IGN1cnJlbnRTdGVwO1wiIGNsYXNzPVwiZWxsaXBzZVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzdGVwLmNvbXBsZXRlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb2ludGVyIGJsdWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJkci1pY29uLWFwcHJvdmVcIj48L2k+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwiZmFsc2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9pbnRlclwiIFtjbGFzcy5ncmF5XT1cInN0ZXAgIT09IGN1cnJlbnRTdGVwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYmx1ZSB3aXRoLWVsbGlwc2UnOiBzdGVwID09PSBjdXJyZW50U3RlcH1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBbaGlkZGVuXT1cInN0ZXAgPT09IGN1cnJlbnRTdGVwIHx8IGhpZGRlbkluZGV4XCIgY2xhc3M9XCJ0ZXh0XCI+e3tpbmRleCArIDF9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBkYXRhLXRlc3Q9XCJzdGVwX2xhYmVsX25hbWVcIiBjbGFzcz1cInN0ZXAtbGFiZWxcIiBbY2xhc3MuYWN0aXZlXT1cImN1cnJlbnRTdGVwID09PSBzdGVwXCJcbiAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInN0ZXAuY29tcGxldGVkID8gJ2NvbXBsZXRlZCcgOiAndW5jb21wbGV0ZWQnXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIFtoaWRkZW5dPVwiaGlkZGVuTmFtZXNcIj57e3N0ZXAubmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbmxpbmVMYWJlbHNcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJjb25uZWN0b3JcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgaW5kZXgsIGlzTGFzdCwgc3RlcCB9XCI+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJzdGVwLnNob3dQcm9ncmVzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0PVwic3RlcF9wcm9ncmVzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdGVwLXByb2dyZXNzXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7KHN0ZXAucmVxdWlyZWRUYXNrcyA/IHN0ZXAuY29tcGxldGVkVGFza3MgOiBzdGVwLnJlcXVpcmVkVGFza3MpICsgJy8nICsgc3RlcC5yZXF1aXJlZFRhc2tzfX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaW5saW5lTGFiZWxzXCIgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29ubmVjdG9yXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgaW5kZXgsIGlzTGFzdCwgc3RlcCB9XCI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbjxkaXYgKGNsaWNrKT1cInNjcm9sbFJpZ2h0KClcIiBjbGFzcz1cInNjcm9sbC1zZWN0aW9uXCJcbiAgICAgKm5nSWY9XCJzdGVwcGVyPy5zY3JvbGxXaWR0aCA+IHN0ZXBwZXI/LmNsaWVudFdpZHRoICYmIHJvdW5kV2lkdGgoc3RlcHBlcj8uc2Nyb2xsTGVmdCArIHN0ZXBwZXI/LmNsaWVudFdpZHRoKSA8IHN0ZXBwZXI/LnNjcm9sbFdpZHRoXCI+XG4gICAgPGkgY2xhc3M9XCJkci1pY29uLWFycm93LXJpZ2h0XCI+PC9pPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjdG9vbHRpcCBsZXQtc3RlcD1cInN0ZXBcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC10b29sdGlwXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRvb2x0aXBfbmFtZVwiPnt7c3RlcC5uYW1lfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtdG9vbHRpcF9kZXNjcmlwdGlvblwiPnt7c3RlcC5kZXNjcmlwdGlvbn19PC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Nvbm5lY3RvciBsZXQtc3RlcD1cInN0ZXBcIiBsZXQtaXNMYXN0PVwiaXNMYXN0XCIgbGV0LWluZGV4PVwiaW5kZXhcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1jb25uZWN0b3JcIiBbY2xhc3Mub25seS1vbmUtc3RlcF09XCJzdGVwcy5sZW5ndGggPT09IDFcIlxuICAgICAgICAgW2NsYXNzXT1cIidzdGVwLWNvbm5lY3Rvci0tJyArICghaW5saW5lTGFiZWxzID8gJ2Fic29sdXRlJyA6ICdpbmxpbmUnKVwiXG4gICAgICAgICAqbmdJZj1cInN0ZXBzLmxlbmd0aCA9PT0gMSB8fCAhaXNMYXN0XCJcbiAgICAgICAgIFtzdHlsZS52aXNpYmlsaXR5XT1cIndpdGhvdXRDb25uZWN0b3JzIHx8IHN0ZXBzW3N0ZXAuaW5kZXggKyAxXT8uaGlkZSA/ICdoaWRkZW4nIDogJ3Vuc2V0J1wiXG4gICAgICAgICBbY2xhc3MuY29ubmVjdG9yLWdyYW5kXT1cIiFpbmxpbmVMYWJlbHMgJiYgKGluZGV4ID09PSAwIHx8IGluZGV4ID09PSBzdGVwcy5sZW5ndGggLSAyKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3NcIiBbc3R5bGUud2lkdGhdPVwiZ2V0V2lkdGgoc3RlcClcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|