trm-tmpl 4.0.1 → 5.0.0-beta.1
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/CHANGELOG.md +32 -0
- package/fesm2022/trm-tmpl.mjs +144 -144
- package/fesm2022/trm-tmpl.mjs.map +1 -1
- package/package.json +2 -2
package/fesm2022/trm-tmpl.mjs
CHANGED
|
@@ -397,10 +397,10 @@ class ApiErrorsService {
|
|
|
397
397
|
getLocalError() {
|
|
398
398
|
return this._localError;
|
|
399
399
|
}
|
|
400
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
401
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
400
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ApiErrorsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
401
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ApiErrorsService }); }
|
|
402
402
|
}
|
|
403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ApiErrorsService, decorators: [{
|
|
404
404
|
type: Injectable
|
|
405
405
|
}], ctorParameters: () => [] });
|
|
406
406
|
|
|
@@ -470,10 +470,10 @@ class LocalStorage {
|
|
|
470
470
|
this._defaultLang = value;
|
|
471
471
|
this.setItem(LOCAL_LANG_KEY, value);
|
|
472
472
|
}
|
|
473
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
474
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
473
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalStorage, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
474
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalStorage, providedIn: 'root' }); }
|
|
475
475
|
}
|
|
476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalStorage, decorators: [{
|
|
477
477
|
type: Injectable,
|
|
478
478
|
args: [{ providedIn: 'root' }]
|
|
479
479
|
}], ctorParameters: () => [] });
|
|
@@ -539,10 +539,10 @@ class CSRFResolver {
|
|
|
539
539
|
}
|
|
540
540
|
return false;
|
|
541
541
|
}
|
|
542
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
543
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
542
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSRFResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
543
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSRFResolver }); }
|
|
544
544
|
}
|
|
545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSRFResolver, decorators: [{
|
|
546
546
|
type: Injectable
|
|
547
547
|
}], ctorParameters: () => [] });
|
|
548
548
|
|
|
@@ -560,10 +560,10 @@ class ErrorInterceptorService {
|
|
|
560
560
|
return throwError(err);
|
|
561
561
|
}));
|
|
562
562
|
}
|
|
563
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
564
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
563
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ErrorInterceptorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
564
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ErrorInterceptorService }); }
|
|
565
565
|
}
|
|
566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ErrorInterceptorService, decorators: [{
|
|
567
567
|
type: Injectable
|
|
568
568
|
}], ctorParameters: () => [] });
|
|
569
569
|
|
|
@@ -682,10 +682,10 @@ class TranslateLangStorageService {
|
|
|
682
682
|
}
|
|
683
683
|
return this.translateSrv.use(candidateLang);
|
|
684
684
|
}
|
|
685
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
686
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
685
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TranslateLangStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
686
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TranslateLangStorageService }); }
|
|
687
687
|
}
|
|
688
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TranslateLangStorageService, decorators: [{
|
|
689
689
|
type: Injectable
|
|
690
690
|
}], ctorParameters: () => [] });
|
|
691
691
|
|
|
@@ -2065,10 +2065,10 @@ class MaskResolver {
|
|
|
2065
2065
|
mask = mask.replace(/[d\d]/g, 'D').replace(/\[D]/g, '9');
|
|
2066
2066
|
return mask;
|
|
2067
2067
|
}
|
|
2068
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2069
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
2068
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MaskResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2069
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MaskResolver }); }
|
|
2070
2070
|
}
|
|
2071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2071
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MaskResolver, decorators: [{
|
|
2072
2072
|
type: Injectable
|
|
2073
2073
|
}], ctorParameters: () => [] });
|
|
2074
2074
|
|
|
@@ -2147,10 +2147,10 @@ class FocusHandler {
|
|
|
2147
2147
|
constructor() {
|
|
2148
2148
|
FocusHandler.document = inject(DOCUMENT);
|
|
2149
2149
|
}
|
|
2150
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2151
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
2150
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FocusHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2151
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FocusHandler, providedIn: 'root' }); }
|
|
2152
2152
|
}
|
|
2153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FocusHandler, decorators: [{
|
|
2154
2154
|
type: Injectable,
|
|
2155
2155
|
args: [{
|
|
2156
2156
|
providedIn: 'root'
|
|
@@ -3651,10 +3651,10 @@ class SessionDataSource {
|
|
|
3651
3651
|
feeOptions(payment) {
|
|
3652
3652
|
return this.terminalApi.getFee(payment);
|
|
3653
3653
|
}
|
|
3654
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3655
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
3654
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SessionDataSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3655
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SessionDataSource }); }
|
|
3656
3656
|
}
|
|
3657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SessionDataSource, decorators: [{
|
|
3658
3658
|
type: Injectable
|
|
3659
3659
|
}] });
|
|
3660
3660
|
|
|
@@ -3667,8 +3667,8 @@ class ScriptLoader {
|
|
|
3667
3667
|
[
|
|
3668
3668
|
'cde_sdk',
|
|
3669
3669
|
this.environment.production ? {
|
|
3670
|
-
src: 'https://
|
|
3671
|
-
hash: 'sha384-
|
|
3670
|
+
src: 'https://sdk.cde.cloud/iframe/sdk-v1.0.4.js',
|
|
3671
|
+
hash: 'sha384-I0qNl4ogKez0CNyBsdmucHGgwLsiou3eq/bwdBq1bJumX22uFs9tQhIASrQFImmA'
|
|
3672
3672
|
} : {
|
|
3673
3673
|
src: 'https://app.cde-cloud.dev/iframe-sdk/sdk.js',
|
|
3674
3674
|
hash: ''
|
|
@@ -3719,18 +3719,18 @@ class ScriptLoader {
|
|
|
3719
3719
|
this.document.body.appendChild(script);
|
|
3720
3720
|
});
|
|
3721
3721
|
}
|
|
3722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3723
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
3722
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScriptLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3723
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScriptLoader }); }
|
|
3724
3724
|
}
|
|
3725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScriptLoader, decorators: [{
|
|
3726
3726
|
type: Injectable
|
|
3727
3727
|
}] });
|
|
3728
3728
|
|
|
3729
3729
|
loadI18NData();
|
|
3730
3730
|
class TerminalModule {
|
|
3731
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3732
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3733
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3731
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3732
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TerminalModule, imports: [i1.RouterModule] }); }
|
|
3733
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalModule, imports: [RouterModule.forChild([
|
|
3734
3734
|
{
|
|
3735
3735
|
path: '',
|
|
3736
3736
|
loadChildren: () => Promise.resolve().then(function () { return pages_module; })
|
|
@@ -3745,7 +3745,7 @@ class TerminalModule {
|
|
|
3745
3745
|
}
|
|
3746
3746
|
])] }); }
|
|
3747
3747
|
}
|
|
3748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3748
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalModule, decorators: [{
|
|
3749
3749
|
type: NgModule,
|
|
3750
3750
|
args: [{
|
|
3751
3751
|
imports: [
|
|
@@ -3786,10 +3786,10 @@ const provideTerminal = () => {
|
|
|
3786
3786
|
};
|
|
3787
3787
|
|
|
3788
3788
|
class FeeTemplateDirective {
|
|
3789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3790
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FeeTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3790
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: FeeTemplateDirective, isStandalone: true, selector: "[terminalFee]", ngImport: i0 }); }
|
|
3791
3791
|
}
|
|
3792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FeeTemplateDirective, decorators: [{
|
|
3793
3793
|
type: Directive,
|
|
3794
3794
|
args: [{
|
|
3795
3795
|
selector: '[terminalFee]',
|
|
@@ -3826,10 +3826,10 @@ class TerminalTplComponent {
|
|
|
3826
3826
|
this.unSubscriber.next();
|
|
3827
3827
|
this.unSubscriber.unsubscribe();
|
|
3828
3828
|
}
|
|
3829
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3830
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
3829
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalTplComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3830
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TerminalTplComponent, isStandalone: true, selector: "terminal", host: { listeners: { "document:keydown.arrowDown": "next($event,$event.currentTarget)", "document:keydown.arrowUp": "prev($event,$event.currentTarget)" }, classAttribute: "trm" }, queries: [{ propertyName: "feeTpl", first: true, predicate: FeeTemplateDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "@if (ready$ | async) {\r\n <div class=\"app__container\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
3831
3831
|
}
|
|
3832
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalTplComponent, decorators: [{
|
|
3833
3833
|
type: Component,
|
|
3834
3834
|
args: [{ selector: 'terminal', host: {
|
|
3835
3835
|
class: 'trm'
|
|
@@ -3849,10 +3849,10 @@ class TrmSelectLabelTemplateDirective {
|
|
|
3849
3849
|
constructor() {
|
|
3850
3850
|
this.tpl = inject(TemplateRef);
|
|
3851
3851
|
}
|
|
3852
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3853
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3852
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TrmSelectLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3853
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TrmSelectLabelTemplateDirective, isStandalone: true, selector: "[trmSelectLabelTemplate]", ngImport: i0 }); }
|
|
3854
3854
|
}
|
|
3855
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3855
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TrmSelectLabelTemplateDirective, decorators: [{
|
|
3856
3856
|
type: Directive,
|
|
3857
3857
|
args: [{
|
|
3858
3858
|
selector: '[trmSelectLabelTemplate]',
|
|
@@ -3885,10 +3885,10 @@ class ScrollbarSelectHeightDirective {
|
|
|
3885
3885
|
this.afterInitSub?.unsubscribe();
|
|
3886
3886
|
this.afterUpdateSub?.unsubscribe();
|
|
3887
3887
|
}
|
|
3888
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3889
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3888
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollbarSelectHeightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3889
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ScrollbarSelectHeightDirective, isStandalone: true, selector: "ng-scrollbar[appScrollbarSelectHeight]", ngImport: i0 }); }
|
|
3890
3890
|
}
|
|
3891
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3891
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollbarSelectHeightDirective, decorators: [{
|
|
3892
3892
|
type: Directive,
|
|
3893
3893
|
args: [{
|
|
3894
3894
|
selector: 'ng-scrollbar[appScrollbarSelectHeight]',
|
|
@@ -3929,10 +3929,10 @@ class TranslateByKeyPipe {
|
|
|
3929
3929
|
ngOnDestroy() {
|
|
3930
3930
|
this._dispose();
|
|
3931
3931
|
}
|
|
3932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3933
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
3932
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TranslateByKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
3933
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TranslateByKeyPipe, isStandalone: true, name: "trans", pure: false }); }
|
|
3934
3934
|
}
|
|
3935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TranslateByKeyPipe, decorators: [{
|
|
3936
3936
|
type: Pipe,
|
|
3937
3937
|
args: [{
|
|
3938
3938
|
name: 'trans',
|
|
@@ -4090,8 +4090,8 @@ class TrmSelectComponent {
|
|
|
4090
4090
|
this.unSubscriber.next();
|
|
4091
4091
|
this.unSubscriber.unsubscribe();
|
|
4092
4092
|
}
|
|
4093
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4094
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4093
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TrmSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4094
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TrmSelectComponent, isStandalone: true, selector: "app-trm-select", inputs: { label: "label", hasBorder: "hasBorder", data: "data", tabIndex: "tabIndex", name: "name", placeholder: "placeholder", searchable: "searchable", hasScrollbar: "hasScrollbar", nameId: "nameId", nameLabel: "nameLabel" }, outputs: { open: "open", search: "search" }, providers: [
|
|
4095
4095
|
{
|
|
4096
4096
|
provide: NG_VALUE_ACCESSOR,
|
|
4097
4097
|
useExisting: forwardRef(() => TrmSelectComponent),
|
|
@@ -4099,7 +4099,7 @@ class TrmSelectComponent {
|
|
|
4099
4099
|
}
|
|
4100
4100
|
], queries: [{ propertyName: "labelTeplate", first: true, predicate: TrmSelectLabelTemplateDirective, descendants: true }], ngImport: i0, template: "@if (label) {\r\n <label class=\"trm-label\"\r\n [for]=\"name\"\r\n (click)=\"toggle()\"\r\n > {{ label }} </label>\r\n}\r\n<div class=\"trm-select\"\r\n [class.trm-select--noBordered]=\"!hasBorder\"\r\n [class.trm-select--opened]=\"opened\"\r\n [class.trm-select--disabled]=\"disabled\"\r\n [tabindex]=\"tabIndex\"\r\n (blur)=\"onBlur()\"\r\n [id]=\"name\"\r\n (keydown.enter)=\"toggle()\"\r\n>\r\n @if (labelTpl) {\r\n <div class=\"trm-select-value\"\r\n (click)=\"toggle()\">\r\n @if (selected && selectedItem) {\r\n <ng-container *ngTemplateOutlet=\"labelTpl; context: {item: selectedItem}\"></ng-container>\r\n }\r\n @if (!selected) {\r\n <span class=\"trm-select-placeholder\">{{ placeholder }}</span>\r\n }\r\n <span class=\"trm-select-value__arrow\"\r\n [ngClass]=\"{'trm-select-value__arrow-top': opened}\"></span>\r\n @if (data === false) {\r\n <div class=\"trm-spinner\"></div>\r\n }\r\n </div>\r\n @if (opened && hasScrollbar) {\r\n <ul class=\"trm-select-list\" @insertRemove>\r\n <ng-scrollbar appearance=\"compact\" class=\"trm-select-list-scrollbar\" appScrollbarSelectHeight>\r\n <ng-container *ngTemplateOutlet=\"listTpl\"></ng-container>\r\n </ng-scrollbar>\r\n </ul>\r\n }\r\n @if (opened && !hasScrollbar) {\r\n <ul class=\"trm-select-list\" @insertRemove>\r\n <ng-container *ngTemplateOutlet=\"listTpl\"></ng-container>\r\n </ul>\r\n }\r\n <ng-template #listTpl>\r\n @if (searchable) {\r\n <li class=\"trm-select-list__item trm-select-list__search\">\r\n <input class=\"trm-form-field\"\r\n [placeholder]=\"I18N_KEY.SELECT_SEARCH | trans\"\r\n [tabindex]=\"tabIndex\"\r\n (keydown.enter)=\"$event.stopPropagation(); $event.preventDefault();\"\r\n [formControl]=\"searchControl\">\r\n </li>\r\n }\r\n @if (searchable && searchControl.value && list.length === 0) {\r\n <li class=\"trm-select-list__item trm-select-list__search trm-select-list__search-text\"\r\n >\r\n {{ I18N_KEY.SELECT_EMPTY_LIST | trans }}\r\n </li>\r\n }\r\n @for (item of list; track getItemValue(item)) {\r\n <li class=\"trm-select-list__item\"\r\n (click)=\"select(item)\"\r\n (keydown.enter)=\"$event.stopPropagation(); select(item)\"\r\n [tabindex]=\"tabIndex\"\r\n (blur)=\"onBlur()\">\r\n @if (item) {\r\n <ng-container *ngTemplateOutlet=\"labelTpl; context: {item}\"></ng-container>\r\n }\r\n </li>\r\n }\r\n </ng-template>\r\n } @else {\r\n <div class=\"trm-select-value\"\r\n (click)=\"toggle()\"\r\n (keydown.enter)=\"toggle()\">\r\n {{ selectedLabel }}\r\n @if (!selected) {\r\n <span class=\"trm-select-placeholder\">{{ placeholder }}</span>\r\n }\r\n <span class=\"trm-select-value__arrow\"\r\n [ngClass]=\"{'trm-select-value__arrow-top': opened}\"></span>\r\n @if (data === false) {\r\n <div class=\"trm-spinner\"></div>\r\n }\r\n </div>\r\n @if (opened) {\r\n <ul class=\"trm-select-list\" @insertRemove>\r\n <ng-scrollbar class=\"gm-select-list-scrollbar\" appScrollbarSelectHeight>\r\n @if (searchable) {\r\n <li class=\"trm-select-list__item trm-select-list__search\">\r\n <input class=\"trm-form-field\"\r\n [placeholder]=\"I18N_KEY.SELECT_SEARCH | trans\"\r\n [tabindex]=\"tabIndex\"\r\n (keydown.enter)=\"$event.stopPropagation();\"\r\n [formControl]=\"searchControl\">\r\n </li>\r\n }\r\n @if (searchable && searchControl.value && list.length === 0) {\r\n <li class=\"trm-select-list__item trm-select-list__search trm-select-list__search-text\"\r\n >\r\n {{ I18N_KEY.SELECT_EMPTY_LIST | trans }}\r\n </li>\r\n }\r\n @for (item of list; track getItemValue(item)) {\r\n <li class=\"trm-select-list__item\"\r\n [tabindex]=\"tabIndex\"\r\n (click)=\"select(item)\"\r\n (keydown.enter)=\"$event.stopPropagation(); select(item)\"\r\n (blur)=\"onBlur()\">\r\n {{ getItemLabel(item) }}\r\n </li>\r\n }\r\n </ng-scrollbar>\r\n </ul>\r\n }\r\n }\r\n</div>\r\n<ng-content select=\"[app-trm-select-hint]\"></ng-content>\r\n", styles: [":host{display:block;--trm-select-border-color: var(--color-base-200);--trm-select-border-color--hover: var(--color-base-250);--trm-select-border-color--focus: var(--color-primary-500);--trm-select-arrow-color: var(--color-base-350);--trm-select-arrow-color--focus: var(--color-primary-500);--trm-select-border-color--disabled: var(--color-base-200);--trm-select-bg-color--disabled: var(--color-base-50)}:host.ng-invalid.ng-touched.ng-dirty{--trm-select-border-color: var(--color-red-500);--trm-select-border-color--hover: var(--color-red-500);--trm-select-border-color--focus: transparent;--trm-select-arrow-color: var(--color-base-350);--trm-select-arrow-color--focus: var(--color-base-350)}:host.constructor-field-inner .trm-select-value{min-height:44px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-color:var(--trm-select-border-color)!important}@media (min-width: 768px){:host.constructor-field-inner .trm-select-value{min-height:48px}}.trm-select{position:relative;background:var(--trm-select-bg-color, white)}.trm-select:hover .trm-select-value{border-color:var(--trm-select-border-color--hover)}.trm-select:focus,.trm-select:active,.trm-select.trm-select--opened{outline:none}.trm-select:focus .trm-select-value,.trm-select:active .trm-select-value,.trm-select.trm-select--opened .trm-select-value{box-shadow:0 0 0 2px var(--trm-select-border-color--focus);outline:none}.trm-select:focus .trm-select-value__arrow,.trm-select:active .trm-select-value__arrow,.trm-select.trm-select--opened .trm-select-value__arrow{background:var(--trm-select-arrow-color--focus)}.trm-select.trm-select--noBordered{background-color:transparent!important}.trm-select.trm-select--noBordered .trm-select-value{border-color:transparent!important;background-color:transparent!important;box-shadow:none!important;min-height:30px}.trm-select.trm-select--disabled{pointer-events:none}.trm-select.trm-select--disabled .trm-select-value{background:var(--trm-select-bg-color--disabled);outline:none;border:1px solid var(--trm-select-border-color--disabled)}.trm-select.trm-select--disabled .trm-select-value__arrow{display:none}.trm-select-placeholder{font-weight:500;font-size:14px;line-height:20px;color:var(--color-base-350)}@media (min-width: 768px){.trm-select-placeholder{font-weight:500;font-size:15px;line-height:22px;color:var(--color-base-350)}}.trm-select-value{display:flex;flex-direction:row;gap:10px;justify-content:flex-start;align-items:center;border:1px solid var(--trm-select-border-color);border-radius:var(--trm-select-border-radius, 10px);width:100%;box-sizing:border-box;cursor:pointer;position:relative;min-height:46px;padding:0 var(--trm-select-padding-right, 30px) 0 13px;font-weight:500;font-size:14px;line-height:20px;color:#000}@media (min-width: 768px){.trm-select-value{min-height:50px;padding:0 var(--trm-select-padding-right, 30px) 0 15px;font-weight:500;font-size:15px;line-height:22px;color:#000}}.trm-select-value__arrow{mask-repeat:no-repeat;mask-size:contain;background:var(--trm-select-arrow-color, black);display:inline-block;height:6px;width:10px;position:absolute;right:var(--trm-select-arrow-right, 15px);top:50%;transform:translateY(-50%);transition:transform ease-in-out .2s}.trm-select-value__arrow-top{transform:translateY(-50%) rotate(180deg)}.trm-select-list{position:absolute;inset:auto auto -10px 0;min-width:100%;margin:0;list-style:none;z-index:100;border:1px solid var(--color-base-150);background:#fff;box-shadow:0 4px 18px #0000000d;border-radius:10px;transform:translateY(100%);box-sizing:border-box;padding:6px;overflow:auto}.trm-select-list__item{box-sizing:border-box;width:100%;padding:9px 10px;border-radius:4px;font-weight:500;font-size:15px;line-height:22px;color:#000;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;align-items:center}.trm-select-list__item:hover:not(.trm-select-list__search),.trm-select-list__item:focus:not(.trm-select-list__search),.trm-select-list__item:active:not(.trm-select-list__search){cursor:pointer;background:var(--color-base-50);outline:none}.trm-select-list__item input.trm-form-field{--trm-input-border-color: var(--color-base-200);--trm-input-border-color--hover: var(--color-base-250);--trm-input-border-color--focus: var(--color-primary-500);--trm-input-border-color--disabled: var(--color-base-200);--trm-input-bg-color--disabled: var(--color-base-50);-webkit-appearance:none;border:1px solid var(--trm-input-border-color);border-radius:10px;width:100%;box-sizing:border-box;min-height:46px;padding:12px 20px;font-weight:500;font-size:14px;line-height:20px;color:#000}@media (min-width: 768px){.trm-select-list__item input.trm-form-field{min-height:50px;padding:13px 20px;font-weight:500;font-size:15px;line-height:22px;color:#000}}.trm-select-list__item input.trm-form-field:hover{border-color:var(--trm-input-border-color--hover)}.trm-select-list__item input.trm-form-field:focus,.trm-select-list__item input.trm-form-field:active{box-shadow:0 0 0 2px var(--trm-input-border-color--focus);outline:none}.trm-select-list__item.trm-select-list__search-text{justify-content:center;opacity:.8;padding:20px}.trm-select-list-scrollbar{--scrollbar-padding: 0px}.trm-select .trm-spinner{margin-left:auto}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ScrollbarSelectHeightDirective, selector: "ng-scrollbar[appScrollbarSelectHeight]" }, { kind: "component", type: NgScrollbar, selector: "ng-scrollbar:not([externalViewport])", exportAs: ["ngScrollbar"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }], animations: [insertRemoveTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4101
4101
|
}
|
|
4102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TrmSelectComponent, decorators: [{
|
|
4103
4103
|
type: Component,
|
|
4104
4104
|
args: [{ selector: 'app-trm-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4105
4105
|
{
|
|
@@ -4168,10 +4168,10 @@ class TerminalLangSwitcherComponent {
|
|
|
4168
4168
|
this.unSubscriber.next();
|
|
4169
4169
|
this.unSubscriber.unsubscribe();
|
|
4170
4170
|
}
|
|
4171
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4172
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4171
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalLangSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4172
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TerminalLangSwitcherComponent, isStandalone: true, selector: "app-terminal-lang-switcher", inputs: { loading: "loading", tabIndex: "tabIndex" }, outputs: { langChange: "langChange" }, ngImport: i0, template: "@if (!loading) {\r\n <app-trm-select class=\"lang-switcher\"\r\n [hasBorder]=\"false\"\r\n [searchable]=\"false\"\r\n [hasScrollbar]=\"false\"\r\n [data]=\"langs\"\r\n [ngModel]=\"lang\"\r\n [tabIndex]=\"tabIndex\"\r\n (ngModelChange)=\"changeLang($event)\"\r\n >\r\n <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n <span class=\"fi\" [ngClass]=\"'fi-' + translation_keys[item].code\"></span>\r\n <span> {{translation_keys[item].name | translate}}</span>\r\n </ng-template>\r\n </app-trm-select>\r\n} @else {\r\n <gm-skeleton [count]=\"1\" [size]=\"30\"></gm-skeleton>\r\n}\r\n", styles: [":host{display:block}@media (min-width: 768px){:host{min-width:108px}}.lang-switcher{--trm-select-padding-right: 20px;--trm-select-arrow-right: 0;width:100%}.fi{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;background-origin:border-box;flex-shrink:0;height:15px}.fi~span{display:none}@media (min-width: 768px){.fi~span{display:inline}}.trm-skeleton{min-width:70px}.trm-skeleton .loader,.trm-skeleton .skeleton-loader{height:30px}\n"], dependencies: [{ kind: "component", type: TrmSelectComponent, selector: "app-trm-select", inputs: ["label", "hasBorder", "data", "tabIndex", "name", "placeholder", "searchable", "hasScrollbar", "nameId", "nameLabel"], outputs: ["open", "search"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TrmSelectLabelTemplateDirective, selector: "[trmSelectLabelTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4173
4173
|
}
|
|
4174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalLangSwitcherComponent, decorators: [{
|
|
4175
4175
|
type: Component,
|
|
4176
4176
|
args: [{ selector: 'app-terminal-lang-switcher', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TrmSelectComponent, FormsModule, TrmSelectLabelTemplateDirective, NgClass, TranslateModule, GmSkeletonComponent], template: "@if (!loading) {\r\n <app-trm-select class=\"lang-switcher\"\r\n [hasBorder]=\"false\"\r\n [searchable]=\"false\"\r\n [hasScrollbar]=\"false\"\r\n [data]=\"langs\"\r\n [ngModel]=\"lang\"\r\n [tabIndex]=\"tabIndex\"\r\n (ngModelChange)=\"changeLang($event)\"\r\n >\r\n <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n <span class=\"fi\" [ngClass]=\"'fi-' + translation_keys[item].code\"></span>\r\n <span> {{translation_keys[item].name | translate}}</span>\r\n </ng-template>\r\n </app-trm-select>\r\n} @else {\r\n <gm-skeleton [count]=\"1\" [size]=\"30\"></gm-skeleton>\r\n}\r\n", styles: [":host{display:block}@media (min-width: 768px){:host{min-width:108px}}.lang-switcher{--trm-select-padding-right: 20px;--trm-select-arrow-right: 0;width:100%}.fi{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;background-origin:border-box;flex-shrink:0;height:15px}.fi~span{display:none}@media (min-width: 768px){.fi~span{display:inline}}.trm-skeleton{min-width:70px}.trm-skeleton .loader,.trm-skeleton .skeleton-loader{height:30px}\n"] }]
|
|
4177
4177
|
}], ctorParameters: () => [], propDecorators: { loading: [{
|
|
@@ -4209,10 +4209,10 @@ class TerminalLayoutTplComponent {
|
|
|
4209
4209
|
this.unSubscriber.next();
|
|
4210
4210
|
this.unSubscriber.unsubscribe();
|
|
4211
4211
|
}
|
|
4212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4213
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4212
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalLayoutTplComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4213
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TerminalLayoutTplComponent, isStandalone: true, selector: "app-terminal-layout-tpl", inputs: { projectName: "projectName", description: "description", loading: "loading" }, ngImport: i0, template: "<ng-scrollbar appearance=\"compact\">\r\n <div class=\"terminal-layout\">\r\n <section class=\"terminal\">\r\n <div class=\"terminal__content\">\r\n <header class=\"terminal__header\">\r\n <i class=\"terminal__header-logo\"\r\n [class]=\"logoClass\"></i>\r\n <div class=\"terminal__header-lang\">\r\n @if (hasChoice) {\r\n <app-terminal-lang-switcher\r\n [loading]=\"loading\"\r\n [tabIndex]=\"1\"></app-terminal-lang-switcher>\r\n }\r\n </div>\r\n </header>\r\n <div class=\"terminal__form\">\r\n <ng-content selector=\"[terminal-layout-status]\"></ng-content>\r\n <ng-content selector=\"[terminal-layout-form]\"></ng-content>\r\n @if (loading) {\r\n <div class=\"trm-skeleton-group\">\r\n <gm-skeleton [count]=\"1\" [size]=\"120\"></gm-skeleton>\r\n <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </section>\r\n <footer class=\"terminal-footer\">\r\n <i class=\"terminal-footer__logo\"></i>\r\n <p class=\"terminal-footer__txt\">\r\n {{footerText}}\r\n </p>\r\n </footer>\r\n </div>\r\n</ng-scrollbar>\r\n", styles: [":host{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.terminal{box-sizing:border-box;width:100%;max-width:528px;min-width:320px;padding:0 10px}.terminal-layout{min-height:100vh;padding:42px 0;display:flex;flex-direction:column;gap:42px;justify-content:flex-start;align-items:center}.terminal-footer{flex:auto 1 0;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;align-items:center}.terminal-footer__txt{font-weight:400;font-size:14px;line-height:18px;color:var(--color-base-350);margin:0}.terminal__content{box-sizing:border-box;margin:auto;padding:20px;width:100%;background:#fff;border-radius:16px;min-height:300px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}@media (min-width: 768px){.terminal__content{padding:32px}}.terminal__header{display:flex;flex-direction:row;gap:0;justify-content:flex-start;align-items:center}@media (min-width: 768px){.terminal__header-logo{width:143px;height:30px}}.terminal__header-lang{margin-left:auto}.terminal__form{display:flex;flex-direction:column;gap:24px;justify-content:flex-start;align-items:stretch;width:100%;margin:auto}.terminal__status{margin-top:8px}.terminal .trm-skeleton-group{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.terminal .trm-skeleton-group__form{gap:20px}.terminal .trm-skeleton-group__form .loader,.terminal .trm-skeleton-group__form .skeleton-loader{height:80px}.terminal .trm-skeleton-group__header .loader,.terminal .trm-skeleton-group__header .skeleton-loader{height:120px}.terminal .trm-skeleton-group__actions{gap:10px}.terminal .trm-skeleton-group__actions .loader,.terminal .trm-skeleton-group__actions .skeleton-loader{height:48px}\n"], dependencies: [{ kind: "component", type: NgScrollbar, selector: "ng-scrollbar:not([externalViewport])", exportAs: ["ngScrollbar"] }, { kind: "component", type: TerminalLangSwitcherComponent, selector: "app-terminal-lang-switcher", inputs: ["loading", "tabIndex"], outputs: ["langChange"] }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }] }); }
|
|
4214
4214
|
}
|
|
4215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalLayoutTplComponent, decorators: [{
|
|
4216
4216
|
type: Component,
|
|
4217
4217
|
args: [{ selector: 'app-terminal-layout-tpl', imports: [NgScrollbar, TerminalLangSwitcherComponent, GmSkeletonComponent], template: "<ng-scrollbar appearance=\"compact\">\r\n <div class=\"terminal-layout\">\r\n <section class=\"terminal\">\r\n <div class=\"terminal__content\">\r\n <header class=\"terminal__header\">\r\n <i class=\"terminal__header-logo\"\r\n [class]=\"logoClass\"></i>\r\n <div class=\"terminal__header-lang\">\r\n @if (hasChoice) {\r\n <app-terminal-lang-switcher\r\n [loading]=\"loading\"\r\n [tabIndex]=\"1\"></app-terminal-lang-switcher>\r\n }\r\n </div>\r\n </header>\r\n <div class=\"terminal__form\">\r\n <ng-content selector=\"[terminal-layout-status]\"></ng-content>\r\n <ng-content selector=\"[terminal-layout-form]\"></ng-content>\r\n @if (loading) {\r\n <div class=\"trm-skeleton-group\">\r\n <gm-skeleton [count]=\"1\" [size]=\"120\"></gm-skeleton>\r\n <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </section>\r\n <footer class=\"terminal-footer\">\r\n <i class=\"terminal-footer__logo\"></i>\r\n <p class=\"terminal-footer__txt\">\r\n {{footerText}}\r\n </p>\r\n </footer>\r\n </div>\r\n</ng-scrollbar>\r\n", styles: [":host{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.terminal{box-sizing:border-box;width:100%;max-width:528px;min-width:320px;padding:0 10px}.terminal-layout{min-height:100vh;padding:42px 0;display:flex;flex-direction:column;gap:42px;justify-content:flex-start;align-items:center}.terminal-footer{flex:auto 1 0;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;align-items:center}.terminal-footer__txt{font-weight:400;font-size:14px;line-height:18px;color:var(--color-base-350);margin:0}.terminal__content{box-sizing:border-box;margin:auto;padding:20px;width:100%;background:#fff;border-radius:16px;min-height:300px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}@media (min-width: 768px){.terminal__content{padding:32px}}.terminal__header{display:flex;flex-direction:row;gap:0;justify-content:flex-start;align-items:center}@media (min-width: 768px){.terminal__header-logo{width:143px;height:30px}}.terminal__header-lang{margin-left:auto}.terminal__form{display:flex;flex-direction:column;gap:24px;justify-content:flex-start;align-items:stretch;width:100%;margin:auto}.terminal__status{margin-top:8px}.terminal .trm-skeleton-group{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.terminal .trm-skeleton-group__form{gap:20px}.terminal .trm-skeleton-group__form .loader,.terminal .trm-skeleton-group__form .skeleton-loader{height:80px}.terminal .trm-skeleton-group__header .loader,.terminal .trm-skeleton-group__header .skeleton-loader{height:120px}.terminal .trm-skeleton-group__actions{gap:10px}.terminal .trm-skeleton-group__actions .loader,.terminal .trm-skeleton-group__actions .skeleton-loader{height:48px}\n"] }]
|
|
4218
4218
|
}], ctorParameters: () => [], propDecorators: { projectName: [{
|
|
@@ -4230,10 +4230,10 @@ class SanitizerPipe {
|
|
|
4230
4230
|
transform(value, context) {
|
|
4231
4231
|
return this._sanitizer.sanitize(context, value);
|
|
4232
4232
|
}
|
|
4233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4234
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
4233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SanitizerPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4234
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SanitizerPipe, isStandalone: true, name: "sanitize" }); }
|
|
4235
4235
|
}
|
|
4236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SanitizerPipe, decorators: [{
|
|
4237
4237
|
type: Pipe,
|
|
4238
4238
|
args: [{
|
|
4239
4239
|
name: 'sanitize',
|
|
@@ -4254,10 +4254,10 @@ class ConstructorStatusComponent {
|
|
|
4254
4254
|
get supportEmail() {
|
|
4255
4255
|
return this.versionSrv.supportEmail;
|
|
4256
4256
|
}
|
|
4257
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4258
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4258
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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\">\r\n <div class=\"c-status__content\"\r\n [class.c-status--failed]=\"failed\"\r\n [class.c-status--progress]=\"inProgress\"\r\n [class.c-status--live]=\"animation\"\r\n >\r\n <i class=\"c-status__img\"></i>\r\n <h5 class=\"c-status__title\">\r\n @if (inProgress) {\r\n {{ progressTitle || (I18N_KEY.PROGRESS_TITLE | trans) }}\r\n } @else {\r\n @if (failed) {\r\n {{ failTitle || (I18N_KEY.TERMINAL_SESSION_BREAK | trans) }}\r\n }\r\n @if (!failed) {\r\n {{ successTitle || (I18N_KEY.TERMINAL_SESSION_SUCCESS | trans) }}\r\n }\r\n }\r\n </h5>\r\n <div class=\"c-status__msg\" [innerHTML]=\"message\"> {{ message }}</div>\r\n @if (hasSupportHint) {\r\n <div class=\"c-status__hint\">\r\n {{ I18N_KEY.TERMINAL_SESSION_SUPPORT | trans }}:\r\n @if (supportEmail) {\r\n <a [href]=\"'mailto:' + supportEmail\"> {{ supportEmail }} </a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (!!backUrl) {\r\n <div class=\"c-status__actions\">\r\n <a class=\"trm-button trm-button--primary\"\r\n [tabindex]=\"tabIndex\"\r\n [href]=\"backUrl | sanitize: SecurityContext.URL\"> {{ backUrlTitle || (I18N_KEY.CONSTRUCTOR_LABEL_RETURN_TO_SHOP | trans) }}</a>\r\n <div class=\"c-status__hint c-status__hint-button\">\r\n <ng-content constructor-status-button-hint></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\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 }); }
|
|
4259
4259
|
}
|
|
4260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorStatusComponent, decorators: [{
|
|
4261
4261
|
type: Component,
|
|
4262
4262
|
args: [{ selector: 'app-constructor-status', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SanitizerPipe, TranslateByKeyPipe], template: "<div class=\"c-status\">\r\n <div class=\"c-status__content\"\r\n [class.c-status--failed]=\"failed\"\r\n [class.c-status--progress]=\"inProgress\"\r\n [class.c-status--live]=\"animation\"\r\n >\r\n <i class=\"c-status__img\"></i>\r\n <h5 class=\"c-status__title\">\r\n @if (inProgress) {\r\n {{ progressTitle || (I18N_KEY.PROGRESS_TITLE | trans) }}\r\n } @else {\r\n @if (failed) {\r\n {{ failTitle || (I18N_KEY.TERMINAL_SESSION_BREAK | trans) }}\r\n }\r\n @if (!failed) {\r\n {{ successTitle || (I18N_KEY.TERMINAL_SESSION_SUCCESS | trans) }}\r\n }\r\n }\r\n </h5>\r\n <div class=\"c-status__msg\" [innerHTML]=\"message\"> {{ message }}</div>\r\n @if (hasSupportHint) {\r\n <div class=\"c-status__hint\">\r\n {{ I18N_KEY.TERMINAL_SESSION_SUPPORT | trans }}:\r\n @if (supportEmail) {\r\n <a [href]=\"'mailto:' + supportEmail\"> {{ supportEmail }} </a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (!!backUrl) {\r\n <div class=\"c-status__actions\">\r\n <a class=\"trm-button trm-button--primary\"\r\n [tabindex]=\"tabIndex\"\r\n [href]=\"backUrl | sanitize: SecurityContext.URL\"> {{ backUrlTitle || (I18N_KEY.CONSTRUCTOR_LABEL_RETURN_TO_SHOP | trans) }}</a>\r\n <div class=\"c-status__hint c-status__hint-button\">\r\n <ng-content constructor-status-button-hint></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\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"] }]
|
|
4263
4263
|
}], propDecorators: { failed: [{
|
|
@@ -4297,10 +4297,10 @@ class NgVarDirective {
|
|
|
4297
4297
|
this._viewRef = this._viewContainer.createEmbeddedView(this._templateRef, this._context);
|
|
4298
4298
|
}
|
|
4299
4299
|
}
|
|
4300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4301
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NgVarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4301
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: NgVarDirective, isStandalone: true, selector: "[ngVar]", inputs: { ngVar: "ngVar" }, ngImport: i0 }); }
|
|
4302
4302
|
}
|
|
4303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NgVarDirective, decorators: [{
|
|
4304
4304
|
type: Directive,
|
|
4305
4305
|
args: [{
|
|
4306
4306
|
selector: '[ngVar]',
|
|
@@ -4351,12 +4351,12 @@ class TrmAmountComponent {
|
|
|
4351
4351
|
return { int, fract };
|
|
4352
4352
|
});
|
|
4353
4353
|
}
|
|
4354
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4355
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4354
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TrmAmountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4355
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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: [
|
|
4356
4356
|
CurrencyPipe
|
|
4357
4357
|
], ngImport: i0, template: "<span class=\"trm-amount\">\r\n <span class=\"trm-amount__value\">\r\n <span class=\"trm-amount__int\">{{ amountSplitted().int }}</span>\r\n @if (amountSplitted().fract) {\r\n <span class=\"trm-amount__fract\">{{ separator }}{{ amountSplitted().fract }}</span>\r\n }\r\n </span>\r\n <span class=\"trm-currency\">{{ resultSymbol() }}</span>\r\n</span>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4358
4358
|
}
|
|
4359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4359
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TrmAmountComponent, decorators: [{
|
|
4360
4360
|
type: Component,
|
|
4361
4361
|
args: [{ selector: 'trm-amount', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4362
4362
|
CurrencyPipe
|
|
@@ -4374,8 +4374,8 @@ const components = [
|
|
|
4374
4374
|
TrmSelectLabelTemplateDirective
|
|
4375
4375
|
];
|
|
4376
4376
|
class SharedModule {
|
|
4377
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4378
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4377
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4378
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SharedModule, imports: [CommonModule,
|
|
4379
4379
|
NgScrollbar,
|
|
4380
4380
|
TranslateModule,
|
|
4381
4381
|
FormsModule,
|
|
@@ -4394,7 +4394,7 @@ class SharedModule {
|
|
|
4394
4394
|
TranslateByKeyPipe,
|
|
4395
4395
|
NgVarDirective,
|
|
4396
4396
|
TrmSelectLabelTemplateDirective] }); }
|
|
4397
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4397
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SharedModule, providers: [
|
|
4398
4398
|
TranslatePipe
|
|
4399
4399
|
], imports: [CommonModule,
|
|
4400
4400
|
NgScrollbar,
|
|
@@ -4404,7 +4404,7 @@ class SharedModule {
|
|
|
4404
4404
|
TerminalLangSwitcherComponent,
|
|
4405
4405
|
TrmSelectComponent] }); }
|
|
4406
4406
|
}
|
|
4407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SharedModule, decorators: [{
|
|
4408
4408
|
type: NgModule,
|
|
4409
4409
|
args: [{
|
|
4410
4410
|
exports: components,
|
|
@@ -4728,10 +4728,10 @@ class ConstructorFormService extends FormGroup {
|
|
|
4728
4728
|
this.cancelRequestsSubscriber.next();
|
|
4729
4729
|
this.cancelRequestsSubscriber.unsubscribe();
|
|
4730
4730
|
}
|
|
4731
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4732
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
4731
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4732
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFormService }); }
|
|
4733
4733
|
}
|
|
4734
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4734
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFormService, decorators: [{
|
|
4735
4735
|
type: Injectable
|
|
4736
4736
|
}], ctorParameters: () => [] });
|
|
4737
4737
|
|
|
@@ -4743,10 +4743,10 @@ class CountryTranslatePipe {
|
|
|
4743
4743
|
transform(code, lang = this.translateSrv.currentLang) {
|
|
4744
4744
|
return this.i18n_countries[lang][code] || code;
|
|
4745
4745
|
}
|
|
4746
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4747
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
4746
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CountryTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4747
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: CountryTranslatePipe, isStandalone: true, name: "country_translate" }); }
|
|
4748
4748
|
}
|
|
4749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CountryTranslatePipe, decorators: [{
|
|
4750
4750
|
type: Pipe,
|
|
4751
4751
|
args: [{
|
|
4752
4752
|
name: 'country_translate',
|
|
@@ -4772,10 +4772,10 @@ class CountriesSortPipe {
|
|
|
4772
4772
|
return c1Translation > c2Translation ? 1 : (c1Translation === c2Translation ? 0 : -1);
|
|
4773
4773
|
});
|
|
4774
4774
|
}
|
|
4775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4776
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
4775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CountriesSortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4776
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: CountriesSortPipe, isStandalone: true, name: "countries_sort" }); }
|
|
4777
4777
|
}
|
|
4778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CountriesSortPipe, decorators: [{
|
|
4779
4779
|
type: Pipe,
|
|
4780
4780
|
args: [{
|
|
4781
4781
|
name: 'countries_sort',
|
|
@@ -4812,10 +4812,10 @@ class CardSdkService {
|
|
|
4812
4812
|
createCardTerminalSdk$(lang, id, tabindex) {
|
|
4813
4813
|
return this._ready$.pipe(map(() => (this._sdk = this.sessionSrv.createCardTerminalSdk(lang, id, tabindex))));
|
|
4814
4814
|
}
|
|
4815
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4816
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
4815
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CardSdkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4816
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CardSdkService }); }
|
|
4817
4817
|
}
|
|
4818
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CardSdkService, decorators: [{
|
|
4819
4819
|
type: Injectable
|
|
4820
4820
|
}] });
|
|
4821
4821
|
|
|
@@ -4877,8 +4877,8 @@ class IframeValidatorDirectiveDirective {
|
|
|
4877
4877
|
}
|
|
4878
4878
|
return of(null);
|
|
4879
4879
|
}
|
|
4880
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4881
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4880
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: IframeValidatorDirectiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4881
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: IframeValidatorDirectiveDirective, isStandalone: true, selector: "[appIframeValidatorDirective]", providers: [
|
|
4882
4882
|
{
|
|
4883
4883
|
provide: NG_ASYNC_VALIDATORS,
|
|
4884
4884
|
useExisting: forwardRef(() => IframeValidatorDirectiveDirective),
|
|
@@ -4886,7 +4886,7 @@ class IframeValidatorDirectiveDirective {
|
|
|
4886
4886
|
},
|
|
4887
4887
|
], ngImport: i0 }); }
|
|
4888
4888
|
}
|
|
4889
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: IframeValidatorDirectiveDirective, decorators: [{
|
|
4890
4890
|
type: Directive,
|
|
4891
4891
|
args: [{
|
|
4892
4892
|
selector: '[appIframeValidatorDirective]',
|
|
@@ -4984,8 +4984,8 @@ class ConstructorFieldIframeComponent {
|
|
|
4984
4984
|
},
|
|
4985
4985
|
});
|
|
4986
4986
|
}
|
|
4987
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4988
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4987
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldIframeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4988
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ConstructorFieldIframeComponent, isStandalone: true, selector: "app-constructor-field-iframe", inputs: { tabIndex: "tabIndex" }, providers: [
|
|
4989
4989
|
{
|
|
4990
4990
|
provide: NG_VALUE_ACCESSOR,
|
|
4991
4991
|
useExisting: forwardRef(() => ConstructorFieldIframeComponent),
|
|
@@ -4994,7 +4994,7 @@ class ConstructorFieldIframeComponent {
|
|
|
4994
4994
|
CardSdkService,
|
|
4995
4995
|
], hostDirectives: [{ directive: IframeValidatorDirectiveDirective }], ngImport: i0, template: "@if (!status) {\r\n <div\r\n class=\"iframe-container\"\r\n [id]=\"ID_CDE_CONTAINER\"\r\n [class.iframe-container--ready]=\"viewReady\"\r\n ></div>\r\n} @else if (!loading) {\r\n <p class=\"iframe-warning text--warn\">{{ status | trans }}</p>\r\n}\r\n\r\n@if (loading) {\r\n <div class=\"trm-skeleton-fields\">\r\n @for (i of [1,2]; track i) {\r\n <div class=\"trm-skeleton-field\">\r\n <gm-skeleton [count]=\"1\" [shape]=\"'rect-md'\" [size]=\"18\"></gm-skeleton>\r\n <gm-skeleton [count]=\"1\" [size]=\"50\"></gm-skeleton>\r\n </div>\r\n }\r\n </div>\r\n}\r\n", styles: [":host{position:relative}.iframe-container{position:absolute;width:100%;visibility:hidden}.iframe-container--ready{position:relative;visibility:visible}.iframe-warning{font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350);margin-top:8px}\n"], dependencies: [{ kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }], animations: [insertRemoveTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4996
4996
|
}
|
|
4997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldIframeComponent, decorators: [{
|
|
4998
4998
|
type: Component,
|
|
4999
4999
|
args: [{ selector: 'app-constructor-field-iframe', changeDetection: ChangeDetectionStrategy.OnPush, animations: [insertRemoveTrigger], providers: [
|
|
5000
5000
|
{
|
|
@@ -5019,10 +5019,10 @@ class MethodTitlePipe {
|
|
|
5019
5019
|
transform(name) {
|
|
5020
5020
|
return this.sessionDS.getConfiguration(name)?.title;
|
|
5021
5021
|
}
|
|
5022
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5023
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
5022
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MethodTitlePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5023
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: MethodTitlePipe, isStandalone: true, name: "method_title" }); }
|
|
5024
5024
|
}
|
|
5025
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5025
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MethodTitlePipe, decorators: [{
|
|
5026
5026
|
type: Pipe,
|
|
5027
5027
|
args: [{
|
|
5028
5028
|
name: 'method_title',
|
|
@@ -5035,10 +5035,10 @@ class TabIndexFocusDirective {
|
|
|
5035
5035
|
focus(target) {
|
|
5036
5036
|
Array.from(target.classList).some(cl => /--disabled$/.test(cl)) && FocusHandler.next();
|
|
5037
5037
|
}
|
|
5038
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5039
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
5038
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabIndexFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5039
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TabIndexFocusDirective, isStandalone: true, selector: "[tabindex]", host: { listeners: { "focus": "focus($event.target)" } }, ngImport: i0 }); }
|
|
5040
5040
|
}
|
|
5041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabIndexFocusDirective, decorators: [{
|
|
5042
5042
|
type: Directive,
|
|
5043
5043
|
args: [{
|
|
5044
5044
|
selector: '[tabindex]',
|
|
@@ -5131,8 +5131,8 @@ class PsSelectComponent {
|
|
|
5131
5131
|
this.searchString = value;
|
|
5132
5132
|
this.cd.markForCheck();
|
|
5133
5133
|
}
|
|
5134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5135
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PsSelectComponent, isStandalone: true, selector: "app-ps-select", inputs: { methods: "methods", tabIndex: "tabIndex" }, providers: [
|
|
5136
5136
|
{
|
|
5137
5137
|
provide: NG_VALUE_ACCESSOR,
|
|
5138
5138
|
useExisting: forwardRef(() => PsSelectComponent),
|
|
@@ -5142,7 +5142,7 @@ class PsSelectComponent {
|
|
|
5142
5142
|
TranslatePipe
|
|
5143
5143
|
], ngImport: i0, template: "<label class=\"trm-label\">\r\n {{I18N_KEY.CONSTRUCTOR_LABEL_PS | trans}}\r\n</label>\r\n<ul class=\"methods\">\r\n @for (method of popularMethods; track method.id) {\r\n <li class=\"method\"\r\n [class.method--selected]=\"selectedType === method.id\"\r\n [tabindex]=\"tabIndex\"\r\n (keydown.enter)=\"$event.stopPropagation(); selectMethod(method.id)\"\r\n (blur)=\"onTouch()\"\r\n (click)=\"selectMethod(method.id)\"\r\n >\r\n <span class=\"method__icon\"\r\n [ngClass]=\"'ps-icon-'+method.name\"\r\n ></span>\r\n <span class=\"method__name\" [title]=\"method.name | trans\" > {{method.name | method_title | trans}} </span>\r\n </li>\r\n }\r\n @if (searchString || otherMethods.length) {\r\n <li class=\"methods__other\">\r\n <app-trm-select [data]=\"otherMethods\"\r\n idLabel=\"method\"\r\n (search)=\"search($event)\"\r\n [tabIndex]=\"tabIndex\"\r\n (open)=\"onTouch()\"\r\n [formControl]=\"otherMethodControl\"\r\n [placeholder]=\"I18N_KEY.CONSTRUCTOR_PLACEHOLDER_PS | trans\"\r\n class=\"c-field-select trm-form-field\"\r\n >\r\n <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n <span class=\"method__icon\"\r\n [ngClass]=\"'ps-icon-'+item.name\"></span>\r\n <span class=\"method__name\"\r\n [title]=\"item.name | trans\" >{{item.name | method_title | trans}}</span>\r\n </ng-template>\r\n </app-trm-select>\r\n </li>\r\n }\r\n</ul>\r\n<ng-content select=\"[app-ps-select-hint]\"></ng-content>\r\n<ng-content select=\"[app-ps-select-error]\"></ng-content>\r\n\r\n", styles: [":host{display:block}.methods{display:flex;flex-direction:row;gap:10px;justify-content:flex-start;align-items:flex-start;list-style:none;flex-wrap:wrap;margin:0;padding:0}.methods .method{--method-color: var(--ps-select-color, var(--color-base-350));--method-border-color: var(--ps-select-border-color, var(--color-base-200));display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;flex:100%;max-width:calc(50% - 5px);padding:16px;border:1px solid var(--method-border-color);border-radius:10px;outline:0;align-self:stretch}.methods .method:hover,.methods .method:focus{--method-color: var(--ps-select-color--hover, var(--color-primary-500));--method-border-color: var(--ps-select-border-color--hover, var(--color-primary-500));cursor:pointer;box-shadow:0 0 15px -1px #a378ff26}.methods .method.method--selected{--method-color: var(--ps-select-color--active, var(--color-primary-500));--method-border-color: var(--ps-select-border-color--active, var(--color-primary-500));cursor:default;box-shadow:0 0 0 2px var(--method-border-color);outline:none}.methods .method__icon{background:transparent no-repeat 100% 100%;background-size:contain;width:24px;height:24px;flex-shrink:0}.methods .method__name{font-weight:600;font-size:14px;line-height:18px;color:var(--method-color);white-space:normal;overflow:hidden;max-width:100%;text-overflow:ellipsis;flex-shrink:0}.methods__other{box-sizing:border-box;flex:100%;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: TabIndexFocusDirective, selector: "[tabindex]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TrmSelectComponent, selector: "app-trm-select", inputs: ["label", "hasBorder", "data", "tabIndex", "name", "placeholder", "searchable", "hasScrollbar", "nameId", "nameLabel"], outputs: ["open", "search"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TrmSelectLabelTemplateDirective, selector: "[trmSelectLabelTemplate]" }, { kind: "pipe", type: MethodTitlePipe, name: "method_title" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5144
5144
|
}
|
|
5145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PsSelectComponent, decorators: [{
|
|
5146
5146
|
type: Component,
|
|
5147
5147
|
args: [{ selector: 'app-ps-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
5148
5148
|
{
|
|
@@ -5205,8 +5205,8 @@ class ConstructorFieldSelectComponent {
|
|
|
5205
5205
|
this.control = this.injector.get(NgControl).control;
|
|
5206
5206
|
this.cd.detectChanges();
|
|
5207
5207
|
}
|
|
5208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5208
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5209
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ConstructorFieldSelectComponent, isStandalone: true, selector: "app-constructor-field-select", inputs: { config: "config", items: "items", tabIndex: "tabIndex" }, providers: [
|
|
5210
5210
|
{
|
|
5211
5211
|
provide: NG_VALUE_ACCESSOR,
|
|
5212
5212
|
useExisting: forwardRef(() => ConstructorFieldSelectComponent),
|
|
@@ -5214,7 +5214,7 @@ class ConstructorFieldSelectComponent {
|
|
|
5214
5214
|
}
|
|
5215
5215
|
], ngImport: i0, template: "@if (control) {\r\n <app-trm-select [data]=\"data\"\r\n [placeholder]=\"config.placeholder | trans\"\r\n [label]=\"config.label | trans\"\r\n [name]=\"config.name\"\r\n (search)=\"search($event)\"\r\n (open)=\"onTouch()\"\r\n [formControl]=\"control\"\r\n [tabIndex]=\"tabIndex\"\r\n class=\"c-field-select trm-form-field\"\r\n ></app-trm-select>\r\n @if (control.hasError('required') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_REQUIRED | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('error') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ apiError | trans }}\r\n </div>\r\n }\r\n\r\n @if (control.hasError('custom_error') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ control.getError('custom_error') | trans }}\r\n </div>\r\n }\r\n\r\n}\r\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: TrmSelectComponent, selector: "app-trm-select", inputs: ["label", "hasBorder", "data", "tabIndex", "name", "placeholder", "searchable", "hasScrollbar", "nameId", "nameLabel"], outputs: ["open", "search"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }], animations: [insertRemoveTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5216
5216
|
}
|
|
5217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldSelectComponent, decorators: [{
|
|
5218
5218
|
type: Component,
|
|
5219
5219
|
args: [{ selector: 'app-constructor-field-select', changeDetection: ChangeDetectionStrategy.OnPush, animations: [insertRemoveTrigger], providers: [
|
|
5220
5220
|
{
|
|
@@ -5243,21 +5243,21 @@ class MaskService extends NgxMaskService {
|
|
|
5243
5243
|
this['_shift'].clear();
|
|
5244
5244
|
return super.applyMask(inputValue, maskExpression, position, justPasted, backspaced, cb);
|
|
5245
5245
|
}
|
|
5246
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5247
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
5246
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MaskService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5247
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MaskService }); }
|
|
5248
5248
|
}
|
|
5249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MaskService, decorators: [{
|
|
5250
5250
|
type: Injectable
|
|
5251
5251
|
}], ctorParameters: () => [] });
|
|
5252
5252
|
|
|
5253
5253
|
class InputMaskCorrector {
|
|
5254
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5255
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
5254
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: InputMaskCorrector, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5255
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: InputMaskCorrector, isStandalone: true, selector: "input[mask]", providers: [{
|
|
5256
5256
|
provide: NgxMaskService,
|
|
5257
5257
|
useClass: MaskService
|
|
5258
5258
|
}], ngImport: i0 }); }
|
|
5259
5259
|
}
|
|
5260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: InputMaskCorrector, decorators: [{
|
|
5261
5261
|
type: Directive,
|
|
5262
5262
|
args: [{
|
|
5263
5263
|
providers: [{
|
|
@@ -5419,8 +5419,8 @@ class ConstructorFieldTextComponent {
|
|
|
5419
5419
|
this.unsub.next();
|
|
5420
5420
|
this.unsub.unsubscribe();
|
|
5421
5421
|
}
|
|
5422
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5423
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5422
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5423
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ConstructorFieldTextComponent, isStandalone: true, selector: "app-constructor-field-text", inputs: { config: "config", matDatepicker: "matDatepicker", tabIndex: "tabIndex" }, outputs: { maskedValueChange: "maskedValueChange" }, providers: [
|
|
5424
5424
|
{
|
|
5425
5425
|
provide: NG_VALUE_ACCESSOR,
|
|
5426
5426
|
useExisting: forwardRef(() => ConstructorFieldTextComponent),
|
|
@@ -5428,7 +5428,7 @@ class ConstructorFieldTextComponent {
|
|
|
5428
5428
|
}
|
|
5429
5429
|
], viewQueries: [{ propertyName: "dir", first: true, predicate: NgxMaskDirective, descendants: true }], ngImport: i0, template: "@if (control) {\r\n <label class=\"trm-label\"\r\n [for]=\"config.name\"\r\n > {{ config.label | trans }} </label>\r\n <div class=\"input-wrapper trm-form-field-wrapper c-text\"\r\n [class.c-text--disabled]=\"disabled\"\r\n [class.c-text--uppercase]=\"config.uppercase\">\r\n @if (!matDatepicker) {\r\n <input\r\n class=\"trm-form-field trm-input\"\r\n [class.trm-form-field--disabled]=\"disabled\"\r\n [placeholder]=\"config.placeholder | trans\"\r\n (blur)=\"onTouch()\"\r\n [formControl]=\"control\"\r\n (input)=\"onInput($event)\"\r\n (paste)=\"onPaste($event)\"\r\n [type]=\"type\"\r\n [name]=\"name\"\r\n [id]=\"name\"\r\n [mask]=\"mask\"\r\n [attr.inputmode]=\"inputmode\"\r\n [patterns]=\"maskPatterns\"\r\n [allowNegativeNumbers]=\"false\"\r\n [thousandSeparator]=\"' '\"\r\n [decimalMarker]=\"'.'\"\r\n [validation]=\"config.maskValidation || false\"\r\n [specialCharacters]=\"specialCharacters\"\r\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\r\n [tabindex]=\"tabIndex\"\r\n />\r\n } @else {\r\n <input class=\"trm-form-field trm-input\"\r\n [matDatepicker]=\"matDatepicker\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"config.placeholder | trans\"\r\n (input)=\"onDateInput($event)\"\r\n [attr.inputmode]=\"inputmode\"\r\n (blur)=\"onTouch()\"\r\n [min]=\"config?.options?.min\"\r\n [max]=\"config?.options?.max\"\r\n [tabindex]=\"tabIndex\"\r\n type=\"text\"\r\n [name]=\"name\"\r\n [id]=\"name\"\r\n />\r\n }\r\n <ng-content select=\"[app-c-text-suffix]\"></ng-content>\r\n </div>\r\n @if (config.description) {\r\n <div class=\"c-text__hint\"\r\n [innerHTML]=\"config.description | trans\"></div>\r\n }\r\n <ng-content select=\"[app-c-text-hint]\"></ng-content>\r\n @if (control.hasError('required') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_REQUIRED | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('email') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_EMAIL | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('min') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_MIN | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('max') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_MAX | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('pattern') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_PATTERN | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('mask') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_PATTERN | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('matDatepickerParse') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ I18N_KEY.VALIDATION_PATTERN | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('matDatepickerMin') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ (I18N_KEY.VALIDATION_DATE_MIN | trans) + ' ' + control.getError('matDatepickerMin').min.format(FORMAT_DATE) }}\r\n </div>\r\n }\r\n @if (control.hasError('matDatepickerMax') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ (I18N_KEY.VALIDATION_DATE_MAX | trans) + ' ' + control.getError('matDatepickerMax').max.format(FORMAT_DATE) }}\r\n </div>\r\n }\r\n @if (control.hasError('error') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ apiError | trans }}\r\n </div>\r\n }\r\n @if (control.hasError('custom_error') && control.touched && control.dirty) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ control.getError('custom_error') | trans }}\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block}.c-text{position:relative}.c-text.c-text--disabled input.trm-form-field{border:1px solid var(--trm-input-border-color--disabled);background:var(--trm-input-bg-color--disabled);pointer-events:none}.c-text.c-text--uppercase input.trm-form-field{text-transform:uppercase}.c-text__hint{font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350)}.c-text~.c-text__hint{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: InputMaskCorrector, selector: "input[mask]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TabIndexFocusDirective, selector: "[tabindex]" }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }], animations: [insertRemoveTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5430
5430
|
}
|
|
5431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldTextComponent, decorators: [{
|
|
5432
5432
|
type: Component,
|
|
5433
5433
|
args: [{ selector: 'app-constructor-field-text', changeDetection: ChangeDetectionStrategy.OnPush, animations: [insertRemoveTrigger], providers: [
|
|
5434
5434
|
{
|
|
@@ -5459,10 +5459,10 @@ class MethodAmountHintComponent {
|
|
|
5459
5459
|
get feeTpl() {
|
|
5460
5460
|
return this.mainTpl.feeTpl;
|
|
5461
5461
|
}
|
|
5462
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5463
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5462
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MethodAmountHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5463
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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>\r\n @if (loading) {\r\n <span class=\"trm-spinner\" @insertRemove></span>\r\n }\r\n @if (options.fee || options.fixedFee) {\r\n <div @insertRemove>\r\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\r\n @if (options.fee) {\r\n <span class=\"trm-amount\">\r\n <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\r\n </span>\r\n }\r\n @if (options.fixedFee && options.fee) {\r\n <span> + </span>\r\n }\r\n @if (options.fixedFee) {\r\n <trm-amount [value]=\"options.fixedFee\" [code]=\"options.currency\"></trm-amount>\r\n }\r\n @if (options.minFixedFee) {\r\n ({{ I18N_KEY.CONSTRUCTOR_LABEL_MIN_FIXED_FEE | trans }}<trm-amount [value]=\"options.minFixedFee\" [code]=\"options.currency\"></trm-amount>)\r\n }\r\n </div>\r\n }\r\n @if (options.min) {\r\n <div @insertRemove>\r\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_MIN_AMOUNT | trans) }}\r\n <trm-amount [value]=\"options.min\" [code]=\"options.currency\"></trm-amount>\r\n </div>\r\n }\r\n @if (options.max) {\r\n <div @insertRemove>\r\n {{ (I18N_KEY.CONSTRUCTOR_LABEL_MAX_AMOUNT | trans) }}\r\n <trm-amount [value]=\"options.max\" [code]=\"options.currency\"></trm-amount>\r\n </div>\r\n }\r\n\r\n @if (feeTpl) {\r\n <div *ngTemplateOutlet=\"feeTpl; context: {options}\" @insertRemove></div>\r\n }\r\n</div>\r\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] }); }
|
|
5464
5464
|
}
|
|
5465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MethodAmountHintComponent, decorators: [{
|
|
5466
5466
|
type: Component,
|
|
5467
5467
|
args: [{ selector: 'app-method-amount-hint', animations: [insertRemoveTrigger], providers: [CurrencyPipe], imports: [TranslateByKeyPipe, NgTemplateOutlet, TrmAmountComponent], host: {
|
|
5468
5468
|
'[hidden]': '!loading && (!options || (!options.fee && !options.fixedFee && !options.minFixedFee && !options.min && !options.max))'
|
|
@@ -5516,8 +5516,8 @@ class ConstructorFieldDateComponent {
|
|
|
5516
5516
|
}
|
|
5517
5517
|
});
|
|
5518
5518
|
}
|
|
5519
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5520
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5519
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5520
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ConstructorFieldDateComponent, isStandalone: true, selector: "app-constructor-field-date", inputs: { config: "config", tabIndex: "tabIndex" }, providers: [
|
|
5521
5521
|
{
|
|
5522
5522
|
provide: NG_VALUE_ACCESSOR,
|
|
5523
5523
|
useExisting: forwardRef(() => ConstructorFieldDateComponent),
|
|
@@ -5525,7 +5525,7 @@ class ConstructorFieldDateComponent {
|
|
|
5525
5525
|
}
|
|
5526
5526
|
], ngImport: i0, template: "@if (control) {\r\n <app-constructor-field-text\r\n class=\"c-date__input\"\r\n [tabIndex]=\"tabIndex\"\r\n [config]=\"config\"\r\n [formControl]=\"control\"\r\n [matDatepicker]=\"picker\">\r\n <mat-datepicker-toggle [for]=\"picker\"\r\n app-c-text-suffix\r\n class=\"date__toggle\"\r\n [tabIndex]=\"tabIndex\"\r\n >\r\n <div class=\"date__toggleIcon\"\r\n matDatepickerToggleIcon\r\n app-c-text-suffix></div>\r\n </mat-datepicker-toggle>\r\n </app-constructor-field-text>\r\n\r\n <mat-datepicker #picker [tabIndex]=\"tabIndex\" [startAt]=\"startCalendarDate\"></mat-datepicker>\r\n}\r\n", styles: [":host{display:block}.date__toggle{position:absolute;top:50%;right:-20px;transform:translate(-50%,-50%);flex-shrink:0}.date__toggleIcon{display:block;mask-repeat:no-repeat;mask-size:contain}\n"], dependencies: [{ kind: "component", type: ConstructorFieldTextComponent, selector: "app-constructor-field-text", inputs: ["config", "matDatepicker", "tabIndex"], outputs: ["maskedValueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5527
5527
|
}
|
|
5528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5528
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFieldDateComponent, decorators: [{
|
|
5529
5529
|
type: Component,
|
|
5530
5530
|
args: [{ selector: 'app-constructor-field-date', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
5531
5531
|
{
|
|
@@ -5545,10 +5545,10 @@ class ConstructorPreparationComponent {
|
|
|
5545
5545
|
this.maskedWallet = null;
|
|
5546
5546
|
this.I18N_KEY = I18N_KEY;
|
|
5547
5547
|
}
|
|
5548
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5549
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5548
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorPreparationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5549
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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\">\r\n <h5> {{ I18N_KEY.CONSTRUCTOR_PREPARATION_HEADER | trans }} </h5>\r\n <div class=\"confirmation__content\">\r\n <ul class=\"confirmation__list\">\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_PS | trans}} </div>\r\n <div class=\"confirmation__value\"> {{methodName | trans}} </div>\r\n </li>\r\n\r\n @if (maskedWallet || wallet) {\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_WALLET | trans}} </div>\r\n <div class=\"confirmation__value\"> {{ maskedWallet || wallet}} </div>\r\n </li>\r\n }\r\n\r\n @if (amount) {\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT | trans}} </div>\r\n <div class=\"confirmation__value\">\r\n <trm-amount [value]=\"amount\" [code]=\"currency\"></trm-amount>\r\n </div>\r\n </li>\r\n }\r\n\r\n @if (total) {\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT_FEE | trans}} </div>\r\n <div class=\"confirmation__value\">\r\n <trm-amount [value]=\"total\" [code]=\"currency\"></trm-amount>\r\n </div>\r\n </li>\r\n }\r\n </ul>\r\n @if (confirmationText) {\r\n <p\r\n class=\"confirmation__text\" [innerHTML]=\"confirmationText\"></p>\r\n }\r\n <ng-content selector=\"[app-constructor-preparation-error]\"></ng-content>\r\n </div>\r\n</div>\r\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 }); }
|
|
5550
5550
|
}
|
|
5551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorPreparationComponent, decorators: [{
|
|
5552
5552
|
type: Component,
|
|
5553
5553
|
args: [{ selector: 'app-constructor-preparation', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CurrencyPipe], imports: [TranslateByKeyPipe, TrmAmountComponent], template: "<div class=\"confirmation\">\r\n <h5> {{ I18N_KEY.CONSTRUCTOR_PREPARATION_HEADER | trans }} </h5>\r\n <div class=\"confirmation__content\">\r\n <ul class=\"confirmation__list\">\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_PS | trans}} </div>\r\n <div class=\"confirmation__value\"> {{methodName | trans}} </div>\r\n </li>\r\n\r\n @if (maskedWallet || wallet) {\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_WALLET | trans}} </div>\r\n <div class=\"confirmation__value\"> {{ maskedWallet || wallet}} </div>\r\n </li>\r\n }\r\n\r\n @if (amount) {\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT | trans}} </div>\r\n <div class=\"confirmation__value\">\r\n <trm-amount [value]=\"amount\" [code]=\"currency\"></trm-amount>\r\n </div>\r\n </li>\r\n }\r\n\r\n @if (total) {\r\n <li class=\"confirmation__list__item\">\r\n <div class=\"confirmation__header\"> {{I18N_KEY.CONSTRUCTOR_LABEL_AMOUNT_FEE | trans}} </div>\r\n <div class=\"confirmation__value\">\r\n <trm-amount [value]=\"total\" [code]=\"currency\"></trm-amount>\r\n </div>\r\n </li>\r\n }\r\n </ul>\r\n @if (confirmationText) {\r\n <p\r\n class=\"confirmation__text\" [innerHTML]=\"confirmationText\"></p>\r\n }\r\n <ng-content selector=\"[app-constructor-preparation-error]\"></ng-content>\r\n </div>\r\n</div>\r\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"] }]
|
|
5554
5554
|
}], propDecorators: { maskedWallet: [{
|
|
@@ -5856,13 +5856,13 @@ class ConstructorFormComponent {
|
|
|
5856
5856
|
this.unSubscriber.next();
|
|
5857
5857
|
this.unSubscriber.unsubscribe();
|
|
5858
5858
|
}
|
|
5859
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5860
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5859
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5860
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ConstructorFormComponent, isStandalone: true, selector: "app-constructor-form", inputs: { step: "step", error: "error", response: "response", feeLoading: "feeLoading", feeOptions: "feeOptions", currency: "currency", userCurrency: "userCurrency", loading: "loading", types: "types", canReturnToProject: "canReturnToProject", tabIndex: "tabIndex" }, outputs: { amountChanged: "amountChanged", back: "back", prepare: "prepare", confirm: "confirm", onPaymentChanged: "onPaymentChanged" }, providers: [
|
|
5861
5861
|
ConstructorFormService,
|
|
5862
5862
|
CountryTranslatePipe, CountriesSortPipe
|
|
5863
5863
|
], viewQueries: [{ propertyName: "requisites", first: true, predicate: ["paymentRequisites"], descendants: true }, { propertyName: "hintMethod", first: true, predicate: ["hintMethod"], descendants: true }, { propertyName: "sdkList", predicate: CardSdkService, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form class=\"constructor\"\r\n [formGroup]=\"form\"\r\n (ngSubmit)=\"submit()\"\r\n >\r\n @if (loading !== null) {\r\n @if (step === TERMINAL_STEP.Prepare) {\r\n <div class=\"constructor__fields\">\r\n @if (countrySearchString || countriesList.length > 1) {\r\n <div class=\"constructor__field\">\r\n <app-trm-select [data]=\"countriesList\"\r\n @insertRemove\r\n name=\"country\"\r\n [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_COUNTRY | trans\"\r\n formControlName=\"country\"\r\n class=\"c-field-select trm-form-field\"\r\n (search)=\"searchCountry($event)\"\r\n [tabIndex]=\"tabIndex\"\r\n >\r\n <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n <span class=\"fi\"\r\n [ngClass]=\"'fi-' + item.toLowerCase()\"></span>\r\n <span class=\"method__name\">{{item | country_translate: lang}}</span>\r\n </ng-template>\r\n </app-trm-select>\r\n </div>\r\n }\r\n @if (form.country.value) {\r\n <app-ps-select [methods]=\"methodsList\"\r\n @insertRemove\r\n formControlName=\"method\"\r\n [tabIndex]=\"tabIndex\"\r\n >\r\n @if (form.config?.description) {\r\n <div class=\"constructor__hint text--warn\"\r\n app-ps-select-hint\r\n #hintMethod\r\n @insertRemove\r\n >\r\n {{description | trans }}\r\n </div>\r\n }\r\n </app-ps-select>\r\n\r\n @if (\r\n form.method?.hasError('required') &&\r\n form.method.touched &&\r\n form.method.dirty\r\n ) {\r\n <div class=\"gm-error\" @insertRemove>\r\n {{ I18N_KEY.VALIDATION_REQUIRED | trans }}\r\n </div>\r\n }\r\n }\r\n\r\n @if (form.ready) {\r\n <div formGroupName=\"payment\"\r\n @insertRemove\r\n #paymentRequisites\r\n class=\"constructor__fields constructor__fields--reverse\">\r\n @if (form.method.value && form.amountDynamic) {\r\n <ng-container *ngTemplateOutlet=\"currencyTpl; context: {label: I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans, tabIndex: 0}\"></ng-container>\r\n }\r\n @for (field of form.fields; track field.name; let i = $index) {\r\n @if (field.type === CONSTRUCTOR_FIELD_TYPES.Iframe) {\r\n @if (form.payment.get(field.name)?.hasError('cde_error')) {\r\n <div class=\"constructor__hint cde-error\" @insertRemove>\r\n {{\r\n form.payment.get(field.name).getError('cde_error')\r\n | trans\r\n }}\r\n </div>\r\n }\r\n <app-constructor-field-iframe\r\n [formControlName]=\"field.name\"\r\n @insertRemove\r\n [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n >\r\n </app-constructor-field-iframe>\r\n }\r\n @if (field.type === CONSTRUCTOR_FIELD_TYPES.Select) {\r\n <app-constructor-field-select\r\n @insertRemove\r\n [config]=\"field\"\r\n [items]=\"field?.options?.items\"\r\n [formControlName]=\"field.name\"\r\n [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n ></app-constructor-field-select>\r\n }\r\n @if ([CONSTRUCTOR_FIELD_TYPES.Text, CONSTRUCTOR_FIELD_TYPES.Number, CONSTRUCTOR_FIELD_TYPES.Email].includes(field.type)) {\r\n <app-constructor-field-text\r\n @insertRemove\r\n [config]=\"field\"\r\n [formControlName]=\"field.name\"\r\n (maskedValueChange)=\"changeTextFieldValue($event, field)\"\r\n [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-text>\r\n }\r\n @if (field.type === CONSTRUCTOR_FIELD_TYPES.Amount) {\r\n <app-constructor-field-text\r\n @insertRemove\r\n [config]=\"field\"\r\n [formControlName]=\"field.name\"\r\n [tabIndex]=\"form.fields.length - i + tabIndex\">\r\n <app-method-amount-hint app-c-text-hint\r\n class=\"constructor__hint\"\r\n [loading]=\"feeLoading\"\r\n [options]=\"feeOptions || field.options\"\r\n ></app-method-amount-hint>\r\n @if (!hasCurrencyMethodSelector) {\r\n <div app-c-text-suffix\r\n class=\"constructor__currency\"\r\n [class.constructor__currency--transparent]=\"form.isAmountEditable\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"currencyTpl; context: {tabIndex: form.fields.length - i + tabIndex}\"></ng-container>\r\n </div>\r\n }\r\n </app-constructor-field-text>\r\n @if (hasCurrencyMethodSelector) {\r\n <app-trm-select\r\n @insertRemove\r\n class=\"constructor-field\"\r\n [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans\"\r\n [formControl]=\"form.currency\"\r\n [searchable]=\"false\"\r\n [data]=\"currenciesList\"\r\n [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n >\r\n <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n <span class=\"trm-icon\" [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n [title]=\"item\"></span>\r\n {{item}}\r\n </ng-template>\r\n </app-trm-select>\r\n }\r\n }\r\n @if (field.type === CONSTRUCTOR_FIELD_TYPES.Date) {\r\n <app-constructor-field-date\r\n @insertRemove\r\n [config]=\"field\"\r\n [formControlName]=\"field.name\"\r\n [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-date>\r\n }\r\n }\r\n <ng-template #currencyTpl let-label=\"label\" let-tabIndex=\"tabIndex\">\r\n <app-trm-select\r\n class=\"constructor-field-inner\"\r\n @insertRemove\r\n [label]=\"label\"\r\n [formControl]=\"form.userCurrency\"\r\n [searchable]=\"false\"\r\n [data]=\"userCurrenciesList\"\r\n [tabIndex]=\"tabIndex\"\r\n >\r\n <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n <span class=\"trm-icon\"\r\n [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n [title]=\"item\"></span>\r\n {{item}}\r\n </ng-template>\r\n </app-trm-select>\r\n </ng-template>\r\n </div>\r\n } @else {\r\n <div class=\"trm-skeleton-fields\">\r\n @for (i of skeletonLength; track $index) {\r\n <div class=\"trm-skeleton-field\">\r\n <gm-skeleton [count]=\"1\" [shape]=\"'rect-md'\" [size]=\"18\"></gm-skeleton>\r\n <gm-skeleton [count]=\"1\" [size]=\"50\"></gm-skeleton>\r\n </div>\r\n }\r\n </div>\r\n }\r\n @if (error && !form.methodInfoLoading) {\r\n <div class=\"trm-error\"\r\n @insertRemove\r\n >\r\n {{ error | trans }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n @if (step === TERMINAL_STEP.Confirmation) {\r\n <app-constructor-preparation\r\n @insertRemove\r\n [currency]=\"response?.currency\"\r\n [methodName]=\"form.getTypeNameById(response.typeId)\"\r\n [wallet]=\"response.wallet\"\r\n [maskedWallet]=\"maskedWallet\"\r\n [amount]=\"response.amount\"\r\n [total]=\"response.total\"\r\n [confirmationText]=\"form.config?.confirmation\"\r\n >\r\n @if (error && !form.payment.pending) {\r\n <div class=\"trm-error\"\r\n app-constructor-preparation-error\r\n @insertRemove\r\n >\r\n {{ error | trans }}\r\n </div>\r\n }\r\n </app-constructor-preparation>\r\n }\r\n <div class=\"constructor__actions\"\r\n @insertRemove>\r\n <button class=\"trm-button trm-button--primary constructor__actions-continue\"\r\n type=\"submit\"\r\n [tabindex]=\"form.fields.length + tabIndex\">\r\n {{I18N_KEY.CONSTRUCTOR_LABEL_CONTINUE | trans}}\r\n @if (loading) {\r\n <span class=\"trm-spinner trm-spinner-white\"></span>\r\n }\r\n </button>\r\n <button class=\"trm-button trm-button--secondary constructor__actions-back\"\r\n type=\"button\"\r\n [tabindex]=\"form.fields.length + tabIndex\"\r\n (click)=\"back.emit()\"> {{ backBtnLabel | trans}}</button>\r\n </div>\r\n } @else {\r\n <div class=\"trm-skeleton-group\">\r\n <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n </div>\r\n }\r\n</form>\r\n", styles: [":host{display:block}.constructor{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.constructor__fields{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}.constructor__fields--reverse{flex-direction:column-reverse}.constructor__fields .fi{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;background-origin:border-box;flex-shrink:0;height:15px}.constructor__fields .fi-other{border-color:transparent}.constructor__currency{--trm-select-border-radius: 0 10px 10px 0;display:flex;align-items:center;position:absolute;bottom:1px;right:1px;flex-shrink:0;min-height:44px}@media (min-width: 768px){.constructor__currency{min-height:48px}}.constructor__currency .trm-divider{margin:5px 0;align-self:stretch}.constructor__currency--transparent{--trm-select-bg-color: transparent;--trm-select-bg-color--disabled: transparent;--trm-select-border-color: transparent;--trm-select-border-color--hover: transparent;--trm-select-border-color--focus: transparent}.constructor__actions{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.constructor__hint{font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350);margin-top:8px}.constructor__hint.cde-error{font-weight:500;font-size:14px;line-height:20px;color:var(--color-red-500)}.constructor .constructor__actions-continue{position:relative}.constructor .constructor__actions-continue .trm-spinner{position:absolute;right:15px}\n"], dependencies: [{ kind: "pipe", type: CountryTranslatePipe, name: "country_translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: TrmSelectComponent, selector: "app-trm-select", inputs: ["label", "hasBorder", "data", "tabIndex", "name", "placeholder", "searchable", "hasScrollbar", "nameId", "nameLabel"], outputs: ["open", "search"] }, { kind: "directive", type: TrmSelectLabelTemplateDirective, selector: "[trmSelectLabelTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PsSelectComponent, selector: "app-ps-select", inputs: ["methods", "tabIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConstructorFieldIframeComponent, selector: "app-constructor-field-iframe", inputs: ["tabIndex"] }, { kind: "component", type: ConstructorFieldSelectComponent, selector: "app-constructor-field-select", inputs: ["config", "items", "tabIndex"] }, { kind: "component", type: ConstructorFieldTextComponent, selector: "app-constructor-field-text", inputs: ["config", "matDatepicker", "tabIndex"], outputs: ["maskedValueChange"] }, { kind: "component", type: MethodAmountHintComponent, selector: "app-method-amount-hint", inputs: ["loading", "options"] }, { kind: "component", type: ConstructorFieldDateComponent, selector: "app-constructor-field-date", inputs: ["config", "tabIndex"] }, { kind: "component", type: ConstructorPreparationComponent, selector: "app-constructor-preparation", inputs: ["maskedWallet", "wallet", "confirmationText", "methodName", "currency", "amount", "total"] }, { kind: "directive", type: TabIndexFocusDirective, selector: "[tabindex]" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }], animations: [insertRemoveTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5864
5864
|
}
|
|
5865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConstructorFormComponent, decorators: [{
|
|
5866
5866
|
type: Component,
|
|
5867
5867
|
args: [{ selector: 'app-constructor-form', changeDetection: ChangeDetectionStrategy.OnPush, animations: [insertRemoveTrigger], providers: [
|
|
5868
5868
|
ConstructorFormService,
|
|
@@ -6116,13 +6116,13 @@ class TerminalLayoutComponent {
|
|
|
6116
6116
|
this.urlChangeListener();
|
|
6117
6117
|
}
|
|
6118
6118
|
}
|
|
6119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
6119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6120
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TerminalLayoutComponent, isStandalone: true, selector: "app-terminal-layout", providers: [
|
|
6121
6121
|
SessionDataSource,
|
|
6122
6122
|
CurrencyPipe
|
|
6123
6123
|
], viewQueries: [{ propertyName: "scrollComponent", first: true, predicate: ["scrollComponent"], descendants: true }], ngImport: i0, template: "<ng-scrollbar appearance=\"compact\">\r\n <div class=\"terminal-layout\">\r\n <section class=\"terminal\">\r\n <div class=\"terminal__content\">\r\n <header class=\"terminal__header\">\r\n <i class=\"terminal__header-logo\"\r\n [class]=\"logoClass\"></i>\r\n <div class=\"terminal__header-lang\">\r\n @if (hasChoice) {\r\n <app-terminal-lang-switcher (langChange)=\"changeLang()\"\r\n [tabIndex]=\"1\"></app-terminal-lang-switcher>\r\n }\r\n </div>\r\n </header>\r\n <div class=\"terminal__form\">\r\n @if (sessionDS.loading$ | async) {\r\n <div class=\"trm-skeleton-group\">\r\n <gm-skeleton [count]=\"1\" [size]=\"120\"></gm-skeleton>\r\n <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n </div>\r\n } @else {\r\n @if (projectName) {\r\n <div class=\"terminal__info\">\r\n <h5 class=\"terminal__info__name\"> {{ projectName }} </h5>\r\n @if (description) {\r\n <p class=\"terminal__info__desc\"> {{ description }} </p>\r\n }\r\n </div>\r\n }\r\n @if (step !== TERMINAL_STEP.Status && !hasStatusError) {\r\n <app-constructor-form\r\n [feeLoading]=\"feeLoading\"\r\n [feeOptions]=\"feeOptions\"\r\n [loading]=\"sessionLoading\"\r\n [step]=\"step\"\r\n [types]=\"types\"\r\n [currency]=\"currency\"\r\n [response]=\"data\"\r\n [error]=\"statusText\"\r\n (prepare)=\"prepare($event)\"\r\n (onPaymentChanged)=\"checkFatalError(); calculateFee($event)\"\r\n (back)=\"back()\"\r\n [canReturnToProject]=\"sessionDS.canReturnToProject\"\r\n (confirm)=\"confirm()\"\r\n [tabIndex]=\"2\"></app-constructor-form>\r\n } @else {\r\n <app-constructor-status class=\"terminal__status\"\r\n [failed]=\"hasStatusError\"\r\n [message]=\"statusText ? (statusText | trans) : ''\"\r\n [backUrl]=\"returnBackUrl\"\r\n ></app-constructor-status>\r\n }\r\n }\r\n\r\n </div>\r\n </div>\r\n </section>\r\n <footer class=\"terminal-footer\">\r\n <i class=\"terminal-footer__logo\"></i>\r\n <p class=\"terminal-footer__txt\">\r\n {{ footerText }}\r\n </p>\r\n </footer>\r\n </div>\r\n</ng-scrollbar>\r\n", styles: [":host{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.terminal{box-sizing:border-box;width:100%;max-width:528px;min-width:320px;padding:0 10px}.terminal-layout{min-height:100vh;padding:42px 0 84px;display:flex;flex-direction:column;gap:42px;justify-content:flex-start;align-items:center}.terminal-footer{flex:auto 1 0;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;align-items:center}.terminal-footer__txt{font-weight:400;font-size:14px;line-height:18px;color:var(--color-base-350);margin:0}.terminal__content{box-sizing:border-box;margin:auto;padding:20px;width:100%;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}@media (min-width: 768px){.terminal__content{padding:32px}}.terminal__header{display:flex;flex-direction:row;gap:0;justify-content:flex-start;align-items:center}.terminal__header-lang{margin-left:auto}.terminal__form{display:flex;flex-direction:column;gap:24px;justify-content:flex-start;align-items:stretch;width:100%}.terminal__info{background:#f5f5f5;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.terminal__info__name{margin:0;font-weight:500;font-size:16px;line-height:20px;color:#000}.terminal__info__desc{margin:0;font-weight:400;font-size:15px;line-height:22px;color:var(--color-base-350)}.terminal__status{margin-top:8px}.terminal .trm-skeleton-group{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.terminal .trm-skeleton-group__form{gap:20px}.terminal .trm-skeleton-group__form .loader,.terminal .trm-skeleton-group__form .skeleton-loader{height:80px}.terminal .trm-skeleton-group__header .loader,.terminal .trm-skeleton-group__header .skeleton-loader{height:120px}.terminal .trm-skeleton-group__actions{gap:10px}.terminal .trm-skeleton-group__actions .loader,.terminal .trm-skeleton-group__actions .skeleton-loader{height:48px}\n"], dependencies: [{ kind: "component", type: NgScrollbar, selector: "ng-scrollbar:not([externalViewport])", exportAs: ["ngScrollbar"] }, { kind: "component", type: TerminalLangSwitcherComponent, selector: "app-terminal-lang-switcher", inputs: ["loading", "tabIndex"], outputs: ["langChange"] }, { kind: "component", type: ConstructorFormComponent, selector: "app-constructor-form", inputs: ["step", "error", "response", "feeLoading", "feeOptions", "currency", "userCurrency", "loading", "types", "canReturnToProject", "tabIndex"], outputs: ["amountChanged", "back", "prepare", "confirm", "onPaymentChanged"] }, { kind: "component", type: ConstructorStatusComponent, selector: "app-constructor-status", inputs: ["failed", "inProgress", "animation", "message", "failTitle", "progressTitle", "successTitle", "tabIndex", "backUrl", "backUrlTitle", "hasSupportHint"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }] }); }
|
|
6124
6124
|
}
|
|
6125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TerminalLayoutComponent, decorators: [{
|
|
6126
6126
|
type: Component,
|
|
6127
6127
|
args: [{ selector: 'app-terminal-layout', providers: [
|
|
6128
6128
|
SessionDataSource,
|
|
@@ -6148,10 +6148,10 @@ class ErrorComponent {
|
|
|
6148
6148
|
constructor() {
|
|
6149
6149
|
this.I18N_KEY = I18N_KEY;
|
|
6150
6150
|
}
|
|
6151
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6152
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
6151
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6152
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ErrorComponent, isStandalone: true, selector: "app-error", ngImport: i0, template: "<app-terminal-layout-tpl [loading]=\"false\">\r\n <app-constructor-status terminal-layout-status\r\n [failed]=\"true\"\r\n [failTitle]=\"(I18N_KEY.ERROR_OCCUR | trans)\"\r\n [hasSupportHint]=\"false\"\r\n >\r\n </app-constructor-status>\r\n</app-terminal-layout-tpl>\r\n", styles: [""], dependencies: [{ kind: "component", type: TerminalLayoutTplComponent, selector: "app-terminal-layout-tpl", inputs: ["projectName", "description", "loading"] }, { kind: "component", type: ConstructorStatusComponent, selector: "app-constructor-status", inputs: ["failed", "inProgress", "animation", "message", "failTitle", "progressTitle", "successTitle", "tabIndex", "backUrl", "backUrlTitle", "hasSupportHint"] }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }] }); }
|
|
6153
6153
|
}
|
|
6154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
6155
6155
|
type: Component,
|
|
6156
6156
|
args: [{ selector: 'app-error', imports: [
|
|
6157
6157
|
TerminalLayoutTplComponent,
|
|
@@ -6166,8 +6166,8 @@ var error_component = /*#__PURE__*/Object.freeze({
|
|
|
6166
6166
|
});
|
|
6167
6167
|
|
|
6168
6168
|
class PagesModule {
|
|
6169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6170
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6170
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: PagesModule, imports: [FormsModule,
|
|
6171
6171
|
ReactiveFormsModule, i1.RouterModule, NgScrollbar,
|
|
6172
6172
|
TranslateModule,
|
|
6173
6173
|
CommonModule,
|
|
@@ -6187,7 +6187,7 @@ class PagesModule {
|
|
|
6187
6187
|
InputMaskCorrector,
|
|
6188
6188
|
TabIndexFocusDirective,
|
|
6189
6189
|
ConstructorFieldIframeComponent] }); }
|
|
6190
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6190
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagesModule, providers: [
|
|
6191
6191
|
provideNgxMask(),
|
|
6192
6192
|
NgxMaskPipe,
|
|
6193
6193
|
{
|
|
@@ -6240,7 +6240,7 @@ class PagesModule {
|
|
|
6240
6240
|
PsSelectComponent,
|
|
6241
6241
|
ConstructorFieldIframeComponent] }); }
|
|
6242
6242
|
}
|
|
6243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6243
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagesModule, decorators: [{
|
|
6244
6244
|
type: NgModule,
|
|
6245
6245
|
args: [{
|
|
6246
6246
|
imports: [
|
|
@@ -6376,10 +6376,10 @@ class CheckinDatasource {
|
|
|
6376
6376
|
return throwError(err);
|
|
6377
6377
|
};
|
|
6378
6378
|
}
|
|
6379
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6380
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6379
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinDatasource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6380
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinDatasource }); }
|
|
6381
6381
|
}
|
|
6382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinDatasource, decorators: [{
|
|
6383
6383
|
type: Injectable
|
|
6384
6384
|
}], ctorParameters: () => [] });
|
|
6385
6385
|
|
|
@@ -6503,8 +6503,8 @@ class CheckinPageComponent {
|
|
|
6503
6503
|
this.checkinClearRedirectTimerSubj$.next();
|
|
6504
6504
|
this.checkinClearRedirectTimerSubj$.unsubscribe();
|
|
6505
6505
|
}
|
|
6506
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6507
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
6506
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6507
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CheckinPageComponent, isStandalone: true, selector: "app-checkin-page", providers: [
|
|
6508
6508
|
{
|
|
6509
6509
|
provide: CheckinModeToken,
|
|
6510
6510
|
deps: [ActivatedRoute],
|
|
@@ -6513,7 +6513,7 @@ class CheckinPageComponent {
|
|
|
6513
6513
|
CheckinDatasource
|
|
6514
6514
|
], ngImport: i0, template: "<app-terminal-layout-tpl [loading]=\"loading | async\">\r\n @if (!(loading | async)) {\r\n <app-constructor-status terminal-layout-status\r\n [inProgress]=\"inProgress\"\r\n [failed]=\"hasStatusError\"\r\n [animation]=\"animation\"\r\n [progressTitle]=\"(I18N_KEY.PROGRESS_TITLE | trans)\"\r\n [failTitle]=\"(I18N_KEY.FAIL_TITLE | trans)\"\r\n [successTitle]=\"(I18N_KEY.SUCCESS_TITLE | trans)\"\r\n [hasSupportHint]=\"false\"\r\n [message]=\"(message | trans) + operationIdHint\"\r\n [backUrl]=\"returnBackUrl\"\r\n [backUrlTitle]=\"I18N_KEY.CONSTRUCTOR_LABEL_RETURN_TO_SHOP | trans\"\r\n >\r\n @if (redirectTimerStarted) {\r\n <div constructor-status-button-hint>\r\n {{ I18N_KEY.REDIRECT_TEXT | trans }} <b>{{redirectTime}}</b>\r\n </div>\r\n }\r\n </app-constructor-status>\r\n }\r\n</app-terminal-layout-tpl>\r\n", styles: [""], dependencies: [{ kind: "component", type: TerminalLayoutTplComponent, selector: "app-terminal-layout-tpl", inputs: ["projectName", "description", "loading"] }, { kind: "component", type: ConstructorStatusComponent, selector: "app-constructor-status", inputs: ["failed", "inProgress", "animation", "message", "failTitle", "progressTitle", "successTitle", "tabIndex", "backUrl", "backUrlTitle", "hasSupportHint"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }] }); }
|
|
6515
6515
|
}
|
|
6516
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinPageComponent, decorators: [{
|
|
6517
6517
|
type: Component,
|
|
6518
6518
|
args: [{ selector: 'app-checkin-page', providers: [
|
|
6519
6519
|
{
|
|
@@ -6531,11 +6531,11 @@ var checkinPage_component = /*#__PURE__*/Object.freeze({
|
|
|
6531
6531
|
});
|
|
6532
6532
|
|
|
6533
6533
|
class CheckinModule {
|
|
6534
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6535
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6534
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6535
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: CheckinModule, imports: [CommonModule,
|
|
6536
6536
|
SharedModule,
|
|
6537
6537
|
TranslateModule, i1.RouterModule, CheckinPageComponent] }); }
|
|
6538
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6538
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinModule, imports: [CommonModule,
|
|
6539
6539
|
SharedModule,
|
|
6540
6540
|
TranslateModule,
|
|
6541
6541
|
RouterModule.forChild([
|
|
@@ -6546,7 +6546,7 @@ class CheckinModule {
|
|
|
6546
6546
|
]),
|
|
6547
6547
|
CheckinPageComponent] }); }
|
|
6548
6548
|
}
|
|
6549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckinModule, decorators: [{
|
|
6550
6550
|
type: NgModule,
|
|
6551
6551
|
args: [{
|
|
6552
6552
|
imports: [
|