trm-tmpl 3.3.2 → 3.4.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/esm2022/lib/app/pages/components/constructor-form/components/constructor-preparation/constructor-preparation.component.mjs +4 -5
- package/esm2022/lib/app/pages/components/constructor-form/components/method-amount-hint/method-amount-hint.component.mjs +5 -6
- package/esm2022/lib/app/pipes/index.mjs +1 -3
- package/esm2022/lib/app/shared/components/constructor-status/constructor-status.component.mjs +3 -3
- package/esm2022/lib/app/shared/components/index.mjs +2 -1
- package/esm2022/lib/app/shared/components/trm-amount/trm-amount.component.mjs +50 -0
- package/esm2022/lib/app/shared/shared.module.mjs +1 -5
- package/fesm2022/trm-tmpl.mjs +57 -68
- package/fesm2022/trm-tmpl.mjs.map +1 -1
- package/lib/app/pipes/index.d.ts +0 -2
- package/lib/app/shared/components/index.d.ts +1 -0
- package/lib/app/shared/components/trm-amount/trm-amount.component.d.ts +19 -0
- package/lib/app/shared/shared.module.d.ts +4 -5
- package/package.json +4 -5
- package/esm2022/lib/app/pipes/currency.pipe.mjs +0 -40
- package/esm2022/lib/app/pipes/html-sanitizer.pipe.mjs +0 -21
- package/lib/app/pipes/currency.pipe.d.ts +0 -9
- package/lib/app/pipes/html-sanitizer.pipe.d.ts +0 -9
package/fesm2022/trm-tmpl.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, inject, Injectable, ChangeDetectorRef, CSP_NONCE, NgModule, Directive, TemplateRef, Component, ContentChild, HostListener, ElementRef, Renderer2, Pipe, EventEmitter, forwardRef, ChangeDetectionStrategy, Input, Output, SecurityContext, ViewContainerRef, Injector, DestroyRef, ViewChild, ViewChildren } from '@angular/core';
|
|
2
|
+
import { InjectionToken, inject, Injectable, ChangeDetectorRef, CSP_NONCE, NgModule, Directive, TemplateRef, Component, ContentChild, HostListener, ElementRef, Renderer2, Pipe, EventEmitter, forwardRef, ChangeDetectionStrategy, Input, Output, SecurityContext, ViewContainerRef, input, computed, Injector, DestroyRef, ViewChild, ViewChildren } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/router';
|
|
4
4
|
import { RouterModule, Router, NavigationEnd, NavigationCancel, NavigationError, RouterOutlet, ActivatedRoute } from '@angular/router';
|
|
5
|
-
import { registerLocaleData, DOCUMENT, AsyncPipe, NgTemplateOutlet, NgClass,
|
|
5
|
+
import { registerLocaleData, DOCUMENT, AsyncPipe, NgTemplateOutlet, NgClass, CurrencyPipe, CommonModule, Location } from '@angular/common';
|
|
6
6
|
import localeRu from '@angular/common/locales/ru';
|
|
7
7
|
import localeEn from '@angular/common/locales/en';
|
|
8
8
|
import localeTr from '@angular/common/locales/tr';
|
|
@@ -4257,11 +4257,11 @@ class ConstructorStatusComponent {
|
|
|
4257
4257
|
return this.versionSrv.supportEmail;
|
|
4258
4258
|
}
|
|
4259
4259
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ConstructorStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: ConstructorStatusComponent, isStandalone: true, selector: "app-constructor-status", inputs: { failed: "failed", inProgress: "inProgress", animation: "animation", message: "message", failTitle: "failTitle", progressTitle: "progressTitle", successTitle: "successTitle", tabIndex: "tabIndex", backUrl: "backUrl", backUrlTitle: "backUrlTitle", hasSupportHint: "hasSupportHint" }, ngImport: i0, template: "<div class=\"c-status\">\n <div class=\"c-status__content\"\n [class.c-status--failed]=\"failed\"\n [class.c-status--progress]=\"inProgress\"\n [class.c-status--live]=\"animation\"\n >\n <i class=\"c-status__img\"></i>\n <h5 class=\"c-status__title\">\n @if (inProgress) {\n {{ progressTitle || (I18N_KEY.PROGRESS_TITLE | trans) }}\n } @else {\n @if (failed) {\n {{ failTitle || (I18N_KEY.TERMINAL_SESSION_BREAK | trans) }}\n }\n @if (!failed) {\n {{ successTitle || (I18N_KEY.TERMINAL_SESSION_SUCCESS | trans) }}\n }\n }\n </h5>\n <div class=\"c-status__msg\" [innerHTML]=\"message
|
|
4260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: ConstructorStatusComponent, isStandalone: true, selector: "app-constructor-status", inputs: { failed: "failed", inProgress: "inProgress", animation: "animation", message: "message", failTitle: "failTitle", progressTitle: "progressTitle", successTitle: "successTitle", tabIndex: "tabIndex", backUrl: "backUrl", backUrlTitle: "backUrlTitle", hasSupportHint: "hasSupportHint" }, ngImport: i0, template: "<div class=\"c-status\">\n <div class=\"c-status__content\"\n [class.c-status--failed]=\"failed\"\n [class.c-status--progress]=\"inProgress\"\n [class.c-status--live]=\"animation\"\n >\n <i class=\"c-status__img\"></i>\n <h5 class=\"c-status__title\">\n @if (inProgress) {\n {{ progressTitle || (I18N_KEY.PROGRESS_TITLE | trans) }}\n } @else {\n @if (failed) {\n {{ failTitle || (I18N_KEY.TERMINAL_SESSION_BREAK | trans) }}\n }\n @if (!failed) {\n {{ successTitle || (I18N_KEY.TERMINAL_SESSION_SUCCESS | trans) }}\n }\n }\n </h5>\n <div class=\"c-status__msg\" [innerHTML]=\"message\"> {{ message }}</div>\n @if (hasSupportHint) {\n <div class=\"c-status__hint\">\n {{ I18N_KEY.TERMINAL_SESSION_SUPPORT | trans }}:\n @if (supportEmail) {\n <a [href]=\"'mailto:' + supportEmail\"> {{ supportEmail }} </a>\n }\n </div>\n }\n </div>\n @if (!!backUrl) {\n <div class=\"c-status__actions\">\n <a class=\"trm-button trm-button--primary\"\n [tabindex]=\"tabIndex\"\n [href]=\"backUrl | sanitize: SecurityContext.URL\"> {{ backUrlTitle || (I18N_KEY.CONSTRUCTOR_LABEL_RETURN_TO_SHOP | trans) }}</a>\n <div class=\"c-status__hint c-status__hint-button\">\n <ng-content constructor-status-button-hint></ng-content>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:block}.c-status{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.c-status__content{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:stretch}.c-status--progress.c-status--live~.c-status__actions{display:none}.c-status__img{flex:none;margin-bottom:10px;align-self:center;border:0}.c-status__title{text-align:center;align-self:center}.c-status__msg{align-self:center;white-space:normal;overflow:hidden;max-width:100%;text-overflow:ellipsis}.c-status__msg,.c-status__hint{text-align:center;font-weight:400;font-size:15px;line-height:22px;color:var(--color-base-350)}.c-status__hint-button{font-size:14px}.c-status__actions{display:flex;flex-direction:column;gap:4px;justify-content:stretch;align-items:stretch}.c-status__actions .trm-button{color:#fff!important}\n"], dependencies: [{ kind: "pipe", type: SanitizerPipe, name: "sanitize" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4261
4261
|
}
|
|
4262
4262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ConstructorStatusComponent, decorators: [{
|
|
4263
4263
|
type: Component,
|
|
4264
|
-
args: [{ selector: 'app-constructor-status', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SanitizerPipe, TranslateByKeyPipe], template: "<div class=\"c-status\">\n <div class=\"c-status__content\"\n [class.c-status--failed]=\"failed\"\n [class.c-status--progress]=\"inProgress\"\n [class.c-status--live]=\"animation\"\n >\n <i class=\"c-status__img\"></i>\n <h5 class=\"c-status__title\">\n @if (inProgress) {\n {{ progressTitle || (I18N_KEY.PROGRESS_TITLE | trans) }}\n } @else {\n @if (failed) {\n {{ failTitle || (I18N_KEY.TERMINAL_SESSION_BREAK | trans) }}\n }\n @if (!failed) {\n {{ successTitle || (I18N_KEY.TERMINAL_SESSION_SUCCESS | trans) }}\n }\n }\n </h5>\n <div class=\"c-status__msg\" [innerHTML]=\"message
|
|
4264
|
+
args: [{ selector: 'app-constructor-status', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SanitizerPipe, TranslateByKeyPipe], template: "<div class=\"c-status\">\n <div class=\"c-status__content\"\n [class.c-status--failed]=\"failed\"\n [class.c-status--progress]=\"inProgress\"\n [class.c-status--live]=\"animation\"\n >\n <i class=\"c-status__img\"></i>\n <h5 class=\"c-status__title\">\n @if (inProgress) {\n {{ progressTitle || (I18N_KEY.PROGRESS_TITLE | trans) }}\n } @else {\n @if (failed) {\n {{ failTitle || (I18N_KEY.TERMINAL_SESSION_BREAK | trans) }}\n }\n @if (!failed) {\n {{ successTitle || (I18N_KEY.TERMINAL_SESSION_SUCCESS | trans) }}\n }\n }\n </h5>\n <div class=\"c-status__msg\" [innerHTML]=\"message\"> {{ message }}</div>\n @if (hasSupportHint) {\n <div class=\"c-status__hint\">\n {{ I18N_KEY.TERMINAL_SESSION_SUPPORT | trans }}:\n @if (supportEmail) {\n <a [href]=\"'mailto:' + supportEmail\"> {{ supportEmail }} </a>\n }\n </div>\n }\n </div>\n @if (!!backUrl) {\n <div class=\"c-status__actions\">\n <a class=\"trm-button trm-button--primary\"\n [tabindex]=\"tabIndex\"\n [href]=\"backUrl | sanitize: SecurityContext.URL\"> {{ backUrlTitle || (I18N_KEY.CONSTRUCTOR_LABEL_RETURN_TO_SHOP | trans) }}</a>\n <div class=\"c-status__hint c-status__hint-button\">\n <ng-content constructor-status-button-hint></ng-content>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:block}.c-status{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.c-status__content{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:stretch}.c-status--progress.c-status--live~.c-status__actions{display:none}.c-status__img{flex:none;margin-bottom:10px;align-self:center;border:0}.c-status__title{text-align:center;align-self:center}.c-status__msg{align-self:center;white-space:normal;overflow:hidden;max-width:100%;text-overflow:ellipsis}.c-status__msg,.c-status__hint{text-align:center;font-weight:400;font-size:15px;line-height:22px;color:var(--color-base-350)}.c-status__hint-button{font-size:14px}.c-status__actions{display:flex;flex-direction:column;gap:4px;justify-content:stretch;align-items:stretch}.c-status__actions .trm-button{color:#fff!important}\n"] }]
|
|
4265
4265
|
}], propDecorators: { failed: [{
|
|
4266
4266
|
type: Input
|
|
4267
4267
|
}], inProgress: [{
|
|
@@ -4318,13 +4318,59 @@ class NgVarContext {
|
|
|
4318
4318
|
}
|
|
4319
4319
|
}
|
|
4320
4320
|
|
|
4321
|
+
function symbolCurrency(code, format, lang = 'en') {
|
|
4322
|
+
try {
|
|
4323
|
+
return Intl.NumberFormat(lang, {
|
|
4324
|
+
style: 'currency',
|
|
4325
|
+
currency: code,
|
|
4326
|
+
currencyDisplay: format,
|
|
4327
|
+
})
|
|
4328
|
+
.formatToParts()
|
|
4329
|
+
.find((part) => part.type === 'currency').value;
|
|
4330
|
+
}
|
|
4331
|
+
catch (e) {
|
|
4332
|
+
return code;
|
|
4333
|
+
}
|
|
4334
|
+
}
|
|
4335
|
+
class TrmAmountComponent {
|
|
4336
|
+
constructor() {
|
|
4337
|
+
this.currencyPipe = inject(CurrencyPipe);
|
|
4338
|
+
this._thousandSeparator = ' ';
|
|
4339
|
+
this._format = '1.2-8';
|
|
4340
|
+
this.separator = '.';
|
|
4341
|
+
this.value = input(0);
|
|
4342
|
+
this.code = input('');
|
|
4343
|
+
this.symbol = computed(() => symbolCurrency(this.code(), 'narrowSymbol'));
|
|
4344
|
+
this.symbolWide = computed(() => symbolCurrency(this.code(), 'symbol'));
|
|
4345
|
+
this._amount = computed(() => this.currencyPipe
|
|
4346
|
+
.transform(this.value(), this.code(), 'symbol-narrow', this._format, 'en')
|
|
4347
|
+
.replace(/,/g, this._thousandSeparator)
|
|
4348
|
+
.replace(this.symbol(), '')
|
|
4349
|
+
.trim());
|
|
4350
|
+
this.resultSymbol = computed(() => this.symbol() === '$' ? this.symbolWide() : this.symbol());
|
|
4351
|
+
this.amountSplitted = computed(() => {
|
|
4352
|
+
const [int, fract] = this._amount().split('.');
|
|
4353
|
+
return { int, fract };
|
|
4354
|
+
});
|
|
4355
|
+
}
|
|
4356
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TrmAmountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4357
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: TrmAmountComponent, isStandalone: true, selector: "trm-amount", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
4358
|
+
CurrencyPipe
|
|
4359
|
+
], ngImport: i0, template: "<span class=\"trm-amount\">\n <span class=\"trm-amount__value\">\n <span class=\"trm-amount__int\">{{ amountSplitted().int }}</span>\n @if (amountSplitted().fract) {\n <span class=\"trm-amount__fract\">{{ separator }}{{ amountSplitted().fract }}</span>\n }\n </span>\n <span class=\"trm-currency\">{{ resultSymbol() }}</span>\n</span>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4360
|
+
}
|
|
4361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TrmAmountComponent, decorators: [{
|
|
4362
|
+
type: Component,
|
|
4363
|
+
args: [{ selector: 'trm-amount', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4364
|
+
CurrencyPipe
|
|
4365
|
+
], template: "<span class=\"trm-amount\">\n <span class=\"trm-amount__value\">\n <span class=\"trm-amount__int\">{{ amountSplitted().int }}</span>\n @if (amountSplitted().fract) {\n <span class=\"trm-amount__fract\">{{ separator }}{{ amountSplitted().fract }}</span>\n }\n </span>\n <span class=\"trm-currency\">{{ resultSymbol() }}</span>\n</span>\n" }]
|
|
4366
|
+
}] });
|
|
4367
|
+
|
|
4321
4368
|
const components = [
|
|
4322
4369
|
TerminalLayoutTplComponent,
|
|
4323
4370
|
TerminalLangSwitcherComponent,
|
|
4324
4371
|
ConstructorStatusComponent,
|
|
4325
4372
|
TrmSelectComponent,
|
|
4326
4373
|
ScrollbarSelectHeightDirective,
|
|
4327
|
-
SanitizerPipe,
|
|
4328
4374
|
TranslateByKeyPipe,
|
|
4329
4375
|
NgVarDirective,
|
|
4330
4376
|
TrmSelectLabelTemplateDirective
|
|
@@ -4340,7 +4386,6 @@ class SharedModule {
|
|
|
4340
4386
|
ConstructorStatusComponent,
|
|
4341
4387
|
TrmSelectComponent,
|
|
4342
4388
|
ScrollbarSelectHeightDirective,
|
|
4343
|
-
SanitizerPipe,
|
|
4344
4389
|
TranslateByKeyPipe,
|
|
4345
4390
|
NgVarDirective,
|
|
4346
4391
|
TrmSelectLabelTemplateDirective], exports: [TerminalLayoutTplComponent,
|
|
@@ -4348,7 +4393,6 @@ class SharedModule {
|
|
|
4348
4393
|
ConstructorStatusComponent,
|
|
4349
4394
|
TrmSelectComponent,
|
|
4350
4395
|
ScrollbarSelectHeightDirective,
|
|
4351
|
-
SanitizerPipe,
|
|
4352
4396
|
TranslateByKeyPipe,
|
|
4353
4397
|
NgVarDirective,
|
|
4354
4398
|
TrmSelectLabelTemplateDirective] }); }
|
|
@@ -5408,61 +5452,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
|
5408
5452
|
args: [NgxMaskDirective]
|
|
5409
5453
|
}] } });
|
|
5410
5454
|
|
|
5411
|
-
class TrmCurrencyPipe {
|
|
5412
|
-
constructor() {
|
|
5413
|
-
this.currency$ = inject(CurrencyPipe);
|
|
5414
|
-
}
|
|
5415
|
-
transform(value, code) {
|
|
5416
|
-
const symbol = getCurrencySymbol(code, 'narrow', 'en');
|
|
5417
|
-
const symbolWide = getCurrencySymbol(code, 'wide', 'en');
|
|
5418
|
-
const thousandSeparator = ' ';
|
|
5419
|
-
const separator = '.';
|
|
5420
|
-
const format = '1.2-8';
|
|
5421
|
-
const amount = this.currency$
|
|
5422
|
-
.transform(value, code, 'symbol-narrow', format, 'en')
|
|
5423
|
-
.replace(/,/g, thousandSeparator)
|
|
5424
|
-
.replace(symbol, '')
|
|
5425
|
-
.trim();
|
|
5426
|
-
const resultSymbol = symbol === '$' ? symbolWide : symbol;
|
|
5427
|
-
const [int, fract] = amount.split('.');
|
|
5428
|
-
return '<span class="trm-amount">' +
|
|
5429
|
-
'<span class="trm-amount__value">' +
|
|
5430
|
-
`<span class="trm-amount__int">${int}</span>` +
|
|
5431
|
-
(fract ? `<span class="trm-amount__fract">${separator + fract}</span>` : '') +
|
|
5432
|
-
'</span>' +
|
|
5433
|
-
`<span class="trm-currency">${resultSymbol}</span>` +
|
|
5434
|
-
'</span>';
|
|
5435
|
-
}
|
|
5436
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TrmCurrencyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5437
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: TrmCurrencyPipe, isStandalone: true, name: "trm_currency" }); }
|
|
5438
|
-
}
|
|
5439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TrmCurrencyPipe, decorators: [{
|
|
5440
|
-
type: Pipe,
|
|
5441
|
-
args: [{
|
|
5442
|
-
name: 'trm_currency',
|
|
5443
|
-
pure: true,
|
|
5444
|
-
standalone: true
|
|
5445
|
-
}]
|
|
5446
|
-
}], ctorParameters: () => [] });
|
|
5447
|
-
|
|
5448
|
-
class HtmlSanitizerPipe {
|
|
5449
|
-
constructor() {
|
|
5450
|
-
this._sanitizer = inject(DomSanitizer);
|
|
5451
|
-
}
|
|
5452
|
-
transform(value) {
|
|
5453
|
-
return this._sanitizer.sanitize(SecurityContext.HTML, value);
|
|
5454
|
-
}
|
|
5455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HtmlSanitizerPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5456
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: HtmlSanitizerPipe, isStandalone: true, name: "sanitizeHtml" }); }
|
|
5457
|
-
}
|
|
5458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HtmlSanitizerPipe, decorators: [{
|
|
5459
|
-
type: Pipe,
|
|
5460
|
-
args: [{
|
|
5461
|
-
name: 'sanitizeHtml',
|
|
5462
|
-
standalone: true
|
|
5463
|
-
}]
|
|
5464
|
-
}], ctorParameters: () => [] });
|
|
5465
|
-
|
|
5466
5455
|
class MethodAmountHintComponent {
|
|
5467
5456
|
constructor() {
|
|
5468
5457
|
this.mainTpl = inject(TerminalTplComponent);
|
|
@@ -5473,13 +5462,13 @@ class MethodAmountHintComponent {
|
|
|
5473
5462
|
return this.mainTpl.feeTpl;
|
|
5474
5463
|
}
|
|
5475
5464
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MethodAmountHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5476
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: MethodAmountHintComponent, isStandalone: true, selector: "app-method-amount-hint", inputs: { loading: "loading", options: "options" }, host: { properties: { "hidden": "!loading && (!options || (!options.fee && !options.fixedFee && !options.minFixedFee && !options.min && !options.max))" } }, providers: [CurrencyPipe], ngImport: i0, template: "<div class=\"c-method-hint\" @insertRemove>\n @if (loading) {\n <span class=\"trm-spinner\" @insertRemove></span>\n }\n @if (options.fee || options.fixedFee) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\n @if (options.fee) {\n <span class=\"trm-amount\">\n <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\n </span>\n }\n @if (options.fixedFee && options.fee) {\n <span> + </span>\n }\n @if (options.fixedFee) {\n <
|
|
5465
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: MethodAmountHintComponent, isStandalone: true, selector: "app-method-amount-hint", inputs: { loading: "loading", options: "options" }, host: { properties: { "hidden": "!loading && (!options || (!options.fee && !options.fixedFee && !options.minFixedFee && !options.min && !options.max))" } }, providers: [CurrencyPipe], ngImport: i0, template: "<div class=\"c-method-hint\" @insertRemove>\n @if (loading) {\n <span class=\"trm-spinner\" @insertRemove></span>\n }\n @if (options.fee || options.fixedFee) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\n @if (options.fee) {\n <span class=\"trm-amount\">\n <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\n </span>\n }\n @if (options.fixedFee && options.fee) {\n <span> + </span>\n }\n @if (options.fixedFee) {\n <trm-amount [value]=\"options.fixedFee\" [code]=\"options.currency\"></trm-amount>\n }\n @if (options.minFixedFee) {\n ({{ I18N_KEY.CONSTRUCTOR_LABEL_MIN_FIXED_FEE | trans }}<trm-amount [value]=\"options.minFixedFee\" [code]=\"options.currency\"></trm-amount>)\n }\n </div>\n }\n @if (options.min) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_MIN_AMOUNT | trans) }}\n <trm-amount [value]=\"options.min\" [code]=\"options.currency\"></trm-amount>\n </div>\n }\n @if (options.max) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_MAX_AMOUNT | trans) }}\n <trm-amount [value]=\"options.max\" [code]=\"options.currency\"></trm-amount>\n </div>\n }\n\n @if (feeTpl) {\n <div *ngTemplateOutlet=\"feeTpl; context: {options}\" @insertRemove></div>\n }\n</div>\n", styles: [":host{display:block;position:relative}.trm-spinner{position:absolute;right:10px}.c-method-hint{position:relative;font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350)}.c-method-hint:first-letter,.c-method-hint>div:first-letter{text-transform:uppercase}\n"], dependencies: [{ kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TrmAmountComponent, selector: "trm-amount", inputs: ["value", "code"] }], animations: [insertRemoveTrigger] }); }
|
|
5477
5466
|
}
|
|
5478
5467
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MethodAmountHintComponent, decorators: [{
|
|
5479
5468
|
type: Component,
|
|
5480
|
-
args: [{ selector: 'app-method-amount-hint', standalone: true, animations: [insertRemoveTrigger], providers: [CurrencyPipe], imports: [
|
|
5469
|
+
args: [{ selector: 'app-method-amount-hint', standalone: true, animations: [insertRemoveTrigger], providers: [CurrencyPipe], imports: [TranslateByKeyPipe, NgTemplateOutlet, TrmAmountComponent], host: {
|
|
5481
5470
|
'[hidden]': '!loading && (!options || (!options.fee && !options.fixedFee && !options.minFixedFee && !options.min && !options.max))'
|
|
5482
|
-
}, template: "<div class=\"c-method-hint\" @insertRemove>\n @if (loading) {\n <span class=\"trm-spinner\" @insertRemove></span>\n }\n @if (options.fee || options.fixedFee) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\n @if (options.fee) {\n <span class=\"trm-amount\">\n <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\n </span>\n }\n @if (options.fixedFee && options.fee) {\n <span> + </span>\n }\n @if (options.fixedFee) {\n <
|
|
5471
|
+
}, template: "<div class=\"c-method-hint\" @insertRemove>\n @if (loading) {\n <span class=\"trm-spinner\" @insertRemove></span>\n }\n @if (options.fee || options.fixedFee) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\n @if (options.fee) {\n <span class=\"trm-amount\">\n <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\n </span>\n }\n @if (options.fixedFee && options.fee) {\n <span> + </span>\n }\n @if (options.fixedFee) {\n <trm-amount [value]=\"options.fixedFee\" [code]=\"options.currency\"></trm-amount>\n }\n @if (options.minFixedFee) {\n ({{ I18N_KEY.CONSTRUCTOR_LABEL_MIN_FIXED_FEE | trans }}<trm-amount [value]=\"options.minFixedFee\" [code]=\"options.currency\"></trm-amount>)\n }\n </div>\n }\n @if (options.min) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_MIN_AMOUNT | trans) }}\n <trm-amount [value]=\"options.min\" [code]=\"options.currency\"></trm-amount>\n </div>\n }\n @if (options.max) {\n <div @insertRemove>\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_MAX_AMOUNT | trans) }}\n <trm-amount [value]=\"options.max\" [code]=\"options.currency\"></trm-amount>\n </div>\n }\n\n @if (feeTpl) {\n <div *ngTemplateOutlet=\"feeTpl; context: {options}\" @insertRemove></div>\n }\n</div>\n", styles: [":host{display:block;position:relative}.trm-spinner{position:absolute;right:10px}.c-method-hint{position:relative;font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350)}.c-method-hint:first-letter,.c-method-hint>div:first-letter{text-transform:uppercase}\n"] }]
|
|
5483
5472
|
}], propDecorators: { loading: [{
|
|
5484
5473
|
type: Input
|
|
5485
5474
|
}], options: [{
|
|
@@ -5559,11 +5548,11 @@ class ConstructorPreparationComponent {
|
|
|
5559
5548
|
this.I18N_KEY = I18N_KEY;
|
|
5560
5549
|
}
|
|
5561
5550
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ConstructorPreparationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5562
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: ConstructorPreparationComponent, isStandalone: true, selector: "app-constructor-preparation", inputs: { maskedWallet: "maskedWallet", wallet: "wallet", confirmationText: "confirmationText", methodName: "methodName", currency: "currency", amount: "amount", total: "total" }, providers: [CurrencyPipe], ngImport: i0, template: "<div class=\"confirmation\">\n <h5> {{ I18N_KEY.CONSTRUCTOR_PREPARATION_HEADER | trans }} </h5>\n <div class=\"confirmation__content\">\n <ul class=\"confirmation__list\">\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_PS | trans}} </div>\n <div class=\"confirmation__value\"> {{methodName | trans}} </div>\n </li>\n\n @if (maskedWallet || wallet) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_WALLET | trans}} </div>\n <div class=\"confirmation__value\"> {{ maskedWallet || wallet}} </div>\n </li>\n }\n\n @if (amount) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT | trans}} </div>\n <div class=\"confirmation__value\" [
|
|
5551
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: ConstructorPreparationComponent, isStandalone: true, selector: "app-constructor-preparation", inputs: { maskedWallet: "maskedWallet", wallet: "wallet", confirmationText: "confirmationText", methodName: "methodName", currency: "currency", amount: "amount", total: "total" }, providers: [CurrencyPipe], ngImport: i0, template: "<div class=\"confirmation\">\n <h5> {{ I18N_KEY.CONSTRUCTOR_PREPARATION_HEADER | trans }} </h5>\n <div class=\"confirmation__content\">\n <ul class=\"confirmation__list\">\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_PS | trans}} </div>\n <div class=\"confirmation__value\"> {{methodName | trans}} </div>\n </li>\n\n @if (maskedWallet || wallet) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_WALLET | trans}} </div>\n <div class=\"confirmation__value\"> {{ maskedWallet || wallet}} </div>\n </li>\n }\n\n @if (amount) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT | trans}} </div>\n <div class=\"confirmation__value\">\n <trm-amount [value]=\"amount\" [code]=\"currency\"></trm-amount>\n </div>\n </li>\n }\n\n @if (total) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT_FEE | trans}} </div>\n <div class=\"confirmation__value\">\n <trm-amount [value]=\"total\" [code]=\"currency\"></trm-amount>\n </div>\n </li>\n }\n </ul>\n @if (confirmationText) {\n <p\n class=\"confirmation__text\" [innerHTML]=\"confirmationText\"></p>\n }\n <ng-content selector=\"[app-constructor-preparation-error]\"></ng-content>\n </div>\n</div>\n", styles: [".confirmation{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.confirmation__content{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}.confirmation__text{font-weight:600;font-size:15px;line-height:22px;color:var(--color-base-350);margin:0}.confirmation__list{list-style:none;margin:0;padding:0}.confirmation__list__item{border-radius:10px;padding:15px 20px;display:flex;justify-content:space-between}.confirmation__list__item:nth-child(odd){background:#f5f5f5}.confirmation__header{font-weight:400;font-size:15px;line-height:20px;color:var(--color-base-350)}.confirmation__value{font-weight:500;font-size:15px;line-height:20px;color:#000}\n"], dependencies: [{ kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: TrmAmountComponent, selector: "trm-amount", inputs: ["value", "code"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5563
5552
|
}
|
|
5564
5553
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ConstructorPreparationComponent, decorators: [{
|
|
5565
5554
|
type: Component,
|
|
5566
|
-
args: [{ selector: 'app-constructor-preparation', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [CurrencyPipe], imports: [
|
|
5555
|
+
args: [{ selector: 'app-constructor-preparation', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [CurrencyPipe], imports: [TranslateByKeyPipe, TrmAmountComponent], template: "<div class=\"confirmation\">\n <h5> {{ I18N_KEY.CONSTRUCTOR_PREPARATION_HEADER | trans }} </h5>\n <div class=\"confirmation__content\">\n <ul class=\"confirmation__list\">\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_PS | trans}} </div>\n <div class=\"confirmation__value\"> {{methodName | trans}} </div>\n </li>\n\n @if (maskedWallet || wallet) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_WALLET | trans}} </div>\n <div class=\"confirmation__value\"> {{ maskedWallet || wallet}} </div>\n </li>\n }\n\n @if (amount) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT | trans}} </div>\n <div class=\"confirmation__value\">\n <trm-amount [value]=\"amount\" [code]=\"currency\"></trm-amount>\n </div>\n </li>\n }\n\n @if (total) {\n <li class=\"confirmation__list__item\">\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT_FEE | trans}} </div>\n <div class=\"confirmation__value\">\n <trm-amount [value]=\"total\" [code]=\"currency\"></trm-amount>\n </div>\n </li>\n }\n </ul>\n @if (confirmationText) {\n <p\n class=\"confirmation__text\" [innerHTML]=\"confirmationText\"></p>\n }\n <ng-content selector=\"[app-constructor-preparation-error]\"></ng-content>\n </div>\n</div>\n", styles: [".confirmation{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.confirmation__content{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}.confirmation__text{font-weight:600;font-size:15px;line-height:22px;color:var(--color-base-350);margin:0}.confirmation__list{list-style:none;margin:0;padding:0}.confirmation__list__item{border-radius:10px;padding:15px 20px;display:flex;justify-content:space-between}.confirmation__list__item:nth-child(odd){background:#f5f5f5}.confirmation__header{font-weight:400;font-size:15px;line-height:20px;color:var(--color-base-350)}.confirmation__value{font-weight:500;font-size:15px;line-height:20px;color:#000}\n"] }]
|
|
5567
5556
|
}], propDecorators: { maskedWallet: [{
|
|
5568
5557
|
type: Input
|
|
5569
5558
|
}], wallet: [{
|
|
@@ -6592,5 +6581,5 @@ const moment = momentjs;
|
|
|
6592
6581
|
* Generated bundle index. Do not edit.
|
|
6593
6582
|
*/
|
|
6594
6583
|
|
|
6595
|
-
export { APP_READY_TOKEN, ApiErrors, ApiErrorsService, CHECKIN_SERVICE_TOKEN, CONFIGURATION_TOKEN, CSRFResolver, CSRF_COOKIE_NAME, CardSdkService, CheckinDatasource, CheckinModeToken, CheckinModule, CheckinPageComponent, CollectionType, ConstructorFieldDateComponent, ConstructorFieldIframeComponent, ConstructorFieldSelectComponent, ConstructorFieldTextComponent, ConstructorFormComponent, ConstructorFormService, ConstructorPreparationComponent, ConstructorStatusComponent, CountriesSortPipe, CountryTranslatePipe, DEFAULT_COUNTRY_LOCALHOST_KEY, DEFAULT_CURRENCY_LOCALHOST_KEY, DEFAULT_LANG, DEFAULT_METHOD_LOCALHOST_KEY, ENVIRONMENT, ErrorComponent, ErrorInterceptorService, FIELD_TEMPLATE, FORMAT_DATE, FeeTemplateDirective, FocusHandler,
|
|
6584
|
+
export { APP_READY_TOKEN, ApiErrors, ApiErrorsService, CHECKIN_SERVICE_TOKEN, CONFIGURATION_TOKEN, CSRFResolver, CSRF_COOKIE_NAME, CardSdkService, CheckinDatasource, CheckinModeToken, CheckinModule, CheckinPageComponent, CollectionType, ConstructorFieldDateComponent, ConstructorFieldIframeComponent, ConstructorFieldSelectComponent, ConstructorFieldTextComponent, ConstructorFormComponent, ConstructorFormService, ConstructorPreparationComponent, ConstructorStatusComponent, CountriesSortPipe, CountryTranslatePipe, DEFAULT_COUNTRY_LOCALHOST_KEY, DEFAULT_CURRENCY_LOCALHOST_KEY, DEFAULT_LANG, DEFAULT_METHOD_LOCALHOST_KEY, ENVIRONMENT, ErrorComponent, ErrorInterceptorService, FIELD_TEMPLATE, FORMAT_DATE, FeeTemplateDirective, FocusHandler, I18N_COUNTRIES, I18N_KEY, INITIAL_PHONE_MASK, IframeValidatorDirectiveDirective, InputMaskCorrector, InvoiceStatus, LANGUAGE, LOCAL_LANG_KEY, MASKS, MaskResolver, MaskService, MethodAmountHintComponent, MethodTitlePipe, Mode, NgVarContext, NgVarDirective, OTHER_COUNTRY_CODE, PHONE_MASKS, PHONE_MASK_PATTERNS, PaymentFieldTypeEnum, PsSelectComponent, SanitizerPipe, ScriptLoader, ScrollbarSelectHeightDirective, SessionDataSource, SessionToken, SharedModule, TERMINAL_METHOD_CONFIGURATION_FACTORY, TERMINAL_SDK_FACTORY, TERMINAL_SERVICE_TOKEN, TERMINAL_VERSION_SERVICE_TOKEN, TabIndexFocusDirective, TerminalLangSwitcherComponent, TerminalLayoutComponent, TerminalLayoutTplComponent, TerminalModule, TerminalStep, TerminalTplComponent, TranslateByKeyPipe, TranslateLangStorageService, TrmAmountComponent, TrmSelectComponent, TrmSelectLabelTemplateDirective, VersionServiceBase, getI18Key, hideInitLoader, i18nMap, insertRemoveTrigger, isObject, isObjectTheSame, loadI18NData, moment, provideTerminal, removeEmptyProps, removeSpecSymbols, warningConsole };
|
|
6596
6585
|
//# sourceMappingURL=trm-tmpl.mjs.map
|