@seniorsistemas/data-seniorx-core 2.0.1 → 2.1.0
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/core/config/dynamic-view-builder.config.d.ts +3 -0
- package/core/constants/dynamic-view-builder.const.d.ts +15 -0
- package/core/constants/picklist.const.d.ts +4 -0
- package/core/constants/timeline.const.d.ts +6 -0
- package/core/types/confirm.type.d.ts +1 -0
- package/core/types/dynamic-view-builder.type.d.ts +130 -0
- package/core/types/row-card.type.d.ts +10 -0
- package/core/types/timeline.type.d.ts +22 -0
- package/esm2022/core/config/dynamic-view-builder.config.mjs +396 -0
- package/esm2022/core/config/row-card.type.config.mjs +2 -1
- package/esm2022/core/constants/dynamic-view-builder.const.mjs +24 -0
- package/esm2022/core/constants/picklist.const.mjs +5 -1
- package/esm2022/core/constants/timeline.const.mjs +6 -0
- package/esm2022/core/handlers/sqlFormatter.mjs +3 -2
- package/esm2022/core/types/confirm.type.mjs +1 -1
- package/esm2022/core/types/dynamic-view-builder.type.mjs +2 -0
- package/esm2022/core/types/row-card.type.mjs +1 -1
- package/esm2022/core/types/timeline.type.mjs +2 -0
- package/esm2022/core/utils/layout.util.mjs +4 -4
- package/esm2022/core/utils/number-input.util.mjs +2 -2
- package/esm2022/features/breadcrumb/breadcrumb.component.mjs +21 -3
- package/esm2022/features/button/button.component.mjs +5 -5
- package/esm2022/features/card-list/card/card.component.mjs +4 -6
- package/esm2022/features/card-list/card-list.component.mjs +4 -7
- package/esm2022/features/code-editor/code-editor.component.mjs +5 -5
- package/esm2022/features/color-picker/color-picker.component.mjs +4 -4
- package/esm2022/features/combobox/combobox.component.mjs +8 -8
- package/esm2022/features/confirm/confirm.component.mjs +8 -4
- package/esm2022/features/country-phone-picker/country-phone-picker.component.mjs +6 -8
- package/esm2022/features/empty-state/empty-state.component.mjs +3 -3
- package/esm2022/features/hyperlink/hyperlink.component.mjs +10 -12
- package/esm2022/features/icon-picker/icon-picker.component.mjs +3 -3
- package/esm2022/features/info-sign/info-sign.component.mjs +3 -3
- package/esm2022/features/list/list.component.mjs +1 -1
- package/esm2022/features/loading-state/loading-state.component.mjs +20 -25
- package/esm2022/features/localized-number-input/localized-number-input.component.mjs +4 -4
- package/esm2022/features/mask/mask.component.mjs +4 -4
- package/esm2022/features/modal/modal.component.mjs +5 -5
- package/esm2022/features/modalc/modalc.component.mjs +1 -1
- package/esm2022/features/number-input/number-input.component.mjs +4 -4
- package/esm2022/features/numeric/numeric.component.mjs +4 -6
- package/esm2022/features/paginator/paginator.component.mjs +2 -2
- package/esm2022/features/password-strength/password-strength.component.mjs +3 -3
- package/esm2022/features/picklist/picklist.component.mjs +50 -9
- package/esm2022/features/radio/radio.component.mjs +12 -12
- package/esm2022/features/row-card-list/row-card/row-card.component.mjs +32 -9
- package/esm2022/features/row-card-list/row-card-list.component.mjs +3 -3
- package/esm2022/features/searchbox/searchbox.component.mjs +1 -1
- package/esm2022/features/sidebar/sidebar.component.mjs +7 -3
- package/esm2022/features/switch/switch.component.mjs +3 -3
- package/esm2022/features/table/table.component.mjs +3 -3
- package/esm2022/features/textarea/textarea.component.mjs +4 -4
- package/esm2022/features/textbox/textbox.component.mjs +4 -4
- package/esm2022/features/timeline/timeline.component.mjs +90 -0
- package/esm2022/features/toast/toast.component.mjs +4 -6
- package/esm2022/features/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/features/visual-sql-editor/visual-sql-editor.component.mjs +2810 -0
- package/esm2022/locales/en.json +202 -1
- package/esm2022/locales/es-CO.json +202 -1
- package/esm2022/locales/pt.json +202 -1
- package/esm2022/public-api.mjs +6 -1
- package/features/breadcrumb/breadcrumb.component.d.ts +2 -0
- package/features/button/button.component.d.ts +2 -2
- package/features/code-editor/code-editor.component.d.ts +2 -2
- package/features/hyperlink/hyperlink.component.d.ts +3 -3
- package/features/loading-state/loading-state.component.d.ts +3 -4
- package/features/modal/modal.component.d.ts +2 -2
- package/features/picklist/picklist.component.d.ts +10 -1
- package/features/radio/radio.component.d.ts +4 -4
- package/features/row-card-list/row-card/row-card.component.d.ts +8 -1
- package/features/sidebar/sidebar.component.d.ts +2 -1
- package/features/timeline/timeline.component.d.ts +27 -0
- package/features/visual-sql-editor/visual-sql-editor.component.d.ts +560 -0
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs +4161 -176
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs.map +1 -1
- package/package.json +2 -2
- package/public-api.d.ts +7 -0
- package/src/locales/en.json +211 -1
- package/src/locales/es-CO.json +211 -1
- package/src/locales/pt.json +211 -1
- package/styles.css +1 -1
|
@@ -60,13 +60,13 @@ export class TextareaComponent extends InputsComponent {
|
|
|
60
60
|
target.style.height = `${target.scrollHeight}px`;
|
|
61
61
|
}
|
|
62
62
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
63
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextareaComponent, isStandalone: true, selector: "sdc-textarea", inputs: { infoTooltip: "infoTooltip", infoTooltipPosition: "infoTooltipPosition", infoTooltipEvent: "infoTooltipEvent", rows: "rows", autoResize: "autoResize" }, providers: [
|
|
64
64
|
{
|
|
65
65
|
provide: NG_VALUE_ACCESSOR,
|
|
66
66
|
useExisting: forwardRef(() => TextareaComponent),
|
|
67
67
|
multi: true
|
|
68
68
|
}
|
|
69
|
-
], viewQueries: [{ propertyName: "textareaEl", first: true, predicate: ["textareaEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textarea\">\n <div class=\"sdc-textarea__label-row\"
|
|
69
|
+
], viewQueries: [{ propertyName: "textareaEl", first: true, predicate: ["textareaEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textarea\">\n @if (labelKey() || infoTooltip) {\n <div class=\"sdc-textarea__label-row\">\n @if (labelKey()) {\n <label [for]=\"identity.id\" class=\"sdc-textarea__label\">\n <span class=\"sdc-textarea__label-text\">\n {{ labelKey() | translate }}\n @if (required) {\n <span class=\"required-field\" aria-hidden=\"true\">*</span>\n }\n @if (required) {\n <span class=\"sdc-textarea__sr-only\">\n {{ 'platform.datacore.accessibility.required_field' | translate }}\n </span>\n }\n </span>\n </label>\n }\n @if (infoTooltip) {\n <sdc-tooltip\n class=\"sdc-textarea__info-tooltip-wrap\"\n [pTooltip]=\"infoTooltip\"\n [tooltipPosition]=\"infoTooltipPosition\"\n [tooltipEvent]=\"infoTooltipEvent\"\n (click)=\"$event.stopPropagation()\"\n >\n <i class=\"fas fa-info-circle sdc-textarea__info-tooltip-icon\" aria-hidden=\"true\"></i>\n </sdc-tooltip>\n }\n </div>\n }\n\n <textarea\n #textareaEl\n (beforeinput)=\"onBeforeInput($event)\"\n (input)=\"onTextareaInput($event)\"\n [disabled]=\"disabled\"\n [id]=\"identity.id\"\n [name]=\"identity.name\"\n [ngClass]=\"getInvalidClass()\"\n [ngStyle]=\"getInputStyle()\"\n [placeholder]=\"placeholder ? (placeholder | translate) : ''\"\n [required]=\"required\"\n [value]=\"value\"\n [attr.maxlength]=\"maxlength\"\n [rows]=\"rows\"\n [attr.aria-label]=\"\n labelKey()\n ? (labelKey() | translate)\n : placeholder\n ? (placeholder | translate)\n : ('platform.datacore.accessibility.text_area' | translate)\n \"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"invalid\"\n [attr.aria-describedby]=\"messageKey() ? identity.id + '-error' : null\"\n ></textarea>\n\n @if (messageKey()) {\n <small\n [id]=\"identity.id + '-error'\"\n [ngClass]=\"getInvalidMessageClass()\"\n role=\"alert\"\n aria-live=\"polite\"\n >\n {{ messageKey() | translate }}\n </small>\n }\n</div>\n", styles: [".sdc-textarea .sdc-textarea__label-row{display:flex;align-items:center;gap:var(--sdc-form-label-row-gap);margin-bottom:var(--sdc-form-label-row-mb)}.sdc-textarea .sdc-textarea__label{display:inline-flex;align-items:center;margin-bottom:0;line-height:var(--sdc-form-label-line-height);padding-top:var(--sdc-form-label-py);padding-bottom:var(--sdc-form-label-py);min-width:0}.sdc-textarea .sdc-textarea__label-text{display:inline-flex;align-items:center}.sdc-textarea .required-field{margin-left:var(--sdc-form-required-ml);color:var(--sdc-form-required-color);font-weight:var(--sdc-form-required-weight)}.sdc-textarea .sdc-textarea__sr-only{border:var(--sdc-sr-only-border);clip:var(--sdc-sr-only-clip);height:var(--sdc-sr-only-h);margin:var(--sdc-sr-only-m);overflow:var(--sdc-sr-only-overflow);padding:var(--sdc-sr-only-p);position:var(--sdc-sr-only-pos);width:var(--sdc-sr-only-w)}.sdc-textarea .sdc-textarea__info-tooltip-wrap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;margin:0}.sdc-textarea .sdc-textarea__info-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--sdc-form-tooltip-size);height:var(--sdc-form-tooltip-size);line-height:1;cursor:pointer;color:var(--sdc-form-tooltip-color)}.sdc-textarea textarea{width:100%;border:var(--sdc-formfield-border)!important;border-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important;resize:vertical;padding:var(--sdc-form-textarea-padding-y) var(--sdc-form-input-padding-x)!important;background-color:var(--sdc-formfield-default-bg)!important;color:var(--sdc-text-default)!important;font:inherit!important;box-sizing:border-box!important}.sdc-textarea textarea:focus{outline:none;border-color:var(--sdc-formfield-focus-color)!important;box-shadow:var(--sdc-formfield-focus-shadow)!important}.sdc-textarea textarea:focus-visible{outline:none;border-color:var(--sdc-formfield-focus-color)!important;box-shadow:var(--sdc-formfield-focus-shadow-visible)!important}.sdc-textarea textarea:disabled{background-color:var(--sdc-formfield-disabled-bg)!important;cursor:not-allowed!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: TooltipComponent, selector: "sdc-tooltip", inputs: ["pTooltip", "tooltipPosition", "tooltipEvent", "fitContent", "tooltipDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
70
70
|
}
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
76
76
|
useExisting: forwardRef(() => TextareaComponent),
|
|
77
77
|
multi: true
|
|
78
78
|
}
|
|
79
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-textarea\">\n <div class=\"sdc-textarea__label-row\"
|
|
79
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-textarea\">\n @if (labelKey() || infoTooltip) {\n <div class=\"sdc-textarea__label-row\">\n @if (labelKey()) {\n <label [for]=\"identity.id\" class=\"sdc-textarea__label\">\n <span class=\"sdc-textarea__label-text\">\n {{ labelKey() | translate }}\n @if (required) {\n <span class=\"required-field\" aria-hidden=\"true\">*</span>\n }\n @if (required) {\n <span class=\"sdc-textarea__sr-only\">\n {{ 'platform.datacore.accessibility.required_field' | translate }}\n </span>\n }\n </span>\n </label>\n }\n @if (infoTooltip) {\n <sdc-tooltip\n class=\"sdc-textarea__info-tooltip-wrap\"\n [pTooltip]=\"infoTooltip\"\n [tooltipPosition]=\"infoTooltipPosition\"\n [tooltipEvent]=\"infoTooltipEvent\"\n (click)=\"$event.stopPropagation()\"\n >\n <i class=\"fas fa-info-circle sdc-textarea__info-tooltip-icon\" aria-hidden=\"true\"></i>\n </sdc-tooltip>\n }\n </div>\n }\n\n <textarea\n #textareaEl\n (beforeinput)=\"onBeforeInput($event)\"\n (input)=\"onTextareaInput($event)\"\n [disabled]=\"disabled\"\n [id]=\"identity.id\"\n [name]=\"identity.name\"\n [ngClass]=\"getInvalidClass()\"\n [ngStyle]=\"getInputStyle()\"\n [placeholder]=\"placeholder ? (placeholder | translate) : ''\"\n [required]=\"required\"\n [value]=\"value\"\n [attr.maxlength]=\"maxlength\"\n [rows]=\"rows\"\n [attr.aria-label]=\"\n labelKey()\n ? (labelKey() | translate)\n : placeholder\n ? (placeholder | translate)\n : ('platform.datacore.accessibility.text_area' | translate)\n \"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"invalid\"\n [attr.aria-describedby]=\"messageKey() ? identity.id + '-error' : null\"\n ></textarea>\n\n @if (messageKey()) {\n <small\n [id]=\"identity.id + '-error'\"\n [ngClass]=\"getInvalidMessageClass()\"\n role=\"alert\"\n aria-live=\"polite\"\n >\n {{ messageKey() | translate }}\n </small>\n }\n</div>\n", styles: [".sdc-textarea .sdc-textarea__label-row{display:flex;align-items:center;gap:var(--sdc-form-label-row-gap);margin-bottom:var(--sdc-form-label-row-mb)}.sdc-textarea .sdc-textarea__label{display:inline-flex;align-items:center;margin-bottom:0;line-height:var(--sdc-form-label-line-height);padding-top:var(--sdc-form-label-py);padding-bottom:var(--sdc-form-label-py);min-width:0}.sdc-textarea .sdc-textarea__label-text{display:inline-flex;align-items:center}.sdc-textarea .required-field{margin-left:var(--sdc-form-required-ml);color:var(--sdc-form-required-color);font-weight:var(--sdc-form-required-weight)}.sdc-textarea .sdc-textarea__sr-only{border:var(--sdc-sr-only-border);clip:var(--sdc-sr-only-clip);height:var(--sdc-sr-only-h);margin:var(--sdc-sr-only-m);overflow:var(--sdc-sr-only-overflow);padding:var(--sdc-sr-only-p);position:var(--sdc-sr-only-pos);width:var(--sdc-sr-only-w)}.sdc-textarea .sdc-textarea__info-tooltip-wrap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;margin:0}.sdc-textarea .sdc-textarea__info-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--sdc-form-tooltip-size);height:var(--sdc-form-tooltip-size);line-height:1;cursor:pointer;color:var(--sdc-form-tooltip-color)}.sdc-textarea textarea{width:100%;border:var(--sdc-formfield-border)!important;border-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important;resize:vertical;padding:var(--sdc-form-textarea-padding-y) var(--sdc-form-input-padding-x)!important;background-color:var(--sdc-formfield-default-bg)!important;color:var(--sdc-text-default)!important;font:inherit!important;box-sizing:border-box!important}.sdc-textarea textarea:focus{outline:none;border-color:var(--sdc-formfield-focus-color)!important;box-shadow:var(--sdc-formfield-focus-shadow)!important}.sdc-textarea textarea:focus-visible{outline:none;border-color:var(--sdc-formfield-focus-color)!important;box-shadow:var(--sdc-formfield-focus-shadow-visible)!important}.sdc-textarea textarea:disabled{background-color:var(--sdc-formfield-disabled-bg)!important;cursor:not-allowed!important}\n"] }]
|
|
80
80
|
}], propDecorators: { infoTooltip: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], infoTooltipPosition: [{
|
|
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
91
91
|
type: ViewChild,
|
|
92
92
|
args: ['textareaEl']
|
|
93
93
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFekUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLGtCQUFrQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFrQmhFLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxlQUF1QjtJQUNuRCxXQUFXLEdBQWtCLElBQUksQ0FBQztJQUNsQyxtQkFBbUIsR0FBb0IsT0FBTyxDQUFDO0lBQy9DLGdCQUFnQixHQUFpQixNQUFNLENBQUM7SUFFeEMsSUFBSSxHQUFHLHFCQUFxQixDQUFDO0lBQzdCLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFFYyxVQUFVLENBQW1DO0lBRXZGLGVBQWU7UUFDYixJQUFJLENBQUMsZUFB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QyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxRQUFROzhCQUdoQyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRW9DLFVBQVU7c0JBQW5ELFNBQVM7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5pbXBvcnQgeyBURVhUQVJFQV9ERUZBVUxUX1JPV1MgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnN0YW50cy90ZXh0YXJlYS5jb25zdCc7XG5pbXBvcnQgeyBJbnB1dHNDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2RpcmVjdGl2ZXMvaW5wdXRzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBFdmVudCwgVG9vbHRpcFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vY29yZS90eXBlcy90b29sdGlwLnR5cGUnO1xuaW1wb3J0IHsgZmlsdGVyVGV4dFdpdGhSZWdFeHAsIGdldEtleUZpbHRlclJlZ0V4cCwgaXNUZXh0QWxsb3dlZEJ5UmVnRXhwIH0gZnJvbSAnLi4vLi4vY29yZS91dGlscy9rZXktZmlsdGVyLnV0aWwnO1xuaW1wb3J0IHsgVG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZGMtdGV4dGFyZWEnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBUb29sdGlwQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5zY3NzJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUZXh0YXJlYUNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkXG59KVxuZXhwb3J0IGNsYXNzIFRleHRhcmVhQ29tcG9uZW50IGV4dGVuZHMgSW5wdXRzQ29tcG9uZW50PHN0cmluZz4gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgaW5mb1Rvb2x0aXA6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBpbmZvVG9vbHRpcFBvc2l0aW9uOiBUb29sdGlwUG9zaXRpb24gPSAncmlnaHQnO1xuICBASW5wdXQoKSBpbmZvVG9vbHRpcEV2ZW50OiBUb29sdGlwRXZlbnQgPSAnYm90aCc7XG5cbiAgQElucHV0KCkgcm93cyA9IFRFWFRBUkVBX0RFRkFVTFRfUk9XUztcbiAgQElucHV0KCkgYXV0b1Jlc2l6ZSA9IGZhbHNlO1xuXG4gIEBWaWV3Q2hpbGQoJ3RleHRhcmVhRWwnKSBwcml2YXRlIHJlYWRvbmx5IHRleHRhcmVhRWw/OiBFbGVtZW50UmVmPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFwcGx5QXV0b1Jlc2l6ZSgpO1xuICB9XG5cbiAgb25CZWZvcmVJbnB1dChldmVudDogSW5wdXRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHJlID0gZ2V0S2V5RmlsdGVyUmVnRXhwKHRoaXMua2V5RmlsdGVyKTtcbiAgICBpZiAoIXJlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgeyBkYXRhLCBpbnB1dFR5cGUgfSA9IGV2ZW50O1xuXG4gICAgY29uc3QgaXNJbnNlcnQgPVxuICAgICAgdHlwZW9mIGlucHV0VHlwZSA9PT0gJ3N0cmluZycgJiYgKGlucHV0VHlwZS5zdGFydHNXaXRoKCdpbnNlcnQnKSB8fCBpbnB1dFR5cGUgPT09ICdpbnNlcnRUZXh0Jyk7XG5cbiAgICBpZiAoIWlzSW5zZXJ0IHx8IHR5cGVvZiBkYXRhICE9PSAnc3RyaW5nJyB8fCBkYXRhLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghaXNUZXh0QWxsb3dlZEJ5UmVnRXhwKGRhdGEsIHJlKSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBvblRleHRhcmVhSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgeyB0YXJnZXQgfSA9IGV2ZW50O1xuICAgIGlmICghKHRhcmdldCBpbnN0YW5jZW9mIEhUTUxUZXh0QXJlYUVsZW1lbnQpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcmUgPSBnZXRLZXlGaWx0ZXJSZWdFeHAodGhpcy5rZXlGaWx0ZXIpO1xuICAgIGlmIChyZSkge1xuICAgICAgY29uc3QgZmlsdGVyZWQgPSBmaWx0ZXJUZXh0V2l0aFJlZ0V4cCh0YXJnZXQudmFsdWUsIHJlKTtcbiAgICAgIGlmIChmaWx0ZXJlZCAhPT0gdGFyZ2V0LnZhbHVlKSB7XG4gICAgICAgIHRhcmdldC52YWx1ZSA9IGZpbHRlcmVkO1xuICAgICAgfVxuICAgIH1cblxuICAgIHN1cGVyLm9uSW5wdXQoZXZlbnQpO1xuICAgIHRoaXMuYXBwbHlBdXRvUmVzaXplKHRhcmdldCk7XG4gIH1cblxuICBwcml2YXRlIGFwcGx5QXV0b1Jlc2l6ZShlbD86IEhUTUxUZXh0QXJlYUVsZW1lbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYXV0b1Jlc2l6ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHRhcmdldCA9IGVsID8/IHRoaXMudGV4dGFyZWFFbD8ubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIXRhcmdldCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRhcmdldC5zdHlsZS5oZWlnaHQgPSAnYXV0byc7XG4gICAgdGFyZ2V0LnN0eWxlLmhlaWdodCA9IGAke3RhcmdldC5zY3JvbGxIZWlnaHR9cHhgO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2RjLXRleHRhcmVhXCI+XG4gIDxkaXYgY2xhc3M9XCJzZGMtdGV4dGFyZWFfX2xhYmVsLXJvd1wiICpuZ0lmPVwibGFiZWxLZXkoKSB8fCBpbmZvVG9vbHRpcFwiPlxuICAgIDxsYWJlbCAqbmdJZj1cImxhYmVsS2V5KClcIiBbZm9yXT1cImlkZW50aXR5LmlkXCIgY2xhc3M9XCJzZGMtdGV4dGFyZWFfX2xhYmVsXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInNkYy10ZXh0YXJlYV9fbGFiZWwtdGV4dFwiPlxuICAgICAgICB7eyBsYWJlbEtleSgpIHwgdHJhbnNsYXRlIH19XG4gICAgICAgIDxzcGFuICpuZ0lmPVwicmVxdWlyZWRcIiBjbGFzcz1cInJlcXVpcmVkLWZpZWxkXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Kjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJyZXF1aXJlZFwiIGNsYXNzPVwic2RjLXRleHRhcmVhX19zci1vbmx5XCI+XG4gICAgICAgICAge3sgJ3BsYXRmb3JtLmRhdGFjb3JlLmFjY2Vzc2liaWxpdHkucmVxdWlyZWRfZmllbGQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2xhYmVsPlxuXG4gICAgPHNkYy10b29sdGlwXG4gICAgICAqbmdJZj1cImluZm9Ub29sdGlwXCJcbiAgICAgIGNsYXNzPVwic2RjLXRleHRhcmVhX19pbmZvLXRvb2x0aXAtd3JhcFwiXG4gICAgICBbcFRvb2x0aXBdPVwiaW5mb1Rvb2x0aXBcIlxuICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJpbmZvVG9vbHRpcFBvc2l0aW9uXCJcbiAgICAgIFt0b29sdGlwRXZlbnRdPVwiaW5mb1Rvb2x0aXBFdmVudFwiXG4gICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICA+XG4gICAgICA8aSBjbGFzcz1cImZhcyBmYS1pbmZvLWNpcmNsZSBzZGMtdGV4dGFyZWFfX2luZm8tdG9vbHRpcC1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgIDwvc2RjLXRvb2x0aXA+XG4gIDwvZGl2PlxuXG4gIDx0ZXh0YXJlYVxuICAgICN0ZXh0YXJlYUVsXG4gICAgKGJlZm9yZWlucHV0KT1cIm9uQmVmb3JlSW5wdXQoJGV2ZW50KVwiXG4gICAgKGlucHV0KT1cIm9uVGV4dGFyZWFJbnB1dCgkZXZlbnQpXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtpZF09XCJpZGVudGl0eS5pZFwiXG4gICAgW25hbWVdPVwiaWRlbnRpdHkubmFtZVwiXG4gICAgW25nQ2xhc3NdPVwiZ2V0SW52YWxpZENsYXNzKClcIlxuICAgIFtuZ1N0eWxlXT1cImdldElucHV0U3R5bGUoKVwiXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyID8gKHBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlKSA6ICcnXCJcbiAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heGxlbmd0aFwiXG4gICAgW3Jvd3NdPVwicm93c1wiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJcbiAgICAgIGxhYmVsS2V5KClcbiAgICAgICAgPyAobGFiZWxLZXkoKSB8IHRyYW5zbGF0ZSlcbiAgICAgICAgOiBwbGFjZWhvbGRlclxuICAgICAgICAgID8gKHBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlKVxuICAgICAgICAgIDogKCdwbGF0Zm9ybS5kYXRhY29yZS5hY2Nlc3NpYmlsaXR5LnRleHRfYXJlYScgfCB0cmFuc2xhdGUpXG4gICAgXCJcbiAgICBbYXR0ci5hcmlhLXJlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICBbYXR0ci5hcmlhLWludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJtZXNzYWdlS2V5KCkgPyBpZGVudGl0eS5pZCArICctZXJyb3InIDogbnVsbFwiXG4gID48L3RleHRhcmVhPlxuXG4gIDxzbWFsbFxuICAgICpuZ0lmPVwibWVzc2FnZUtleSgpXCJcbiAgICBbaWRdPVwiaWRlbnRpdHkuaWQgKyAnLWVycm9yJ1wiXG4gICAgW25nQ2xhc3NdPVwiZ2V0SW52YWxpZE1lc3NhZ2VDbGFzcygpXCJcbiAgICByb2xlPVwiYWxlcnRcIlxuICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gID5cbiAgICB7eyBtZXNzYWdlS2V5KCkgfCB0cmFuc2xhdGUgfX1cbiAgPC9zbWFsbD5cbjwvZGl2PlxuIl19
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFekUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLGtCQUFrQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFrQmhFLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxlQUF1QjtJQUNuRCxXQUFXLEdBQWtCLElBQUksQ0FBQztJQUNsQyxtQkFBbUIsR0FBb0IsT0FBTyxDQUFDO0lBQy9DLGdCQUFnQixHQUFpQixNQUFNLENBQUM7SUFFeEMsSUFBSSxHQUFHLHFCQUFxQixDQUFDO0lBQzdCLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFFYyxVQUFVLENBQW1DO0lBRXZGLGVBQWU7UUFDYixJQUFJLENBQUMsZUFB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QyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxRQUFROzhCQUdoQyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRW9DLFVBQVU7c0JBQW5ELFNBQVM7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5pbXBvcnQgeyBURVhUQVJFQV9ERUZBVUxUX1JPV1MgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnN0YW50cy90ZXh0YXJlYS5jb25zdCc7XG5pbXBvcnQgeyBJbnB1dHNDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2RpcmVjdGl2ZXMvaW5wdXRzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBFdmVudCwgVG9vbHRpcFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vY29yZS90eXBlcy90b29sdGlwLnR5cGUnO1xuaW1wb3J0IHsgZmlsdGVyVGV4dFdpdGhSZWdFeHAsIGdldEtleUZpbHRlclJlZ0V4cCwgaXNUZXh0QWxsb3dlZEJ5UmVnRXhwIH0gZnJvbSAnLi4vLi4vY29yZS91dGlscy9rZXktZmlsdGVyLnV0aWwnO1xuaW1wb3J0IHsgVG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZGMtdGV4dGFyZWEnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBUb29sdGlwQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5zY3NzJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUZXh0YXJlYUNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkXG59KVxuZXhwb3J0IGNsYXNzIFRleHRhcmVhQ29tcG9uZW50IGV4dGVuZHMgSW5wdXRzQ29tcG9uZW50PHN0cmluZz4gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgaW5mb1Rvb2x0aXA6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBpbmZvVG9vbHRpcFBvc2l0aW9uOiBUb29sdGlwUG9zaXRpb24gPSAncmlnaHQnO1xuICBASW5wdXQoKSBpbmZvVG9vbHRpcEV2ZW50OiBUb29sdGlwRXZlbnQgPSAnYm90aCc7XG5cbiAgQElucHV0KCkgcm93cyA9IFRFWFRBUkVBX0RFRkFVTFRfUk9XUztcbiAgQElucHV0KCkgYXV0b1Jlc2l6ZSA9IGZhbHNlO1xuXG4gIEBWaWV3Q2hpbGQoJ3RleHRhcmVhRWwnKSBwcml2YXRlIHJlYWRvbmx5IHRleHRhcmVhRWw/OiBFbGVtZW50UmVmPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFwcGx5QXV0b1Jlc2l6ZSgpO1xuICB9XG5cbiAgb25CZWZvcmVJbnB1dChldmVudDogSW5wdXRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHJlID0gZ2V0S2V5RmlsdGVyUmVnRXhwKHRoaXMua2V5RmlsdGVyKTtcbiAgICBpZiAoIXJlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgeyBkYXRhLCBpbnB1dFR5cGUgfSA9IGV2ZW50O1xuXG4gICAgY29uc3QgaXNJbnNlcnQgPVxuICAgICAgdHlwZW9mIGlucHV0VHlwZSA9PT0gJ3N0cmluZycgJiYgKGlucHV0VHlwZS5zdGFydHNXaXRoKCdpbnNlcnQnKSB8fCBpbnB1dFR5cGUgPT09ICdpbnNlcnRUZXh0Jyk7XG5cbiAgICBpZiAoIWlzSW5zZXJ0IHx8IHR5cGVvZiBkYXRhICE9PSAnc3RyaW5nJyB8fCBkYXRhLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghaXNUZXh0QWxsb3dlZEJ5UmVnRXhwKGRhdGEsIHJlKSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBvblRleHRhcmVhSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgeyB0YXJnZXQgfSA9IGV2ZW50O1xuICAgIGlmICghKHRhcmdldCBpbnN0YW5jZW9mIEhUTUxUZXh0QXJlYUVsZW1lbnQpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcmUgPSBnZXRLZXlGaWx0ZXJSZWdFeHAodGhpcy5rZXlGaWx0ZXIpO1xuICAgIGlmIChyZSkge1xuICAgICAgY29uc3QgZmlsdGVyZWQgPSBmaWx0ZXJUZXh0V2l0aFJlZ0V4cCh0YXJnZXQudmFsdWUsIHJlKTtcbiAgICAgIGlmIChmaWx0ZXJlZCAhPT0gdGFyZ2V0LnZhbHVlKSB7XG4gICAgICAgIHRhcmdldC52YWx1ZSA9IGZpbHRlcmVkO1xuICAgICAgfVxuICAgIH1cblxuICAgIHN1cGVyLm9uSW5wdXQoZXZlbnQpO1xuICAgIHRoaXMuYXBwbHlBdXRvUmVzaXplKHRhcmdldCk7XG4gIH1cblxuICBwcml2YXRlIGFwcGx5QXV0b1Jlc2l6ZShlbD86IEhUTUxUZXh0QXJlYUVsZW1lbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYXV0b1Jlc2l6ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHRhcmdldCA9IGVsID8/IHRoaXMudGV4dGFyZWFFbD8ubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIXRhcmdldCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRhcmdldC5zdHlsZS5oZWlnaHQgPSAnYXV0byc7XG4gICAgdGFyZ2V0LnN0eWxlLmhlaWdodCA9IGAke3RhcmdldC5zY3JvbGxIZWlnaHR9cHhgO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2RjLXRleHRhcmVhXCI+XG4gIEBpZiAobGFiZWxLZXkoKSB8fCBpbmZvVG9vbHRpcCkge1xuICAgIDxkaXYgY2xhc3M9XCJzZGMtdGV4dGFyZWFfX2xhYmVsLXJvd1wiPlxuICAgICAgQGlmIChsYWJlbEtleSgpKSB7XG4gICAgICAgIDxsYWJlbCBbZm9yXT1cImlkZW50aXR5LmlkXCIgY2xhc3M9XCJzZGMtdGV4dGFyZWFfX2xhYmVsXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGV4dGFyZWFfX2xhYmVsLXRleHRcIj5cbiAgICAgICAgICAgIHt7IGxhYmVsS2V5KCkgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgIEBpZiAocmVxdWlyZWQpIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZC1maWVsZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPio8L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKHJlcXVpcmVkKSB7XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2RjLXRleHRhcmVhX19zci1vbmx5XCI+XG4gICAgICAgICAgICAgICAge3sgJ3BsYXRmb3JtLmRhdGFjb3JlLmFjY2Vzc2liaWxpdHkucmVxdWlyZWRfZmllbGQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICB9XG4gICAgICBAaWYgKGluZm9Ub29sdGlwKSB7XG4gICAgICAgIDxzZGMtdG9vbHRpcFxuICAgICAgICAgIGNsYXNzPVwic2RjLXRleHRhcmVhX19pbmZvLXRvb2x0aXAtd3JhcFwiXG4gICAgICAgICAgW3BUb29sdGlwXT1cImluZm9Ub29sdGlwXCJcbiAgICAgICAgICBbdG9vbHRpcFBvc2l0aW9uXT1cImluZm9Ub29sdGlwUG9zaXRpb25cIlxuICAgICAgICAgIFt0b29sdGlwRXZlbnRdPVwiaW5mb1Rvb2x0aXBFdmVudFwiXG4gICAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWluZm8tY2lyY2xlIHNkYy10ZXh0YXJlYV9faW5mby10b29sdGlwLWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDwvc2RjLXRvb2x0aXA+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH1cblxuICA8dGV4dGFyZWFcbiAgICAjdGV4dGFyZWFFbFxuICAgIChiZWZvcmVpbnB1dCk9XCJvbkJlZm9yZUlucHV0KCRldmVudClcIlxuICAgIChpbnB1dCk9XCJvblRleHRhcmVhSW5wdXQoJGV2ZW50KVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbaWRdPVwiaWRlbnRpdHkuaWRcIlxuICAgIFtuYW1lXT1cImlkZW50aXR5Lm5hbWVcIlxuICAgIFtuZ0NsYXNzXT1cImdldEludmFsaWRDbGFzcygpXCJcbiAgICBbbmdTdHlsZV09XCJnZXRJbnB1dFN0eWxlKClcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlciA/IChwbGFjZWhvbGRlciB8IHRyYW5zbGF0ZSkgOiAnJ1wiXG4gICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXhsZW5ndGhcIlxuICAgIFtyb3dzXT1cInJvd3NcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiXG4gICAgICBsYWJlbEtleSgpXG4gICAgICAgID8gKGxhYmVsS2V5KCkgfCB0cmFuc2xhdGUpXG4gICAgICAgIDogcGxhY2Vob2xkZXJcbiAgICAgICAgICA/IChwbGFjZWhvbGRlciB8IHRyYW5zbGF0ZSlcbiAgICAgICAgICA6ICgncGxhdGZvcm0uZGF0YWNvcmUuYWNjZXNzaWJpbGl0eS50ZXh0X2FyZWEnIHwgdHJhbnNsYXRlKVxuICAgIFwiXG4gICAgW2F0dHIuYXJpYS1yZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgW2F0dHIuYXJpYS1pbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwibWVzc2FnZUtleSgpID8gaWRlbnRpdHkuaWQgKyAnLWVycm9yJyA6IG51bGxcIlxuICA+PC90ZXh0YXJlYT5cblxuICBAaWYgKG1lc3NhZ2VLZXkoKSkge1xuICAgIDxzbWFsbFxuICAgICAgW2lkXT1cImlkZW50aXR5LmlkICsgJy1lcnJvcidcIlxuICAgICAgW25nQ2xhc3NdPVwiZ2V0SW52YWxpZE1lc3NhZ2VDbGFzcygpXCJcbiAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgPlxuICAgICAge3sgbWVzc2FnZUtleSgpIHwgdHJhbnNsYXRlIH19XG4gICAgPC9zbWFsbD5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -31,13 +31,13 @@ export class TextboxComponent extends InputsComponent {
|
|
|
31
31
|
return filterTextWithRegExp(value, re);
|
|
32
32
|
}
|
|
33
33
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextboxComponent, isStandalone: true, selector: "sdc-textbox", inputs: { infoTooltip: "infoTooltip", infoTooltipPosition: "infoTooltipPosition", infoTooltipEvent: "infoTooltipEvent" }, providers: [
|
|
35
35
|
{
|
|
36
36
|
provide: NG_VALUE_ACCESSOR,
|
|
37
37
|
useExisting: forwardRef(() => TextboxComponent),
|
|
38
38
|
multi: true
|
|
39
39
|
}
|
|
40
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textbox\">\n <div class=\"sdc-textbox__label-row\"
|
|
40
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textbox\">\n @if (labelKey() || infoTooltip) {\n <div class=\"sdc-textbox__label-row\">\n @if (labelKey()) {\n <label [for]=\"identity.id\" class=\"sdc-textbox__label\">\n <span class=\"sdc-textbox__label-text\">\n {{ labelKey() | translate }}\n @if (required) {\n <span class=\"required-field\" aria-hidden=\"true\">*</span>\n }\n @if (required) {\n <span class=\"sr-only\">\n {{ 'platform.datacore.accessibility.required_field' | translate }}\n </span>\n }\n </span>\n </label>\n }\n @if (infoTooltip) {\n <sdc-tooltip\n class=\"sdc-textbox__info-tooltip-wrap\"\n [pTooltip]=\"infoTooltip\"\n [tooltipPosition]=\"infoTooltipPosition\"\n [tooltipEvent]=\"infoTooltipEvent\"\n (click)=\"$event.stopPropagation()\"\n >\n <i class=\"fas fa-info-circle sdc-textbox__info-tooltip-icon\" aria-hidden=\"true\"></i>\n </sdc-tooltip>\n }\n </div>\n }\n\n <input\n class=\"sdc-textbox__input\"\n (input)=\"onNativeInput($event)\"\n [disabled]=\"disabled\"\n [id]=\"identity.id\"\n [name]=\"identity.name\"\n [ngClass]=\"getInvalidClass()\"\n [class.sdc-textbox__input--invalid]=\"invalid\"\n [ngStyle]=\"getInputStyle()\"\n [placeholder]=\"placeholder ? (placeholder | translate) : ''\"\n [required]=\"required\"\n [value]=\"value\"\n type=\"text\"\n [attr.maxlength]=\"maxlength\"\n [attr.aria-label]=\"\n labelKey()\n ? (labelKey() | translate)\n : placeholder\n ? (placeholder | translate)\n : ('platform.datacore.accessibility.text_input' | translate)\n \"\n [attr.aria-required]=\"required ? 'true' : null\"\n [attr.aria-invalid]=\"invalid ? 'true' : null\"\n [attr.aria-describedby]=\"messageKey() ? identity.id + '-error' : null\"\n />\n\n @if (messageKey()) {\n <small\n [id]=\"identity.id + '-error'\"\n [ngClass]=\"getInvalidMessageClass()\"\n role=\"alert\"\n aria-live=\"polite\"\n >\n {{ messageKey() | translate }}\n </small>\n }\n </div>\n", styles: [".sdc-textbox .sdc-textbox__label-row{display:flex;align-items:center;gap:var(--sdc-form-label-row-gap);margin-bottom:var(--sdc-form-label-row-mb)}.sdc-textbox .sdc-textbox__label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:var(--sdc-form-label-py);padding-bottom:var(--sdc-form-label-py);min-width:0}.sdc-textbox .sdc-textbox__label-text{display:inline-flex;align-items:center}.sdc-textbox .required-field{margin-left:var(--sdc-form-required-ml);color:var(--sdc-form-required-color, var(--sdc-error-color, #d98888));font-weight:400}.sdc-textbox .sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sdc-textbox .sdc-textbox__info-tooltip-wrap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;margin:0}.sdc-textbox .sdc-textbox__info-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--sdc-form-tooltip-size);height:var(--sdc-form-tooltip-size);line-height:1;cursor:pointer;color:var(--sdc-form-tooltip-color)}.sdc-textbox .sdc-textbox__input{width:100%;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important;padding:0 var(--sdc-form-input-padding-x)!important;background-color:var(--sdc-formfield-default-bg)!important;color:var(--p-text-color, #111827)!important;font:inherit!important;box-sizing:border-box!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.sdc-textbox .sdc-textbox__input:focus{outline:none;border-color:var(--sdc-formfield-focus-color, var(--sdc-tab-primary, #007bff))!important;box-shadow:var(--sdc-formfield-focus-shadow, 0 0 0 2px rgba(0, 123, 255, .14))!important}.sdc-textbox .sdc-textbox__input:focus-visible{outline:none;border-color:var(--sdc-formfield-focus-color, var(--sdc-tab-primary, #007bff))!important;box-shadow:var(--sdc-formfield-focus-shadow-visible, 0 0 0 2px rgba(0, 123, 255, .2))!important}.sdc-textbox .sdc-textbox__input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important;cursor:not-allowed!important}.sdc-textbox .sdc-textbox__input.sdc-textbox__input--invalid,.sdc-textbox .sdc-textbox__input[aria-invalid=true],.sdc-textbox .sdc-textbox__input.ng-invalid.ng-dirty,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-touched{border-color:var(--sdc-formfield-invalid-border, var(--sdc-error-color, #d98888))!important;box-shadow:none!important}.sdc-textbox .sdc-textbox__input.sdc-textbox__input--invalid:focus,.sdc-textbox .sdc-textbox__input.sdc-textbox__input--invalid:focus-visible,.sdc-textbox .sdc-textbox__input[aria-invalid=true]:focus,.sdc-textbox .sdc-textbox__input[aria-invalid=true]:focus-visible,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-dirty:focus,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-dirty:focus-visible,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-touched:focus,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-touched:focus-visible{border-color:var(--sdc-formfield-invalid-border, var(--sdc-error-color, #d98888))!important;box-shadow:var(--sdc-formfield-invalid-focus-shadow, 0 0 0 2px rgba(217, 136, 136, .16))!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: TooltipComponent, selector: "sdc-tooltip", inputs: ["pTooltip", "tooltipPosition", "tooltipEvent", "fitContent", "tooltipDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextboxComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
47
47
|
useExisting: forwardRef(() => TextboxComponent),
|
|
48
48
|
multi: true
|
|
49
49
|
}
|
|
50
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-textbox\">\n <div class=\"sdc-textbox__label-row\"
|
|
50
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-textbox\">\n @if (labelKey() || infoTooltip) {\n <div class=\"sdc-textbox__label-row\">\n @if (labelKey()) {\n <label [for]=\"identity.id\" class=\"sdc-textbox__label\">\n <span class=\"sdc-textbox__label-text\">\n {{ labelKey() | translate }}\n @if (required) {\n <span class=\"required-field\" aria-hidden=\"true\">*</span>\n }\n @if (required) {\n <span class=\"sr-only\">\n {{ 'platform.datacore.accessibility.required_field' | translate }}\n </span>\n }\n </span>\n </label>\n }\n @if (infoTooltip) {\n <sdc-tooltip\n class=\"sdc-textbox__info-tooltip-wrap\"\n [pTooltip]=\"infoTooltip\"\n [tooltipPosition]=\"infoTooltipPosition\"\n [tooltipEvent]=\"infoTooltipEvent\"\n (click)=\"$event.stopPropagation()\"\n >\n <i class=\"fas fa-info-circle sdc-textbox__info-tooltip-icon\" aria-hidden=\"true\"></i>\n </sdc-tooltip>\n }\n </div>\n }\n\n <input\n class=\"sdc-textbox__input\"\n (input)=\"onNativeInput($event)\"\n [disabled]=\"disabled\"\n [id]=\"identity.id\"\n [name]=\"identity.name\"\n [ngClass]=\"getInvalidClass()\"\n [class.sdc-textbox__input--invalid]=\"invalid\"\n [ngStyle]=\"getInputStyle()\"\n [placeholder]=\"placeholder ? (placeholder | translate) : ''\"\n [required]=\"required\"\n [value]=\"value\"\n type=\"text\"\n [attr.maxlength]=\"maxlength\"\n [attr.aria-label]=\"\n labelKey()\n ? (labelKey() | translate)\n : placeholder\n ? (placeholder | translate)\n : ('platform.datacore.accessibility.text_input' | translate)\n \"\n [attr.aria-required]=\"required ? 'true' : null\"\n [attr.aria-invalid]=\"invalid ? 'true' : null\"\n [attr.aria-describedby]=\"messageKey() ? identity.id + '-error' : null\"\n />\n\n @if (messageKey()) {\n <small\n [id]=\"identity.id + '-error'\"\n [ngClass]=\"getInvalidMessageClass()\"\n role=\"alert\"\n aria-live=\"polite\"\n >\n {{ messageKey() | translate }}\n </small>\n }\n </div>\n", styles: [".sdc-textbox .sdc-textbox__label-row{display:flex;align-items:center;gap:var(--sdc-form-label-row-gap);margin-bottom:var(--sdc-form-label-row-mb)}.sdc-textbox .sdc-textbox__label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:var(--sdc-form-label-py);padding-bottom:var(--sdc-form-label-py);min-width:0}.sdc-textbox .sdc-textbox__label-text{display:inline-flex;align-items:center}.sdc-textbox .required-field{margin-left:var(--sdc-form-required-ml);color:var(--sdc-form-required-color, var(--sdc-error-color, #d98888));font-weight:400}.sdc-textbox .sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sdc-textbox .sdc-textbox__info-tooltip-wrap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;margin:0}.sdc-textbox .sdc-textbox__info-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--sdc-form-tooltip-size);height:var(--sdc-form-tooltip-size);line-height:1;cursor:pointer;color:var(--sdc-form-tooltip-color)}.sdc-textbox .sdc-textbox__input{width:100%;border:1px solid var(--sdc-formfield-default-border)!important;border-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important;padding:0 var(--sdc-form-input-padding-x)!important;background-color:var(--sdc-formfield-default-bg)!important;color:var(--p-text-color, #111827)!important;font:inherit!important;box-sizing:border-box!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.sdc-textbox .sdc-textbox__input:focus{outline:none;border-color:var(--sdc-formfield-focus-color, var(--sdc-tab-primary, #007bff))!important;box-shadow:var(--sdc-formfield-focus-shadow, 0 0 0 2px rgba(0, 123, 255, .14))!important}.sdc-textbox .sdc-textbox__input:focus-visible{outline:none;border-color:var(--sdc-formfield-focus-color, var(--sdc-tab-primary, #007bff))!important;box-shadow:var(--sdc-formfield-focus-shadow-visible, 0 0 0 2px rgba(0, 123, 255, .2))!important}.sdc-textbox .sdc-textbox__input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important;cursor:not-allowed!important}.sdc-textbox .sdc-textbox__input.sdc-textbox__input--invalid,.sdc-textbox .sdc-textbox__input[aria-invalid=true],.sdc-textbox .sdc-textbox__input.ng-invalid.ng-dirty,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-touched{border-color:var(--sdc-formfield-invalid-border, var(--sdc-error-color, #d98888))!important;box-shadow:none!important}.sdc-textbox .sdc-textbox__input.sdc-textbox__input--invalid:focus,.sdc-textbox .sdc-textbox__input.sdc-textbox__input--invalid:focus-visible,.sdc-textbox .sdc-textbox__input[aria-invalid=true]:focus,.sdc-textbox .sdc-textbox__input[aria-invalid=true]:focus-visible,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-dirty:focus,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-dirty:focus-visible,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-touched:focus,.sdc-textbox .sdc-textbox__input.ng-invalid.ng-touched:focus-visible{border-color:var(--sdc-formfield-invalid-border, var(--sdc-error-color, #d98888))!important;box-shadow:var(--sdc-formfield-invalid-focus-shadow, 0 0 0 2px rgba(217, 136, 136, .16))!important}\n"] }]
|
|
51
51
|
}], propDecorators: { infoTooltip: [{
|
|
52
52
|
type: Input
|
|
53
53
|
}], infoTooltipPosition: [{
|
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
55
55
|
}], infoTooltipEvent: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRXpFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7O0FBa0JoRSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZUFBdUI7SUFDbEQsV0FBVyxHQUFrQixJQUFJLENBQUM7SUFDbEMsbUJBQW1CLEdBQW9CLE9BQU8sQ0FBQztJQUMvQyxnQkFBZ0IsR0FBaUIsTUFBTSxDQUFDO0lBRWpELGFBQWEsQ0FBQyxLQUFZO1FBQ3hCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFpQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNaLE9BQU87UUFDVCxDQUFDO1FBRUQsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEQsSUFBSSxTQUFTLEtBQUssTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQy9CLE1BQU0sQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBQzNCLENBQUM7UUFFRCxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxjQUFjLENBQUMsS0FBYTtRQUNsQyxNQUFNLEVBQUUsR0FBRyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ1IsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO1FBRUQsT0FBTyxvQkFBb0IsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDekMsQ0FBQzt3R0ExQlUsZ0JBQWdCOzRGQUFoQixnQkFBZ0Isb0xBVmhCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDL0MsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLGlEQ3RCSCx3dEVBcUVBLDY1R0R4RFksWUFBWSxpTkFBRSxXQUFXLDhCQUFFLG1CQUFtQiw4QkFBRSxlQUFlLDRGQUFFLGdCQUFnQjs7NEZBYWhGLGdCQUFnQjtrQkFoQjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixDQUFDLGFBR2pGO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGlCQUFpQixDQUFDOzRCQUMvQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsUUFBUTs4QkFHaEMsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbmltcG9ydCB7IElucHV0c0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvcmUvZGlyZWN0aXZlcy9pbnB1dHMuZGlyZWN0aXZlJztcbmltcG9ydCB0eXBlIHsgVG9vbHRpcEV2ZW50LCBUb29sdGlwUG9zaXRpb24gfSBmcm9tICcuLi8uLi9jb3JlL3R5cGVzL3Rvb2x0aXAudHlwZSc7XG5pbXBvcnQgeyBmaWx0ZXJUZXh0V2l0aFJlZ0V4cCwgZ2V0S2V5RmlsdGVyUmVnRXhwIH0gZnJvbSAnLi4vLi4vY29yZS91dGlscy9rZXktZmlsdGVyLnV0aWwnO1xuaW1wb3J0IHsgVG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZGMtdGV4dGJveCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBUcmFuc2xhdGVNb2R1bGUsIFRvb2x0aXBDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ZXh0Ym94LmNvbXBvbmVudC5zY3NzJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUZXh0Ym94Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWRcbn0pXG5leHBvcnQgY2xhc3MgVGV4dGJveENvbXBvbmVudCBleHRlbmRzIElucHV0c0NvbXBvbmVudDxzdHJpbmc+IHtcbiAgQElucHV0KCkgaW5mb1Rvb2x0aXA6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBpbmZvVG9vbHRpcFBvc2l0aW9uOiBUb29sdGlwUG9zaXRpb24gPSAncmlnaHQnO1xuICBASW5wdXQoKSBpbmZvVG9vbHRpcEV2ZW50OiBUb29sdGlwRXZlbnQgPSAnYm90aCc7XG5cbiAgb25OYXRpdmVJbnB1dChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCB8IG51bGw7XG4gICAgaWYgKCF0YXJnZXQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBuZXh0VmFsdWUgPSB0aGlzLmFwcGx5S2V5RmlsdGVyKHRhcmdldC52YWx1ZSk7XG4gICAgaWYgKG5leHRWYWx1ZSAhPT0gdGFyZ2V0LnZhbHVlKSB7XG4gICAgICB0YXJnZXQudmFsdWUgPSBuZXh0VmFsdWU7XG4gICAgfVxuXG4gICAgc3VwZXIub25JbnB1dChldmVudCk7XG4gIH1cblxuICBwcml2YXRlIGFwcGx5S2V5RmlsdGVyKHZhbHVlOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGNvbnN0IHJlID0gZ2V0S2V5RmlsdGVyUmVnRXhwKHRoaXMua2V5RmlsdGVyKTtcbiAgICBpZiAoIXJlKSB7XG4gICAgICByZXR1cm4gdmFsdWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZpbHRlclRleHRXaXRoUmVnRXhwKHZhbHVlLCByZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZGMtdGV4dGJveFwiPlxuICBAaWYgKGxhYmVsS2V5KCkgfHwgaW5mb1Rvb2x0aXApIHtcbiAgICA8ZGl2IGNsYXNzPVwic2RjLXRleHRib3hfX2xhYmVsLXJvd1wiPlxuICAgICAgQGlmIChsYWJlbEtleSgpKSB7XG4gICAgICAgIDxsYWJlbCBbZm9yXT1cImlkZW50aXR5LmlkXCIgY2xhc3M9XCJzZGMtdGV4dGJveF9fbGFiZWxcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNkYy10ZXh0Ym94X19sYWJlbC10ZXh0XCI+XG4gICAgICAgICAgICB7eyBsYWJlbEtleSgpIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICBAaWYgKHJlcXVpcmVkKSB7XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicmVxdWlyZWQtZmllbGRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj4qPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChyZXF1aXJlZCkge1xuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj5cbiAgICAgICAgICAgICAgICB7eyAncGxhdGZvcm0uZGF0YWNvcmUuYWNjZXNzaWJpbGl0eS5yZXF1aXJlZF9maWVsZCcgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9sYWJlbD5cbiAgICAgIH1cbiAgICAgIEBpZiAoaW5mb1Rvb2x0aXApIHtcbiAgICAgICAgPHNkYy10b29sdGlwXG4gICAgICAgICAgY2xhc3M9XCJzZGMtdGV4dGJveF9faW5mby10b29sdGlwLXdyYXBcIlxuICAgICAgICAgIFtwVG9vbHRpcF09XCJpbmZvVG9vbHRpcFwiXG4gICAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJpbmZvVG9vbHRpcFBvc2l0aW9uXCJcbiAgICAgICAgICBbdG9vbHRpcEV2ZW50XT1cImluZm9Ub29sdGlwRXZlbnRcIlxuICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgICAgICAgID5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1pbmZvLWNpcmNsZSBzZGMtdGV4dGJveF9faW5mby10b29sdGlwLWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDwvc2RjLXRvb2x0aXA+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH1cblxuICA8aW5wdXRcbiAgICBjbGFzcz1cInNkYy10ZXh0Ym94X19pbnB1dFwiXG4gICAgKGlucHV0KT1cIm9uTmF0aXZlSW5wdXQoJGV2ZW50KVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbaWRdPVwiaWRlbnRpdHkuaWRcIlxuICAgIFtuYW1lXT1cImlkZW50aXR5Lm5hbWVcIlxuICAgIFtuZ0NsYXNzXT1cImdldEludmFsaWRDbGFzcygpXCJcbiAgICBbY2xhc3Muc2RjLXRleHRib3hfX2lucHV0LS1pbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtuZ1N0eWxlXT1cImdldElucHV0U3R5bGUoKVwiXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyID8gKHBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlKSA6ICcnXCJcbiAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgdHlwZT1cInRleHRcIlxuICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXhsZW5ndGhcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiXG4gICAgICBsYWJlbEtleSgpXG4gICAgICAgID8gKGxhYmVsS2V5KCkgfCB0cmFuc2xhdGUpXG4gICAgICAgIDogcGxhY2Vob2xkZXJcbiAgICAgICAgICA/IChwbGFjZWhvbGRlciB8IHRyYW5zbGF0ZSlcbiAgICAgICAgICA6ICgncGxhdGZvcm0uZGF0YWNvcmUuYWNjZXNzaWJpbGl0eS50ZXh0X2lucHV0JyB8IHRyYW5zbGF0ZSlcbiAgICBcIlxuICAgIFthdHRyLmFyaWEtcmVxdWlyZWRdPVwicmVxdWlyZWQgPyAndHJ1ZScgOiBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWludmFsaWRdPVwiaW52YWxpZCA/ICd0cnVlJyA6IG51bGxcIlxuICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwibWVzc2FnZUtleSgpID8gaWRlbnRpdHkuaWQgKyAnLWVycm9yJyA6IG51bGxcIlxuICAgIC8+XG5cbiAgICBAaWYgKG1lc3NhZ2VLZXkoKSkge1xuICAgICAgPHNtYWxsXG4gICAgICAgIFtpZF09XCJpZGVudGl0eS5pZCArICctZXJyb3InXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiZ2V0SW52YWxpZE1lc3NhZ2VDbGFzcygpXCJcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgPlxuICAgICAgICB7eyBtZXNzYWdlS2V5KCkgfCB0cmFuc2xhdGUgfX1cbiAgICAgIDwvc21hbGw+XG4gICAgfVxuICA8L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation, inject } from '@angular/core';
|
|
3
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
5
|
+
import { TIMELINE_DEFAULT_ACTIVE_INDEX, TIMELINE_DEFAULT_INTERACTIVE, TIMELINE_DEFAULT_ORIENTATION, TIMELINE_DEFAULT_RESPONSIVE, TIMELINE_DEFAULT_SHOW_DESCRIPTIONS } from '../../core/constants/timeline.const';
|
|
6
|
+
import { resolveNullableTranslatableText, resolveTranslatableText } from '../../core/utils/i18n.util';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
export class TimelineComponent {
|
|
10
|
+
translate = inject(TranslateService);
|
|
11
|
+
cdr = inject(ChangeDetectorRef);
|
|
12
|
+
items = [];
|
|
13
|
+
activeIndex = TIMELINE_DEFAULT_ACTIVE_INDEX;
|
|
14
|
+
orientation = TIMELINE_DEFAULT_ORIENTATION;
|
|
15
|
+
interactive = TIMELINE_DEFAULT_INTERACTIVE;
|
|
16
|
+
responsive = TIMELINE_DEFAULT_RESPONSIVE;
|
|
17
|
+
showDescriptions = TIMELINE_DEFAULT_SHOW_DESCRIPTIONS;
|
|
18
|
+
ariaLabel;
|
|
19
|
+
ariaLabelParams;
|
|
20
|
+
stepSelect = new EventEmitter();
|
|
21
|
+
constructor() {
|
|
22
|
+
this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe(() => this.cdr.markForCheck());
|
|
23
|
+
}
|
|
24
|
+
get resolvedAriaLabel() {
|
|
25
|
+
return resolveNullableTranslatableText(this.translate, this.ariaLabel, '', this.ariaLabelParams);
|
|
26
|
+
}
|
|
27
|
+
trackByItem(index, item) {
|
|
28
|
+
return item.id || `timeline-item-${index}`;
|
|
29
|
+
}
|
|
30
|
+
resolveState(item, index) {
|
|
31
|
+
if (item.disabled || item.state === 'disabled') {
|
|
32
|
+
return 'disabled';
|
|
33
|
+
}
|
|
34
|
+
if (item.state) {
|
|
35
|
+
return item.state;
|
|
36
|
+
}
|
|
37
|
+
if (index < this.activeIndex) {
|
|
38
|
+
return 'completed';
|
|
39
|
+
}
|
|
40
|
+
if (index === this.activeIndex) {
|
|
41
|
+
return 'active';
|
|
42
|
+
}
|
|
43
|
+
return 'pending';
|
|
44
|
+
}
|
|
45
|
+
resolveLabel(item) {
|
|
46
|
+
return resolveTranslatableText(this.translate, item.label, '', item.labelParams);
|
|
47
|
+
}
|
|
48
|
+
resolveDescription(item) {
|
|
49
|
+
return resolveNullableTranslatableText(this.translate, item.description, '', item.descriptionParams);
|
|
50
|
+
}
|
|
51
|
+
resolveIndicatorLabel(item, index) {
|
|
52
|
+
return resolveTranslatableText(this.translate, item.indicatorLabel, String(index + 1), item.indicatorLabelParams);
|
|
53
|
+
}
|
|
54
|
+
resolveItemAriaLabel(item) {
|
|
55
|
+
return resolveTranslatableText(this.translate, item.ariaLabel, item.label, item.ariaLabelParams ?? item.labelParams);
|
|
56
|
+
}
|
|
57
|
+
onStepClick(item, index) {
|
|
58
|
+
const state = this.resolveState(item, index);
|
|
59
|
+
if (!this.interactive || state === 'disabled') {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
this.stepSelect.emit({ index, item, state });
|
|
63
|
+
}
|
|
64
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "sdc-timeline", inputs: { items: "items", activeIndex: "activeIndex", orientation: "orientation", interactive: "interactive", responsive: "responsive", showDescriptions: "showDescriptions", ariaLabel: "ariaLabel", ariaLabelParams: "ariaLabelParams" }, outputs: { stepSelect: "stepSelect" }, ngImport: i0, template: "<ul\n class=\"sdc-timeline\"\n [class.sdc-timeline--vertical]=\"orientation === 'vertical'\"\n [class.sdc-timeline--responsive]=\"responsive\"\n [attr.aria-label]=\"resolvedAriaLabel\"\n>\n @for (item of items; track trackByItem($index, item); let isFirst = $first; let isLast = $last) {\n @let state = resolveState(item, $index);\n @let label = resolveLabel(item);\n @let description = resolveDescription(item);\n @let indicatorLabel = resolveIndicatorLabel(item, $index);\n\n <li\n class=\"sdc-timeline__item\"\n [class.sdc-timeline__item--active]=\"state === 'active'\"\n [class.sdc-timeline__item--completed]=\"state === 'completed'\"\n [class.sdc-timeline__item--disabled]=\"state === 'disabled'\"\n [class.sdc-timeline__item--interactive]=\"interactive\"\n [class.sdc-timeline__item--first]=\"isFirst\"\n [class.sdc-timeline__item--last]=\"isLast\"\n >\n @if (interactive) {\n <button\n type=\"button\"\n class=\"sdc-timeline__surface\"\n [disabled]=\"state === 'disabled'\"\n [attr.aria-current]=\"state === 'active' ? 'step' : null\"\n [attr.aria-disabled]=\"state === 'disabled' ? 'true' : null\"\n [attr.aria-label]=\"resolveItemAriaLabel(item)\"\n (click)=\"onStepClick(item, $index)\"\n >\n <span class=\"sdc-timeline__indicatorRow\" aria-hidden=\"true\">\n <span class=\"sdc-timeline__line sdc-timeline__line--before\"></span>\n <span class=\"sdc-timeline__indicator\">\n @if (item.iconClass) {\n <span class=\"sdc-timeline__indicatorIcon\" [ngClass]=\"item.iconClass\"></span>\n } @else {\n <span class=\"sdc-timeline__indicatorLabel\">{{ indicatorLabel }}</span>\n }\n </span>\n <span class=\"sdc-timeline__line sdc-timeline__line--after\"></span>\n </span>\n\n <span class=\"sdc-timeline__content\">\n <span class=\"sdc-timeline__label\">{{ label }}</span>\n\n @if (showDescriptions && description) {\n <span class=\"sdc-timeline__description\">{{ description }}</span>\n }\n </span>\n </button>\n } @else {\n <div\n class=\"sdc-timeline__surface\"\n [attr.aria-current]=\"state === 'active' ? 'step' : null\"\n [attr.aria-disabled]=\"state === 'disabled' ? 'true' : null\"\n [attr.aria-label]=\"resolveItemAriaLabel(item)\"\n >\n <span class=\"sdc-timeline__indicatorRow\" aria-hidden=\"true\">\n <span class=\"sdc-timeline__line sdc-timeline__line--before\"></span>\n <span class=\"sdc-timeline__indicator\">\n @if (item.iconClass) {\n <span class=\"sdc-timeline__indicatorIcon\" [ngClass]=\"item.iconClass\"></span>\n } @else {\n <span class=\"sdc-timeline__indicatorLabel\">{{ indicatorLabel }}</span>\n }\n </span>\n <span class=\"sdc-timeline__line sdc-timeline__line--after\"></span>\n </span>\n\n <span class=\"sdc-timeline__content\">\n <span class=\"sdc-timeline__label\">{{ label }}</span>\n\n @if (showDescriptions && description) {\n <span class=\"sdc-timeline__description\">{{ description }}</span>\n }\n </span>\n </div>\n }\n </li>\n }\n</ul>\n", styles: [":host{display:block}.sdc-timeline{align-items:flex-start;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}.sdc-timeline__item{flex:1 1 0;min-width:0}.sdc-timeline__surface{appearance:none;align-items:center;background:transparent;border:0;color:inherit;display:flex;flex-direction:column;font:inherit;gap:.75rem;padding:0;text-align:center;width:100%}.sdc-timeline__indicatorRow{align-items:center;display:flex;min-height:var(--sdc-timeline-indicator-row-height, 3.5rem);width:100%}.sdc-timeline__line{background:var(--sdc-timeline-track-color, #697882);border-radius:var(--sdc-radius-pill, 999px);display:block;flex:1 1 auto;height:var(--sdc-timeline-track-size, .1875rem);transition:background-color var(--sdc-transition-medium, .26s ease)}.sdc-timeline__item--first .sdc-timeline__line--before,.sdc-timeline__item--last .sdc-timeline__line--after{visibility:hidden}.sdc-timeline__indicator{align-items:center;background:var(--sdc-timeline-indicator-bg, #697882);border-radius:50%;color:var(--sdc-timeline-indicator-color, #ffffff);display:inline-flex;flex:0 0 auto;height:var(--sdc-timeline-indicator-size, 1.75rem);justify-content:center;margin:0 var(--sdc-timeline-indicator-gap, .75rem);padding:.25rem;transition:background-color var(--sdc-transition-medium, .26s ease),color var(--sdc-transition-medium, .26s ease),height var(--sdc-transition-medium, .26s ease),transform var(--sdc-transition-medium, .26s ease),width var(--sdc-transition-medium, .26s ease),box-shadow var(--sdc-transition-medium, .26s ease);width:var(--sdc-timeline-indicator-size, 1.75rem)}.sdc-timeline__indicatorLabel,.sdc-timeline__indicatorIcon{font-size:var(--sdc-timeline-indicator-font-size, .875rem);font-weight:700;line-height:1}.sdc-timeline__content{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-inline:auto;max-width:min(100%,var(--sdc-timeline-content-width, 20ch))}.sdc-timeline__label{color:var(--sdc-timeline-label-color, var(--sdc-text-default, #111827));font-size:.875rem;font-weight:700;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdc-timeline__description{color:var(--sdc-timeline-description-color, var(--sdc-text-muted, #6b7280));display:-webkit-box;font-size:.75rem;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.sdc-timeline__item--completed .sdc-timeline__line{background:var(--sdc-timeline-track-active-color, #0c9348)}.sdc-timeline__item--completed .sdc-timeline__indicator{background:var(--sdc-timeline-indicator-completed-bg, #0c9348);color:var(--sdc-timeline-indicator-completed-color, #ffffff)}.sdc-timeline__item--active .sdc-timeline__line--before{background:var(--sdc-timeline-track-active-color, #0c9348)}.sdc-timeline__item--active .sdc-timeline__indicator{background:var(--sdc-timeline-indicator-active-bg, #0c9348);color:var(--sdc-timeline-indicator-active-color, #ffffff);height:var(--sdc-timeline-indicator-active-size, 2.5rem);width:var(--sdc-timeline-indicator-active-size, 2.5rem)}.sdc-timeline__item--active .sdc-timeline__indicatorLabel,.sdc-timeline__item--active .sdc-timeline__indicatorIcon{font-size:var(--sdc-timeline-indicator-active-font-size, 1rem)}.sdc-timeline__item--disabled .sdc-timeline__surface{cursor:default}.sdc-timeline__item--disabled .sdc-timeline__line{background:var(--sdc-timeline-track-disabled-color, #d7dde5)}.sdc-timeline__item--disabled .sdc-timeline__indicator{background:var(--sdc-timeline-indicator-disabled-bg, #d7dde5);color:var(--sdc-timeline-indicator-disabled-color, #8c98a4)}.sdc-timeline__item--disabled .sdc-timeline__label,.sdc-timeline__item--disabled .sdc-timeline__description{color:var(--sdc-timeline-disabled-text-color, #9ca3af)}.sdc-timeline--vertical .sdc-timeline__content,.sdc-timeline--responsive .sdc-timeline__content{margin-inline:0}.sdc-timeline--vertical{flex-direction:column;gap:1rem}.sdc-timeline--vertical .sdc-timeline__surface{align-items:flex-start;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr);text-align:left}.sdc-timeline--vertical .sdc-timeline__indicatorRow{flex-direction:column;min-height:100%;width:auto}.sdc-timeline--vertical .sdc-timeline__line{height:auto;min-height:1rem;width:var(--sdc-timeline-track-size, .1875rem)}.sdc-timeline--vertical .sdc-timeline__indicator{margin:var(--sdc-timeline-indicator-gap, .75rem) 0}.sdc-timeline--vertical .sdc-timeline__content{align-items:flex-start;max-width:none}.sdc-timeline--vertical .sdc-timeline__label{white-space:normal}.sdc-timeline__item--interactive .sdc-timeline__surface{cursor:pointer}.sdc-timeline__item--interactive .sdc-timeline__surface:hover .sdc-timeline__indicator,.sdc-timeline__item--interactive .sdc-timeline__surface:focus-visible .sdc-timeline__indicator{box-shadow:var(--sdc-timeline-indicator-shadow-hover, var(--sdc-shadow-sm, 0 2px 8px rgba(0, 0, 0, .08)));transform:translateY(-1px)}.sdc-timeline__item--interactive .sdc-timeline__surface:focus-visible{outline:none}.sdc-timeline__item--interactive .sdc-timeline__surface:focus-visible .sdc-timeline__indicator{box-shadow:var(--sdc-timeline-focus-ring, var(--sdc-focus-ring, 0 0 0 3px rgba(0, 123, 255, .25)))}.sdc-timeline__item--disabled.sdc-timeline__item--interactive .sdc-timeline__surface{cursor:default}@media (max-width: 48rem){.sdc-timeline--responsive:not(.sdc-timeline--vertical){flex-direction:column;gap:1rem}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__surface{align-items:flex-start;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr);text-align:left}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__indicatorRow{flex-direction:column;min-height:100%;width:auto}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__line{height:auto;min-height:1rem;width:var(--sdc-timeline-track-size, .1875rem)}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__indicator{margin:var(--sdc-timeline-indicator-gap, .75rem) 0}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__content{align-items:flex-start;max-width:none}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__label{white-space:normal}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
66
|
+
}
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
args: [{ selector: 'sdc-timeline', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<ul\n class=\"sdc-timeline\"\n [class.sdc-timeline--vertical]=\"orientation === 'vertical'\"\n [class.sdc-timeline--responsive]=\"responsive\"\n [attr.aria-label]=\"resolvedAriaLabel\"\n>\n @for (item of items; track trackByItem($index, item); let isFirst = $first; let isLast = $last) {\n @let state = resolveState(item, $index);\n @let label = resolveLabel(item);\n @let description = resolveDescription(item);\n @let indicatorLabel = resolveIndicatorLabel(item, $index);\n\n <li\n class=\"sdc-timeline__item\"\n [class.sdc-timeline__item--active]=\"state === 'active'\"\n [class.sdc-timeline__item--completed]=\"state === 'completed'\"\n [class.sdc-timeline__item--disabled]=\"state === 'disabled'\"\n [class.sdc-timeline__item--interactive]=\"interactive\"\n [class.sdc-timeline__item--first]=\"isFirst\"\n [class.sdc-timeline__item--last]=\"isLast\"\n >\n @if (interactive) {\n <button\n type=\"button\"\n class=\"sdc-timeline__surface\"\n [disabled]=\"state === 'disabled'\"\n [attr.aria-current]=\"state === 'active' ? 'step' : null\"\n [attr.aria-disabled]=\"state === 'disabled' ? 'true' : null\"\n [attr.aria-label]=\"resolveItemAriaLabel(item)\"\n (click)=\"onStepClick(item, $index)\"\n >\n <span class=\"sdc-timeline__indicatorRow\" aria-hidden=\"true\">\n <span class=\"sdc-timeline__line sdc-timeline__line--before\"></span>\n <span class=\"sdc-timeline__indicator\">\n @if (item.iconClass) {\n <span class=\"sdc-timeline__indicatorIcon\" [ngClass]=\"item.iconClass\"></span>\n } @else {\n <span class=\"sdc-timeline__indicatorLabel\">{{ indicatorLabel }}</span>\n }\n </span>\n <span class=\"sdc-timeline__line sdc-timeline__line--after\"></span>\n </span>\n\n <span class=\"sdc-timeline__content\">\n <span class=\"sdc-timeline__label\">{{ label }}</span>\n\n @if (showDescriptions && description) {\n <span class=\"sdc-timeline__description\">{{ description }}</span>\n }\n </span>\n </button>\n } @else {\n <div\n class=\"sdc-timeline__surface\"\n [attr.aria-current]=\"state === 'active' ? 'step' : null\"\n [attr.aria-disabled]=\"state === 'disabled' ? 'true' : null\"\n [attr.aria-label]=\"resolveItemAriaLabel(item)\"\n >\n <span class=\"sdc-timeline__indicatorRow\" aria-hidden=\"true\">\n <span class=\"sdc-timeline__line sdc-timeline__line--before\"></span>\n <span class=\"sdc-timeline__indicator\">\n @if (item.iconClass) {\n <span class=\"sdc-timeline__indicatorIcon\" [ngClass]=\"item.iconClass\"></span>\n } @else {\n <span class=\"sdc-timeline__indicatorLabel\">{{ indicatorLabel }}</span>\n }\n </span>\n <span class=\"sdc-timeline__line sdc-timeline__line--after\"></span>\n </span>\n\n <span class=\"sdc-timeline__content\">\n <span class=\"sdc-timeline__label\">{{ label }}</span>\n\n @if (showDescriptions && description) {\n <span class=\"sdc-timeline__description\">{{ description }}</span>\n }\n </span>\n </div>\n }\n </li>\n }\n</ul>\n", styles: [":host{display:block}.sdc-timeline{align-items:flex-start;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}.sdc-timeline__item{flex:1 1 0;min-width:0}.sdc-timeline__surface{appearance:none;align-items:center;background:transparent;border:0;color:inherit;display:flex;flex-direction:column;font:inherit;gap:.75rem;padding:0;text-align:center;width:100%}.sdc-timeline__indicatorRow{align-items:center;display:flex;min-height:var(--sdc-timeline-indicator-row-height, 3.5rem);width:100%}.sdc-timeline__line{background:var(--sdc-timeline-track-color, #697882);border-radius:var(--sdc-radius-pill, 999px);display:block;flex:1 1 auto;height:var(--sdc-timeline-track-size, .1875rem);transition:background-color var(--sdc-transition-medium, .26s ease)}.sdc-timeline__item--first .sdc-timeline__line--before,.sdc-timeline__item--last .sdc-timeline__line--after{visibility:hidden}.sdc-timeline__indicator{align-items:center;background:var(--sdc-timeline-indicator-bg, #697882);border-radius:50%;color:var(--sdc-timeline-indicator-color, #ffffff);display:inline-flex;flex:0 0 auto;height:var(--sdc-timeline-indicator-size, 1.75rem);justify-content:center;margin:0 var(--sdc-timeline-indicator-gap, .75rem);padding:.25rem;transition:background-color var(--sdc-transition-medium, .26s ease),color var(--sdc-transition-medium, .26s ease),height var(--sdc-transition-medium, .26s ease),transform var(--sdc-transition-medium, .26s ease),width var(--sdc-transition-medium, .26s ease),box-shadow var(--sdc-transition-medium, .26s ease);width:var(--sdc-timeline-indicator-size, 1.75rem)}.sdc-timeline__indicatorLabel,.sdc-timeline__indicatorIcon{font-size:var(--sdc-timeline-indicator-font-size, .875rem);font-weight:700;line-height:1}.sdc-timeline__content{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-inline:auto;max-width:min(100%,var(--sdc-timeline-content-width, 20ch))}.sdc-timeline__label{color:var(--sdc-timeline-label-color, var(--sdc-text-default, #111827));font-size:.875rem;font-weight:700;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdc-timeline__description{color:var(--sdc-timeline-description-color, var(--sdc-text-muted, #6b7280));display:-webkit-box;font-size:.75rem;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.sdc-timeline__item--completed .sdc-timeline__line{background:var(--sdc-timeline-track-active-color, #0c9348)}.sdc-timeline__item--completed .sdc-timeline__indicator{background:var(--sdc-timeline-indicator-completed-bg, #0c9348);color:var(--sdc-timeline-indicator-completed-color, #ffffff)}.sdc-timeline__item--active .sdc-timeline__line--before{background:var(--sdc-timeline-track-active-color, #0c9348)}.sdc-timeline__item--active .sdc-timeline__indicator{background:var(--sdc-timeline-indicator-active-bg, #0c9348);color:var(--sdc-timeline-indicator-active-color, #ffffff);height:var(--sdc-timeline-indicator-active-size, 2.5rem);width:var(--sdc-timeline-indicator-active-size, 2.5rem)}.sdc-timeline__item--active .sdc-timeline__indicatorLabel,.sdc-timeline__item--active .sdc-timeline__indicatorIcon{font-size:var(--sdc-timeline-indicator-active-font-size, 1rem)}.sdc-timeline__item--disabled .sdc-timeline__surface{cursor:default}.sdc-timeline__item--disabled .sdc-timeline__line{background:var(--sdc-timeline-track-disabled-color, #d7dde5)}.sdc-timeline__item--disabled .sdc-timeline__indicator{background:var(--sdc-timeline-indicator-disabled-bg, #d7dde5);color:var(--sdc-timeline-indicator-disabled-color, #8c98a4)}.sdc-timeline__item--disabled .sdc-timeline__label,.sdc-timeline__item--disabled .sdc-timeline__description{color:var(--sdc-timeline-disabled-text-color, #9ca3af)}.sdc-timeline--vertical .sdc-timeline__content,.sdc-timeline--responsive .sdc-timeline__content{margin-inline:0}.sdc-timeline--vertical{flex-direction:column;gap:1rem}.sdc-timeline--vertical .sdc-timeline__surface{align-items:flex-start;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr);text-align:left}.sdc-timeline--vertical .sdc-timeline__indicatorRow{flex-direction:column;min-height:100%;width:auto}.sdc-timeline--vertical .sdc-timeline__line{height:auto;min-height:1rem;width:var(--sdc-timeline-track-size, .1875rem)}.sdc-timeline--vertical .sdc-timeline__indicator{margin:var(--sdc-timeline-indicator-gap, .75rem) 0}.sdc-timeline--vertical .sdc-timeline__content{align-items:flex-start;max-width:none}.sdc-timeline--vertical .sdc-timeline__label{white-space:normal}.sdc-timeline__item--interactive .sdc-timeline__surface{cursor:pointer}.sdc-timeline__item--interactive .sdc-timeline__surface:hover .sdc-timeline__indicator,.sdc-timeline__item--interactive .sdc-timeline__surface:focus-visible .sdc-timeline__indicator{box-shadow:var(--sdc-timeline-indicator-shadow-hover, var(--sdc-shadow-sm, 0 2px 8px rgba(0, 0, 0, .08)));transform:translateY(-1px)}.sdc-timeline__item--interactive .sdc-timeline__surface:focus-visible{outline:none}.sdc-timeline__item--interactive .sdc-timeline__surface:focus-visible .sdc-timeline__indicator{box-shadow:var(--sdc-timeline-focus-ring, var(--sdc-focus-ring, 0 0 0 3px rgba(0, 123, 255, .25)))}.sdc-timeline__item--disabled.sdc-timeline__item--interactive .sdc-timeline__surface{cursor:default}@media (max-width: 48rem){.sdc-timeline--responsive:not(.sdc-timeline--vertical){flex-direction:column;gap:1rem}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__surface{align-items:flex-start;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr);text-align:left}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__indicatorRow{flex-direction:column;min-height:100%;width:auto}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__line{height:auto;min-height:1rem;width:var(--sdc-timeline-track-size, .1875rem)}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__indicator{margin:var(--sdc-timeline-indicator-gap, .75rem) 0}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__content{align-items:flex-start;max-width:none}.sdc-timeline--responsive:not(.sdc-timeline--vertical) .sdc-timeline__label{white-space:normal}}\n"] }]
|
|
70
|
+
}], ctorParameters: () => [], propDecorators: { items: [{
|
|
71
|
+
type: Input,
|
|
72
|
+
args: [{ required: true }]
|
|
73
|
+
}], activeIndex: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], orientation: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], interactive: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], responsive: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], showDescriptions: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], ariaLabel: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], ariaLabelParams: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], stepSelect: [{
|
|
88
|
+
type: Output
|
|
89
|
+
}] } });
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy90aW1lbGluZS90aW1lbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RpbWVsaW5lL3RpbWVsaW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV2RCxPQUFPLEVBQ0wsNkJBQTZCLEVBQzdCLDRCQUE0QixFQUM1Qiw0QkFBNEIsRUFDNUIsMkJBQTJCLEVBQzNCLGtDQUFrQyxFQUNuQyxNQUFNLHFDQUFxQyxDQUFDO0FBUTdDLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFXdEcsTUFBTSxPQUFPLGlCQUFpQjtJQUNYLFNBQVMsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNyQyxHQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFFdEIsS0FBSyxHQUFtQixFQUFFLENBQUM7SUFDN0MsV0FBVyxHQUFHLDZCQUE2QixDQUFDO0lBQzVDLFdBQVcsR0FBd0IsNEJBQTRCLENBQUM7SUFDaEUsV0FBVyxHQUFHLDRCQUE0QixDQUFDO0lBQzNDLFVBQVUsR0FBRywyQkFBMkIsQ0FBQztJQUN6QyxnQkFBZ0IsR0FBRyxr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QUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLFFBQVE7d0RBTWQsS0FBSztzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuaW1wb3J0IHtcbiAgVElNRUxJTkVfREVGQVVMVF9BQ1RJVkVfSU5ERVgsXG4gIFRJTUVMSU5FX0RFRkFVTFRfSU5URVJBQ1RJVkUsXG4gIFRJTUVMSU5FX0RFRkFVTFRfT1JJRU5UQVRJT04sXG4gIFRJTUVMSU5FX0RFRkFVTFRfUkVTUE9OU0lWRSxcbiAgVElNRUxJTkVfREVGQVVMVF9TSE9XX0RFU0NSSVBUSU9OU1xufSBmcm9tICcuLi8uLi9jb3JlL2NvbnN0YW50cy90aW1lbGluZS5jb25zdCc7XG5pbXBvcnQgdHlwZSB7XG4gIFRpbWVsaW5lSXRlbSxcbiAgVGltZWxpbmVPcmllbnRhdGlvbixcbiAgVGltZWxpbmVTdGVwU2VsZWN0RXZlbnQsXG4gIFRpbWVsaW5lU3RlcFN0YXRlLFxuICBUaW1lbGluZVRyYW5zbGF0ZVBhcmFtc1xufSBmcm9tICcuLi8uLi9jb3JlL3R5cGVzL3RpbWVsaW5lLnR5cGUnO1xuaW1wb3J0IHsgcmVzb2x2ZU51bGxhYmxlVHJhbnNsYXRhYmxlVGV4dCwgcmVzb2x2ZVRyYW5zbGF0YWJsZVRleHQgfSBmcm9tICcuLi8uLi9jb3JlL3V0aWxzL2kxOG4udXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NkYy10aW1lbGluZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGltZWxpbmUuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWRcbn0pXG5leHBvcnQgY2xhc3MgVGltZWxpbmVDb21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IHRyYW5zbGF0ZSA9IGluamVjdChUcmFuc2xhdGVTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGl0ZW1zOiBUaW1lbGluZUl0ZW1bXSA9IFtdO1xuICBASW5wdXQoKSBhY3RpdmVJbmRleCA9IFRJTUVMSU5FX0RFRkFVTFRfQUNUSVZFX0lOREVYO1xuICBASW5wdXQoKSBvcmllbnRhdGlvbjogVGltZWxpbmVPcmllbnRhdGlvbiA9IFRJTUVMSU5FX0RFRkFVTFRfT1JJRU5UQVRJT047XG4gIEBJbnB1dCgpIGludGVyYWN0aXZlID0gVElNRUxJTkVfREVGQVVMVF9JTlRFUkFDVElWRTtcbiAgQElucHV0KCkgcmVzcG9uc2l2ZSA9IFRJTUVMSU5FX0RFRkFVTFRfUkVTUE9OU0lWRTtcbiAgQElucHV0KCkgc2hvd0Rlc2NyaXB0aW9ucyA9IFRJTUVMSU5FX0RFRkFVTFRfU0hPV19ERVNDUklQVElPTlM7XG4gIEBJbnB1dCgpIGFyaWFMYWJlbD86IHN0cmluZztcbiAgQElucHV0KCkgYXJpYUxhYmVsUGFyYW1zPzogVGltZWxpbmVUcmFuc2xhdGVQYXJhbXM7XG5cbiAgQE91dHB1dCgpIHN0ZXBTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFRpbWVsaW5lU3RlcFNlbGVjdEV2ZW50PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMudHJhbnNsYXRlLm9uTGFuZ0NoYW5nZS5waXBlKHRha2VVbnRpbERlc3Ryb3llZCgpKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jZHIubWFya0ZvckNoZWNrKCkpO1xuICB9XG5cbiAgZ2V0IHJlc29sdmVkQXJpYUxhYmVsKCk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiByZXNvbHZlTnVsbGFibGVUcmFuc2xhdGFibGVUZXh0KHRoaXMudHJhbnNsYXRlLCB0aGlzLmFyaWFMYWJlbCwgJycsIHRoaXMuYXJpYUxhYmVsUGFyYW1zKTtcbiAgfVxuXG4gIHRyYWNrQnlJdGVtKGluZGV4OiBudW1iZXIsIGl0ZW06IFRpbWVsaW5lSXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGl0ZW0uaWQgfHwgYHRpbWVsaW5lLWl0ZW0tJHtpbmRleH1gO1xuICB9XG5cbiAgcmVzb2x2ZVN0YXRlKGl0ZW06IFRpbWVsaW5lSXRlbSwgaW5kZXg6IG51bWJlcik6IFRpbWVsaW5lU3RlcFN0YXRlIHtcbiAgICBpZiAoaXRlbS5kaXNhYmxlZCB8fCBpdGVtLnN0YXRlID09PSAnZGlzYWJsZWQnKSB7XG4gICAgICByZXR1cm4gJ2Rpc2FibGVkJztcbiAgICB9XG5cbiAgICBpZiAoaXRlbS5zdGF0ZSkge1xuICAgICAgcmV0dXJuIGl0ZW0uc3RhdGU7XG4gICAgfVxuXG4gICAgaWYgKGluZGV4IDwgdGhpcy5hY3RpdmVJbmRleCkge1xuICAgICAgcmV0dXJuICdjb21wbGV0ZWQnO1xuICAgIH1cblxuICAgIGlmIChpbmRleCA9PT0gdGhpcy5hY3RpdmVJbmRleCkge1xuICAgICAgcmV0dXJuICdhY3RpdmUnO1xuICAgIH1cblxuICAgIHJldHVybiAncGVuZGluZyc7XG4gIH1cblxuICByZXNvbHZlTGFiZWwoaXRlbTogVGltZWxpbmVJdGVtKTogc3RyaW5nIHtcbiAgICByZXR1cm4gcmVzb2x2ZVRyYW5zbGF0YWJsZVRleHQodGhpcy50cmFuc2xhdGUsIGl0ZW0ubGFiZWwsICcnLCBpdGVtLmxhYmVsUGFyYW1zKTtcbiAgfVxuXG4gIHJlc29sdmVEZXNjcmlwdGlvbihpdGVtOiBUaW1lbGluZUl0ZW0pOiBzdHJpbmcgfCBudWxsIHtcbiAgICByZXR1cm4gcmVzb2x2ZU51bGxhYmxlVHJhbnNsYXRhYmxlVGV4dCh0aGlzLnRyYW5zbGF0ZSwgaXRlbS5kZXNjcmlwdGlvbiwgJycsIGl0ZW0uZGVzY3JpcHRpb25QYXJhbXMpO1xuICB9XG5cbiAgcmVzb2x2ZUluZGljYXRvckxhYmVsKGl0ZW06IFRpbWVsaW5lSXRlbSwgaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgcmV0dXJuIHJlc29sdmVUcmFuc2xhdGFibGVUZXh0KFxuICAgICAgdGhpcy50cmFuc2xhdGUsXG4gICAgICBpdGVtLmluZGljYXRvckxhYmVsLFxuICAgICAgU3RyaW5nKGluZGV4ICsgMSksXG4gICAgICBpdGVtLmluZGljYXRvckxhYmVsUGFyYW1zXG4gICAgKTtcbiAgfVxuXG4gIHJlc29sdmVJdGVtQXJpYUxhYmVsKGl0ZW06IFRpbWVsaW5lSXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHJlc29sdmVUcmFuc2xhdGFibGVUZXh0KFxuICAgICAgdGhpcy50cmFuc2xhdGUsXG4gICAgICBpdGVtLmFyaWFMYWJlbCxcbiAgICAgIGl0ZW0ubGFiZWwsXG4gICAgICBpdGVtLmFyaWFMYWJlbFBhcmFtcyA/PyBpdGVtLmxhYmVsUGFyYW1zXG4gICAgKTtcbiAgfVxuXG4gIG9uU3RlcENsaWNrKGl0ZW06IFRpbWVsaW5lSXRlbSwgaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5yZXNvbHZlU3RhdGUoaXRlbSwgaW5kZXgpO1xuXG4gICAgaWYgKCF0aGlzLmludGVyYWN0aXZlIHx8IHN0YXRlID09PSAnZGlzYWJsZWQnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zdGVwU2VsZWN0LmVtaXQoeyBpbmRleCwgaXRlbSwgc3RhdGUgfSk7XG4gIH1cbn1cbiIsIjx1bFxuICBjbGFzcz1cInNkYy10aW1lbGluZVwiXG4gIFtjbGFzcy5zZGMtdGltZWxpbmUtLXZlcnRpY2FsXT1cIm9yaWVudGF0aW9uID09PSAndmVydGljYWwnXCJcbiAgW2NsYXNzLnNkYy10aW1lbGluZS0tcmVzcG9uc2l2ZV09XCJyZXNwb25zaXZlXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJyZXNvbHZlZEFyaWFMYWJlbFwiXG4+XG4gIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrIHRyYWNrQnlJdGVtKCRpbmRleCwgaXRlbSk7IGxldCBpc0ZpcnN0ID0gJGZpcnN0OyBsZXQgaXNMYXN0ID0gJGxhc3QpIHtcbiAgICBAbGV0IHN0YXRlID0gcmVzb2x2ZVN0YXRlKGl0ZW0sICRpbmRleCk7XG4gICAgQGxldCBsYWJlbCA9IHJlc29sdmVMYWJlbChpdGVtKTtcbiAgICBAbGV0IGRlc2NyaXB0aW9uID0gcmVzb2x2ZURlc2NyaXB0aW9uKGl0ZW0pO1xuICAgIEBsZXQgaW5kaWNhdG9yTGFiZWwgPSByZXNvbHZlSW5kaWNhdG9yTGFiZWwoaXRlbSwgJGluZGV4KTtcblxuICAgIDxsaVxuICAgICAgY2xhc3M9XCJzZGMtdGltZWxpbmVfX2l0ZW1cIlxuICAgICAgW2NsYXNzLnNkYy10aW1lbGluZV9faXRlbS0tYWN0aXZlXT1cInN0YXRlID09PSAnYWN0aXZlJ1wiXG4gICAgICBbY2xhc3Muc2RjLXRpbWVsaW5lX19pdGVtLS1jb21wbGV0ZWRdPVwic3RhdGUgPT09ICdjb21wbGV0ZWQnXCJcbiAgICAgIFtjbGFzcy5zZGMtdGltZWxpbmVfX2l0ZW0tLWRpc2FibGVkXT1cInN0YXRlID09PSAnZGlzYWJsZWQnXCJcbiAgICAgIFtjbGFzcy5zZGMtdGltZWxpbmVfX2l0ZW0tLWludGVyYWN0aXZlXT1cImludGVyYWN0aXZlXCJcbiAgICAgIFtjbGFzcy5zZGMtdGltZWxpbmVfX2l0ZW0tLWZpcnN0XT1cImlzRmlyc3RcIlxuICAgICAgW2NsYXNzLnNkYy10aW1lbGluZV9faXRlbS0tbGFzdF09XCJpc0xhc3RcIlxuICAgID5cbiAgICAgIEBpZiAoaW50ZXJhY3RpdmUpIHtcbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGNsYXNzPVwic2RjLXRpbWVsaW5lX19zdXJmYWNlXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwic3RhdGUgPT09ICdkaXNhYmxlZCdcIlxuICAgICAgICAgIFthdHRyLmFyaWEtY3VycmVudF09XCJzdGF0ZSA9PT0gJ2FjdGl2ZScgPyAnc3RlcCcgOiBudWxsXCJcbiAgICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cInN0YXRlID09PSAnZGlzYWJsZWQnID8gJ3RydWUnIDogbnVsbFwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJyZXNvbHZlSXRlbUFyaWFMYWJlbChpdGVtKVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU3RlcENsaWNrKGl0ZW0sICRpbmRleClcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2luZGljYXRvclJvd1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2xpbmUgc2RjLXRpbWVsaW5lX19saW5lLS1iZWZvcmVcIj48L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNkYy10aW1lbGluZV9faW5kaWNhdG9yXCI+XG4gICAgICAgICAgICAgIEBpZiAoaXRlbS5pY29uQ2xhc3MpIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNkYy10aW1lbGluZV9faW5kaWNhdG9ySWNvblwiIFtuZ0NsYXNzXT1cIml0ZW0uaWNvbkNsYXNzXCI+PC9zcGFuPlxuICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNkYy10aW1lbGluZV9faW5kaWNhdG9yTGFiZWxcIj57eyBpbmRpY2F0b3JMYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2xpbmUgc2RjLXRpbWVsaW5lX19saW5lLS1hZnRlclwiPjwvc3Bhbj5cbiAgICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNkYy10aW1lbGluZV9fY29udGVudFwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2xhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG5cbiAgICAgICAgICAgIEBpZiAoc2hvd0Rlc2NyaXB0aW9ucyAmJiBkZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNkYy10aW1lbGluZV9fZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNkYy10aW1lbGluZV9fc3VyZmFjZVwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cInN0YXRlID09PSAnYWN0aXZlJyA/ICdzdGVwJyA6IG51bGxcIlxuICAgICAgICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwic3RhdGUgPT09ICdkaXNhYmxlZCcgPyAndHJ1ZScgOiBudWxsXCJcbiAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInJlc29sdmVJdGVtQXJpYUxhYmVsKGl0ZW0pXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2RjLXRpbWVsaW5lX19pbmRpY2F0b3JSb3dcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2RjLXRpbWVsaW5lX19saW5lIHNkYy10aW1lbGluZV9fbGluZS0tYmVmb3JlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2luZGljYXRvclwiPlxuICAgICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbkNsYXNzKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2luZGljYXRvckljb25cIiBbbmdDbGFzc109XCJpdGVtLmljb25DbGFzc1wiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2luZGljYXRvckxhYmVsXCI+e3sgaW5kaWNhdG9yTGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2RjLXRpbWVsaW5lX19saW5lIHNkYy10aW1lbGluZV9fbGluZS0tYWZ0ZXJcIj48L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2RjLXRpbWVsaW5lX19sYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuXG4gICAgICAgICAgICBAaWYgKHNob3dEZXNjcmlwdGlvbnMgJiYgZGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZGMtdGltZWxpbmVfX2Rlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2xpPlxuICB9XG48L3VsPlxuIl19
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
1
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
3
2
|
import { TranslateModule, TranslateService } from '@ngx-translate/core';
|
|
4
3
|
import { Component, Input, Output, EventEmitter, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, DestroyRef, inject } from '@angular/core';
|
|
5
4
|
import { resolveTranslatableText } from '../../core/utils/i18n.util';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@
|
|
8
|
-
import * as i2 from "@ngx-translate/core";
|
|
6
|
+
import * as i1 from "@ngx-translate/core";
|
|
9
7
|
const TOAST_DISMISS_ANIMATION_DURATION_MS = 300;
|
|
10
8
|
export class ToastComponent {
|
|
11
9
|
toast;
|
|
@@ -45,11 +43,11 @@ export class ToastComponent {
|
|
|
45
43
|
setTimeout(() => this.dismiss.emit(), TOAST_DISMISS_ANIMATION_DURATION_MS);
|
|
46
44
|
}
|
|
47
45
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
46
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToastComponent, isStandalone: true, selector: "s-toast", inputs: { toast: "toast" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class.toast--leaving": "this.isLeaving" } }, ngImport: i0, template: "<div class=\"toast\" [class.toast--info]=\"toast.severity === 'info'\" [class.toast--success]=\"toast.severity === 'success'\"\n [class.toast--warning]=\"toast.severity === 'warning'\" [class.toast--error]=\"toast.severity === 'error'\"\n [attr.role]=\"toast.severity === 'error' || toast.severity === 'warning' ? 'alert' : 'status'\"\n [attr.aria-live]=\"toast.severity === 'error' ? 'assertive' : 'polite'\" [attr.aria-atomic]=\"true\">\n <div class=\"toast-content\">\n <i class=\"toast-icon fas fa-info\" [class.fa-info]=\"toast.severity === 'info'\"\n [class.fa-check]=\"toast.severity === 'success'\"\n [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\" [class.fa-times]=\"toast.severity === 'error'\"\n aria-hidden=\"true\"></i>\n <div class=\"text-container\">\n @if (titleText) {\n <span class=\"toast-summary\" [innerHTML]=\"titleText\"></span>\n }\n @if (bodyText) {\n <span [innerHTML]=\"bodyText\"></span>\n }\n </div>\n </div>\n @if (toast.closable) {\n <button class=\"toast-close-button\" (click)=\"dismissToast()\" (keydown.enter)=\"dismissToast()\"\n (keydown.space)=\"$event.preventDefault(); dismissToast()\"\n [attr.aria-label]=\"'platform.datacore.accessibility.close_notification' | translate\" type=\"button\">\n <i class=\"fas fa-times\" aria-hidden=\"true\"></i>\n </button>\n }\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:var(--sdc-toast-border-width, 3px) solid var(--sdc-toast-info-accent, #428bca);border-radius:var(--sdc-toast-radius, 3px);box-shadow:var(--sdc-toast-shadow, 0 1px 5px rgba(0, 0, 0, .25));color:var(--sdc-toast-text-color, #212533);display:flex;font-family:var(--sdc-font-family, \"Open Sans\", sans-serif);font-size:var(--sdc-toast-font-size, 14px);opacity:0;padding:var(--sdc-toast-padding, 10px 15px);position:relative;transform:translateY(var(--sdc-toast-offset-y, -20px));width:var(--sdc-toast-width, 400px)}.toast .toast-content{align-items:center;display:flex;flex-grow:1;gap:var(--sdc-toast-gap, 15px)}.toast .toast-content .toast-icon{align-items:center;background-color:var(--sdc-toast-info-accent, #428bca);border-radius:50%;color:var(--sdc-toast-info-icon-color, #ffffff);display:flex;flex-shrink:0;height:var(--sdc-toast-icon-size, 40px);justify-content:center;width:var(--sdc-toast-icon-size, 40px)}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:var(--sdc-toast-success-bg, #e0f0f0);border-left-color:var(--sdc-toast-success-accent, #0c9348)}.toast--success .toast-content .toast-icon{background-color:var(--sdc-toast-success-accent, #0c9348)}.toast--error{background-color:var(--sdc-toast-error-bg, #fef0f0);border-left-color:var(--sdc-toast-error-accent, #c13018)}.toast--error .toast-content .toast-icon{background-color:var(--sdc-toast-error-accent, #c13018)}.toast--info{background-color:var(--sdc-toast-info-bg, #f1f7f8);border-left-color:var(--sdc-toast-info-accent, #428bca)}.toast--info .toast-content .toast-icon{background-color:var(--sdc-toast-info-accent, #428bca)}.toast--warning{background-color:var(--sdc-toast-warning-bg, #fef4e3);border-left-color:var(--sdc-toast-warning-accent, #fcbf10)}.toast--warning .toast-content .toast-icon{background-color:var(--sdc-toast-warning-accent, #fcbf10);color:var(--sdc-toast-warning-icon-color, #212533)}.toast-close-button{background:none;border:none;color:var(--sdc-toast-text-color, #212533);font-size:1rem;cursor:pointer;margin-left:var(--sdc-toast-close-gap, 15px);transition:transform var(--sdc-transition-fast, .18s ease);min-width:var(--sdc-toast-close-size, 44px);min-height:var(--sdc-toast-close-size, 44px);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--sdc-toast-close-radius, 4px);padding:0}.toast-close-button:hover{transform:scale(var(--sdc-toast-close-hover-scale, 1.1));background-color:var(--sdc-toast-close-hover-bg, rgba(0, 0, 0, .05))}.toast-close-button:focus{outline:var(--sdc-focus-outline, 2px solid var(--sdc-tab-primary, #007bff));outline-offset:2px;box-shadow:var(--sdc-formfield-focus-shadow, 0 0 0 3px rgba(0, 123, 255, .15))}.toast-close-button:focus-visible{outline:var(--sdc-focus-outline, 2px solid var(--sdc-tab-primary, #007bff));outline-offset:2px;box-shadow:var(--sdc-focus-ring, 0 0 0 3px rgba(0, 123, 255, .25))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(var(--sdc-toast-offset-y, -20px))}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sdc-toast-offset-y, -20px))}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
49
47
|
}
|
|
50
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, decorators: [{
|
|
51
49
|
type: Component,
|
|
52
|
-
args: [{ selector: 's-toast', standalone: true, imports: [
|
|
50
|
+
args: [{ selector: 's-toast', standalone: true, imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"toast\" [class.toast--info]=\"toast.severity === 'info'\" [class.toast--success]=\"toast.severity === 'success'\"\n [class.toast--warning]=\"toast.severity === 'warning'\" [class.toast--error]=\"toast.severity === 'error'\"\n [attr.role]=\"toast.severity === 'error' || toast.severity === 'warning' ? 'alert' : 'status'\"\n [attr.aria-live]=\"toast.severity === 'error' ? 'assertive' : 'polite'\" [attr.aria-atomic]=\"true\">\n <div class=\"toast-content\">\n <i class=\"toast-icon fas fa-info\" [class.fa-info]=\"toast.severity === 'info'\"\n [class.fa-check]=\"toast.severity === 'success'\"\n [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\" [class.fa-times]=\"toast.severity === 'error'\"\n aria-hidden=\"true\"></i>\n <div class=\"text-container\">\n @if (titleText) {\n <span class=\"toast-summary\" [innerHTML]=\"titleText\"></span>\n }\n @if (bodyText) {\n <span [innerHTML]=\"bodyText\"></span>\n }\n </div>\n </div>\n @if (toast.closable) {\n <button class=\"toast-close-button\" (click)=\"dismissToast()\" (keydown.enter)=\"dismissToast()\"\n (keydown.space)=\"$event.preventDefault(); dismissToast()\"\n [attr.aria-label]=\"'platform.datacore.accessibility.close_notification' | translate\" type=\"button\">\n <i class=\"fas fa-times\" aria-hidden=\"true\"></i>\n </button>\n }\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:var(--sdc-toast-border-width, 3px) solid var(--sdc-toast-info-accent, #428bca);border-radius:var(--sdc-toast-radius, 3px);box-shadow:var(--sdc-toast-shadow, 0 1px 5px rgba(0, 0, 0, .25));color:var(--sdc-toast-text-color, #212533);display:flex;font-family:var(--sdc-font-family, \"Open Sans\", sans-serif);font-size:var(--sdc-toast-font-size, 14px);opacity:0;padding:var(--sdc-toast-padding, 10px 15px);position:relative;transform:translateY(var(--sdc-toast-offset-y, -20px));width:var(--sdc-toast-width, 400px)}.toast .toast-content{align-items:center;display:flex;flex-grow:1;gap:var(--sdc-toast-gap, 15px)}.toast .toast-content .toast-icon{align-items:center;background-color:var(--sdc-toast-info-accent, #428bca);border-radius:50%;color:var(--sdc-toast-info-icon-color, #ffffff);display:flex;flex-shrink:0;height:var(--sdc-toast-icon-size, 40px);justify-content:center;width:var(--sdc-toast-icon-size, 40px)}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:var(--sdc-toast-success-bg, #e0f0f0);border-left-color:var(--sdc-toast-success-accent, #0c9348)}.toast--success .toast-content .toast-icon{background-color:var(--sdc-toast-success-accent, #0c9348)}.toast--error{background-color:var(--sdc-toast-error-bg, #fef0f0);border-left-color:var(--sdc-toast-error-accent, #c13018)}.toast--error .toast-content .toast-icon{background-color:var(--sdc-toast-error-accent, #c13018)}.toast--info{background-color:var(--sdc-toast-info-bg, #f1f7f8);border-left-color:var(--sdc-toast-info-accent, #428bca)}.toast--info .toast-content .toast-icon{background-color:var(--sdc-toast-info-accent, #428bca)}.toast--warning{background-color:var(--sdc-toast-warning-bg, #fef4e3);border-left-color:var(--sdc-toast-warning-accent, #fcbf10)}.toast--warning .toast-content .toast-icon{background-color:var(--sdc-toast-warning-accent, #fcbf10);color:var(--sdc-toast-warning-icon-color, #212533)}.toast-close-button{background:none;border:none;color:var(--sdc-toast-text-color, #212533);font-size:1rem;cursor:pointer;margin-left:var(--sdc-toast-close-gap, 15px);transition:transform var(--sdc-transition-fast, .18s ease);min-width:var(--sdc-toast-close-size, 44px);min-height:var(--sdc-toast-close-size, 44px);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--sdc-toast-close-radius, 4px);padding:0}.toast-close-button:hover{transform:scale(var(--sdc-toast-close-hover-scale, 1.1));background-color:var(--sdc-toast-close-hover-bg, rgba(0, 0, 0, .05))}.toast-close-button:focus{outline:var(--sdc-focus-outline, 2px solid var(--sdc-tab-primary, #007bff));outline-offset:2px;box-shadow:var(--sdc-formfield-focus-shadow, 0 0 0 3px rgba(0, 123, 255, .15))}.toast-close-button:focus-visible{outline:var(--sdc-focus-outline, 2px solid var(--sdc-tab-primary, #007bff));outline-offset:2px;box-shadow:var(--sdc-focus-ring, 0 0 0 3px rgba(0, 123, 255, .25))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(var(--sdc-toast-offset-y, -20px))}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sdc-toast-offset-y, -20px))}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"] }]
|
|
53
51
|
}], ctorParameters: () => [], propDecorators: { toast: [{
|
|
54
52
|
type: Input
|
|
55
53
|
}], dismiss: [{
|
|
@@ -58,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
58
56
|
type: HostBinding,
|
|
59
57
|
args: ['class.toast--leaving']
|
|
60
58
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy90b2FzdC90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RvYXN0L3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV4RSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLFdBQVcsRUFHWCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFFckUsTUFBTSxtQ0FBbUMsR0FBRyxHQUFHLENBQUM7QUFXaEQsTUFBTSxPQUFPLGNBQWM7SUFDaEIsS0FBSyxDQUFTO0lBRWIsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFHdEMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUVqQixLQUFLLEdBQWtCLElBQUksQ0FBQztJQUNuQixHQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDaEMsVUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNoQyxTQUFTLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFFdEQ7UUFDRSxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztJQUNqSCxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sdUJBQXVCLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDOUMsSUFBSSxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQXNCLENBQUM7UUFDeEcsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsQ0FBQztRQUNELElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFTSxxQkFBcUI7UUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsbUNBQW1DLENBQUMsQ0FBQztJQUM3RSxDQUFDO3dHQS9DVSxjQUFjOzRGQUFkLGNBQWMsb01DL0IzQixzNENBMEJBLDQ2R0REWSxlQUFlOzs0RkFNZCxjQUFjO2tCQVQxQixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxlQUFlLENBQUMsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsUUFBUTt3REFHaEMsS0FBSztzQkFBYixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU07Z0JBR0EsU0FBUztzQkFEZixXQUFXO3VCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlLCBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4uLy4uL2NvcmUvdHlwZXMvdG9hc3QudHlwZSc7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBEZXN0cm95UmVmLFxuICBpbmplY3Rcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyByZXNvbHZlVHJhbnNsYXRhYmxlVGV4dCB9IGZyb20gJy4uLy4uL2NvcmUvdXRpbHMvaTE4bi51dGlsJztcblxuY29uc3QgVE9BU1RfRElTTUlTU19BTklNQVRJT05fRFVSQVRJT05fTVMgPSAzMDA7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtdG9hc3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbVHJhbnNsYXRlTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9hc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSB0b2FzdCE6IFRvYXN0O1xuXG4gIEBPdXRwdXQoKSBkaXNtaXNzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MudG9hc3QtLWxlYXZpbmcnKVxuICBwdWJsaWMgaXNMZWF2aW5nID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSB0aW1lcjogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgcmVhZG9ubHkgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuICBwcml2YXRlIHJlYWRvbmx5IHRyYW5zbGF0ZSA9IGluamVjdChUcmFuc2xhdGVTZXJ2aWNlKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnRyYW5zbGF0ZS5vbkxhbmdDaGFuZ2UucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpKTtcbiAgfVxuXG4gIGdldCB0aXRsZVRleHQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gcmVzb2x2ZVRyYW5zbGF0YWJsZVRleHQodGhpcy50cmFuc2xhdGUsIHRoaXMudG9hc3Q/LnRpdGxlKTtcbiAgfVxuXG4gIGdldCBib2R5VGV4dCgpOiBzdHJpbmcge1xuICAgIHJldHVybiByZXNvbHZlVHJhbnNsYXRhYmxlVGV4dCh0aGlzLnRyYW5zbGF0ZSwgdGhpcy50b2FzdD8udGV4dCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudG9hc3Quc3RpY2t5ICYmIHRoaXMudG9hc3QuZHVyYXRpb24pIHtcbiAgICAgIHRoaXMudGltZXIgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMuc3RhcnREaXNtaXNzQW5pbWF0aW9uKCksIHRoaXMudG9hc3QuZHVyYXRpb24pIGFzIHVua25vd24gYXMgbnVtYmVyO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnRpbWVyKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy50aW1lcik7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGRpc21pc3NUb2FzdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50aW1lcikge1xuICAgICAgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xuICAgIH1cbiAgICB0aGlzLnN0YXJ0RGlzbWlzc0FuaW1hdGlvbigpO1xuICB9XG5cbiAgcHVibGljIHN0YXJ0RGlzbWlzc0FuaW1hdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmlzTGVhdmluZyA9IHRydWU7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmRpc21pc3MuZW1pdCgpLCBUT0FTVF9ESVNNSVNTX0FOSU1BVElPTl9EVVJBVElPTl9NUyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0b2FzdFwiIFtjbGFzcy50b2FzdC0taW5mb109XCJ0b2FzdC5zZXZlcml0eSA9PT0gJ2luZm8nXCIgW2NsYXNzLnRvYXN0LS1zdWNjZXNzXT1cInRvYXN0LnNldmVyaXR5ID09PSAnc3VjY2VzcydcIlxuICBbY2xhc3MudG9hc3QtLXdhcm5pbmddPVwidG9hc3Quc2V2ZXJpdHkgPT09ICd3YXJuaW5nJ1wiIFtjbGFzcy50b2FzdC0tZXJyb3JdPVwidG9hc3Quc2V2ZXJpdHkgPT09ICdlcnJvcidcIlxuICBbYXR0ci5yb2xlXT1cInRvYXN0LnNldmVyaXR5ID09PSAnZXJyb3InIHx8IHRvYXN0LnNldmVyaXR5ID09PSAnd2FybmluZycgPyAnYWxlcnQnIDogJ3N0YXR1cydcIlxuICBbYXR0ci5hcmlhLWxpdmVdPVwidG9hc3Quc2V2ZXJpdHkgPT09ICdlcnJvcicgPyAnYXNzZXJ0aXZlJyA6ICdwb2xpdGUnXCIgW2F0dHIuYXJpYS1hdG9taWNdPVwidHJ1ZVwiPlxuICA8ZGl2IGNsYXNzPVwidG9hc3QtY29udGVudFwiPlxuICAgIDxpIGNsYXNzPVwidG9hc3QtaWNvbiBmYXMgZmEtaW5mb1wiIFtjbGFzcy5mYS1pbmZvXT1cInRvYXN0LnNldmVyaXR5ID09PSAnaW5mbydcIlxuICAgICAgW2NsYXNzLmZhLWNoZWNrXT1cInRvYXN0LnNldmVyaXR5ID09PSAnc3VjY2VzcydcIlxuICAgICAgW2NsYXNzLmZhLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlXT1cInRvYXN0LnNldmVyaXR5ID09PSAnd2FybmluZydcIiBbY2xhc3MuZmEtdGltZXNdPVwidG9hc3Quc2V2ZXJpdHkgPT09ICdlcnJvcidcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250YWluZXJcIj5cbiAgICAgIEBpZiAodGl0bGVUZXh0KSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidG9hc3Qtc3VtbWFyeVwiIFtpbm5lckhUTUxdPVwidGl0bGVUZXh0XCI+PC9zcGFuPlxuICAgICAgfVxuICAgICAgQGlmIChib2R5VGV4dCkge1xuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImJvZHlUZXh0XCI+PC9zcGFuPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgQGlmICh0b2FzdC5jbG9zYWJsZSkge1xuICAgIDxidXR0b24gY2xhc3M9XCJ0b2FzdC1jbG9zZS1idXR0b25cIiAoY2xpY2spPVwiZGlzbWlzc1RvYXN0KClcIiAoa2V5ZG93bi5lbnRlcik9XCJkaXNtaXNzVG9hc3QoKVwiXG4gICAgICAoa2V5ZG93bi5zcGFjZSk9XCIkZXZlbnQucHJldmVudERlZmF1bHQoKTsgZGlzbWlzc1RvYXN0KClcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCIncGxhdGZvcm0uZGF0YWNvcmUuYWNjZXNzaWJpbGl0eS5jbG9zZV9ub3RpZmljYXRpb24nIHwgdHJhbnNsYXRlXCIgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtdGltZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgPC9idXR0b24+XG4gIH1cbjwvZGl2PlxuIl19
|