@sarasanalytics-com/design-system 0.0.104 → 0.0.106
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/README.md +24 -24
- package/esm2022/interfaces/avatar-interface.mjs +1 -1
- package/esm2022/interfaces/button-interface.mjs +1 -1
- package/esm2022/interfaces/card-carousel-interface.mjs +1 -1
- package/esm2022/interfaces/chip-interface.mjs +1 -1
- package/esm2022/interfaces/grid-interface.mjs +1 -1
- package/esm2022/interfaces/guide-card-interface.mjs +1 -1
- package/esm2022/interfaces/header-interface.mjs +1 -1
- package/esm2022/interfaces/icon-interface.mjs +1 -1
- package/esm2022/interfaces/layout-section-interface.mjs +1 -1
- package/esm2022/interfaces/message-banner.mjs +1 -1
- package/esm2022/interfaces/option-interface.mjs +1 -1
- package/esm2022/interfaces/scrolling-card-interface.mjs +1 -1
- package/esm2022/interfaces/select-interface.mjs +1 -1
- package/esm2022/interfaces/status-dot.interface.mjs +1 -1
- package/esm2022/interfaces/tab-interface.mjs +1 -1
- package/esm2022/interfaces/toast-interface.mjs +1 -1
- package/esm2022/lib/accordion/accordion.component.mjs +5 -5
- package/esm2022/lib/avatar/avatar.component.mjs +5 -5
- package/esm2022/lib/button/button.component.mjs +5 -5
- package/esm2022/lib/calendar-header/calendar-header.component.mjs +5 -5
- package/esm2022/lib/card/card-body/card-body.component.mjs +4 -4
- package/esm2022/lib/card/card-custom-header/card-custom-header.component.mjs +4 -4
- package/esm2022/lib/card/card-footer-actions/card-footer-actions.component.mjs +5 -5
- package/esm2022/lib/card/card-icon/card-icon.component.mjs +4 -4
- package/esm2022/lib/card/card-title-actions/card-title-actions.component.mjs +4 -4
- package/esm2022/lib/card/card.component.mjs +5 -5
- package/esm2022/lib/card/checkbox-card/checkbox-card.component.mjs +5 -5
- package/esm2022/lib/card/guide-card/guide-card.component.mjs +5 -5
- package/esm2022/lib/card/menu-card/menu-card.component.mjs +5 -5
- package/esm2022/lib/card/thumbnail-card/thumbnail-card.component.mjs +5 -5
- package/esm2022/lib/card-carousel/card-carousel.component.mjs +5 -5
- package/esm2022/lib/checkbox/checkbox.component.mjs +5 -5
- package/esm2022/lib/chips/chips.component.mjs +5 -5
- package/esm2022/lib/component-library.component.mjs +11 -11
- package/esm2022/lib/component-library.service.mjs +4 -4
- package/esm2022/lib/dashboard-loader/dashboard-loader.component.mjs +36 -0
- package/esm2022/lib/datepicker/datepicker.component.mjs +5 -5
- package/esm2022/lib/dialog/dialog.component.mjs +5 -5
- package/esm2022/lib/form-input/form-input.component.mjs +5 -5
- package/esm2022/lib/form-select/form-select.component.mjs +5 -5
- package/esm2022/lib/grid-cell/grid-cell.component.mjs +5 -5
- package/esm2022/lib/header/header.component.mjs +5 -5
- package/esm2022/lib/icon/icon.component.mjs +5 -5
- package/esm2022/lib/icon/icon.service.mjs +4 -4
- package/esm2022/lib/layout-section/layout-section.component.mjs +5 -5
- package/esm2022/lib/left-nav/left-nav.component.mjs +5 -5
- package/esm2022/lib/list/list.component.mjs +5 -5
- package/esm2022/lib/message-banner/message-banner.component.mjs +5 -5
- package/esm2022/lib/message-banner-v2/message-banner-v2.component.mjs +5 -5
- package/esm2022/lib/mini-card/mini-card.component.mjs +5 -5
- package/esm2022/lib/page-layout/page-layout.component.mjs +5 -5
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +5 -5
- package/esm2022/lib/radio-button/radio-button.component.mjs +5 -5
- package/esm2022/lib/scrolling-cards/scrolling-cards.component.mjs +5 -5
- package/esm2022/lib/skeleton/skeleton-base.component.mjs +4 -4
- package/esm2022/lib/skeleton/skeleton-container.component.mjs +11 -11
- package/esm2022/lib/skeleton/skeleton-loader.component.mjs +195 -195
- package/esm2022/lib/skeleton/skeleton-presets.mjs +1 -1
- package/esm2022/lib/skeleton/skeleton-shapes.component.mjs +13 -13
- package/esm2022/lib/spinner/spinner.component.mjs +4 -4
- package/esm2022/lib/status-dot/status-dot.component.mjs +19 -19
- package/esm2022/lib/stepper/stepper.component.mjs +5 -5
- package/esm2022/lib/tabs/tabs.component.mjs +5 -5
- package/esm2022/lib/toast/toast.component.mjs +14 -5
- package/esm2022/lib/tool-tip/tool-tip.component.mjs +5 -5
- package/esm2022/lib/typography-animation/typography-animation.component.mjs +72 -0
- package/esm2022/public-api.mjs +3 -1
- package/esm2022/utils/validators.mjs +1 -1
- package/fesm2022/sarasanalytics-com-design-system.mjs +516 -405
- package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -1
- package/lib/dashboard-loader/dashboard-loader.component.d.ts +11 -0
- package/lib/toast/toast.component.d.ts +4 -1
- package/lib/typography-animation/typography-animation.component.d.ts +18 -0
- package/package.json +2 -2
- package/public-api.d.ts +2 -0
- package/styles/styles.css +428 -0
|
@@ -12,29 +12,29 @@ export class StatusDotComponent {
|
|
|
12
12
|
tooltip: ''
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
17
|
-
<div [matTooltip]="config.tooltip"
|
|
18
|
-
class="status-dot"
|
|
19
|
-
[class]="config.status"
|
|
20
|
-
[class.outline]="config.theme === 'outline'"
|
|
21
|
-
[style.width.px]="config.size"
|
|
22
|
-
[style.height.px]="config.size">
|
|
23
|
-
</div>
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StatusDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: StatusDotComponent, isStandalone: true, selector: "sa-status-dot", inputs: { config: "config" }, ngImport: i0, template: `
|
|
17
|
+
<div [matTooltip]="config.tooltip"
|
|
18
|
+
class="status-dot"
|
|
19
|
+
[class]="config.status"
|
|
20
|
+
[class.outline]="config.theme === 'outline'"
|
|
21
|
+
[style.width.px]="config.size"
|
|
22
|
+
[style.height.px]="config.size">
|
|
23
|
+
</div>
|
|
24
24
|
`, isInline: true, styles: [":host{display:inline-block}.status-dot{border-radius:50%;display:inline-block;cursor:pointer}.primary{background-color:var(--primary-500, #007bff);border:2px solid var(--primary-500, #007bff)}.secondary{background-color:var(--secondary-500, #6c757d);border:2px solid var(--secondary-500, #6c757d)}.success{background-color:var(--semantic-success-500, #33961F);border:2px solid var(--semantic-success-500, #33961F)}.error{background-color:var(--semantic-error-500, #dc3545);border:2px solid var(--semantic-error-500, #dc3545)}.warning{background-color:var(--semantic-yellow-600, #DC9408);border:2px solid var(--semantic-yellow-600, #DC9408)}.outline{background-color:transparent!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StatusDotComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'sa-status-dot', standalone: true, imports: [CommonModule, MatTooltipModule], template: `
|
|
29
|
-
<div [matTooltip]="config.tooltip"
|
|
30
|
-
class="status-dot"
|
|
31
|
-
[class]="config.status"
|
|
32
|
-
[class.outline]="config.theme === 'outline'"
|
|
33
|
-
[style.width.px]="config.size"
|
|
34
|
-
[style.height.px]="config.size">
|
|
35
|
-
</div>
|
|
28
|
+
args: [{ selector: 'sa-status-dot', standalone: true, imports: [CommonModule, MatTooltipModule], template: `
|
|
29
|
+
<div [matTooltip]="config.tooltip"
|
|
30
|
+
class="status-dot"
|
|
31
|
+
[class]="config.status"
|
|
32
|
+
[class.outline]="config.theme === 'outline'"
|
|
33
|
+
[style.width.px]="config.size"
|
|
34
|
+
[style.height.px]="config.size">
|
|
35
|
+
</div>
|
|
36
36
|
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.status-dot{border-radius:50%;display:inline-block;cursor:pointer}.primary{background-color:var(--primary-500, #007bff);border:2px solid var(--primary-500, #007bff)}.secondary{background-color:var(--secondary-500, #6c757d);border:2px solid var(--secondary-500, #6c757d)}.success{background-color:var(--semantic-success-500, #33961F);border:2px solid var(--semantic-success-500, #33961F)}.error{background-color:var(--semantic-error-500, #dc3545);border:2px solid var(--semantic-error-500, #dc3545)}.warning{background-color:var(--semantic-yellow-600, #DC9408);border:2px solid var(--semantic-yellow-600, #DC9408)}.outline{background-color:transparent!important}\n"] }]
|
|
37
37
|
}], propDecorators: { config: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWRvdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3N0YXR1cy1kb3Qvc3RhdHVzLWRvdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUF5RDdELE1BQU0sT0FBTyxrQkFBa0I7SUF2RC9CO1FBd0RXLFdBQU0sR0FBb0I7WUFDakMsTUFBTSxFQUFFLFNBQVM7WUFDakIsSUFBSSxFQUFFLEVBQUU7WUFDUixLQUFLLEVBQUUsUUFBUTtZQUNmLE9BQU8sRUFBRSxFQUFFO1NBQ1osQ0FBQztLQUNIOzhHQVBZLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHVHQW5EbkI7Ozs7Ozs7O0dBUVQsMnZCQVRTLFlBQVksOEJBQUUsZ0JBQWdCOzsyRkFvRDdCLGtCQUFrQjtrQkF2RDlCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQyxZQUMvQjs7Ozs7Ozs7R0FRVCxtQkF5Q2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3RhdHVzRG90Q29uZmlnIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdGF0dXMtZG90LmludGVyZmFjZSc7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLXN0YXR1cy1kb3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRUb29sdGlwTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFttYXRUb29sdGlwXT1cImNvbmZpZy50b29sdGlwXCJcbiAgICAgIGNsYXNzPVwic3RhdHVzLWRvdFwiXG4gICAgICBbY2xhc3NdPVwiY29uZmlnLnN0YXR1c1wiXG4gICAgICBbY2xhc3Mub3V0bGluZV09XCJjb25maWcudGhlbWUgPT09ICdvdXRsaW5lJ1wiXG4gICAgICBbc3R5bGUud2lkdGgucHhdPVwiY29uZmlnLnNpemVcIlxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJjb25maWcuc2l6ZVwiPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIH1cbiAgICBcbiAgICAuc3RhdHVzLWRvdCB7XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgLnByaW1hcnkge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJpbWFyeS01MDAsICMwMDdiZmYpO1xuICAgICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tcHJpbWFyeS01MDAsICMwMDdiZmYpO1xuICAgIH1cblxuICAgIC5zZWNvbmRhcnkge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2Vjb25kYXJ5LTUwMCwgIzZjNzU3ZCk7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zZWNvbmRhcnktNTAwLCAjNmM3NTdkKTtcbiAgICB9XG5cbiAgICAuc3VjY2VzcyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpYy1zdWNjZXNzLTUwMCwgIzMzOTYxRik7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zZW1hbnRpYy1zdWNjZXNzLTUwMCwgIzMzOTYxRik7XG4gICAgfVxuXG4gICAgLmVycm9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljLWVycm9yLTUwMCwgI2RjMzU0NSk7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zZW1hbnRpYy1lcnJvci01MDAsICNkYzM1NDUpO1xuICAgIH1cblxuICAgIC53YXJuaW5nIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljLXllbGxvdy02MDAsICNEQzk0MDgpO1xuICAgICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc2VtYW50aWMteWVsbG93LTYwMCwgI0RDOTQwOCk7XG4gICAgfVxuXG4gICAgLm91dGxpbmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNEb3RDb21wb25lbnQge1xuICBASW5wdXQoKSBjb25maWc6IFN0YXR1c0RvdENvbmZpZyA9IHtcbiAgICBzdGF0dXM6ICdwcmltYXJ5JyxcbiAgICBzaXplOiAxNixcbiAgICB0aGVtZTogJ2ZpbGxlZCcsXG4gICAgdG9vbHRpcDogJydcbiAgfTtcbn1cbiJdfQ==
|
|
@@ -44,12 +44,12 @@ export class StepperComponent extends FieldType {
|
|
|
44
44
|
id: this.latestStep
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: StepperComponent, isStandalone: true, selector: "sa-stepper", inputs: { latestStep: "latestStep", editable: "editable", stepLabels: "stepLabels", doneIcon: "doneIcon" }, outputs: { stepped: "stepped" }, usesInheritance: true, ngImport: i0, template: "<div class=\"stepper {{isDisabled ? 'disabled' : 'active'}}\">\n <div class=\"steps\" *ngFor=\"let label of stepLabels; let i = index\">\n <input id=\"stepper-{{uuid}}-{{i}}\" (change)=\"update(i)\" name=\"stepper-radio-{{uuid}}\"\n [checked]=\"i == latestStep ? true: false\" class=\"step-hide\" type=\"radio\">\n <div\n class=\"label-wrapper {{i < latestStep ? 'done' : ''}} {{i > latestStep ? 'default' : ''}} {{i == latestStep ? 'latest' : ''}}\">\n <label [style]=\"i < latestStep ? tickIcon : ''\" for=\"stepper-{{uuid}}-{{i}}\"\n class=\"step-label-icon {{i > latestStep ? 'undone' : ''}}\">\n </label>\n <label for=\"stepper-{{uuid}}-{{i}}\" class=\"step-label-text\">{{label.name}}</label>\n </div>\n <div *ngIf=\" i !=stepLabels.length-1\" class=\"line {{i < latestStep ? 'done' : 'default'}}\"></div>\n </div>\n</div>\n", styles: [".stepper{display:flex;width:max-content;justify-content:center;align-items:center;font-family:var(--font)}.active{--main-bg: var(--primary-500);--main-line: var(--primary-500)}.disabled{--main-bg: var(--grey-100);--main-line: var(--grey-50)}.done{--bg-line: var(--main-line);--bg: var(--main-bg);--border: none}.default{--bg-line: var(--grey-50);--bg: var(--grey-100);--border: 4px solid white}.latest{--bg: white;--border: 4px solid var(--main-bg)}.steps{display:flex;justify-content:center;align-items:center;position:relative}.line{width:140px;height:2px;background-color:var(--bg-line);transition:.25s}.label-wrapper{width:16px;height:16px;height:fit-content;border-radius:16px;background-color:var(--bg);display:flex;justify-content:center}.step-label-icon{display:flex;justify-content:center;width:16px;height:16px;border-radius:16px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;background-position:center;background-color:#fff;border:var(--border);box-sizing:border-box;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.undone{background-color:var(--grey-100)}.step-label-text{color:var(--text-mediumemphasis, #697079);position:absolute;top:20px;cursor:pointer}.step-hide{display:none}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StepperComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'sa-stepper', standalone: true, imports: [NgFor, NgIf], template: "<div class=\"stepper {{isDisabled ? 'disabled' : 'active'}}\">\
|
|
52
|
+
args: [{ selector: 'sa-stepper', standalone: true, imports: [NgFor, NgIf], template: "<div class=\"stepper {{isDisabled ? 'disabled' : 'active'}}\">\n <div class=\"steps\" *ngFor=\"let label of stepLabels; let i = index\">\n <input id=\"stepper-{{uuid}}-{{i}}\" (change)=\"update(i)\" name=\"stepper-radio-{{uuid}}\"\n [checked]=\"i == latestStep ? true: false\" class=\"step-hide\" type=\"radio\">\n <div\n class=\"label-wrapper {{i < latestStep ? 'done' : ''}} {{i > latestStep ? 'default' : ''}} {{i == latestStep ? 'latest' : ''}}\">\n <label [style]=\"i < latestStep ? tickIcon : ''\" for=\"stepper-{{uuid}}-{{i}}\"\n class=\"step-label-icon {{i > latestStep ? 'undone' : ''}}\">\n </label>\n <label for=\"stepper-{{uuid}}-{{i}}\" class=\"step-label-text\">{{label.name}}</label>\n </div>\n <div *ngIf=\" i !=stepLabels.length-1\" class=\"line {{i < latestStep ? 'done' : 'default'}}\"></div>\n </div>\n</div>\n", styles: [".stepper{display:flex;width:max-content;justify-content:center;align-items:center;font-family:var(--font)}.active{--main-bg: var(--primary-500);--main-line: var(--primary-500)}.disabled{--main-bg: var(--grey-100);--main-line: var(--grey-50)}.done{--bg-line: var(--main-line);--bg: var(--main-bg);--border: none}.default{--bg-line: var(--grey-50);--bg: var(--grey-100);--border: 4px solid white}.latest{--bg: white;--border: 4px solid var(--main-bg)}.steps{display:flex;justify-content:center;align-items:center;position:relative}.line{width:140px;height:2px;background-color:var(--bg-line);transition:.25s}.label-wrapper{width:16px;height:16px;height:fit-content;border-radius:16px;background-color:var(--bg);display:flex;justify-content:center}.step-label-icon{display:flex;justify-content:center;width:16px;height:16px;border-radius:16px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;background-position:center;background-color:#fff;border:var(--border);box-sizing:border-box;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.undone{background-color:var(--grey-100)}.step-label-text{color:var(--text-mediumemphasis, #697079);position:absolute;top:20px;cursor:pointer}.step-hide{display:none}\n"] }]
|
|
53
53
|
}], propDecorators: { latestStep: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], editable: [{
|
|
@@ -61,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
61
61
|
}], stepped: [{
|
|
62
62
|
type: Output
|
|
63
63
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLFNBQVMsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXZDLElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFJLGlEQUFpRDtBQVNwRSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsU0FBMEI7SUFQaEU7O1FBUVcsZUFBVSxHQUFXLENBQUMsQ0FBQyxDQUFDO1FBQ3hCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFJeEIsWUFBTyxHQUFHLElBQUksWUFBWSxDQUFDO1FBRXJDLFNBQUksR0FBVyxNQUFNLEVBQUUsQ0FBQztRQUV4QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTVCLGFBQVEsR0FBRyxFQUFFLENBQUM7S0FrQ2Y7SUFoQ0MsSUFBSTtJQUNKLG9EQUFvRDtJQUNwRCw0Q0FBNEM7SUFDNUMsSUFBSTtJQUVKLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7WUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUM7WUFDcEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2hGLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDO1lBRXBELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUyxDQUFDO1FBQy9DLENBQUM7UUFDRCxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHO1lBQ2Qsb0JBQW9CLEVBQUUsT0FBTyxJQUFJLENBQUMsUUFBUSxHQUFHO1lBQzdDLFlBQVksRUFBRSxPQUFPLElBQUksQ0FBQyxRQUFRLEdBQUc7U0FDdEMsQ0FBQztJQUNKLENBQUM7SUFFRCxNQUFNLENBQUMsTUFBYztRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxRQUFRO1lBQUUsT0FBTztRQUN6RCxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztRQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNuQyxPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDO1lBQ3hCLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVTtTQUNwQixDQUFDLENBQUM7SUFDTCxDQUFDOzhHQTdDVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiwwT0NkN0IsODJCQWNBLDAwQ0RKWSxLQUFLLG1IQUFFLElBQUk7OzJGQUlWLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQzs4QkFLYixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpZWxkVHlwZSwgRmllbGRUeXBlQ29uZmlnIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxubGV0IG5leHRJZCA9IDA7ICAgIC8vIHVzZWQgdG8gZ2l2ZSB1bmlxdWUgaWRzIHRvIGlucHV0cyB1c2VkIGluIGh0bWxcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Etc3RlcHBlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0ZvciwgTmdJZl0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3N0ZXBwZXIuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudCBleHRlbmRzIEZpZWxkVHlwZTxGaWVsZFR5cGVDb25maWc+IHtcbiAgQElucHV0KCkgbGF0ZXN0U3RlcDogbnVtYmVyID0gLTE7XG4gIEBJbnB1dCgpIGVkaXRhYmxlOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgc3RlcExhYmVsczogYW55O1xuICBASW5wdXQoKSBkb25lSWNvbjogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBzdGVwcGVkID0gbmV3IEV2ZW50RW1pdHRlcjtcblxuICB1dWlkOiBudW1iZXIgPSBuZXh0SWQrKztcblxuICBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgdGlja0ljb24gPSB7fTtcblxuICAvLyB7XG4gIC8vICAgJy13ZWJraXQtbWFzay1pbWFnZSc6IGB1cmwoJHt0aGlzLkltYWdlUGF0aH0pYCxcbiAgLy8gICAnbWFzay1pbWFnZSc6IGB1cmwoJHt0aGlzLkltYWdlUGF0aH0pYCxcbiAgLy8gfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLmZpZWxkLnByb3BzKSB7XG4gICAgICB0aGlzLnN0ZXBMYWJlbHMgPSB0aGlzLmZpZWxkLnByb3BzLm9wdGlvbnM7XG4gICAgICB0aGlzLmVkaXRhYmxlID0gdGhpcy5maWVsZC5wcm9wc1sncGFyYW1zJ10uZWRpdGFibGU7XG4gICAgICB0aGlzLmxhdGVzdFN0ZXAgPSB0aGlzLm1vZGVsW2Ake3RoaXMua2V5fWBdID8gdGhpcy5tb2RlbFtgJHt0aGlzLmtleX1gXS5pZCA6IC0xO1xuICAgICAgdGhpcy5kb25lSWNvbiA9IHRoaXMuZmllbGQucHJvcHNbJ3BhcmFtcyddLmRvbmVJY29uO1xuXG4gICAgICB0aGlzLmlzRGlzYWJsZWQgPSB0aGlzLmZpZWxkLnByb3BzLmRpc2FibGVkITtcbiAgICB9XG4gICAgY29uc29sZS5sb2codGhpcy5kb25lSWNvbik7XG4gICAgdGhpcy50aWNrSWNvbiA9IHtcbiAgICAgICctd2Via2l0LW1hc2staW1hZ2UnOiBgdXJsKCR7dGhpcy5kb25lSWNvbn0pYCxcbiAgICAgICdtYXNrLWltYWdlJzogYHVybCgke3RoaXMuZG9uZUljb259KWBcbiAgICB9O1xuICB9XG5cbiAgdXBkYXRlKGNob3NlbjogbnVtYmVyKSB7XG4gICAgaWYgKCF0aGlzLmVkaXRhYmxlIHx8IHRoaXMuZmllbGQucHJvcHM/LmRpc2FibGVkKSByZXR1cm47XG4gICAgdGhpcy5sYXRlc3RTdGVwID0gY2hvc2VuO1xuICAgIGlmICghdGhpcy5mb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5zdGVwcGVkLmVtaXQodGhpcy5sYXRlc3RTdGVwKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWx1ZSh7XG4gICAgICBpZDogdGhpcy5sYXRlc3RTdGVwXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwcGVyIHt7aXNEaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnYWN0aXZlJ319XCI+XG4gIDxkaXYgY2xhc3M9XCJzdGVwc1wiICpuZ0Zvcj1cImxldCBsYWJlbCBvZiBzdGVwTGFiZWxzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgPGlucHV0IGlkPVwic3RlcHBlci17e3V1aWR9fS17e2l9fVwiIChjaGFuZ2UpPVwidXBkYXRlKGkpXCIgbmFtZT1cInN0ZXBwZXItcmFkaW8te3t1dWlkfX1cIlxuICAgICAgW2NoZWNrZWRdPVwiaSA9PSBsYXRlc3RTdGVwID8gdHJ1ZTogZmFsc2VcIiBjbGFzcz1cInN0ZXAtaGlkZVwiIHR5cGU9XCJyYWRpb1wiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwibGFiZWwtd3JhcHBlciB7e2kgPCBsYXRlc3RTdGVwID8gJ2RvbmUnIDogJyd9fSB7e2kgPiBsYXRlc3RTdGVwID8gJ2RlZmF1bHQnIDogJyd9fSB7e2kgPT0gbGF0ZXN0U3RlcCA/ICdsYXRlc3QnIDogJyd9fVwiPlxuICAgICAgPGxhYmVsIFtzdHlsZV09XCJpIDwgbGF0ZXN0U3RlcCA/IHRpY2tJY29uIDogJydcIiBmb3I9XCJzdGVwcGVyLXt7dXVpZH19LXt7aX19XCJcbiAgICAgICAgY2xhc3M9XCJzdGVwLWxhYmVsLWljb24ge3tpID4gbGF0ZXN0U3RlcCA/ICd1bmRvbmUnIDogJyd9fVwiPlxuICAgICAgPC9sYWJlbD5cbiAgICAgIDxsYWJlbCBmb3I9XCJzdGVwcGVyLXt7dXVpZH19LXt7aX19XCIgY2xhc3M9XCJzdGVwLWxhYmVsLXRleHRcIj57e2xhYmVsLm5hbWV9fTwvbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIiBpICE9c3RlcExhYmVscy5sZW5ndGgtMVwiIGNsYXNzPVwibGluZSB7e2kgPCBsYXRlc3RTdGVwID8gJ2RvbmUnIDogJ2RlZmF1bHQnfX1cIj48L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -20,12 +20,12 @@ export class TabsComponent {
|
|
|
20
20
|
tabChange(evt) {
|
|
21
21
|
this.tabChanged.emit(evt.target.value);
|
|
22
22
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: TabsComponent, isStandalone: true, selector: "sa-tabs", inputs: { tabs: "tabs", type: "type", defaultTab: "defaultTab" }, outputs: { tabChanged: "tabChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tab-wrapper {{type}}\">\n <div class=\"tabs\">\n <div *ngFor=\"let item of tabs, let i = index\" class=\"tab-item\">\n <input [checked]=\"(defaultTab == i) ? true : false\" [value]=\"i\" (change)=\"tabChange($event)\"\n id=\"tab-check-{{i}}-{{uuid}}\" class=\"tab-checks\" type=\"radio\" name=\"tab-checkbox-{{uuid}}\">\n <label for=\"tab-check-{{i}}-{{uuid}}\" class=\"tab-label\">\n <div *ngIf=\"item.iconPosition == 'left' || item.iconPosition == 'both'\" class=\"svg-icon\" [style]=\"svgStyle[i]\">\n </div>\n {{item.tabName}}\n <div *ngIf=\"item.iconPosition == 'right' || item.iconPosition == 'both'\" class=\"svg-icon\" [style]=\"svgStyle[i]\">\n </div>\n <div class=\"badge\" *ngIf=\"item.badgeContent\">{{item.badgeContent}}</div>\n </label>\n </div>\n </div>\n</div>\n", styles: [".box{--bg: var(--grey-50);--tab-bg: white;--border: none;--tab-border: none;--tab-border-radius: 2px;--icon-color: var(--text-mediumemphasis)}.inline{--bg: white;--tab-bg: white;--border: 1px solid var(--grey-50, #E9EAEB);--tab-border: var(--primary-500, #1B77E4);--tab-border-radius: none;--icon-color: var(--text-mediumemphasis)}.tab-wrapper{width:max-content;padding:var(--small-8px, 8px);background-color:var(--bg);border-radius:var(--Small-4px, 4px)}.tabs{display:flex;height:42px;gap:var(--small-8px, 8px);font-family:var(--font);border-bottom:var(--border)}.tab-item{display:flex;justify-content:center;align-items:center;gap:var(--small-8px, 8px)}.tab-label{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);padding:var(--small-8px, 8px) var(--small-12px, 12px);border-bottom:none;transition:.1s;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--text-mediumemphasis);cursor:pointer}.tab-checks{display:none}.tab-checks:checked+label{background-color:var(--tab-bg);border-bottom:2px solid var(--tab-border);border-radius:var(--tab-border-radius);color:var(--primary-500);--icon-color: var(--primary-500) }.tab-checks:checked+label .badge{width:auto;height:auto;padding:var(--Small-4px, 4px) var(--Small-12px, 12px);border-radius:16px;font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.5px}.badge{width:var(--small-8px);height:var(--small-8px);border-radius:var(--small-8px);background-color:var(--secondary-500, #FE8235);color:#fff;margin-left:var(--small-4px);overflow:hidden;transition:.25s;font-size:0}.svg-icon{height:16px;width:16px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--icon-color)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TabsComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'sa-tabs', standalone: true, imports: [NgFor, NgIf], template: "<div class=\"tab-wrapper {{type}}\">\
|
|
28
|
+
args: [{ selector: 'sa-tabs', standalone: true, imports: [NgFor, NgIf], template: "<div class=\"tab-wrapper {{type}}\">\n <div class=\"tabs\">\n <div *ngFor=\"let item of tabs, let i = index\" class=\"tab-item\">\n <input [checked]=\"(defaultTab == i) ? true : false\" [value]=\"i\" (change)=\"tabChange($event)\"\n id=\"tab-check-{{i}}-{{uuid}}\" class=\"tab-checks\" type=\"radio\" name=\"tab-checkbox-{{uuid}}\">\n <label for=\"tab-check-{{i}}-{{uuid}}\" class=\"tab-label\">\n <div *ngIf=\"item.iconPosition == 'left' || item.iconPosition == 'both'\" class=\"svg-icon\" [style]=\"svgStyle[i]\">\n </div>\n {{item.tabName}}\n <div *ngIf=\"item.iconPosition == 'right' || item.iconPosition == 'both'\" class=\"svg-icon\" [style]=\"svgStyle[i]\">\n </div>\n <div class=\"badge\" *ngIf=\"item.badgeContent\">{{item.badgeContent}}</div>\n </label>\n </div>\n </div>\n</div>\n", styles: [".box{--bg: var(--grey-50);--tab-bg: white;--border: none;--tab-border: none;--tab-border-radius: 2px;--icon-color: var(--text-mediumemphasis)}.inline{--bg: white;--tab-bg: white;--border: 1px solid var(--grey-50, #E9EAEB);--tab-border: var(--primary-500, #1B77E4);--tab-border-radius: none;--icon-color: var(--text-mediumemphasis)}.tab-wrapper{width:max-content;padding:var(--small-8px, 8px);background-color:var(--bg);border-radius:var(--Small-4px, 4px)}.tabs{display:flex;height:42px;gap:var(--small-8px, 8px);font-family:var(--font);border-bottom:var(--border)}.tab-item{display:flex;justify-content:center;align-items:center;gap:var(--small-8px, 8px)}.tab-label{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);padding:var(--small-8px, 8px) var(--small-12px, 12px);border-bottom:none;transition:.1s;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--text-mediumemphasis);cursor:pointer}.tab-checks{display:none}.tab-checks:checked+label{background-color:var(--tab-bg);border-bottom:2px solid var(--tab-border);border-radius:var(--tab-border-radius);color:var(--primary-500);--icon-color: var(--primary-500) }.tab-checks:checked+label .badge{width:auto;height:auto;padding:var(--Small-4px, 4px) var(--Small-12px, 12px);border-radius:16px;font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.5px}.badge{width:var(--small-8px);height:var(--small-8px);border-radius:var(--small-8px);background-color:var(--secondary-500, #FE8235);color:#fff;margin-left:var(--small-4px);overflow:hidden;transition:.25s;font-size:0}.svg-icon{height:16px;width:16px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--icon-color)}\n"] }]
|
|
29
29
|
}], propDecorators: { tabs: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], type: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
35
35
|
}], tabChanged: [{
|
|
36
36
|
type: Output
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBR3ZDLElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFVLGlEQUFpRDtBQVExRSxNQUFNLE9BQU8sYUFBYTtJQVAxQjtRQVlZLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRzFDLFNBQUksR0FBVyxNQUFNLEVBQUUsQ0FBQztRQUN4QixhQUFRLEdBQVEsRUFBRSxDQUFDO0tBYXBCO0lBWEMsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNyQyxPQUFPO2dCQUNMLG9CQUFvQixFQUFFLE9BQU8sSUFBSSxDQUFDLE9BQU8sR0FBRztnQkFDNUMsWUFBWSxFQUFFLE9BQU8sSUFBSSxDQUFDLE9BQU8sR0FBRzthQUNyQyxDQUFBO1FBQ0gsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBQ0QsU0FBUyxDQUFDLEdBQVE7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUN4QyxDQUFDOzhHQXJCVSxhQUFhO2tHQUFiLGFBQWEsaU1DZDFCLGkyQkFnQkEsa3dERE5ZLEtBQUssbUhBQUUsSUFBSTs7MkZBSVYsYUFBYTtrQkFQekIsU0FBUzsrQkFDRSxTQUFTLGNBQ1AsSUFBSSxXQUNQLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQzs4QkFLYixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUYWJJbnRlcmZhY2UgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3RhYi1pbnRlcmZhY2UnO1xuaW1wb3J0IHsgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cblxubGV0IG5leHRJZCA9IDA7ICAgICAgICAgIC8vIHVzZWQgdG8gZ2l2ZSB1bmlxdWUgaWRzIHRvIGlucHV0cyB1c2VkIGluIGh0bWxcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLXRhYnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdGb3IsIE5nSWZdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90YWJzLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIFRhYnNDb21wb25lbnQge1xuICBASW5wdXQoKSB0YWJzOiBUYWJJbnRlcmZhY2VbXTtcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xuICBASW5wdXQoKSBkZWZhdWx0VGFiOiBudW1iZXI7XG5cbiAgQE91dHB1dCgpIHRhYkNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cblxuICB1dWlkOiBudW1iZXIgPSBuZXh0SWQrKztcbiAgc3ZnU3R5bGU6IGFueSA9IFtdO1xuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuc3ZnU3R5bGUgPSB0aGlzLnRhYnMubWFwKChpdGVtKSA9PiB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAnLXdlYmtpdC1tYXNrLWltYWdlJzogYHVybCgke2l0ZW0udGFiSWNvbn0pYCxcbiAgICAgICAgJ21hc2staW1hZ2UnOiBgdXJsKCR7aXRlbS50YWJJY29ufSlgLFxuICAgICAgfVxuICAgIH0pXG4gIH1cbiAgdGFiQ2hhbmdlKGV2dDogYW55KSB7XG4gICAgdGhpcy50YWJDaGFuZ2VkLmVtaXQoZXZ0LnRhcmdldC52YWx1ZSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRhYi13cmFwcGVyIHt7dHlwZX19XCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWJzXCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiB0YWJzLCBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJ0YWItaXRlbVwiPlxuICAgICAgPGlucHV0IFtjaGVja2VkXT1cIihkZWZhdWx0VGFiID09IGkpID8gdHJ1ZSA6IGZhbHNlXCIgW3ZhbHVlXT1cImlcIiAoY2hhbmdlKT1cInRhYkNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgaWQ9XCJ0YWItY2hlY2ste3tpfX0te3t1dWlkfX1cIiBjbGFzcz1cInRhYi1jaGVja3NcIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwidGFiLWNoZWNrYm94LXt7dXVpZH19XCI+XG4gICAgICA8bGFiZWwgZm9yPVwidGFiLWNoZWNrLXt7aX19LXt7dXVpZH19XCIgY2xhc3M9XCJ0YWItbGFiZWxcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaWNvblBvc2l0aW9uID09ICdsZWZ0JyB8fCBpdGVtLmljb25Qb3NpdGlvbiA9PSAnYm90aCdcIiBjbGFzcz1cInN2Zy1pY29uXCIgW3N0eWxlXT1cInN2Z1N0eWxlW2ldXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB7e2l0ZW0udGFiTmFtZX19XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLmljb25Qb3NpdGlvbiA9PSAncmlnaHQnIHx8IGl0ZW0uaWNvblBvc2l0aW9uID09ICdib3RoJ1wiIGNsYXNzPVwic3ZnLWljb25cIiBbc3R5bGVdPVwic3ZnU3R5bGVbaV1cIj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJiYWRnZVwiICpuZ0lmPVwiaXRlbS5iYWRnZUNvbnRlbnRcIj57e2l0ZW0uYmFkZ2VDb250ZW50fX08L2Rpdj5cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -11,8 +11,11 @@ export class ToastComponent {
|
|
|
11
11
|
constructor() {
|
|
12
12
|
this.finishPercentage = -1;
|
|
13
13
|
this.statusIcon = '';
|
|
14
|
+
this.toastCloseIcon = 'closeOutlined';
|
|
14
15
|
this.filled = true;
|
|
15
16
|
this.width = '';
|
|
17
|
+
this.toastIconSize = '24';
|
|
18
|
+
this.toastCloseIconSize = '24';
|
|
16
19
|
this.toastEvent = new EventEmitter();
|
|
17
20
|
this.firstButton = new EventEmitter();
|
|
18
21
|
this.secondButton = new EventEmitter();
|
|
@@ -45,12 +48,12 @@ export class ToastComponent {
|
|
|
45
48
|
params: {}
|
|
46
49
|
});
|
|
47
50
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ToastComponent, isStandalone: true, selector: "sa-toast", inputs: { finishPercentage: "finishPercentage", heading: "heading", subHeading: "subHeading", statusIcon: "statusIcon", toastCloseIcon: "toastCloseIcon", status: "status", firstButtonName: "firstButtonName", secondButtonName: "secondButtonName", closable: "closable", filled: "filled", width: "width", toastIconSize: "toastIconSize", toastCloseIconSize: "toastCloseIconSize" }, outputs: { toastEvent: "toastEvent", firstButton: "firstButton", secondButton: "secondButton", closed: "closed" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"toast\" [ngStyle]=\"toastStyles\">\n <div class=\"content\">\n <div class=\"toast-icon {{status}}\">\n <sa-icon [icon]=\"statusIcon\" [size]=\"toastIconSize\"></sa-icon>\n <!-- <img [src]=\"statusIcon\" alt=\"\"> -->\n </div>\n <div class=\"head-subhead\">\n <p class=\"heading\">{{heading}}</p>\n <p class=\"subheading\">{{subHeading}}</p>\n </div>\n @if(closable){\n <!-- <img class=\"cross\" (click)=\"closeToast()\" [src]=\"crossmark\" alt=\"\"> -->\n <sa-icon class=\"cross\" [icon]=\"toastCloseIcon\" [size]=\"toastCloseIconSize\" (click)=\"closeToast()\"></sa-icon>\n }\n </div>\n <!-- <div class=\"controls\">\n <sa-button *ngIf=\"firstButtonName\" (onClickEvent)=\"clicked(0)\" [text]=\"firstButtonName\" type=\"transparent\"\n size=\"medium\" state=\"default\">\n </sa-button>\n <sa-button *ngIf=\"secondButtonName\" (onClickEvent)=\"clicked(1)\" [text]=\"secondButtonName\" type=\"outline\"\n size=\"medium\" state=\"default\">\n </sa-button>\n </div> -->\n\n <div *ngIf=\"finishPercentage >= 0\" class=\"progress-bar\">\n <div class=\"progress-done\" [style.width]=\"finishPercentage+'%'\"></div>\n <div class=\"progress-left\" [style.width]=\"100-finishPercentage+'%'\"></div>\n </div>\n</div>", styles: [".toast{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--small-12px, 12px);gap:var(--small-16px, 16px);border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--structural-white, #FFF);box-shadow:0 0 12px #0000000d;font-family:var(--font);box-sizing:border-box}.cross{cursor:pointer}.heading{font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.15px}.toast-icon{display:flex;justify-content:center;border-radius:50%;flex:.5}.positive{box-shadow:0 0 0 var(--small-4px, 4px) var(--semantic-success-50);background-color:var(--semantic-success-50)}.negative{box-shadow:0 0 0 var(--small-4px, 4px) var(--semantic-error-50);background-color:var(--semantic-error-50)}.tentative{box-shadow:0 0 0 var(--small-4px, 4px) var(--semantic-yellow-50);background-color:var(--semantic-yellow-50)}.toast-icon img{width:24px;height:24px}.subheading{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.5px}.heading,.subheading{margin:0}.content{display:flex;justify-content:center;align-items:center;width:100%;gap:var(--small-12px, 12px)}.head-subhead{justify-content:space-between;display:flex;flex:5;flex-direction:column;gap:var(--small-4px, 4px)}.controls{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:var(--small-12px, 12px)}.progress-bar{display:flex;width:100%}.progress-done{height:3px;background-color:var(--primary-500);border-radius:2px}.progress-left{height:3px;background-color:#c5c5c5;border-top-right-radius:2px;border-bottom-right-radius:2px}sa-icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget"], outputs: ["onClickEvent"] }] }); }
|
|
50
53
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ToastComponent, decorators: [{
|
|
52
55
|
type: Component,
|
|
53
|
-
args: [{ selector: 'sa-toast', standalone: true, imports: [CommonModule, ButtonComponent, IconComponent, ButtonComponent, MatIcon, NgIf], template: "<div class=\"toast\" [ngStyle]=\"toastStyles\">\
|
|
56
|
+
args: [{ selector: 'sa-toast', standalone: true, imports: [CommonModule, ButtonComponent, IconComponent, ButtonComponent, MatIcon, NgIf], template: "<div class=\"toast\" [ngStyle]=\"toastStyles\">\n <div class=\"content\">\n <div class=\"toast-icon {{status}}\">\n <sa-icon [icon]=\"statusIcon\" [size]=\"toastIconSize\"></sa-icon>\n <!-- <img [src]=\"statusIcon\" alt=\"\"> -->\n </div>\n <div class=\"head-subhead\">\n <p class=\"heading\">{{heading}}</p>\n <p class=\"subheading\">{{subHeading}}</p>\n </div>\n @if(closable){\n <!-- <img class=\"cross\" (click)=\"closeToast()\" [src]=\"crossmark\" alt=\"\"> -->\n <sa-icon class=\"cross\" [icon]=\"toastCloseIcon\" [size]=\"toastCloseIconSize\" (click)=\"closeToast()\"></sa-icon>\n }\n </div>\n <!-- <div class=\"controls\">\n <sa-button *ngIf=\"firstButtonName\" (onClickEvent)=\"clicked(0)\" [text]=\"firstButtonName\" type=\"transparent\"\n size=\"medium\" state=\"default\">\n </sa-button>\n <sa-button *ngIf=\"secondButtonName\" (onClickEvent)=\"clicked(1)\" [text]=\"secondButtonName\" type=\"outline\"\n size=\"medium\" state=\"default\">\n </sa-button>\n </div> -->\n\n <div *ngIf=\"finishPercentage >= 0\" class=\"progress-bar\">\n <div class=\"progress-done\" [style.width]=\"finishPercentage+'%'\"></div>\n <div class=\"progress-left\" [style.width]=\"100-finishPercentage+'%'\"></div>\n </div>\n</div>", styles: [".toast{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--small-12px, 12px);gap:var(--small-16px, 16px);border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--structural-white, #FFF);box-shadow:0 0 12px #0000000d;font-family:var(--font);box-sizing:border-box}.cross{cursor:pointer}.heading{font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.15px}.toast-icon{display:flex;justify-content:center;border-radius:50%;flex:.5}.positive{box-shadow:0 0 0 var(--small-4px, 4px) var(--semantic-success-50);background-color:var(--semantic-success-50)}.negative{box-shadow:0 0 0 var(--small-4px, 4px) var(--semantic-error-50);background-color:var(--semantic-error-50)}.tentative{box-shadow:0 0 0 var(--small-4px, 4px) var(--semantic-yellow-50);background-color:var(--semantic-yellow-50)}.toast-icon img{width:24px;height:24px}.subheading{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.5px}.heading,.subheading{margin:0}.content{display:flex;justify-content:center;align-items:center;width:100%;gap:var(--small-12px, 12px)}.head-subhead{justify-content:space-between;display:flex;flex:5;flex-direction:column;gap:var(--small-4px, 4px)}.controls{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:var(--small-12px, 12px)}.progress-bar{display:flex;width:100%}.progress-done{height:3px;background-color:var(--primary-500);border-radius:2px}.progress-left{height:3px;background-color:#c5c5c5;border-top-right-radius:2px;border-bottom-right-radius:2px}sa-icon{display:flex}\n"] }]
|
|
54
57
|
}], propDecorators: { finishPercentage: [{
|
|
55
58
|
type: Input
|
|
56
59
|
}], heading: [{
|
|
@@ -59,6 +62,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
59
62
|
type: Input
|
|
60
63
|
}], statusIcon: [{
|
|
61
64
|
type: Input
|
|
65
|
+
}], toastCloseIcon: [{
|
|
66
|
+
type: Input
|
|
62
67
|
}], status: [{
|
|
63
68
|
type: Input
|
|
64
69
|
}], firstButtonName: [{
|
|
@@ -71,6 +76,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
71
76
|
type: Input
|
|
72
77
|
}], width: [{
|
|
73
78
|
type: Input
|
|
79
|
+
}], toastIconSize: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], toastCloseIconSize: [{
|
|
82
|
+
type: Input
|
|
74
83
|
}], toastEvent: [{
|
|
75
84
|
type: Output
|
|
76
85
|
}], firstButton: [{
|
|
@@ -97,4 +106,4 @@ const toastInfo = {
|
|
|
97
106
|
color: ''
|
|
98
107
|
}
|
|
99
108
|
};
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90b2FzdC90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RvYXN0L3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTdkQsTUFBTSxPQUFPLGNBQWM7SUFQM0I7UUFRVyxxQkFBZ0IsR0FBVyxDQUFDLENBQUMsQ0FBQztRQUc5QixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLG1CQUFjLEdBQVcsZUFBZSxDQUFDO1FBS3pDLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFDdkIsVUFBSyxHQUFvQixFQUFFLENBQUM7UUFDNUIsa0JBQWEsR0FBVyxJQUFJLENBQUM7UUFDN0IsdUJBQWtCLEdBQVcsSUFBSSxDQUFDO1FBRWpDLGVBQVUsR0FBOEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMzRCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3RDLGdCQUFXLEdBQUcsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxFQUFFLENBQUM7S0E2QnRGO0lBM0JDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ3hELElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxJQUFJLENBQUM7WUFDL0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxPQUFPLENBQUM7WUFDbkUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLENBQUM7UUFDekQsQ0FBQztRQUNELElBQUksT0FBTyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxHQUFHLE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQzFGLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxHQUFHO1lBQUUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztJQUUvRCxDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQVc7UUFDakIsSUFBSSxHQUFHLElBQUksQ0FBQztZQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDakMsSUFBSSxHQUFHLElBQUksQ0FBQztZQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDdkMsSUFBSSxHQUFHLElBQUksQ0FBQztZQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQztZQUNuQixJQUFJLEVBQUUsY0FBYztZQUNwQixNQUFNLEVBQUUsRUFBRTtTQUNYLENBQUMsQ0FBQTtJQUNKLENBQUM7OEdBaERVLGNBQWM7a0dBQWQsY0FBYyxza0JDZjNCLG14Q0E0Qk0saXBERGpCTSxZQUFZLHdOQUFtQixhQUFhOzsyRkFJM0MsY0FBYztrQkFQMUIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUM7OEJBSzlFLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07O0FBa0NULE1BQU0sU0FBUyxHQUFRO0lBQ3JCLFNBQVMsRUFBRTtRQUNULElBQUksRUFBRSxxQkFBcUI7UUFDM0IsT0FBTyxFQUFFLFNBQVM7UUFDbEIsS0FBSyxFQUFFLFNBQVM7S0FDakI7SUFDRCxTQUFTLEVBQUU7UUFDVCxJQUFJLEVBQUUsb0JBQW9CO1FBQzFCLE9BQU8sRUFBRSxTQUFTO1FBQ2xCLEtBQUssRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsU0FBUyxFQUFFO1FBQ1QsSUFBSSxFQUFFLHNCQUFzQjtRQUM1QixPQUFPLEVBQUUsRUFBRTtRQUNYLEtBQUssRUFBRSxFQUFFO0tBQ1Y7Q0FDRixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYS10b2FzdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBNYXRJY29uLCBOZ0lmXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgZmluaXNoUGVyY2VudGFnZTogbnVtYmVyID0gLTE7XG4gIEBJbnB1dCgpIGhlYWRpbmc6IHN0cmluZztcbiAgQElucHV0KCkgc3ViSGVhZGluZzogc3RyaW5nO1xuICBASW5wdXQoKSBzdGF0dXNJY29uOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdG9hc3RDbG9zZUljb246IHN0cmluZyA9ICdjbG9zZU91dGxpbmVkJztcbiAgQElucHV0KCkgc3RhdHVzOiAnc3VjY2VzcycgfCAnZmFpbHVyZScgfCAnY2F1dGlvbicgfCAncG9zaXRpdmUnIHwgJ25lZ2F0aXZlJyB8ICd0ZW50YXRpdmUnO1xuICBASW5wdXQoKSBmaXJzdEJ1dHRvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgc2Vjb25kQnV0dG9uTmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBjbG9zYWJsZTogYm9vbGVhbjtcbiAgQElucHV0KCkgZmlsbGVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgd2lkdGg6IG51bWJlciB8IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSB0b2FzdEljb25TaXplOiBzdHJpbmcgPSAnMjQnO1xuICBASW5wdXQoKSB0b2FzdENsb3NlSWNvblNpemU6IHN0cmluZyA9ICcyNCc7XG5cbiAgQE91dHB1dCgpIHRvYXN0RXZlbnQ6IEV2ZW50RW1pdHRlcjxJVG9hc3RFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBmaXJzdEJ1dHRvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIHNlY29uZEJ1dHRvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG4gIHRvYXN0U3R5bGVzID0geyBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsIGNvbG9yOiAnJywgd2lkdGg6IHRoaXMud2lkdGggKyAnJScgfTtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXMgJiYgKGNoYW5nZXNbJ3N0YXR1cyddIHx8IGNoYW5nZXNbJ2ZpbGxlZCddKSkge1xuICAgICAgdGhpcy5zdGF0dXNJY29uID0gdG9hc3RJbmZvW3RoaXMuc3RhdHVzXT8uaWNvbjtcbiAgICAgIHRoaXMudG9hc3RTdHlsZXMuYmFja2dyb3VuZENvbG9yID0gdG9hc3RJbmZvW3RoaXMuc3RhdHVzXT8uYmdDb2xvcjtcbiAgICAgIHRoaXMudG9hc3RTdHlsZXMuY29sb3IgPSB0b2FzdEluZm9bdGhpcy5zdGF0dXNdPy5jb2xvcjtcbiAgICB9XG4gICAgaWYgKGNoYW5nZXMgJiYgY2hhbmdlc1snd2lkdGgnXSkge1xuICAgICAgdGhpcy50b2FzdFN0eWxlcy53aWR0aCA9IHR5cGVvZiB0aGlzLndpZHRoID09PSAnbnVtYmVyJyA/IHRoaXMud2lkdGggKyAnJScgOiB0aGlzLndpZHRoO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmZpbmlzaFBlcmNlbnRhZ2UgPiAxMDApIHRoaXMuZmluaXNoUGVyY2VudGFnZSA9IDEwMDtcblxuICB9XG5cbiAgY2xpY2tlZChudW06IG51bWJlcikge1xuICAgIGlmIChudW0gPT0gMCkgdGhpcy5maXJzdEJ1dHRvbi5lbWl0KCk7XG4gICAgZWxzZSBpZiAobnVtID09IDEpIHRoaXMuc2Vjb25kQnV0dG9uLmVtaXQoKTtcbiAgICBlbHNlIGlmIChudW0gPT0gMikgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG5cbiAgY2xvc2VUb2FzdCgpIHtcbiAgICB0aGlzLnRvYXN0RXZlbnQuZW1pdCh7XG4gICAgICB0eXBlOiAnVE9BU1RfQ0xPU0VEJyxcbiAgICAgIHBhcmFtczoge31cbiAgICB9KVxuICB9XG5cbn1cblxuY29uc3QgdG9hc3RJbmZvOiBhbnkgPSB7XG4gICdzdWNjZXNzJzoge1xuICAgIGljb246ICdjaGVja0NpcmNsZU91dGxpbmVkJyxcbiAgICBiZ0NvbG9yOiAnI0VCRjVFOScsXG4gICAgY29sb3I6ICcjMjQ2QjE2J1xuICB9LFxuICAnZmFpbHVyZSc6IHtcbiAgICBpY29uOiAnaW5mb0NpcmNsZU91dGxpbmVkJyxcbiAgICBiZ0NvbG9yOiAnI0Y4RTlFOScsXG4gICAgY29sb3I6ICcjODYxQzE1J1xuICB9LFxuICAnY2F1dGlvbic6IHtcbiAgICBpY29uOiAnaW5mb1RyaWFuZ2xlT3V0bGluZWQnLFxuICAgIGJnQ29sb3I6ICcnLFxuICAgIGNvbG9yOiAnJ1xuICB9XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRvYXN0RXZlbnQge1xuICB0eXBlOiAnVE9BU1RfQ0xPU0VEJyB8ICdBQ1RJT05fQ0xJQ0tFRCc7XG4gIGV2ZW50PzogYW55O1xuICBwYXJhbXM/OiBhbnk7XG59IiwiPGRpdiBjbGFzcz1cInRvYXN0XCIgW25nU3R5bGVdPVwidG9hc3RTdHlsZXNcIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwidG9hc3QtaWNvbiB7e3N0YXR1c319XCI+XG4gICAgICA8c2EtaWNvbiBbaWNvbl09XCJzdGF0dXNJY29uXCIgW3NpemVdPVwidG9hc3RJY29uU2l6ZVwiPjwvc2EtaWNvbj5cbiAgICAgIDwhLS0gPGltZyBbc3JjXT1cInN0YXR1c0ljb25cIiBhbHQ9XCJcIj4gLS0+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImhlYWQtc3ViaGVhZFwiPlxuICAgICAgPHAgY2xhc3M9XCJoZWFkaW5nXCI+e3toZWFkaW5nfX08L3A+XG4gICAgICA8cCBjbGFzcz1cInN1YmhlYWRpbmdcIj57e3N1YkhlYWRpbmd9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICBAaWYoY2xvc2FibGUpe1xuICAgIDwhLS0gPGltZyBjbGFzcz1cImNyb3NzXCIgKGNsaWNrKT1cImNsb3NlVG9hc3QoKVwiIFtzcmNdPVwiY3Jvc3NtYXJrXCIgYWx0PVwiXCI+IC0tPlxuICAgIDxzYS1pY29uIGNsYXNzPVwiY3Jvc3NcIiBbaWNvbl09XCJ0b2FzdENsb3NlSWNvblwiIFtzaXplXT1cInRvYXN0Q2xvc2VJY29uU2l6ZVwiIChjbGljayk9XCJjbG9zZVRvYXN0KClcIj48L3NhLWljb24+XG4gICAgfVxuICA8L2Rpdj5cbiAgPCEtLSA8ZGl2IGNsYXNzPVwiY29udHJvbHNcIj5cbiAgICA8c2EtYnV0dG9uICpuZ0lmPVwiZmlyc3RCdXR0b25OYW1lXCIgKG9uQ2xpY2tFdmVudCk9XCJjbGlja2VkKDApXCIgW3RleHRdPVwiZmlyc3RCdXR0b25OYW1lXCIgdHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICAgIHNpemU9XCJtZWRpdW1cIiBzdGF0ZT1cImRlZmF1bHRcIj5cbiAgICA8L3NhLWJ1dHRvbj5cbiAgICA8c2EtYnV0dG9uICpuZ0lmPVwic2Vjb25kQnV0dG9uTmFtZVwiIChvbkNsaWNrRXZlbnQpPVwiY2xpY2tlZCgxKVwiIFt0ZXh0XT1cInNlY29uZEJ1dHRvbk5hbWVcIiB0eXBlPVwib3V0bGluZVwiXG4gICAgICBzaXplPVwibWVkaXVtXCIgc3RhdGU9XCJkZWZhdWx0XCI+XG4gICAgPC9zYS1idXR0b24+XG4gIDwvZGl2PiAtLT5cblxuICA8ZGl2ICpuZ0lmPVwiZmluaXNoUGVyY2VudGFnZSA+PSAwXCIgY2xhc3M9XCJwcm9ncmVzcy1iYXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtZG9uZVwiIFtzdHlsZS53aWR0aF09XCJmaW5pc2hQZXJjZW50YWdlKyclJ1wiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1sZWZ0XCIgW3N0eWxlLndpZHRoXT1cIjEwMC1maW5pc2hQZXJjZW50YWdlKyclJ1wiPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -23,12 +23,12 @@ export class ToolTipComponent {
|
|
|
23
23
|
skipToolTip() {
|
|
24
24
|
this.toolTipSkipped.emit();
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ToolTipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: ToolTipComponent, isStandalone: true, selector: "sa-tool-tip", inputs: { messages: "messages", pointerPosition: "pointerPosition" }, outputs: { toolTipSkipped: "toolTipSkipped", toolTipSeen: "toolTipSeen" }, ngImport: i0, template: "<div class=\"tool-tip-vertical\">\n <div class=\"tool-tip-pointer-icon pointer-top\" *ngIf=\"pointerPosition == 'top'\"></div>\n <div class=\"tool-tip-horizontal\">\n <div class=\"tool-tip-pointer-icon pointer-left\" *ngIf=\"pointerPosition == 'left'\"></div>\n <div class=\"tool-tip\">\n <div class=\"tool-tip-content\">\n <div class=\"tool-tip-heading\">Heading</div>\n <div *ngFor=\"let msg of messages, let i = index\" class=\"tool-tip-message {{msgInd != i ? 'hidden-msg': ''}}\">\n {{msg}}\n </div>\n </div>\n <div class=\"tool-tip-break\">\n </div>\n <div class=\"tool-tip-controls\">\n <div class=\"tool-tip-navigate\">\n <img class=\"left-icon tool-tip-navigate-icon\" (click)=\"updateMsgInd(-1)\" [src]=\"arrowIcon\" alt=\"\">\n {{msgInd+1}} of {{messages.length}}\n <img class=\"right-icon tool-tip-navigate-icon\" (click)=\"updateMsgInd(1)\" [src]=\"arrowIcon\" alt=\"\">\n </div>\n <div class=\"tool-tip-control-buttons\">\n <sa-button (onClickEvent)=\"skipToolTip()\" class=\"skip-button\" text=\"Skip\" type=\"transparent\" size=\"medium\"\n state=\"default\"></sa-button>\n <sa-button (onClickEvent)=\"updateMsgInd(1)\" text=\"Next\" type=\"primary\" size=\"medium\" state=\"default\">\n </sa-button>\n </div>\n </div>\n </div>\n <div class=\"tool-tip-pointer-icon pointer-right\" *ngIf=\"pointerPosition == 'right'\"></div>\n </div>\n <div class=\"tool-tip-pointer-icon pointer-bottom\" *ngIf=\"pointerPosition == 'bottom'\"></div>\n</div>\n", styles: [".tool-tip-horizontal{display:flex;width:max-content;justify-content:center;align-items:center}.tool-tip-vertical{display:flex;flex-direction:column;width:max-content;justify-content:center;align-items:center}.tool-tip{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--small-16px, 16px);width:375px;height:auto;box-sizing:border-box;padding:var(--medium-20px, 20px) var(--medium-24px, 24px);border-radius:var(--small-4px, 4px);background:var(--grey-700, #161E27);font-family:var(--font)}.tool-tip-content{display:flex;width:100%;flex-direction:column;gap:var(--small-8px, 8px)}.tool-tip-heading{font-size:16px;font-style:normal;color:var(--text-white, #FFF);font-weight:600;line-height:24px;letter-spacing:.15px}.tool-tip-message{font-size:14px;color:var(--grey-50, #E9EAEB);font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}.tool-tip-controls{display:flex;width:100%;justify-content:space-between;font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px}.tool-tip-navigate{color:var(--text-lowemphasis, #989DA3);display:flex;justify-content:center;align-items:center}.skip-button ::ng-deep .sa-button{color:var(--grey-100, #BABDC1)!important}.skip-button ::ng-deep .sa-button:hover{background-color:transparent}.tool-tip-navigate-icon{cursor:pointer}.left-icon{transform:rotate(180deg)}.tool-tip-control-buttons{display:flex;gap:4px}.tool-tip-break{width:100%;height:.5px;background:var(--grey-50, #E9EAEB)}.hidden-msg{display:none}.tool-tip-pointer-icon{display:flex;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--grey-700, #161E27)}.pointer-left{transform:rotate(-90deg);margin-right:-3px}.pointer-right{transform:rotate(90deg);margin-left:-3px}.pointer-top{margin-bottom:-3px}.pointer-bottom{transform:rotate(180deg);margin-top:-3px}.left-icon,.right-icon{filter:invert(.6)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ToolTipComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'sa-tool-tip', standalone: true, imports: [ButtonComponent, NgFor, NgIf], template: "<div class=\"tool-tip-vertical\">\
|
|
31
|
+
args: [{ selector: 'sa-tool-tip', standalone: true, imports: [ButtonComponent, NgFor, NgIf], template: "<div class=\"tool-tip-vertical\">\n <div class=\"tool-tip-pointer-icon pointer-top\" *ngIf=\"pointerPosition == 'top'\"></div>\n <div class=\"tool-tip-horizontal\">\n <div class=\"tool-tip-pointer-icon pointer-left\" *ngIf=\"pointerPosition == 'left'\"></div>\n <div class=\"tool-tip\">\n <div class=\"tool-tip-content\">\n <div class=\"tool-tip-heading\">Heading</div>\n <div *ngFor=\"let msg of messages, let i = index\" class=\"tool-tip-message {{msgInd != i ? 'hidden-msg': ''}}\">\n {{msg}}\n </div>\n </div>\n <div class=\"tool-tip-break\">\n </div>\n <div class=\"tool-tip-controls\">\n <div class=\"tool-tip-navigate\">\n <img class=\"left-icon tool-tip-navigate-icon\" (click)=\"updateMsgInd(-1)\" [src]=\"arrowIcon\" alt=\"\">\n {{msgInd+1}} of {{messages.length}}\n <img class=\"right-icon tool-tip-navigate-icon\" (click)=\"updateMsgInd(1)\" [src]=\"arrowIcon\" alt=\"\">\n </div>\n <div class=\"tool-tip-control-buttons\">\n <sa-button (onClickEvent)=\"skipToolTip()\" class=\"skip-button\" text=\"Skip\" type=\"transparent\" size=\"medium\"\n state=\"default\"></sa-button>\n <sa-button (onClickEvent)=\"updateMsgInd(1)\" text=\"Next\" type=\"primary\" size=\"medium\" state=\"default\">\n </sa-button>\n </div>\n </div>\n </div>\n <div class=\"tool-tip-pointer-icon pointer-right\" *ngIf=\"pointerPosition == 'right'\"></div>\n </div>\n <div class=\"tool-tip-pointer-icon pointer-bottom\" *ngIf=\"pointerPosition == 'bottom'\"></div>\n</div>\n", styles: [".tool-tip-horizontal{display:flex;width:max-content;justify-content:center;align-items:center}.tool-tip-vertical{display:flex;flex-direction:column;width:max-content;justify-content:center;align-items:center}.tool-tip{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--small-16px, 16px);width:375px;height:auto;box-sizing:border-box;padding:var(--medium-20px, 20px) var(--medium-24px, 24px);border-radius:var(--small-4px, 4px);background:var(--grey-700, #161E27);font-family:var(--font)}.tool-tip-content{display:flex;width:100%;flex-direction:column;gap:var(--small-8px, 8px)}.tool-tip-heading{font-size:16px;font-style:normal;color:var(--text-white, #FFF);font-weight:600;line-height:24px;letter-spacing:.15px}.tool-tip-message{font-size:14px;color:var(--grey-50, #E9EAEB);font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}.tool-tip-controls{display:flex;width:100%;justify-content:space-between;font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px}.tool-tip-navigate{color:var(--text-lowemphasis, #989DA3);display:flex;justify-content:center;align-items:center}.skip-button ::ng-deep .sa-button{color:var(--grey-100, #BABDC1)!important}.skip-button ::ng-deep .sa-button:hover{background-color:transparent}.tool-tip-navigate-icon{cursor:pointer}.left-icon{transform:rotate(180deg)}.tool-tip-control-buttons{display:flex;gap:4px}.tool-tip-break{width:100%;height:.5px;background:var(--grey-50, #E9EAEB)}.hidden-msg{display:none}.tool-tip-pointer-icon{display:flex;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--grey-700, #161E27)}.pointer-left{transform:rotate(-90deg);margin-right:-3px}.pointer-right{transform:rotate(90deg);margin-left:-3px}.pointer-top{margin-bottom:-3px}.pointer-bottom{transform:rotate(180deg);margin-top:-3px}.left-icon,.right-icon{filter:invert(.6)}\n"] }]
|
|
32
32
|
}], propDecorators: { messages: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], pointerPosition: [{
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
38
38
|
}], toolTipSeen: [{
|
|
39
39
|
type: Output
|
|
40
40
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC10aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90b29sLXRpcC90b29sLXRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3Rvb2wtdGlwL3Rvb2wtdGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBU3ZDLE1BQU0sT0FBTyxnQkFBZ0I7SUFQN0I7UUFXWSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzNDLGNBQVMsR0FBRyxvQ0FBb0MsQ0FBQztRQUNqRCxZQUFPLEdBQUcsb0NBQW9DLENBQUM7UUFFL0MsV0FBTSxHQUFXLENBQUMsQ0FBQyxDQUFHLGtEQUFrRDtLQWV6RTtJQWJDLFlBQVksQ0FBQyxDQUFTO1FBQ3BCLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDO1FBQ2pCLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDO1lBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDckMsSUFBSSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDOzhHQXRCVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQix3TkNaN0IsNmxEQStCQSwyOEREdkJZLGVBQWUsd1JBQUUsS0FBSyxtSEFBRSxJQUFJOzsyRkFJM0IsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQzs4QkFLOUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtdG9vbC10aXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQnV0dG9uQ29tcG9uZW50LCBOZ0ZvciwgTmdJZl0sXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sLXRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90b29sLXRpcC5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBUb29sVGlwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbWVzc2FnZXM6IHN0cmluZ1tdO1xuICBASW5wdXQoKSBwb2ludGVyUG9zaXRpb246IHN0cmluZztcblxuICBAT3V0cHV0KCkgdG9vbFRpcFNraXBwZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSB0b29sVGlwU2VlbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgYXJyb3dJY29uID0gXCIuLi9hc3NldHMvcmlnaHRDaGV2cm9uT3V0bGluZWQuc3ZnXCI7XG4gIHBvaW50ZXIgPSBcIi4uL2Fzc2V0cy91cHdhcmRUcmlhbmdsZUZpbGxlZC5zdmdcIjtcblxuICBtc2dJbmQ6IG51bWJlciA9IDA7ICAgLy8gaXMgdGhlIGluZGV4IG9mIGN1cnJlbnQgbWVzc2FnZSBiZWluZyBkaXNwbGF5ZWRcblxuICB1cGRhdGVNc2dJbmQoazogbnVtYmVyKSB7XG4gICAgdGhpcy5tc2dJbmQgKz0gaztcbiAgICBpZiAodGhpcy5tc2dJbmQgPCAwKSB0aGlzLm1zZ0luZCA9IDA7XG4gICAgaWYgKHRoaXMubXNnSW5kID4gdGhpcy5tZXNzYWdlcy5sZW5ndGggLSAxKSB7XG4gICAgICB0aGlzLm1zZ0luZCA9IHRoaXMubWVzc2FnZXMubGVuZ3RoIC0gMTtcbiAgICAgIHRoaXMudG9vbFRpcFNlZW4uZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHNraXBUb29sVGlwKCkge1xuICAgIHRoaXMudG9vbFRpcFNraXBwZWQuZW1pdCgpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0b29sLXRpcC12ZXJ0aWNhbFwiPlxuICA8ZGl2IGNsYXNzPVwidG9vbC10aXAtcG9pbnRlci1pY29uIHBvaW50ZXItdG9wXCIgKm5nSWY9XCJwb2ludGVyUG9zaXRpb24gPT0gJ3RvcCdcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInRvb2wtdGlwLWhvcml6b250YWxcIj5cbiAgICA8ZGl2IGNsYXNzPVwidG9vbC10aXAtcG9pbnRlci1pY29uIHBvaW50ZXItbGVmdFwiICpuZ0lmPVwicG9pbnRlclBvc2l0aW9uID09ICdsZWZ0J1wiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0b29sLXRpcFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInRvb2wtdGlwLWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRvb2wtdGlwLWhlYWRpbmdcIj5IZWFkaW5nPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IG1zZyBvZiBtZXNzYWdlcywgbGV0IGkgPSBpbmRleFwiIGNsYXNzPVwidG9vbC10aXAtbWVzc2FnZSB7e21zZ0luZCAhPSBpID8gJ2hpZGRlbi1tc2cnOiAnJ319XCI+XG4gICAgICAgICAge3ttc2d9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInRvb2wtdGlwLWJyZWFrXCI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0b29sLXRpcC1jb250cm9sc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidG9vbC10aXAtbmF2aWdhdGVcIj5cbiAgICAgICAgICA8aW1nIGNsYXNzPVwibGVmdC1pY29uIHRvb2wtdGlwLW5hdmlnYXRlLWljb25cIiAoY2xpY2spPVwidXBkYXRlTXNnSW5kKC0xKVwiIFtzcmNdPVwiYXJyb3dJY29uXCIgYWx0PVwiXCI+XG4gICAgICAgICAge3ttc2dJbmQrMX19IG9mIHt7bWVzc2FnZXMubGVuZ3RofX1cbiAgICAgICAgICA8aW1nIGNsYXNzPVwicmlnaHQtaWNvbiB0b29sLXRpcC1uYXZpZ2F0ZS1pY29uXCIgKGNsaWNrKT1cInVwZGF0ZU1zZ0luZCgxKVwiIFtzcmNdPVwiYXJyb3dJY29uXCIgYWx0PVwiXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidG9vbC10aXAtY29udHJvbC1idXR0b25zXCI+XG4gICAgICAgICAgPHNhLWJ1dHRvbiAob25DbGlja0V2ZW50KT1cInNraXBUb29sVGlwKClcIiBjbGFzcz1cInNraXAtYnV0dG9uXCIgdGV4dD1cIlNraXBcIiB0eXBlPVwidHJhbnNwYXJlbnRcIiBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgIHN0YXRlPVwiZGVmYXVsdFwiPjwvc2EtYnV0dG9uPlxuICAgICAgICAgIDxzYS1idXR0b24gKG9uQ2xpY2tFdmVudCk9XCJ1cGRhdGVNc2dJbmQoMSlcIiB0ZXh0PVwiTmV4dFwiIHR5cGU9XCJwcmltYXJ5XCIgc2l6ZT1cIm1lZGl1bVwiIHN0YXRlPVwiZGVmYXVsdFwiPlxuICAgICAgICAgIDwvc2EtYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0b29sLXRpcC1wb2ludGVyLWljb24gcG9pbnRlci1yaWdodFwiICpuZ0lmPVwicG9pbnRlclBvc2l0aW9uID09ICdyaWdodCdcIj48L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ0b29sLXRpcC1wb2ludGVyLWljb24gcG9pbnRlci1ib3R0b21cIiAqbmdJZj1cInBvaW50ZXJQb3NpdGlvbiA9PSAnYm90dG9tJ1wiPjwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Component, Input, signal, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class TypographyAnimationComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.config = {
|
|
9
|
+
words: [],
|
|
10
|
+
prefix: '',
|
|
11
|
+
animationDelay: 3000,
|
|
12
|
+
animationDuration: 200
|
|
13
|
+
};
|
|
14
|
+
this.currentWordIndex = signal(0);
|
|
15
|
+
}
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
this.startAnimation();
|
|
18
|
+
}
|
|
19
|
+
ngOnDestroy() {
|
|
20
|
+
if (this.intervalId) {
|
|
21
|
+
clearInterval(this.intervalId);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
startAnimation() {
|
|
25
|
+
this.intervalId = setInterval(() => {
|
|
26
|
+
this.currentWordIndex.update(current => (current + 1) % this.config.words.length);
|
|
27
|
+
}, this.config.animationDelay);
|
|
28
|
+
}
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TypographyAnimationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: TypographyAnimationComponent, isStandalone: true, selector: "sa-typography-animation", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"text-animation\">\n <span class=\"prefix\" *ngIf=\"config.prefix\">{{ config.prefix }}</span>\n <span class=\"words-wrapper\">\n <ng-container *ngFor=\"let word of config.words; let i = index\">\n <span\n class=\"word\"\n [@slideAnimation]=\"currentWordIndex() === i ? 'visible' : 'hidden'\"\n [style.transition-delay]=\"config.animationDelay + 'ms'\"\n >\n {{ word }}\n </span>\n </ng-container>\n </span>\n </div>", styles: [".text-animation{display:flex;align-items:center;gap:.5rem;color:var(--text-highemphasis, #1C1B20);text-align:center;font-family:var(--font-roboto, Roboto);font-size:var(--small-16px, 16px);font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;line-height:1.2;min-height:2.4em}.prefix{white-space:nowrap}.words-wrapper{position:relative;display:inline-block;min-width:150px;height:2.4em;vertical-align:top}.word{position:absolute;left:0;top:50%;width:100%;transform-origin:0 0;white-space:nowrap;opacity:0;display:flex;align-items:center;will-change:transform,opacity}.word.visible{position:absolute;opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
31
|
+
trigger('slideAnimation', [
|
|
32
|
+
state('hidden', style({
|
|
33
|
+
opacity: 0,
|
|
34
|
+
transform: 'translateY(1px)'
|
|
35
|
+
})),
|
|
36
|
+
state('visible', style({
|
|
37
|
+
opacity: 1,
|
|
38
|
+
transform: 'translateY(-50%)'
|
|
39
|
+
})),
|
|
40
|
+
transition('hidden => visible', [
|
|
41
|
+
animate('{{duration}}ms ease-out')
|
|
42
|
+
], { params: { duration: 300 } }),
|
|
43
|
+
transition('visible => hidden', [
|
|
44
|
+
animate('{{duration}}ms ease-in')
|
|
45
|
+
], { params: { duration: 300 } })
|
|
46
|
+
])
|
|
47
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
|
+
}
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TypographyAnimationComponent, decorators: [{
|
|
50
|
+
type: Component,
|
|
51
|
+
args: [{ selector: 'sa-typography-animation', standalone: true, imports: [CommonModule], animations: [
|
|
52
|
+
trigger('slideAnimation', [
|
|
53
|
+
state('hidden', style({
|
|
54
|
+
opacity: 0,
|
|
55
|
+
transform: 'translateY(1px)'
|
|
56
|
+
})),
|
|
57
|
+
state('visible', style({
|
|
58
|
+
opacity: 1,
|
|
59
|
+
transform: 'translateY(-50%)'
|
|
60
|
+
})),
|
|
61
|
+
transition('hidden => visible', [
|
|
62
|
+
animate('{{duration}}ms ease-out')
|
|
63
|
+
], { params: { duration: 300 } }),
|
|
64
|
+
transition('visible => hidden', [
|
|
65
|
+
animate('{{duration}}ms ease-in')
|
|
66
|
+
], { params: { duration: 300 } })
|
|
67
|
+
])
|
|
68
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"text-animation\">\n <span class=\"prefix\" *ngIf=\"config.prefix\">{{ config.prefix }}</span>\n <span class=\"words-wrapper\">\n <ng-container *ngFor=\"let word of config.words; let i = index\">\n <span\n class=\"word\"\n [@slideAnimation]=\"currentWordIndex() === i ? 'visible' : 'hidden'\"\n [style.transition-delay]=\"config.animationDelay + 'ms'\"\n >\n {{ word }}\n </span>\n </ng-container>\n </span>\n </div>", styles: [".text-animation{display:flex;align-items:center;gap:.5rem;color:var(--text-highemphasis, #1C1B20);text-align:center;font-family:var(--font-roboto, Roboto);font-size:var(--small-16px, 16px);font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;line-height:1.2;min-height:2.4em}.prefix{white-space:nowrap}.words-wrapper{position:relative;display:inline-block;min-width:150px;height:2.4em;vertical-align:top}.word{position:absolute;left:0;top:50%;width:100%;transform-origin:0 0;white-space:nowrap;opacity:0;display:flex;align-items:center;will-change:transform,opacity}.word.visible{position:absolute;opacity:1}\n"] }]
|
|
69
|
+
}], propDecorators: { config: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}] } });
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS1hbmltYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90eXBvZ3JhcGh5LWFuaW1hdGlvbi90eXBvZ3JhcGh5LWFuaW1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3R5cG9ncmFwaHktYW5pbWF0aW9uL3R5cG9ncmFwaHktYW5pbWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQW9CLHVCQUF1QixFQUFzQixNQUFNLGVBQWUsQ0FBQztBQUMzSSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFHL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBb0NqRixNQUFNLE9BQU8sNEJBQTRCO0lBMUJ6QztRQTJCVyxXQUFNLEdBQXdCO1lBQ3JDLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixjQUFjLEVBQUUsSUFBSTtZQUNwQixpQkFBaUIsRUFBRSxHQUFHO1NBQ3ZCLENBQUM7UUFFRixxQkFBZ0IsR0FBRyxNQUFNLENBQVMsQ0FBQyxDQUFDLENBQUM7S0FvQnRDO0lBakJDLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO0lBRU8sY0FBYztRQUNwQixJQUFJLENBQUMsVUFBVSxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7WUFDakMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUNyQyxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQ3pDLENBQUM7UUFDSixDQUFDLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNqQyxDQUFDOzhHQTNCVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixpSEN4Q3pDLDJmQWFRLDZxQkRJSSxZQUFZLGtQQUdWO1lBQ1YsT0FBTyxDQUFDLGdCQUFnQixFQUFFO2dCQUN4QixLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQztvQkFDcEIsT0FBTyxFQUFFLENBQUM7b0JBQ1YsU0FBUyxFQUFFLGlCQUFpQjtpQkFDN0IsQ0FBQyxDQUFDO2dCQUNILEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO29CQUNyQixPQUFPLEVBQUUsQ0FBQztvQkFDVixTQUFTLEVBQUUsa0JBQWtCO2lCQUM5QixDQUFDLENBQUM7Z0JBQ0gsVUFBVSxDQUFDLG1CQUFtQixFQUFFO29CQUM5QixPQUFPLENBQUMseUJBQXlCLENBQUM7aUJBQ25DLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQztnQkFDakMsVUFBVSxDQUFDLG1CQUFtQixFQUFFO29CQUM5QixPQUFPLENBQUMsd0JBQXdCLENBQUM7aUJBQ2xDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQzthQUNsQyxDQUFDO1NBQ0g7OzJGQUdVLDRCQUE0QjtrQkExQnhDLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxjQUdYO3dCQUNWLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTs0QkFDeEIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0NBQ3BCLE9BQU8sRUFBRSxDQUFDO2dDQUNWLFNBQVMsRUFBRSxpQkFBaUI7NkJBQzdCLENBQUMsQ0FBQzs0QkFDSCxLQUFLLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQztnQ0FDckIsT0FBTyxFQUFFLENBQUM7Z0NBQ1YsU0FBUyxFQUFFLGtCQUFrQjs2QkFDOUIsQ0FBQyxDQUFDOzRCQUNILFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDOUIsT0FBTyxDQUFDLHlCQUF5QixDQUFDOzZCQUNuQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUM7NEJBQ2pDLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDOUIsT0FBTyxDQUFDLHdCQUF3QixDQUFDOzZCQUNsQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUM7eUJBQ2xDLENBQUM7cUJBQ0gsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT25EZXN0cm95LCBzaWduYWwsIGNvbXB1dGVkLCBlZmZlY3QsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBEZXN0cm95UmVmLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBpbnRlcnZhbCwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgdHJpZ2dlciwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cblxuZXhwb3J0IGludGVyZmFjZSBUZXh0QW5pbWF0aW9uQ29uZmlnIHtcbiAgd29yZHM6IHN0cmluZ1tdO1xuICBwcmVmaXg/OiBzdHJpbmc7XG4gIGFuaW1hdGlvbkRlbGF5PzogbnVtYmVyO1xuICBhbmltYXRpb25EdXJhdGlvbj86IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtdHlwb2dyYXBoeS1hbmltYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3R5cG9ncmFwaHktYW5pbWF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3R5cG9ncmFwaHktYW5pbWF0aW9uLmNvbXBvbmVudC5jc3MnLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignc2xpZGVBbmltYXRpb24nLCBbXG4gICAgICBzdGF0ZSgnaGlkZGVuJywgc3R5bGUoe1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDFweCknXG4gICAgICB9KSksXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcbiAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtNTAlKSdcbiAgICAgIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ2hpZGRlbiA9PiB2aXNpYmxlJywgW1xuICAgICAgICBhbmltYXRlKCd7e2R1cmF0aW9ufX1tcyBlYXNlLW91dCcpXG4gICAgICBdLCB7IHBhcmFtczogeyBkdXJhdGlvbjogMzAwIH0gfSksXG4gICAgICB0cmFuc2l0aW9uKCd2aXNpYmxlID0+IGhpZGRlbicsIFtcbiAgICAgICAgYW5pbWF0ZSgne3tkdXJhdGlvbn19bXMgZWFzZS1pbicpXG4gICAgICBdLCB7IHBhcmFtczogeyBkdXJhdGlvbjogMzAwIH0gfSlcbiAgICBdKVxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUeXBvZ3JhcGh5QW5pbWF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBjb25maWc6IFRleHRBbmltYXRpb25Db25maWcgPSB7XG4gICAgd29yZHM6IFtdLFxuICAgIHByZWZpeDogJycsXG4gICAgYW5pbWF0aW9uRGVsYXk6IDMwMDAsXG4gICAgYW5pbWF0aW9uRHVyYXRpb246IDIwMFxuICB9O1xuXG4gIGN1cnJlbnRXb3JkSW5kZXggPSBzaWduYWw8bnVtYmVyPigwKTtcbiAgcHJpdmF0ZSBpbnRlcnZhbElkOiBhbnk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zdGFydEFuaW1hdGlvbigpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuaW50ZXJ2YWxJZCkge1xuICAgICAgY2xlYXJJbnRlcnZhbCh0aGlzLmludGVydmFsSWQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc3RhcnRBbmltYXRpb24oKSB7XG4gICAgdGhpcy5pbnRlcnZhbElkID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgdGhpcy5jdXJyZW50V29yZEluZGV4LnVwZGF0ZShjdXJyZW50ID0+IFxuICAgICAgICAoY3VycmVudCArIDEpICUgdGhpcy5jb25maWcud29yZHMubGVuZ3RoXG4gICAgICApO1xuICAgIH0sIHRoaXMuY29uZmlnLmFuaW1hdGlvbkRlbGF5KTtcbiAgfVxufSIsIjxkaXYgY2xhc3M9XCJ0ZXh0LWFuaW1hdGlvblwiPlxuICAgIDxzcGFuIGNsYXNzPVwicHJlZml4XCIgKm5nSWY9XCJjb25maWcucHJlZml4XCI+e3sgY29uZmlnLnByZWZpeCB9fTwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cIndvcmRzLXdyYXBwZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHdvcmQgb2YgY29uZmlnLndvcmRzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJ3b3JkXCJcbiAgICAgICAgICBbQHNsaWRlQW5pbWF0aW9uXT1cImN1cnJlbnRXb3JkSW5kZXgoKSA9PT0gaSA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nXCJcbiAgICAgICAgICBbc3R5bGUudHJhbnNpdGlvbi1kZWxheV09XCJjb25maWcuYW5pbWF0aW9uRGVsYXkgKyAnbXMnXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IHdvcmQgfX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9zcGFuPlxuICA8L2Rpdj4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -21,6 +21,7 @@ export * from './lib/card-carousel/card-carousel.component';
|
|
|
21
21
|
export * from './lib/checkbox/checkbox.component';
|
|
22
22
|
export * from './lib/chips/chips.component';
|
|
23
23
|
export * from './lib/component-library.component';
|
|
24
|
+
export * from './lib/dashboard-loader/dashboard-loader.component';
|
|
24
25
|
export * from './lib/datepicker/datepicker.component';
|
|
25
26
|
export * from './lib/dialog/dialog.component';
|
|
26
27
|
export * from './lib/form-input/form-input.component';
|
|
@@ -48,6 +49,7 @@ export * from './lib/stepper/stepper.component';
|
|
|
48
49
|
export * from './lib/tabs/tabs.component';
|
|
49
50
|
export * from './lib/toast/toast.component';
|
|
50
51
|
export * from './lib/tool-tip/tool-tip.component';
|
|
52
|
+
export * from './lib/typography-animation/typography-animation.component';
|
|
51
53
|
// Services
|
|
52
54
|
export * from './lib/component-library.service';
|
|
53
55
|
export * from './lib/icon/icon.service';
|
|
@@ -68,4 +70,4 @@ export * from './interfaces/select-interface';
|
|
|
68
70
|
export * from './interfaces/status-dot.interface';
|
|
69
71
|
export * from './interfaces/tab-interface';
|
|
70
72
|
export * from './interfaces/toast-interface';
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsd0JBQXdCO0FBR3hCLGFBQWE7QUFDYixjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsMkRBQTJELENBQUM7QUFFMUUsV0FBVztBQUNYLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx5QkFBeUIsQ0FBQztBQUV4QyxhQUFhO0FBQ2IsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgY29tcG9uZW50LWxpYnJhcnlcbiAqL1xuXG4vLyAuLi4gZXhpc3RpbmcgY29kZSAuLi5cblxuXG4vLyBDb21wb25lbnRzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxlbmRhci1oZWFkZXIvY2FsZW5kYXItaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQtYm9keS9jYXJkLWJvZHkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQvY2FyZC1jdXN0b20taGVhZGVyL2NhcmQtY3VzdG9tLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC9jYXJkLWZvb3Rlci1hY3Rpb25zL2NhcmQtZm9vdGVyLWFjdGlvbnMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQvY2FyZC1pY29uL2NhcmQtaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC9jYXJkLXRpdGxlLWFjdGlvbnMvY2FyZC10aXRsZS1hY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQvY2hlY2tib3gtY2FyZC9jaGVja2JveC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2d1aWRlLWNhcmQvZ3VpZGUtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC9tZW51LWNhcmQvbWVudS1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWNhcm91c2VsL2NhcmQtY2Fyb3VzZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50LWxpYnJhcnkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Rhc2hib2FyZC1sb2FkZXIvZGFzaGJvYXJkLWxvYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZXBpY2tlci9kYXRlcGlja2VyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mb3JtLWlucHV0L2Zvcm0taW5wdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zvcm0tc2VsZWN0L2Zvcm0tc2VsZWN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9ncmlkLWNlbGwvZ3JpZC1jZWxsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xheW91dC1zZWN0aW9uL2xheW91dC1zZWN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9sZWZ0LW5hdi9sZWZ0LW5hdi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGlzdC9saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZXNzYWdlLWJhbm5lci9tZXNzYWdlLWJhbm5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVzc2FnZS1iYW5uZXItdjIvbWVzc2FnZS1iYW5uZXItdjIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21pbmktY2FyZC9taW5pLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2UtbGF5b3V0L3BhZ2UtbGF5b3V0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zY3JvbGxpbmctY2FyZHMvc2Nyb2xsaW5nLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9za2VsZXRvbi9za2VsZXRvbi1iYXNlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9za2VsZXRvbi9za2VsZXRvbi1jb250YWluZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NrZWxldG9uL3NrZWxldG9uLWxvYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2tlbGV0b24vc2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N0YXR1cy1kb3Qvc3RhdHVzLWRvdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJzL3RhYnMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RvYXN0L3RvYXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sLXRpcC90b29sLXRpcC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdHlwb2dyYXBoeS1hbmltYXRpb24vdHlwb2dyYXBoeS1hbmltYXRpb24uY29tcG9uZW50JztcblxuLy8gU2VydmljZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudC1saWJyYXJ5LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi9pY29uLnNlcnZpY2UnO1xuXG4vLyBJbnRlcmZhY2VzXG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvYXZhdGFyLWludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvYnV0dG9uLWludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvY2FyZC1jYXJvdXNlbC1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2NoaXAtaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9ncmlkLWludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvZ3VpZGUtY2FyZC1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2hlYWRlci1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2ljb24taW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9sYXlvdXQtc2VjdGlvbi1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL21lc3NhZ2UtYmFubmVyJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9vcHRpb24taW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9zY3JvbGxpbmctY2FyZC1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL3NlbGVjdC1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL3N0YXR1cy1kb3QuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy90YWItaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy90b2FzdC1pbnRlcmZhY2UnO1xuIl19
|