@datarailsshared/datarailsshared 1.4.71-rocket → 1.4.72
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/bundles/datarailsshared-datarailsshared.umd.js +16 -183
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.72.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +0 -5
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +1 -6
- package/esm2015/lib/dr-dropdown/dr-dropdown.component.js +1 -1
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.js +10 -5
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.js +3 -2
- package/esm2015/lib/dr-inputs/date-pickers/services/dr-date-picker.service.js +1 -1
- package/esm2015/lib/dr-tooltip/dr-tooltip.module.js +4 -16
- package/esm2015/public-api.js +1 -4
- package/fesm2015/datarailsshared-datarailsshared.js +11 -182
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.d.ts +1 -1
- package/lib/dr-inputs/date-pickers/services/dr-date-picker.service.d.ts +3 -2
- package/package.json +1 -1
- package/public-api.d.ts +0 -4
- package/assets/styles/img/dr-icon-info.svg +0 -3
- package/datarailsshared-datarailsshared-1.4.71-rocket.tgz +0 -0
- package/esm2015/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.js +0 -18
- package/esm2015/lib/dr-tooltip/components/tooltip-info-simple/tooltip-info-simple.component.js +0 -18
- package/esm2015/lib/dr-tooltip/components/tooltip-no-body/tooltip-no-body.component.js +0 -20
- package/esm2015/lib/dr-tooltip/components/tooltip-process-default/tooltip-process-default.component.js +0 -34
- package/esm2015/lib/dr-tooltip/enums/tooltip-position.enum.js +0 -16
- package/esm2015/lib/dr-tooltip/interfaces/tooltip-component-context.js +0 -2
- package/esm2015/lib/stepper/interfaces/stepper.js +0 -2
- package/esm2015/lib/stepper/stepper.component.js +0 -55
- package/esm2015/lib/stepper/stepper.module.js +0 -17
- package/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.d.ts +0 -5
- package/lib/dr-tooltip/components/tooltip-info-simple/tooltip-info-simple.component.d.ts +0 -5
- package/lib/dr-tooltip/components/tooltip-no-body/tooltip-no-body.component.d.ts +0 -6
- package/lib/dr-tooltip/components/tooltip-process-default/tooltip-process-default.component.d.ts +0 -4
- package/lib/dr-tooltip/enums/tooltip-position.enum.d.ts +0 -14
- package/lib/dr-tooltip/interfaces/tooltip-component-context.d.ts +0 -6
- package/lib/stepper/interfaces/stepper.d.ts +0 -9
- package/lib/stepper/stepper.component.d.ts +0 -19
- package/lib/stepper/stepper.module.d.ts +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { DatePickerPeriodPosition, TimeframeOption } from '../../../models/datePicker';
|
|
4
4
|
import { Moment } from 'moment';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MatDatepicker } from
|
|
1
|
+
import { MatCalendar, MatDatepicker } from '@angular/material/datepicker';
|
|
2
2
|
import { Moment } from 'moment';
|
|
3
3
|
import { Subject, BehaviorSubject } from "rxjs";
|
|
4
4
|
import { IDatePickerFormatConfig, TTimeframeOption, TimeframeOption } from "../../../models/datePicker";
|
|
@@ -7,9 +7,10 @@ export declare class DrDatePickerService {
|
|
|
7
7
|
timeframe: TTimeframeOption;
|
|
8
8
|
format$: BehaviorSubject<string>;
|
|
9
9
|
updatedQuarter$: Subject<Moment>;
|
|
10
|
-
|
|
10
|
+
datePickerInstance: MatDatepicker<any>;
|
|
11
11
|
availableTimeframes: TimeframeOption[];
|
|
12
12
|
formatConfig: IDatePickerFormatConfig;
|
|
13
|
+
calendarInstance: MatCalendar<any>;
|
|
13
14
|
getDisplayPrefix(): "" | "Q" | "W";
|
|
14
15
|
getTimeframe(format: string): TimeframeOption;
|
|
15
16
|
getConfiguredFormat(timeframe: TTimeframeOption): string;
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -40,9 +40,6 @@ export * from './lib/dr-layout/dr-layout.component';
|
|
|
40
40
|
export * from './lib/dr-layout/dr-layout-header.component';
|
|
41
41
|
export * from './lib/dr-layout/dr-layout-body.component';
|
|
42
42
|
export * from './lib/dr-error/dr-error.component';
|
|
43
|
-
export { TooltipPosition } from './lib/dr-tooltip/enums/tooltip-position.enum';
|
|
44
|
-
export { Step } from './lib/stepper/interfaces/stepper';
|
|
45
|
-
export { TooltipInfoContext } from './lib/dr-tooltip/interfaces/tooltip-component-context';
|
|
46
43
|
export * from './lib/dr-inputs/dr-model-debounce-change.directive';
|
|
47
44
|
export * from './lib/models/datePicker';
|
|
48
45
|
export { TAG_TYPES, ITag, IDateTag, IListTag, ITagForServer } from './lib/models/serverTags';
|
|
@@ -64,4 +61,3 @@ export { DrAccordionModule } from './lib/dr-accordion/accordion.module';
|
|
|
64
61
|
export { DrSharedUtils } from './lib/utils/dr-shared-utils';
|
|
65
62
|
export { DrLayoutModule } from './lib/dr-layout/dr-layout.module';
|
|
66
63
|
export { DrErrorModule } from './lib/dr-error/dr-error.module';
|
|
67
|
-
export { StepperModule } from './lib/stepper/stepper.module';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M8.00008 2.66669C5.05341 2.66669 2.66675 5.05335 2.66675 8.00002C2.66675 10.9467 5.05341 13.3334 8.00008 13.3334C10.9467 13.3334 13.3334 10.9467 13.3334 8.00002C13.3334 5.05335 10.9467 2.66669 8.00008 2.66669ZM8.53341 10.6667H7.46675V7.46669H8.53341V10.6667ZM8.53341 6.40002H7.46675V5.33335H8.53341V6.40002Z" fill="#7B61FF"/>
|
|
3
|
-
</svg>
|
|
Binary file
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
2
|
-
export class TooltipInfoComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
TooltipInfoComponent.decorators = [
|
|
7
|
-
{ type: Component, args: [{
|
|
8
|
-
selector: 'dr-tooltip-info',
|
|
9
|
-
template: "<div class=\"tooltip-info\">\n <i *ngIf=\"data?.icon else defaultIcon\" class=\"fa\" [class]=\"data.icon\" [style.fontSize.px]=\"14\"\n [style.margin.px]=\"12\" [style.color]=\"data?.iconColor || '#7B61FF'\"></i>\n <div class=\"tooltip-info-content-wrapper\">\n <div *ngIf=\"data?.title\" class=\"tooltip-info_header\">\n <span>{{data.title}}</span>\n </div>\n <div *ngIf=\"data?.description\" class=\"tooltip-info_description\"\n [class.tooltip-info_description-no-border]=\"!data.title\">\n <ng-container *ngIf=\"!data.title\"></ng-container>\n <span>{{data.description}}</span>\n </div>\n </div>\n</div>\n\n<ng-template #defaultIcon>\n <ng-container *ngIf=\"!data.icon\">\n <div class=\"default-icon\"></div>\n </ng-container>\n</ng-template>\n",
|
|
10
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
11
|
-
styles: [".tooltip-info{width:316px;display:flex}.tooltip-info-content-wrapper{display:flex;flex-direction:column;padding-top:10px}.tooltip-info_header{padding:0 16px 6px 0;font-weight:bold;font-size:14px;line-height:16px;letter-spacing:.25px;display:flex;justify-content:flex-start}.tooltip-info_header>i{margin-right:10px}.tooltip-info-content-wrapper{padding-top:10px}.tooltip-info_description{display:flex;align-items:flex-start;border-top:1px solid #AEB5BB;padding:12px 10px 10px 0;text-align:left;font-weight:normal;font-size:14px;line-height:22px}.tooltip-info_description-no-border{padding-top:0;border-top:none}.tooltip-info_description>i{margin-right:10px}:host.tooltip-info-medium .tooltip-info{max-width:272px}:host.tooltip-info-medium .tooltip-info-content-wrapper{padding-top:10px}:host.tooltip-info-medium .tooltip-info_header,:host.tooltip-info-medium .tooltip-info_description{min-height:unset;border-top:none;font-size:14px;line-height:22px}:host.tooltip-info-medium .tooltip-info_header{padding:10px 10px 0 0}:host.tooltip-info-medium .tooltip-info_description{padding:10px 12px 10px 0}:host.tooltip-info-medium .tooltip-info .default-icon:before{background:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.00008 2.66669C5.05341 2.66669 2.66675 5.05335 2.66675 8.00002C2.66675 10.9467 5.05341 13.3334 8.00008 13.3334C10.9467 13.3334 13.3334 10.9467 13.3334 8.00002C13.3334 5.05335 10.9467 2.66669 8.00008 2.66669ZM8.53341 10.6667H7.46675V7.46669H8.53341V10.6667ZM8.53341 6.40002H7.46675V5.33335H8.53341V6.40002Z%22 fill%3D%22%237B61FF%22%2F%3E%3C%2Fsvg%3E\") no-repeat;background-size:100% 100%;display:inline-block;height:20px;width:20px;content:\"\"}:host.tooltip-info-small .tooltip-info{width:auto}:host.tooltip-info-small .tooltip-info-content-wrapper{padding-top:10px}:host.tooltip-info-small .tooltip-info_header,:host.tooltip-info-small .tooltip-info_description{min-height:unset;border-top:none;font-size:14px;line-height:22px}:host.tooltip-info-small .tooltip-info_header{padding:0 10px 0 0}:host.tooltip-info-small .tooltip-info_description{padding:0 12px 10px 0}:host.tooltip-info-small .tooltip-info .default-icon:before{background:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.00008 2.66669C5.05341 2.66669 2.66675 5.05335 2.66675 8.00002C2.66675 10.9467 5.05341 13.3334 8.00008 13.3334C10.9467 13.3334 13.3334 10.9467 13.3334 8.00002C13.3334 5.05335 10.9467 2.66669 8.00008 2.66669ZM8.53341 10.6667H7.46675V7.46669H8.53341V10.6667ZM8.53341 6.40002H7.46675V5.33335H8.53341V6.40002Z%22 fill%3D%22%237B61FF%22%2F%3E%3C%2Fsvg%3E\") no-repeat;background-size:100% 100%;display:inline-block;height:20px;width:20px;content:\"\"}.default-icon{position:relative;width:18px;height:18px;margin:10px}.default-icon:before{background:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.00008 2.66669C5.05341 2.66669 2.66675 5.05335 2.66675 8.00002C2.66675 10.9467 5.05341 13.3334 8.00008 13.3334C10.9467 13.3334 13.3334 10.9467 13.3334 8.00002C13.3334 5.05335 10.9467 2.66669 8.00008 2.66669ZM8.53341 10.6667H7.46675V7.46669H8.53341V10.6667ZM8.53341 6.40002H7.46675V5.33335H8.53341V6.40002Z%22 fill%3D%22%237B61FF%22%2F%3E%3C%2Fsvg%3E\") no-repeat;background-size:100% 100%;display:inline-block;height:18px;width:18px;content:\"\"}\n"]
|
|
12
|
-
},] }
|
|
13
|
-
];
|
|
14
|
-
TooltipInfoComponent.ctorParameters = () => [];
|
|
15
|
-
TooltipInfoComponent.propDecorators = {
|
|
16
|
-
data: [{ type: Input }]
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXRvb2x0aXAvY29tcG9uZW50cy90b29sdGlwLWluZm8vdG9vbHRpcC1pbmZvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVMxRSxNQUFNLE9BQU8sb0JBQW9CO0lBSTdCO0lBQ0EsQ0FBQzs7O1lBWEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLDQxQkFBNEM7Z0JBRTVDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNsRDs7OzttQkFHSSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvb2x0aXBJbmZvQ29udGV4dCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvdG9vbHRpcC1jb21wb25lbnQtY29udGV4dCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItdG9vbHRpcC1pbmZvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC1pbmZvLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90b29sdGlwLWluZm8uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUb29sdGlwSW5mb0NvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSBkYXRhOiBUb29sdGlwSW5mb0NvbnRleHQ7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICB9XG5cbn1cbiJdfQ==
|
package/esm2015/lib/dr-tooltip/components/tooltip-info-simple/tooltip-info-simple.component.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
2
|
-
export class TooltipInfoSimpleComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
TooltipInfoSimpleComponent.decorators = [
|
|
7
|
-
{ type: Component, args: [{
|
|
8
|
-
selector: 'dr-tooltip-info-simple',
|
|
9
|
-
template: "<div class=\"tooltip-info-simple\">\n <div *ngIf=\"context?.title\" class=\"tooltip-info-simple__title\">{{context?.title}}</div>\n <div *ngIf=\"context?.description\" class=\"tooltip-info-simple__description\">{{context?.description}}</div>\n</div>\n",
|
|
10
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
11
|
-
styles: [".tooltip-info-simple{max-width:250px;font-size:14px;line-height:22px;padding:10px 12px;color:#0c142b}.tooltip-info-simple__title{font-weight:600;overflow:hidden;text-overflow:ellipsis}\n"]
|
|
12
|
-
},] }
|
|
13
|
-
];
|
|
14
|
-
TooltipInfoSimpleComponent.ctorParameters = () => [];
|
|
15
|
-
TooltipInfoSimpleComponent.propDecorators = {
|
|
16
|
-
context: [{ type: Input }]
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pbmZvLXNpbXBsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci10b29sdGlwL2NvbXBvbmVudHMvdG9vbHRpcC1pbmZvLXNpbXBsZS90b29sdGlwLWluZm8tc2ltcGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVMxRSxNQUFNLE9BQU8sMEJBQTBCO0lBSW5DO0lBQ0EsQ0FBQzs7O1lBWEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSx3QkFBd0I7Z0JBQ2xDLDZRQUFtRDtnQkFFbkQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2xEOzs7O3NCQUdJLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9vbHRpcEluZm9Db250ZXh0IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy90b29sdGlwLWNvbXBvbmVudC1jb250ZXh0JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b29sdGlwLWluZm8tc2ltcGxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC1pbmZvLXNpbXBsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC1pbmZvLXNpbXBsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBJbmZvU2ltcGxlQ29tcG9uZW50IHtcblxuICAgIEBJbnB1dCgpIGNvbnRleHQ6IFRvb2x0aXBJbmZvQ29udGV4dDtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgIH1cblxufVxuIl19
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
2
|
-
export class TooltipNoBodyComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
}
|
|
5
|
-
ngOnInit() {
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
TooltipNoBodyComponent.decorators = [
|
|
9
|
-
{ type: Component, args: [{
|
|
10
|
-
selector: 'dr-tooltip-no-body',
|
|
11
|
-
template: "<div class=\"tooltip-bold\" [ngClass]=\"{'tooltip-bold--icon': context?.icon}\">\n <div class=\"tooltip-bold__title\">\n <i *ngIf=\"context?.icon\" [class]=\"context?.icon\" [style.color]=\"context?.iconColor || 'black'\"></i>\n {{ context.title }}\n </div>\n <div class=\"tooltip-bold-text\">\n {{ context.text }}\n </div>\n</div>",
|
|
12
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
13
|
-
styles: [".tooltip-bold{position:relative;box-shadow:0 4px 8px 1px #00000040;border:1px solid #C3C4CE;border-radius:8px;font-size:14px;line-height:22px;padding:10px 12px;background-color:#fff}.tooltip-bold--icon{padding-left:44px}.tooltip-bold__title{font-weight:bold}.tooltip-bold__title>i{position:absolute;width:16px;height:16px;left:10px}\n"]
|
|
14
|
-
},] }
|
|
15
|
-
];
|
|
16
|
-
TooltipNoBodyComponent.ctorParameters = () => [];
|
|
17
|
-
TooltipNoBodyComponent.propDecorators = {
|
|
18
|
-
context: [{ type: Input }]
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1uby1ib2R5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXRvb2x0aXAvY29tcG9uZW50cy90b29sdGlwLW5vLWJvZHkvdG9vbHRpcC1uby1ib2R5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVFsRixNQUFNLE9BQU8sc0JBQXNCO0lBSS9CO0lBQ0EsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDOzs7WUFkSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsd1hBQStDO2dCQUUvQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDbEQ7Ozs7c0JBR0ksS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b29sdGlwLW5vLWJvZHknLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLW5vLWJvZHkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2x0aXAtbm8tYm9keS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBOb0JvZHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgY29udGV4dDogYW55O1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgfVxuXG59XG4iXX0=
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
2
|
-
export class TooltipProcessDefaultComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
TooltipProcessDefaultComponent.decorators = [
|
|
7
|
-
{ type: Component, args: [{
|
|
8
|
-
selector: 'dr-tooltip-process-default',
|
|
9
|
-
template: `
|
|
10
|
-
<div class="container" [innerHTML]="text"></div>
|
|
11
|
-
`,
|
|
12
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
13
|
-
styles: [`
|
|
14
|
-
.container {
|
|
15
|
-
width: auto;
|
|
16
|
-
max-width: 388px;
|
|
17
|
-
text-align: start;
|
|
18
|
-
font-size: 14px;
|
|
19
|
-
line-height: 22px;
|
|
20
|
-
padding: 10px 12px;
|
|
21
|
-
color: #151B3F;
|
|
22
|
-
background-color: #FFF;
|
|
23
|
-
border-radius: 8px;
|
|
24
|
-
box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.25);
|
|
25
|
-
border: 1px solid #C3C4CE;
|
|
26
|
-
}
|
|
27
|
-
`]
|
|
28
|
-
},] }
|
|
29
|
-
];
|
|
30
|
-
TooltipProcessDefaultComponent.ctorParameters = () => [];
|
|
31
|
-
TooltipProcessDefaultComponent.propDecorators = {
|
|
32
|
-
text: [{ type: Input }]
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1wcm9jZXNzLWRlZmF1bHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItdG9vbHRpcC9jb21wb25lbnRzL3Rvb2x0aXAtcHJvY2Vzcy1kZWZhdWx0L3Rvb2x0aXAtcHJvY2Vzcy1kZWZhdWx0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQXdCMUUsTUFBTSxPQUFPLDhCQUE4QjtJQUl2QztJQUNBLENBQUM7OztZQTNCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLDRCQUE0QjtnQkFDdEMsUUFBUSxFQUFFOztLQUVUO2dCQWdCRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTt5QkFmdEM7Ozs7Ozs7Ozs7Ozs7O0tBY1I7YUFFSjs7OzttQkFHSSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b29sdGlwLXByb2Nlc3MtZGVmYXVsdCcsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtpbm5lckhUTUxdPVwidGV4dFwiPjwvZGl2PlxuICAgIGAsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICAuY29udGFpbmVyIHtcbiAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAzODhweDtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgICAgICAgICBwYWRkaW5nOiAxMHB4IDEycHg7XG4gICAgICAgICAgICBjb2xvcjogIzE1MUIzRjtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNGRkY7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwcHggNHB4IDhweCAxcHggcmdiYSgwLCAwLCAwLCAwLjI1KTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNDM0M0Q0U7XG4gICAgICAgIH1cbiAgICBgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcFByb2Nlc3NEZWZhdWx0Q29tcG9uZW50IHtcblxuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export var TooltipPosition;
|
|
2
|
-
(function (TooltipPosition) {
|
|
3
|
-
TooltipPosition["TOP"] = "top";
|
|
4
|
-
TooltipPosition["BOTTOM"] = "bottom";
|
|
5
|
-
TooltipPosition["LEFT"] = "left";
|
|
6
|
-
TooltipPosition["RIGHT"] = "right";
|
|
7
|
-
TooltipPosition["TOP_RIGHT"] = "top-right";
|
|
8
|
-
TooltipPosition["TOP_LEFT"] = "top-left";
|
|
9
|
-
TooltipPosition["BOTTOM_RIGHT"] = "bottom-right";
|
|
10
|
-
TooltipPosition["BOTTOM_LEFT"] = "bottom-left";
|
|
11
|
-
TooltipPosition["RIGHT_TOP"] = "right-top";
|
|
12
|
-
TooltipPosition["RIGHT_BOTTOM"] = "right-bottom";
|
|
13
|
-
TooltipPosition["LEFT_TOP"] = "left-top";
|
|
14
|
-
TooltipPosition["LEFT_BOTTOM"] = "left-bottom";
|
|
15
|
-
})(TooltipPosition || (TooltipPosition = {}));
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1wb3NpdGlvbi5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItdG9vbHRpcC9lbnVtcy90b29sdGlwLXBvc2l0aW9uLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZUFhWDtBQWJELFdBQVksZUFBZTtJQUN6Qiw4QkFBVyxDQUFBO0lBQ1gsb0NBQWlCLENBQUE7SUFDakIsZ0NBQWEsQ0FBQTtJQUNiLGtDQUFlLENBQUE7SUFDZiwwQ0FBdUIsQ0FBQTtJQUN2Qix3Q0FBcUIsQ0FBQTtJQUNyQixnREFBNkIsQ0FBQTtJQUM3Qiw4Q0FBMkIsQ0FBQTtJQUMzQiwwQ0FBdUIsQ0FBQTtJQUN2QixnREFBNkIsQ0FBQTtJQUM3Qix3Q0FBcUIsQ0FBQTtJQUNyQiw4Q0FBMkIsQ0FBQTtBQUM3QixDQUFDLEVBYlcsZUFBZSxLQUFmLGVBQWUsUUFhMUIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBUb29sdGlwUG9zaXRpb24ge1xuICBUT1AgPSAndG9wJyxcbiAgQk9UVE9NID0gJ2JvdHRvbScsXG4gIExFRlQgPSAnbGVmdCcsXG4gIFJJR0hUID0gJ3JpZ2h0JyxcbiAgVE9QX1JJR0hUID0gJ3RvcC1yaWdodCcsXG4gIFRPUF9MRUZUID0gJ3RvcC1sZWZ0JyxcbiAgQk9UVE9NX1JJR0hUID0gJ2JvdHRvbS1yaWdodCcsXG4gIEJPVFRPTV9MRUZUID0gJ2JvdHRvbS1sZWZ0JyxcbiAgUklHSFRfVE9QID0gJ3JpZ2h0LXRvcCcsXG4gIFJJR0hUX0JPVFRPTSA9ICdyaWdodC1ib3R0b20nLFxuICBMRUZUX1RPUCA9ICdsZWZ0LXRvcCcsXG4gIExFRlRfQk9UVE9NID0gJ2xlZnQtYm90dG9tJyxcbn1cbiJdfQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1jb21wb25lbnQtY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLXRvb2x0aXAvaW50ZXJmYWNlcy90b29sdGlwLWNvbXBvbmVudC1jb250ZXh0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBUb29sdGlwSW5mb0NvbnRleHQgPSB7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvbkNvbG9yPzogc3RyaW5nO1xufTtcbiJdfQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL3N0ZXBwZXIvaW50ZXJmYWNlcy9zdGVwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBTdGVwID0ge1xuICBpbmRleDogbnVtYmVyO1xuICBuYW1lOiBzdHJpbmc7XG4gIGNvbXBsZXRlZDogYm9vbGVhbjtcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHNob3dQcm9ncmVzcz86IGJvb2xlYW47XG4gIGNvbXBsZXRlZFRhc2tzPzogbnVtYmVyO1xuICByZXF1aXJlZFRhc2tzPzogbnVtYmVyO1xufTtcbiJdfQ==
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
export class StepperComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.withoutConnectors = false;
|
|
5
|
-
this.hiddenNames = false;
|
|
6
|
-
this.inlineLabels = false;
|
|
7
|
-
this.disabled = false;
|
|
8
|
-
this.hiddenIndex = false;
|
|
9
|
-
this.stepChange = new EventEmitter();
|
|
10
|
-
}
|
|
11
|
-
selectStep(step) {
|
|
12
|
-
if (step !== this.currentStep && !this.disabled) {
|
|
13
|
-
this.stepChange.emit(step);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
getWidth(step) {
|
|
17
|
-
if (this.withoutConnectors)
|
|
18
|
-
return '0%';
|
|
19
|
-
if (step.completed)
|
|
20
|
-
return '100%';
|
|
21
|
-
if (step.index === 0 || this.steps[step.index - 1].completed)
|
|
22
|
-
return `${((step === null || step === void 0 ? void 0 : step.completedTasks) / (step === null || step === void 0 ? void 0 : step.requiredTasks) * 100) || 0}%`;
|
|
23
|
-
return '0%';
|
|
24
|
-
}
|
|
25
|
-
scrollLeft() {
|
|
26
|
-
this.stepper.nativeElement.scrollLeft -= 80;
|
|
27
|
-
}
|
|
28
|
-
scrollRight() {
|
|
29
|
-
this.stepper.nativeElement.scrollLeft += 80;
|
|
30
|
-
}
|
|
31
|
-
roundWidth(width) {
|
|
32
|
-
return Math.round(width);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
StepperComponent.decorators = [
|
|
36
|
-
{ type: Component, args: [{
|
|
37
|
-
selector: 'dr-stepper',
|
|
38
|
-
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 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\">\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 ? '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",
|
|
39
|
-
changeDetection: ChangeDetectionStrategy.Default,
|
|
40
|
-
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:38px;position:relative;align-items:center}:host .step-point .ellipse{width:38px;height:38px;position:absolute;border-radius:50px;border-color:#579bf2;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:bold;font-size:16px;line-height:1.4;color:#51566f}:host .step-point .pointer i{color:#fff;font-size:22px}:host .step-point .pointer.blue{background:#579BF2}:host .step-point .pointer.completed{background-color:#151b3f}:host .step-point .pointer.uncompleted{background-color:#e5e5e5}:host .step-point .pointer.active-uncompleted{background-color:#2969b0}:host .step-point .pointer.gray{background:#E5E6EA}:host .step-label{font-weight:normal;font-size:14px;line-height:1.5;color:#51566f;display:flex;justify-content:center;overflow:hidden;margin-top:3px;width:95%}:host .step-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .step-label.active{font-weight:600}:host .step-label:last-child{margin-bottom:23px}:host .step-progress{margin-top:3px;font-style:normal;font-weight:normal;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:#579bf2;height:2px;width:0}:host .step-connector--absolute{position:absolute;top:18px;width:100%;left:calc(100% / 2 + 12px)}:host .step-connector--inline{width:23px;margin-left:19px;margin-right:calc(19px - (38px - 24px) / 2)}: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 5px;font-size:16px}:host .step-setup .step-point{width:38px;height:38px}:host .step-setup .step-point .ellipse{width:24px;height:24px}:host .step-setup .step-point .pointer{width:24px;height:24px}:host .step-setup .step-point .pointer.with-ellipse{width:14px;height:14px}: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"]
|
|
41
|
-
},] }
|
|
42
|
-
];
|
|
43
|
-
StepperComponent.ctorParameters = () => [];
|
|
44
|
-
StepperComponent.propDecorators = {
|
|
45
|
-
steps: [{ type: Input }],
|
|
46
|
-
currentStep: [{ type: Input }],
|
|
47
|
-
withoutConnectors: [{ type: Input }],
|
|
48
|
-
hiddenNames: [{ type: Input }],
|
|
49
|
-
inlineLabels: [{ type: Input }],
|
|
50
|
-
disabled: [{ type: Input }],
|
|
51
|
-
hiddenIndex: [{ type: Input }],
|
|
52
|
-
stepChange: [{ type: Output }],
|
|
53
|
-
stepper: [{ type: ViewChild, args: ['stepper', { read: ElementRef },] }]
|
|
54
|
-
};
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFTdkIsTUFBTSxPQUFPLGdCQUFnQjtJQVl6QjtRQVJTLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUlwRSxDQUFDO0lBRUQsVUFBVSxDQUFDLElBQVU7UUFDakIsSUFBSSxJQUFJLEtBQUssSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDN0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDOUI7SUFDTCxDQUFDO0lBRUQsUUFBUSxDQUFDLElBQVU7UUFDZixJQUFJLElBQUksQ0FBQyxpQkFBaUI7WUFBRSxPQUFPLElBQUksQ0FBQztRQUN4QyxJQUFJLElBQUksQ0FBQyxTQUFTO1lBQUUsT0FBTyxNQUFNLENBQUM7UUFDbEMsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUFFLE9BQU8sR0FBSSxDQUFDLENBQUEsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLGNBQWMsS0FBRyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsYUFBYSxDQUFBLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBRSxHQUFHLENBQUM7UUFDckksT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLFVBQVU7UUFDYixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDO0lBQ2hELENBQUM7SUFFTSxXQUFXO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxJQUFJLEVBQUUsQ0FBQztJQUNoRCxDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQWE7UUFDM0IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7OztZQTVDSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLGlxSEFBdUM7Z0JBRXZDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxPQUFPOzthQUNuRDs7OztvQkFHSSxLQUFLOzBCQUNMLEtBQUs7Z0NBQ0wsS0FBSzswQkFDTCxLQUFLOzJCQUNMLEtBQUs7dUJBQ0wsS0FBSzswQkFDTCxLQUFLO3lCQUNMLE1BQU07c0JBQ04sU0FBUyxTQUFDLFNBQVMsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RlcCB9IGZyb20gJy4vaW50ZXJmYWNlcy9zdGVwcGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1zdGVwcGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdFxufSlcbmV4cG9ydCBjbGFzcyBTdGVwcGVyQ29tcG9uZW50IHtcblxuICAgIEBJbnB1dCgpIHN0ZXBzOiBTdGVwW107XG4gICAgQElucHV0KCkgY3VycmVudFN0ZXA6IFN0ZXA7XG4gICAgQElucHV0KCkgd2l0aG91dENvbm5lY3RvcnMgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBoaWRkZW5OYW1lcyA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlubGluZUxhYmVscyA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGlkZGVuSW5kZXggPSBmYWxzZTtcbiAgICBAT3V0cHV0KCkgc3RlcENoYW5nZTogRXZlbnRFbWl0dGVyPFN0ZXA+ID0gbmV3IEV2ZW50RW1pdHRlcjxTdGVwPigpO1xuICAgIEBWaWV3Q2hpbGQoJ3N0ZXBwZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgcHVibGljIHN0ZXBwZXI6IEVsZW1lbnRSZWY8YW55PjtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgIH1cblxuICAgIHNlbGVjdFN0ZXAoc3RlcDogU3RlcCk6IHZvaWQge1xuICAgICAgICBpZiAoc3RlcCAhPT0gdGhpcy5jdXJyZW50U3RlcCAmJiAhdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5zdGVwQ2hhbmdlLmVtaXQoc3RlcCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBnZXRXaWR0aChzdGVwOiBTdGVwKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMud2l0aG91dENvbm5lY3RvcnMpIHJldHVybiAnMCUnO1xuICAgICAgICBpZiAoc3RlcC5jb21wbGV0ZWQpIHJldHVybiAnMTAwJSc7XG4gICAgICAgIGlmIChzdGVwLmluZGV4ID09PSAwIHx8IHRoaXMuc3RlcHNbc3RlcC5pbmRleCAtIDFdLmNvbXBsZXRlZCkgcmV0dXJuIGAkeyAoc3RlcD8uY29tcGxldGVkVGFza3MgLyBzdGVwPy5yZXF1aXJlZFRhc2tzICogMTAwKSB8fCAwIH0lYDtcbiAgICAgICAgcmV0dXJuICcwJSc7XG4gICAgfVxuXG4gICAgcHVibGljIHNjcm9sbExlZnQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RlcHBlci5uYXRpdmVFbGVtZW50LnNjcm9sbExlZnQgLT0gODA7XG4gICAgfVxuXG4gICAgcHVibGljIHNjcm9sbFJpZ2h0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0ZXBwZXIubmF0aXZlRWxlbWVudC5zY3JvbGxMZWZ0ICs9IDgwO1xuICAgIH1cblxuICAgIHB1YmxpYyByb3VuZFdpZHRoKHdpZHRoOiBudW1iZXIpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gTWF0aC5yb3VuZCh3aWR0aCk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { StepperComponent } from './stepper.component';
|
|
4
|
-
import { DrTooltipModule } from '../dr-tooltip/dr-tooltip.module';
|
|
5
|
-
export class StepperModule {
|
|
6
|
-
}
|
|
7
|
-
StepperModule.decorators = [
|
|
8
|
-
{ type: NgModule, args: [{
|
|
9
|
-
declarations: [StepperComponent],
|
|
10
|
-
imports: [
|
|
11
|
-
CommonModule,
|
|
12
|
-
DrTooltipModule
|
|
13
|
-
],
|
|
14
|
-
exports: [StepperComponent]
|
|
15
|
-
},] }
|
|
16
|
-
];
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9zdGVwcGVyL3N0ZXBwZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQVVsRSxNQUFNLE9BQU8sYUFBYTs7O1lBUnpCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDaEMsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtpQkFDaEI7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7YUFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN0ZXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTdGVwcGVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEclRvb2x0aXBNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1N0ZXBwZXJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export declare enum TooltipPosition {
|
|
2
|
-
TOP = "top",
|
|
3
|
-
BOTTOM = "bottom",
|
|
4
|
-
LEFT = "left",
|
|
5
|
-
RIGHT = "right",
|
|
6
|
-
TOP_RIGHT = "top-right",
|
|
7
|
-
TOP_LEFT = "top-left",
|
|
8
|
-
BOTTOM_RIGHT = "bottom-right",
|
|
9
|
-
BOTTOM_LEFT = "bottom-left",
|
|
10
|
-
RIGHT_TOP = "right-top",
|
|
11
|
-
RIGHT_BOTTOM = "right-bottom",
|
|
12
|
-
LEFT_TOP = "left-top",
|
|
13
|
-
LEFT_BOTTOM = "left-bottom"
|
|
14
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
-
import { Step } from './interfaces/stepper';
|
|
3
|
-
export declare class StepperComponent {
|
|
4
|
-
steps: Step[];
|
|
5
|
-
currentStep: Step;
|
|
6
|
-
withoutConnectors: boolean;
|
|
7
|
-
hiddenNames: boolean;
|
|
8
|
-
inlineLabels: boolean;
|
|
9
|
-
disabled: boolean;
|
|
10
|
-
hiddenIndex: boolean;
|
|
11
|
-
stepChange: EventEmitter<Step>;
|
|
12
|
-
stepper: ElementRef<any>;
|
|
13
|
-
constructor();
|
|
14
|
-
selectStep(step: Step): void;
|
|
15
|
-
getWidth(step: Step): string;
|
|
16
|
-
scrollLeft(): void;
|
|
17
|
-
scrollRight(): void;
|
|
18
|
-
roundWidth(width: number): number;
|
|
19
|
-
}
|