oasys-lib 2.34.0-rc.0 → 2.35.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/fesm2022/oasys-lib.mjs +296 -274
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/index.d.ts +5 -3
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ElementRef, Directive, Injectable, DOCUMENT, Inject, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, HostListener, input, output, viewChild, signal, computed, EventEmitter, ViewChild, ContentChild, Output, NgModule, HostBinding, model, forwardRef, CUSTOM_ELEMENTS_SCHEMA, viewChildren, ContentChildren } from '@angular/core';
|
|
2
|
+
import { inject, ElementRef, Directive, Injectable, DOCUMENT, Inject, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, HostListener, input, output, viewChild, signal, computed, EventEmitter, ViewChild, ContentChild, Output, NgModule, HostBinding, model, forwardRef, CUSTOM_ELEMENTS_SCHEMA, viewChildren, ContentChildren, contentChildren, effect } from '@angular/core';
|
|
3
3
|
import { BehaviorSubject, Subject, Observable } from 'rxjs';
|
|
4
4
|
import { takeUntil, take, map } from 'rxjs/operators';
|
|
5
5
|
import * as i1 from '@angular/cdk/layout';
|
|
@@ -28,10 +28,10 @@ class OasysAlertCancelDirective {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
32
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertCancelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
32
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: OasysAlertCancelDirective, isStandalone: true, selector: "ui-alert-cancel, [ui-alert-cancel]", ngImport: i0 });
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertCancelDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: 'ui-alert-cancel, [ui-alert-cancel]',
|
|
@@ -48,10 +48,10 @@ class OasysAlertConfirmDirective {
|
|
|
48
48
|
ngAfterContentChecked() {
|
|
49
49
|
this.text = this.elem.nativeElement.innerText;
|
|
50
50
|
}
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
52
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertConfirmDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
52
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: OasysAlertConfirmDirective, isStandalone: true, selector: "ui-alert-confirm, [ui-alert-confirm]", ngImport: i0 });
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertConfirmDirective, decorators: [{
|
|
55
55
|
type: Directive,
|
|
56
56
|
args: [{
|
|
57
57
|
selector: 'ui-alert-confirm, [ui-alert-confirm]',
|
|
@@ -60,10 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
60
60
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
61
61
|
|
|
62
62
|
class OasysAlertContentDirective {
|
|
63
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
64
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
63
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
64
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: OasysAlertContentDirective, isStandalone: true, selector: "ui-alert-content, [ui-alert-content]", ngImport: i0 });
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertContentDirective, decorators: [{
|
|
67
67
|
type: Directive,
|
|
68
68
|
args: [{
|
|
69
69
|
selector: 'ui-alert-content, [ui-alert-content]',
|
|
@@ -72,10 +72,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
72
72
|
}] });
|
|
73
73
|
|
|
74
74
|
class OasysAlertTitleDirective {
|
|
75
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
76
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
75
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
76
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: OasysAlertTitleDirective, isStandalone: true, selector: "ui-alert-title, [ui-alert-title]", ngImport: i0 });
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertTitleDirective, decorators: [{
|
|
79
79
|
type: Directive,
|
|
80
80
|
args: [{
|
|
81
81
|
selector: 'ui-alert-title, [ui-alert-title]',
|
|
@@ -117,10 +117,10 @@ class BreakpointService {
|
|
|
117
117
|
this.isDestroyed.next();
|
|
118
118
|
this.isDestroyed.complete();
|
|
119
119
|
}
|
|
120
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
121
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
120
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BreakpointService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
121
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BreakpointService, providedIn: 'root' });
|
|
122
122
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BreakpointService, decorators: [{
|
|
124
124
|
type: Injectable,
|
|
125
125
|
args: [{
|
|
126
126
|
providedIn: 'root',
|
|
@@ -183,10 +183,10 @@ class TokenService {
|
|
|
183
183
|
});
|
|
184
184
|
});
|
|
185
185
|
}
|
|
186
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
187
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
186
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TokenService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
187
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TokenService });
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TokenService, decorators: [{
|
|
190
190
|
type: Injectable
|
|
191
191
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
192
192
|
type: Inject,
|
|
@@ -335,10 +335,10 @@ class LayoutBoxComponent {
|
|
|
335
335
|
return `${this.prefix}-fill-container`;
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
339
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_role: "box_role", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width:766px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width:766px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width:766px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width:766px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width:766px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-gutter{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-gutter-small)}@media only screen and (max-width:766px){ui-box.ui-layout-box-gutter-mobile{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-mobile-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-gutter-tablet{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-tablet-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-gutter-laptop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-laptop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-gutter-desktop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-desktop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-left{padding-left:var(--oasys-gutter-small)!important}}ui-box.ui-layout-box-gutter-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-left{padding-left:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
338
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
339
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_role: "box_role", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width:766px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width:766px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width:766px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width:766px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width:766px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-gutter{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-gutter-small)}@media only screen and (max-width:766px){ui-box.ui-layout-box-gutter-mobile{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-mobile-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-gutter-tablet{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-tablet-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-gutter-laptop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-laptop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-gutter-desktop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-desktop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-left{padding-left:var(--oasys-gutter-small)!important}}ui-box.ui-layout-box-gutter-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-left{padding-left:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
340
340
|
}
|
|
341
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
341
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutBoxComponent, decorators: [{
|
|
342
342
|
type: Component,
|
|
343
343
|
args: [{ selector: 'ui-box', template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', host: {
|
|
344
344
|
'[class]': 'boxLayoutClasses',
|
|
@@ -416,10 +416,10 @@ class LayoutStackComponent {
|
|
|
416
416
|
];
|
|
417
417
|
this.didFirstInit = true;
|
|
418
418
|
}
|
|
419
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
420
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
419
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutStackComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
420
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutStackComponent, isStandalone: true, selector: "ui-stack", inputs: { stack_gap: "stack_gap", stack_align: "stack_align", stack_direction: "stack_direction", stack_distribute: "stack_distribute", stack_wrap: "stack_wrap", stack_collapse_below: "stack_collapse_below", stack_as_list: "stack_as_list" }, host: { properties: { "class": "stackLayoutClasses", "attr.role": "stack_as_list ? \"list\" : null" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;list-style:none;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-gutter{gap:var(--oasys-gutter-small)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width:766px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width:1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width:1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
421
421
|
}
|
|
422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutStackComponent, decorators: [{
|
|
423
423
|
type: Component,
|
|
424
424
|
args: [{ selector: 'ui-stack', template: '<ng-content></ng-content>', host: {
|
|
425
425
|
'[class]': 'stackLayoutClasses',
|
|
@@ -480,10 +480,10 @@ class IconComponent {
|
|
|
480
480
|
this.iconSizeInPixels = this.getSizeInPixels(this.size);
|
|
481
481
|
});
|
|
482
482
|
}
|
|
483
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
484
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
483
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconComponent, deps: [{ token: DOCUMENT }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
484
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: IconComponent, isStandalone: true, selector: "ui-icon", inputs: { icon_size: "icon_size", icon_size_override: "icon_size_override", icon_name: "icon_name", icon_context: "icon_context", alt_text: "alt_text", icon_class: "icon_class" }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"alt_text.length > 0 ? 'img' : 'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
485
485
|
}
|
|
486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconComponent, decorators: [{
|
|
487
487
|
type: Component,
|
|
488
488
|
args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, NgClass], providers: [TokenService], template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"alt_text.length > 0 ? 'img' : 'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"] }]
|
|
489
489
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
@@ -534,10 +534,10 @@ class OasysHrefDirective {
|
|
|
534
534
|
ngAfterViewInit() {
|
|
535
535
|
this.routingHandler.handleHrefDomains(this.element.nativeElement);
|
|
536
536
|
}
|
|
537
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
538
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
537
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHrefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
538
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: OasysHrefDirective, isStandalone: true, selector: "a, uiHref, [uiHref]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
|
|
539
539
|
}
|
|
540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHrefDirective, decorators: [{
|
|
541
541
|
type: Directive,
|
|
542
542
|
args: [{
|
|
543
543
|
selector: 'a, uiHref, [uiHref]',
|
|
@@ -620,10 +620,10 @@ class OasysButtonComponent {
|
|
|
620
620
|
onClick() {
|
|
621
621
|
this.clicked.emit();
|
|
622
622
|
}
|
|
623
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
624
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: OasysButtonComponent, isStandalone: true, selector: "ui-button", inputs: { button_icon: { classPropertyName: "button_icon", publicName: "button_icon", isSignal: true, isRequired: false, transformFunction: null }, button_icon_placement: { classPropertyName: "button_icon_placement", publicName: "button_icon_placement", isSignal: true, isRequired: false, transformFunction: null }, button_size: { classPropertyName: "button_size", publicName: "button_size", isSignal: true, isRequired: false, transformFunction: null }, button_type: { classPropertyName: "button_type", publicName: "button_type", isSignal: true, isRequired: false, transformFunction: null }, button_full_width: { classPropertyName: "button_full_width", publicName: "button_full_width", isSignal: true, isRequired: false, transformFunction: null }, button_event_type: { classPropertyName: "button_event_type", publicName: "button_event_type", isSignal: true, isRequired: false, transformFunction: null }, button_disabled: { classPropertyName: "button_disabled", publicName: "button_disabled", isSignal: true, isRequired: false, transformFunction: null }, button_selected: { classPropertyName: "button_selected", publicName: "button_selected", isSignal: true, isRequired: false, transformFunction: null }, button_text_nowrap: { classPropertyName: "button_text_nowrap", publicName: "button_text_nowrap", isSignal: true, isRequired: false, transformFunction: null }, aria_label: { classPropertyName: "aria_label", publicName: "aria_label", isSignal: true, isRequired: false, transformFunction: null }, aria_role: { classPropertyName: "aria_role", publicName: "aria_role", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n @if (button_icon() && button_icon_placement() !== 'none') {\n <ui-icon\n [icon_name]=\"button_icon()\"\n [icon_size]=\"button_size()\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement()\"\n ></ui-icon>\n }\n <span class=\"ui-text\" [class.visuallyhidden]=\"button_icon_placement() === 'iconOnly'\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n@if (href()) {\n <a\n [attr.href]=\"href()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [class]=\"computedButtonDisplayClasses()\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (routerLink()) {\n <a\n [routerLink]=\"routerLink()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [class]=\"computedButtonDisplayClasses()\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else {\n <button\n (click)=\"onClick()\"\n [type]=\"button_event_type()\"\n [class]=\"computedButtonDisplayClasses()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [attr.role]=\"aria_role()\"\n [attr.aria-checked]=\"\n aria_role() === 'checkbox' || aria_role() === 'switch' ? button_selected() : null\n \"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n}\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
623
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
624
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OasysButtonComponent, isStandalone: true, selector: "ui-button", inputs: { button_icon: { classPropertyName: "button_icon", publicName: "button_icon", isSignal: true, isRequired: false, transformFunction: null }, button_icon_placement: { classPropertyName: "button_icon_placement", publicName: "button_icon_placement", isSignal: true, isRequired: false, transformFunction: null }, button_size: { classPropertyName: "button_size", publicName: "button_size", isSignal: true, isRequired: false, transformFunction: null }, button_type: { classPropertyName: "button_type", publicName: "button_type", isSignal: true, isRequired: false, transformFunction: null }, button_full_width: { classPropertyName: "button_full_width", publicName: "button_full_width", isSignal: true, isRequired: false, transformFunction: null }, button_event_type: { classPropertyName: "button_event_type", publicName: "button_event_type", isSignal: true, isRequired: false, transformFunction: null }, button_disabled: { classPropertyName: "button_disabled", publicName: "button_disabled", isSignal: true, isRequired: false, transformFunction: null }, button_selected: { classPropertyName: "button_selected", publicName: "button_selected", isSignal: true, isRequired: false, transformFunction: null }, button_text_nowrap: { classPropertyName: "button_text_nowrap", publicName: "button_text_nowrap", isSignal: true, isRequired: false, transformFunction: null }, aria_label: { classPropertyName: "aria_label", publicName: "aria_label", isSignal: true, isRequired: false, transformFunction: null }, aria_role: { classPropertyName: "aria_role", publicName: "aria_role", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n @if (button_icon() && button_icon_placement() !== 'none') {\n <ui-icon\n [icon_name]=\"button_icon()\"\n [icon_size]=\"button_size()\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement()\"\n ></ui-icon>\n }\n <span class=\"ui-text\" [class.visuallyhidden]=\"button_icon_placement() === 'iconOnly'\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n@if (href()) {\n <a\n [attr.href]=\"href()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [class]=\"computedButtonDisplayClasses()\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (routerLink()) {\n <a\n [routerLink]=\"routerLink()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [class]=\"computedButtonDisplayClasses()\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else {\n <button\n (click)=\"onClick()\"\n [type]=\"button_event_type()\"\n [class]=\"computedButtonDisplayClasses()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [attr.role]=\"aria_role()\"\n [attr.aria-checked]=\"\n aria_role() === 'checkbox' || aria_role() === 'switch' ? button_selected() : null\n \"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n}\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
625
625
|
}
|
|
626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
627
627
|
type: Component,
|
|
628
628
|
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [IconComponent, NgTemplateOutlet, OasysHrefDirective, RouterModule], template: "<ng-template #content>\n <div class=\"button-content\">\n @if (button_icon() && button_icon_placement() !== 'none') {\n <ui-icon\n [icon_name]=\"button_icon()\"\n [icon_size]=\"button_size()\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement()\"\n ></ui-icon>\n }\n <span class=\"ui-text\" [class.visuallyhidden]=\"button_icon_placement() === 'iconOnly'\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n@if (href()) {\n <a\n [attr.href]=\"href()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [class]=\"computedButtonDisplayClasses()\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (routerLink()) {\n <a\n [routerLink]=\"routerLink()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [class]=\"computedButtonDisplayClasses()\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else {\n <button\n (click)=\"onClick()\"\n [type]=\"button_event_type()\"\n [class]=\"computedButtonDisplayClasses()\"\n [attr.disabled]=\"button_disabled() === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent()\"\n [attr.role]=\"aria_role()\"\n [attr.aria-checked]=\"\n aria_role() === 'checkbox' || aria_role() === 'switch' ? button_selected() : null\n \"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n}\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"] }]
|
|
629
629
|
}], propDecorators: { button_icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_icon", required: false }] }], button_icon_placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_icon_placement", required: false }] }], button_size: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_size", required: false }] }], button_type: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_type", required: false }] }], button_full_width: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_full_width", required: false }] }], button_event_type: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_event_type", required: false }] }], button_disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_disabled", required: false }] }], button_selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_selected", required: false }] }], button_text_nowrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "button_text_nowrap", required: false }] }], aria_label: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria_label", required: false }] }], aria_role: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria_role", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], ngContent: [{ type: i0.ViewChild, args: ['buttontext', { isSignal: true }] }] } });
|
|
@@ -733,10 +733,10 @@ class OasysAlertComponent {
|
|
|
733
733
|
}
|
|
734
734
|
return true;
|
|
735
735
|
}
|
|
736
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
737
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
736
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
737
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysAlertComponent, isStandalone: true, selector: "ui-alert", inputs: { direction: "direction", tone: "tone", aria_live: "aria_live", button_size: "button_size" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], viewQueries: [{ propertyName: "cancelbuttoncontainer", first: true, predicate: ["cancelbuttoncontainer"], descendants: true, read: ElementRef }, { propertyName: "alertHost", first: true, predicate: ["alertHost"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack\n #alertHost\n class=\"content\"\n stack_direction=\"y\"\n role=\"alert\"\n [attr.aria-live]=\"cancelButton ? 'off' : aria_live\"\n [tabindex]=\"cancelButton ? -1 : 0\"\n >\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack\n [stack_wrap]=\"isVertical\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_distribute=\"end\"\n >\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n #cancelbuttoncontainer\n button_type=\"tertiary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}.ui-alert .content:focus{outline:unset}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }] });
|
|
738
738
|
}
|
|
739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertComponent, decorators: [{
|
|
740
740
|
type: Component,
|
|
741
741
|
args: [{ selector: 'ui-alert', standalone: true, imports: [
|
|
742
742
|
LayoutBoxComponent,
|
|
@@ -776,8 +776,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
776
776
|
}] } });
|
|
777
777
|
|
|
778
778
|
class OasysAlertModule {
|
|
779
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
780
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
779
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
780
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertModule, imports: [OasysAlertCancelDirective,
|
|
781
781
|
OasysAlertConfirmDirective,
|
|
782
782
|
OasysAlertContentDirective,
|
|
783
783
|
OasysAlertTitleDirective,
|
|
@@ -786,9 +786,9 @@ class OasysAlertModule {
|
|
|
786
786
|
OasysAlertContentDirective,
|
|
787
787
|
OasysAlertTitleDirective,
|
|
788
788
|
OasysAlertComponent] });
|
|
789
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
789
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertModule, imports: [OasysAlertComponent] });
|
|
790
790
|
}
|
|
791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAlertModule, decorators: [{
|
|
792
792
|
type: NgModule,
|
|
793
793
|
args: [{
|
|
794
794
|
imports: [
|
|
@@ -819,10 +819,10 @@ class BreadcrumbsComponent {
|
|
|
819
819
|
this.values = this.breadcrumbs_values;
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
823
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
822
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
823
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BreadcrumbsComponent, isStandalone: true, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"transparent\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"false\" stack_gap=\"none\">\n <ui-button\n *ngIf=\"i < values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n <ui-icon\n *ngIf=\"i < values.length - 1\"\n icon_name=\"chevron-right\"\n icon_size=\"small\"\n icon_class=\"buttonIcon\"\n aria-hidden=\"true\"\n ></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button\n *ngIf=\"i === values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n [attr.aria-current]=\"item.name\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
824
824
|
}
|
|
825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
825
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
826
826
|
type: Component,
|
|
827
827
|
args: [{ selector: 'ui-breadcrumbs', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
828
828
|
NgIf,
|
|
@@ -838,11 +838,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
838
838
|
|
|
839
839
|
/** @deprecated Import the standalone BreadcrumbsComponent directly instead. */
|
|
840
840
|
class OasysBreadcrumbModule {
|
|
841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
842
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
843
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
841
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
842
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysBreadcrumbModule, imports: [BreadcrumbsComponent], exports: [BreadcrumbsComponent] });
|
|
843
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysBreadcrumbModule, imports: [BreadcrumbsComponent] });
|
|
844
844
|
}
|
|
845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysBreadcrumbModule, decorators: [{
|
|
846
846
|
type: NgModule,
|
|
847
847
|
args: [{
|
|
848
848
|
imports: [BreadcrumbsComponent],
|
|
@@ -852,11 +852,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
852
852
|
|
|
853
853
|
/** @deprecated Import the standalone OasysButtonComponent directly instead. */
|
|
854
854
|
class OasysButtonModule {
|
|
855
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
856
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
857
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
855
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
856
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonModule, imports: [OasysButtonComponent], exports: [OasysButtonComponent] });
|
|
857
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonModule, imports: [OasysButtonComponent] });
|
|
858
858
|
}
|
|
859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonModule, decorators: [{
|
|
860
860
|
type: NgModule,
|
|
861
861
|
args: [{
|
|
862
862
|
imports: [OasysButtonComponent],
|
|
@@ -897,10 +897,10 @@ class OasysButtonGroupComponent {
|
|
|
897
897
|
return false;
|
|
898
898
|
}
|
|
899
899
|
}
|
|
900
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
901
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
900
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
901
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysButtonGroupComponent, isStandalone: true, selector: "ui-button-group", inputs: { button_group_align: "button_group_align", button_group_collapse_below: "button_group_collapse_below", button_group_ghost_align: "button_group_ghost_align" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
902
902
|
}
|
|
903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
903
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonGroupComponent, decorators: [{
|
|
904
904
|
type: Component,
|
|
905
905
|
args: [{ selector: 'ui-button-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [LayoutStackComponent], template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"] }]
|
|
906
906
|
}], ctorParameters: () => [{ type: BreakpointService }], propDecorators: { button_group_align: [{
|
|
@@ -916,11 +916,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
916
916
|
|
|
917
917
|
/** @deprecated Import the standalone OasysButtonGroupComponent directly instead. */
|
|
918
918
|
class OasysButtonGroupModule {
|
|
919
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
920
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
921
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
919
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
920
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonGroupModule, imports: [OasysButtonGroupComponent], exports: [OasysButtonGroupComponent] });
|
|
921
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonGroupModule });
|
|
922
922
|
}
|
|
923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
923
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysButtonGroupModule, decorators: [{
|
|
924
924
|
type: NgModule,
|
|
925
925
|
args: [{
|
|
926
926
|
imports: [OasysButtonGroupComponent],
|
|
@@ -1000,10 +1000,10 @@ class ImageComponent {
|
|
|
1000
1000
|
const fallback = this.image_sizes ?? '100vw';
|
|
1001
1001
|
return loading === 'lazy' ? `auto, ${fallback}` : fallback;
|
|
1002
1002
|
}
|
|
1003
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1004
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1003
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1004
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ImageComponent, isStandalone: true, selector: "ui-image", inputs: { image_src: "image_src", image_alt_text: "image_alt_text", image_aria_describedby: "image_aria_describedby", image_fill: "image_fill", fetchpriority: "fetchpriority", loading: "loading", preload_aspect_ratio: "preload_aspect_ratio", image_width: "image_width", image_sizes: "image_sizes" }, outputs: { image_loaded: "image_loaded" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "@if (image()) {\n <picture>\n <source\n [attr.srcset]=\"image().srcSetUrls\"\n [attr.sizes]=\"image().sizes\"\n type=\"image/webp\"\n />\n\n <img\n [class.imageFill]=\"image().fill\"\n [attr.width]=\"image().ratioWidth\"\n [attr.height]=\"image().ratioHeight\"\n [attr.src]=\"image().fallbackUrl\"\n [attr.sizes]=\"image().sizes\"\n [attr.loading]=\"image().loading\"\n [attr.fetchpriority]=\"image().fetchpriority\"\n [attr.alt]=\"image().altText\"\n [attr.aria-describedby]=\"image().ariaDescribedby\"\n [ngStyle]=\"{ 'aspect-ratio': image().preloadAspectRatio }\"\n (load)=\"image_loaded.emit()\"\n [attr.role]=\"image().altText?.length > 0 ? 'img' : 'presentation'\"\n />\n </picture>\n}\n", styles: [":host.imageFill{display:block;width:100%;height:100%}:host.imageFill picture,:host.imageFill img{display:block;width:100%;height:100%}:host.imageFill img{object-fit:cover}:host{display:block}img{display:block;width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
1005
1005
|
}
|
|
1006
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageComponent, decorators: [{
|
|
1007
1007
|
type: Component,
|
|
1008
1008
|
args: [{ standalone: true, imports: [NgStyle], selector: 'ui-image', template: "@if (image()) {\n <picture>\n <source\n [attr.srcset]=\"image().srcSetUrls\"\n [attr.sizes]=\"image().sizes\"\n type=\"image/webp\"\n />\n\n <img\n [class.imageFill]=\"image().fill\"\n [attr.width]=\"image().ratioWidth\"\n [attr.height]=\"image().ratioHeight\"\n [attr.src]=\"image().fallbackUrl\"\n [attr.sizes]=\"image().sizes\"\n [attr.loading]=\"image().loading\"\n [attr.fetchpriority]=\"image().fetchpriority\"\n [attr.alt]=\"image().altText\"\n [attr.aria-describedby]=\"image().ariaDescribedby\"\n [ngStyle]=\"{ 'aspect-ratio': image().preloadAspectRatio }\"\n (load)=\"image_loaded.emit()\"\n [attr.role]=\"image().altText?.length > 0 ? 'img' : 'presentation'\"\n />\n </picture>\n}\n", styles: [":host.imageFill{display:block;width:100%;height:100%}:host.imageFill picture,:host.imageFill img{display:block;width:100%;height:100%}:host.imageFill img{object-fit:cover}:host{display:block}img{display:block;width:100%;height:auto}\n"] }]
|
|
1009
1009
|
}], propDecorators: { image_src: [{
|
|
@@ -1081,10 +1081,10 @@ class CardComponent {
|
|
|
1081
1081
|
return this.tokenService.getTokenValue('--oasys-component-card-aspect-ratio-portrait');
|
|
1082
1082
|
}
|
|
1083
1083
|
}
|
|
1084
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1085
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1084
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1085
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CardComponent, isStandalone: true, selector: "ui-card", inputs: { label_text: "label_text", image: "image", alt_text: "alt_text", image_format: "image_format", small_title_left: "small_title_left", small_sub_title_right: "small_sub_title_right", standard_content: "standard_content", bold_content: "bold_content" }, host: { listeners: { "window:resize": "setStackPlacement($event)" } }, providers: [TokenService], viewQueries: [{ propertyName: "imageLabel", first: true, predicate: ["imagelabel"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-card\" box_background=\"core-primary\" box_space=\"none\">\n <ui-stack stack_align=\"center\" stack_gap=\"tight\">\n <ui-box\n class=\"ui-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n </ui-box>\n <ui-stack stack_gap=\"tight\" [ngStyle]=\"{ 'margin-top': stackOffset }\">\n <ui-box\n #imagelabel\n *ngIf=\"label_text\"\n class=\"card__image-label center-content\"\n box_background=\"tint-highlight\"\n box_align_x=\"center\"\n box_align_y=\"center\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"tight\"\n box_space_top=\"tight\"\n >\n <h5>{{ label_text }}</h5>\n </ui-box>\n <ui-box\n *ngIf=\"small_title_left || small_sub_title_right\"\n [box_space_top]=\"label_text ? 'none' : 'tight'\"\n box_space=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" stack_gap=\"tight\">\n <span class=\"text-body--supporting text-color--supporting\">{{ small_title_left }}</span>\n <span class=\"text-body--supporting text-color--supporting\">{{\n small_sub_title_right\n }}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">\n {{ standard_content }}\n </p>\n <p *ngIf=\"bold_content\" class=\"text-label--primary text-body--emphasis\">{{ bold_content }}</p>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [".ui-card__image{position:relative}.ui-card__image ui-image{position:absolute;height:100%;object-fit:cover;width:100%;left:0}.ui-card .center-content{text-align:center;align-self:center}.ui-card .card__image-label{width:auto;height:auto;border-radius:var(--oasys-radius-soften);margin:0 var(--oasys-spacing-tight);text-align:center;overflow:hidden;z-index:2}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width", "image_sizes"], outputs: ["image_loaded"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1086
1086
|
}
|
|
1087
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CardComponent, decorators: [{
|
|
1088
1088
|
type: Component,
|
|
1089
1089
|
args: [{ selector: 'ui-card', standalone: true, imports: [LayoutBoxComponent, LayoutStackComponent, NgStyle, ImageComponent, NgIf], providers: [TokenService], template: "<ui-box class=\"ui-card\" box_background=\"core-primary\" box_space=\"none\">\n <ui-stack stack_align=\"center\" stack_gap=\"tight\">\n <ui-box\n class=\"ui-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n </ui-box>\n <ui-stack stack_gap=\"tight\" [ngStyle]=\"{ 'margin-top': stackOffset }\">\n <ui-box\n #imagelabel\n *ngIf=\"label_text\"\n class=\"card__image-label center-content\"\n box_background=\"tint-highlight\"\n box_align_x=\"center\"\n box_align_y=\"center\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"tight\"\n box_space_top=\"tight\"\n >\n <h5>{{ label_text }}</h5>\n </ui-box>\n <ui-box\n *ngIf=\"small_title_left || small_sub_title_right\"\n [box_space_top]=\"label_text ? 'none' : 'tight'\"\n box_space=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" stack_gap=\"tight\">\n <span class=\"text-body--supporting text-color--supporting\">{{ small_title_left }}</span>\n <span class=\"text-body--supporting text-color--supporting\">{{\n small_sub_title_right\n }}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">\n {{ standard_content }}\n </p>\n <p *ngIf=\"bold_content\" class=\"text-label--primary text-body--emphasis\">{{ bold_content }}</p>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [".ui-card__image{position:relative}.ui-card__image ui-image{position:absolute;height:100%;object-fit:cover;width:100%;left:0}.ui-card .center-content{text-align:center;align-self:center}.ui-card .card__image-label{width:auto;height:auto;border-radius:var(--oasys-radius-soften);margin:0 var(--oasys-spacing-tight);text-align:center;overflow:hidden;z-index:2}\n"] }]
|
|
1090
1090
|
}], ctorParameters: () => [{ type: TokenService }], propDecorators: { imageLabel: [{
|
|
@@ -1113,11 +1113,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
1113
1113
|
|
|
1114
1114
|
/** @deprecated Import the standalone CardComponent directly instead. */
|
|
1115
1115
|
class OasysCardModule {
|
|
1116
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1117
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1118
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1116
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1117
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysCardModule, imports: [CardComponent], exports: [CardComponent] });
|
|
1118
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCardModule });
|
|
1119
1119
|
}
|
|
1120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCardModule, decorators: [{
|
|
1121
1121
|
type: NgModule,
|
|
1122
1122
|
args: [{
|
|
1123
1123
|
imports: [CardComponent],
|
|
@@ -1132,10 +1132,10 @@ class DividerComponent {
|
|
|
1132
1132
|
? `ui-divider--type-${this.divider_type}`
|
|
1133
1133
|
: `ui-divider--type-${this.divider_type}`;
|
|
1134
1134
|
}
|
|
1135
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1136
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1135
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1136
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DividerComponent, isStandalone: true, selector: "ui-divider", inputs: { divider_type: "divider_type" }, ngImport: i0, template: "<ui-box\n box_fill_mode=\"fill\"\n box_space=\"none\"\n box_background=\"core-secondary\"\n [ngClass]=\"getClass()\"\n></ui-box>\n", styles: ["ui-divider{display:block;width:100%}ui-divider ui-box.ui-divider--type-secondary:after{content:\"\";display:block;height:var(--oasys-size-unit-1);width:100%}ui-divider ui-box.ui-divider--type-primary:after{content:\"\";display:block;height:var(--oasys-size-unit-8);width:100%}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1137
1137
|
}
|
|
1138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DividerComponent, decorators: [{
|
|
1139
1139
|
type: Component,
|
|
1140
1140
|
args: [{ selector: 'ui-divider', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutBoxComponent, NgClass], template: "<ui-box\n box_fill_mode=\"fill\"\n box_space=\"none\"\n box_background=\"core-secondary\"\n [ngClass]=\"getClass()\"\n></ui-box>\n", styles: ["ui-divider{display:block;width:100%}ui-divider ui-box.ui-divider--type-secondary:after{content:\"\";display:block;height:var(--oasys-size-unit-1);width:100%}ui-divider ui-box.ui-divider--type-primary:after{content:\"\";display:block;height:var(--oasys-size-unit-8);width:100%}\n"] }]
|
|
1141
1141
|
}], propDecorators: { divider_type: [{
|
|
@@ -1144,11 +1144,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
1144
1144
|
|
|
1145
1145
|
/** @deprecated Import the standalone DividerComponent directly instead. */
|
|
1146
1146
|
class OasysDividerModule {
|
|
1147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1148
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1149
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1147
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1148
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysDividerModule, imports: [DividerComponent], exports: [DividerComponent] });
|
|
1149
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysDividerModule });
|
|
1150
1150
|
}
|
|
1151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysDividerModule, decorators: [{
|
|
1152
1152
|
type: NgModule,
|
|
1153
1153
|
args: [{
|
|
1154
1154
|
imports: [DividerComponent],
|
|
@@ -1175,21 +1175,21 @@ class FormGroupComponent {
|
|
|
1175
1175
|
console.warn(`[ui-form-group] "group_title" is required and must be a non-empty string. Falling back to "${this.FALLBACK_TITLE}".`);
|
|
1176
1176
|
}
|
|
1177
1177
|
}
|
|
1178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1179
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.21", type: FormGroupComponent, isStandalone: true, selector: "ui-form-group", inputs: { group_title: { classPropertyName: "group_title", publicName: "group_title", isSignal: true, isRequired: true, transformFunction: null }, group_title_hidden: { classPropertyName: "group_title_hidden", publicName: "group_title_hidden", isSignal: true, isRequired: false, transformFunction: null }, group_type: { classPropertyName: "group_type", publicName: "group_type", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<fieldset>\n <legend\n [class]=\"group_type()\"\n [class.visually-hidden]=\"group_title_hidden()\"\n [attr.aria-label]=\"ariaLabel() || resolvedTitle()\"\n >\n {{ resolvedTitle() }}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary,legend.primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary,legend.secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-font-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-font-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}legend.primary,legend.secondary{margin-bottom:var(--oasys-spacing-near)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1178
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1179
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: FormGroupComponent, isStandalone: true, selector: "ui-form-group", inputs: { group_title: { classPropertyName: "group_title", publicName: "group_title", isSignal: true, isRequired: true, transformFunction: null }, group_title_hidden: { classPropertyName: "group_title_hidden", publicName: "group_title_hidden", isSignal: true, isRequired: false, transformFunction: null }, group_type: { classPropertyName: "group_type", publicName: "group_type", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<fieldset>\n <legend\n [class]=\"group_type()\"\n [class.visually-hidden]=\"group_title_hidden()\"\n [attr.aria-label]=\"ariaLabel() || resolvedTitle()\"\n >\n {{ resolvedTitle() }}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary,legend.primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary,legend.secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-font-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-font-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}legend.primary,legend.secondary{margin-bottom:var(--oasys-spacing-near)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1180
1180
|
}
|
|
1181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
1182
1182
|
type: Component,
|
|
1183
1183
|
args: [{ selector: 'ui-form-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [LayoutStackComponent], template: "<fieldset>\n <legend\n [class]=\"group_type()\"\n [class.visually-hidden]=\"group_title_hidden()\"\n [attr.aria-label]=\"ariaLabel() || resolvedTitle()\"\n >\n {{ resolvedTitle() }}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary,legend.primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary,legend.secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-font-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-font-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}legend.primary,legend.secondary{margin-bottom:var(--oasys-spacing-near)}\n"] }]
|
|
1184
1184
|
}], propDecorators: { group_title: [{ type: i0.Input, args: [{ isSignal: true, alias: "group_title", required: true }] }], group_title_hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "group_title_hidden", required: false }] }], group_type: [{ type: i0.Input, args: [{ isSignal: true, alias: "group_type", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
1185
1185
|
|
|
1186
1186
|
/** @deprecated Import the standalone FormGroupComponent directly instead. */
|
|
1187
1187
|
class OasysFormGroupModule {
|
|
1188
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1189
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1190
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1188
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1189
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysFormGroupModule, imports: [FormGroupComponent], exports: [FormGroupComponent] });
|
|
1190
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormGroupModule });
|
|
1191
1191
|
}
|
|
1192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormGroupModule, decorators: [{
|
|
1193
1193
|
type: NgModule,
|
|
1194
1194
|
args: [{
|
|
1195
1195
|
imports: [FormGroupComponent],
|
|
@@ -1208,10 +1208,10 @@ class IdGeneratorService {
|
|
|
1208
1208
|
this.idCounter += 1;
|
|
1209
1209
|
return `oasys-${prefix}-${this.idCounter}`;
|
|
1210
1210
|
}
|
|
1211
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1212
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1211
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IdGeneratorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1212
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IdGeneratorService, providedIn: 'root' });
|
|
1213
1213
|
}
|
|
1214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IdGeneratorService, decorators: [{
|
|
1215
1215
|
type: Injectable,
|
|
1216
1216
|
args: [{ providedIn: 'root' }]
|
|
1217
1217
|
}] });
|
|
@@ -1254,8 +1254,8 @@ class CheckboxComponent {
|
|
|
1254
1254
|
this.didChange.emit(event);
|
|
1255
1255
|
this.onTouched();
|
|
1256
1256
|
}
|
|
1257
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1258
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1257
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1258
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CheckboxComponent, isStandalone: true, selector: "ui-checkbox", inputs: { checkbox_type: { classPropertyName: "checkbox_type", publicName: "checkbox_type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, hide_checkbox: { classPropertyName: "hide_checkbox", publicName: "hide_checkbox", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", didChange: "didChange" }, providers: [
|
|
1259
1259
|
{
|
|
1260
1260
|
provide: NG_VALUE_ACCESSOR,
|
|
1261
1261
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
@@ -1264,7 +1264,7 @@ class CheckboxComponent {
|
|
|
1264
1264
|
TokenService,
|
|
1265
1265
|
], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-checkbox\">\n <input\n type=\"checkbox\"\n [required]=\"required()\"\n [id]=\"id()\"\n [ngModel]=\"checked()\"\n (ngModelChange)=\"onModelChange($event)\"\n [attr.checked]=\"checked() || null\"\n [class]=\"checkbox_type()\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"hint()\"\n />\n <label [for]=\"id()\" [class]=\"checkbox_type()\">\n <ui-stack\n stack_gap=\"near\"\n [stack_align]=\"hide_checkbox() ? 'center' : 'start'\"\n stack_direction=\"x\"\n >\n <div\n class=\"icon-container\"\n [class.focus-element]=\"checkbox_type() === 'secondary'\"\n [class.icon--hidden]=\"hide_checkbox()\"\n aria-hidden=\"true\"\n >\n <ui-icon\n icon_name=\"tick\"\n [icon_size_override]=\"iconSize()\"\n icon_class=\"checkboxIcon\"\n ></ui-icon>\n </div>\n <ui-stack stack_gap=\"tight\">\n <ui-stack\n stack_direction=\"x\"\n stack_gap=\"near\"\n [class.text-body--default]=\"checkbox_type() === 'primary'\"\n [class.text-body--supporting]=\"checkbox_type() === 'secondary'\"\n >\n @if (hide_checkbox() && iconName()) {\n <ui-icon [icon_name]=\"iconName()!\" icon_size=\"small\" aria-hidden=\"true\"></ui-icon>\n }\n <span class=\"main-label\">{{ label() }}</span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"\n ><ng-content></ng-content\n ></span>\n </ui-stack>\n </ui-stack>\n </label>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-font-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-font-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-checkbox input:checked+label span.main-label,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}:host{display:contents}.ui-checkbox input+label .icon-container ui-icon{visibility:hidden}.ui-checkbox input+label .icon-container.icon--hidden{display:none}.ui-checkbox input:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}.ui-checkbox input:disabled+label,.ui-checkbox input:disabled+label *{cursor:default}.ui-checkbox input:disabled:hover:not(:checked)+label.primary{background:transparent}.ui-checkbox input:disabled:hover:not(:checked)+label.secondary .icon-container{background:transparent}.ui-checkbox input:disabled:focus,.ui-checkbox input:disabled:focus-visible{outline:none}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1266
1266
|
}
|
|
1267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1267
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
1268
1268
|
type: Component,
|
|
1269
1269
|
args: [{ selector: 'ui-checkbox', providers: [
|
|
1270
1270
|
{
|
|
@@ -1278,11 +1278,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
1278
1278
|
|
|
1279
1279
|
/** @deprecated Import the standalone CheckboxComponent directly instead. */
|
|
1280
1280
|
class OasysCheckboxModule {
|
|
1281
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1282
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1283
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1281
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1282
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysCheckboxModule, imports: [CheckboxComponent], exports: [CheckboxComponent] });
|
|
1283
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCheckboxModule, imports: [CheckboxComponent] });
|
|
1284
1284
|
}
|
|
1285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1285
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCheckboxModule, decorators: [{
|
|
1286
1286
|
type: NgModule,
|
|
1287
1287
|
args: [{
|
|
1288
1288
|
imports: [CheckboxComponent],
|
|
@@ -1370,8 +1370,8 @@ class RadioComponent {
|
|
|
1370
1370
|
: currentIndex + direction;
|
|
1371
1371
|
siblings[nextIndex].focus();
|
|
1372
1372
|
}
|
|
1373
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1374
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1373
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1374
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: RadioComponent, isStandalone: true, selector: "ui-radio", inputs: { radio_type: { classPropertyName: "radio_type", publicName: "radio_type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, hide_radio: { classPropertyName: "hide_radio", publicName: "hide_radio", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", didChange: "didChange" }, providers: [
|
|
1375
1375
|
{
|
|
1376
1376
|
provide: NG_VALUE_ACCESSOR,
|
|
1377
1377
|
useExisting: forwardRef(() => RadioComponent),
|
|
@@ -1379,7 +1379,7 @@ class RadioComponent {
|
|
|
1379
1379
|
},
|
|
1380
1380
|
], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n <input\n type=\"radio\"\n [id]=\"id()\"\n [value]=\"value()\"\n [ngModel]=\"selectedValue()\"\n (ngModelChange)=\"onModelChange($event)\"\n (keydown)=\"onKeyDown($event)\"\n [class]=\"radio_type()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [name]=\"name()\"\n [attr.name]=\"name()\"\n [attr.aria-describedby]=\"hint()\"\n />\n <label [for]=\"id()\" [class]=\"radio_type()\">\n <ui-stack\n stack_gap=\"near\"\n [stack_align]=\"hide_radio() ? 'center' : 'start'\"\n stack_direction=\"x\"\n >\n <div class=\"icon-container\" [class.icon--hidden]=\"hide_radio()\" aria-hidden=\"true\">\n <div class=\"dot\"></div>\n </div>\n <ui-stack stack_gap=\"tight\">\n <ui-stack\n stack_direction=\"x\"\n stack_gap=\"near\"\n [class.text-body--default]=\"radio_type() === 'primary'\"\n [class.text-body--supporting]=\"radio_type() === 'secondary'\"\n >\n @if (hide_radio() && iconName()) {\n <ui-icon [icon_name]=\"iconName()!\" icon_size=\"small\" aria-hidden=\"true\"></ui-icon>\n }\n <span class=\"main-label\" [class.label--center]=\"hide_radio()\">{{ label() }} </span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span\n [id]=\"hint()\"\n class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"\n ><ng-content></ng-content\n ></span>\n </ui-stack>\n </ui-stack>\n </label>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-font-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-font-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-radio input:checked+label span.main-label,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}:host{display:contents}.ui-radio input.secondary{border-radius:var(--oasys-radius-round)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.secondary .icon-container{padding:var(--oasys-component-radio-icon-inset)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container .dot{border-radius:var(--oasys-radius-round)}.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container .dot{width:var(--oasys-component-radio-icon-size-primary);height:var(--oasys-component-radio-icon-size-primary);background:var(--oasys-color-brand-foreground-primary-on-dark);visibility:hidden}.ui-radio input+label.primary .icon-container.icon--hidden,.ui-radio input+label.secondary .icon-container.icon--hidden{display:none}.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-radio input+label.secondary .icon-container .dot{width:var(--oasys-component-radio-icon-size-secondary);height:var(--oasys-component-radio-icon-size-secondary)}.ui-radio input:checked+label.primary .icon-container .dot,.ui-radio input:checked+label.secondary .icon-container .dot{visibility:visible}.ui-radio input:disabled:hover:not(:checked)+label.primary{background:transparent}.ui-radio input:disabled:hover:not(:checked)+label.secondary .icon-container{background:transparent}.ui-radio input:disabled+label,.ui-radio input:disabled+label *{cursor:default}.ui-radio input.secondary:disabled:focus,.ui-radio input.secondary:disabled:focus-visible{outline:none}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.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$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1381
1381
|
}
|
|
1382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioComponent, decorators: [{
|
|
1383
1383
|
type: Component,
|
|
1384
1384
|
args: [{ selector: 'ui-radio', providers: [
|
|
1385
1385
|
{
|
|
@@ -1392,11 +1392,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
1392
1392
|
|
|
1393
1393
|
/** @deprecated Import the standalone RadioComponent directly instead. */
|
|
1394
1394
|
class OasysRadioModule {
|
|
1395
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1396
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1397
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1395
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1396
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysRadioModule, imports: [RadioComponent], exports: [RadioComponent] });
|
|
1397
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysRadioModule, imports: [RadioComponent] });
|
|
1398
1398
|
}
|
|
1399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysRadioModule, decorators: [{
|
|
1400
1400
|
type: NgModule,
|
|
1401
1401
|
args: [{
|
|
1402
1402
|
imports: [RadioComponent],
|
|
@@ -1420,10 +1420,10 @@ class OasysAutofocusDirective {
|
|
|
1420
1420
|
}, 500);
|
|
1421
1421
|
}
|
|
1422
1422
|
}
|
|
1423
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1424
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1423
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1424
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: OasysAutofocusDirective, isStandalone: true, selector: "[autofocus]", inputs: { autofocus: "autofocus" }, ngImport: i0 });
|
|
1425
1425
|
}
|
|
1426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysAutofocusDirective, decorators: [{
|
|
1427
1427
|
type: Directive,
|
|
1428
1428
|
args: [{
|
|
1429
1429
|
selector: '[autofocus]',
|
|
@@ -1567,8 +1567,8 @@ class TextInputComponent {
|
|
|
1567
1567
|
}
|
|
1568
1568
|
return describedBy.length > 0 ? describedBy.join(' ') : undefined;
|
|
1569
1569
|
}
|
|
1570
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1571
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1570
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1571
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TextInputComponent, isStandalone: true, selector: "ui-text-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, inputmode: { classPropertyName: "inputmode", publicName: "inputmode", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, autocorrect: { classPropertyName: "autocorrect", publicName: "autocorrect", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, aria_label: { classPropertyName: "aria_label", publicName: "aria_label", isSignal: true, isRequired: false, transformFunction: null }, show_password_string: { classPropertyName: "show_password_string", publicName: "show_password_string", isSignal: true, isRequired: false, transformFunction: null }, hide_password_string: { classPropertyName: "hide_password_string", publicName: "hide_password_string", isSignal: true, isRequired: false, transformFunction: null }, show_password_aria_label: { classPropertyName: "show_password_aria_label", publicName: "show_password_aria_label", isSignal: true, isRequired: false, transformFunction: null }, hide_password_aria_label: { classPropertyName: "hide_password_aria_label", publicName: "hide_password_aria_label", isSignal: true, isRequired: false, transformFunction: null }, validation_messages: { classPropertyName: "validation_messages", publicName: "validation_messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { didChange: "didChange" }, providers: [
|
|
1572
1572
|
{
|
|
1573
1573
|
provide: NG_VALUE_ACCESSOR,
|
|
1574
1574
|
useExisting: forwardRef(() => TextInputComponent),
|
|
@@ -1576,7 +1576,7 @@ class TextInputComponent {
|
|
|
1576
1576
|
},
|
|
1577
1577
|
], viewQueries: [{ propertyName: "prefaceContent", first: true, predicate: ["prefaceContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n <div class=\"ui-text-input\">\n <ui-stack stack_direction=\"x\">\n <div class=\"input-preface\" [attr.id]=\"'preface_' + id()\" #prefaceContent>\n <ng-content select=\"[preface]\"></ng-content>\n </div>\n <input\n #textinput\n [id]=\"id()\"\n [name]=\"id()\"\n [ngModel]=\"textValue()\"\n (ngModelChange)=\"onModelChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [class.ng-input-did-change]=\"inputDidChange()\"\n [class.ng-input-did-not-change]=\"!inputDidChange()\"\n [attr.autocorrect]=\"safariAutocorrect()\"\n [attr.disabled]=\"disabled() || null\"\n [autofocus]=\"autofocus()\"\n [autocomplete]=\"autocomplete()\"\n [minlength]=\"minlength() || null\"\n [maxlength]=\"maxlength()\"\n [pattern]=\"pattern() || null\"\n [required]=\"!optional()\"\n [spellcheck]=\"autocorrect()\"\n [type]=\"textInputType()\"\n [value]=\"textValue()\"\n (keyup.enter)=\"onEnter(textinput)\"\n [attr.inputmode]=\"getInputMode()\"\n [attr.aria-describedby]=\"getAriaDescribedBy()\"\n [attr.aria-label]=\"accessibleAriaLabel()\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-stack>\n <ui-stack\n class=\"label-container\"\n stack_direction=\"x\"\n [stack_distribute]=\"type() === 'password' ? 'space-between' : 'start'\"\n >\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id()\">{{ label() }}</label>\n @if (type() === 'password') {\n <div class=\"ui-button-password-toggle\">\n <ui-button\n [button_type]=\"'tertiary'\"\n [button_size]=\"'small'\"\n (clicked)=\"toggleShowPassword()\"\n >\n @if (!showPassword()) {\n <span [attr.aria-label]=\"show_password_aria_label()\">\n {{ show_password_string() }}\n </span>\n } @else {\n <span [attr.aria-label]=\"hidePasswordLabel()\">\n {{ hide_password_string() }}\n </span>\n }\n </ui-button>\n </div>\n }\n </ui-stack>\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\" [attr.id]=\"'error_' + id()\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (shouldShowHint()) {\n <ui-box\n class=\"ui-text-input__hint-container\"\n [class.ui-text-input__hint-expanded]=\"shouldShowHint()\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div\n class=\"ui-text-input-hint text-body--supporting text-color--supporting\"\n [attr.id]=\"'hint_' + id()\"\n >\n {{ hint() }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6,.ui-text-input-container .ui-text-input input:-webkit-autofill:first-line{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-font-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-font-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover,.ui-text-input-container .ui-text-input input{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--oasys-spacing-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container{display:none!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-combobox,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .hint-container,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .hint-container{display:none!important}.ui-checkbox input,.ui-radio input,.ui-text-input input,.ui-combobox input{appearance:none;margin:0;border:none}.ui-checkbox input,.ui-radio input{cursor:pointer}.ui-checkbox,.ui-radio{--_inset: var(--oasys-spacing-near);--_radius: var(--oasys-radius-soften);--_transition_duration: calc(var(--oasys-animation-duration) * 1ms)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--oasys-radius-soften)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--oasys-typography-heading-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--oasys-spacing-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--oasys-component-checkbox-icon-inset);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color calc(var(--_transition_duration) * 1ms),border-color calc(var(--_transition_duration) * 1ms)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-border-selected);border-color:var(--oasys-color-interaction-border-selected);color:var(--oasys-color-brand-foreground-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--oasys-color-interaction-border-selected)!important}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--oasys-color-system-foreground-negative)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--oasys-color-system-foreground-negative)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)!important}:host{display:block;width:100%}:host.ng-dirty.ng-invalid:has(input.ng-input-did-change) .ui-text-input-container .ui-text-input,:host.ng-dirty.ng-invalid:has(input.ng-input-did-change) .ui-text-input-container .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}:host.ng-dirty.ng-invalid:has(input.ng-input-did-change) .ui-text-input-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-dirty.ng-invalid:has(input.ng-input-did-change) .ui-text-input-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-dirty.ng-invalid:has(input.ng-input-did-change) .ui-text-input-container .hint-container{display:none!important}.ui-text-input-container .ui-text-input{--_label-height: var(--oasys-typography-body-supporting-line-height);--_label-input-gap: var(--oasys-spacing-tiny);--_label-top-inset: var(--oasys-spacing-near);--_input-inset-top: calc( var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset) );--_preface-width: var(--oasys-component-text-input-preface-width);position:relative;transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-text-input-container .ui-text-input,.ui-text-input-container .ui-text-input input{border-radius:var(--oasys-radius-soften);width:100%}.ui-text-input-container .ui-text-input input{padding:var(--oasys-spacing-near);padding-top:var(--_input-inset-top)}.ui-text-input-container .ui-text-input .label-container{position:absolute;top:var(--oasys-spacing-near);left:var(--oasys-spacing-near);right:var(--oasys-spacing-near);width:calc(100% - var(--oasys-spacing-near) - var(--oasys-spacing-near))}.ui-text-input-container .ui-text-input .label-container,.ui-text-input-container .ui-text-input .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-text-input-container .ui-text-input ui-button{pointer-events:all}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) input{padding-left:var(--_left-inset)}.ui-text-input-container .ui-text-input .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-text-input-container .ui-text-input .input-preface:empty{visibility:hidden}.ui-text-input-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container .input-errors .hint-container{display:block!important}.ui-text-input-container .ui-text-input__hint-container{overflow:hidden;transition:all calc(var(--oasys-animation-duration-medium) * 1ms) ease-in-out;max-height:0;opacity:0;transform:translateY(-8px)}.ui-text-input-container .ui-text-input__hint-container.ui-text-input__hint-expanded{max-height:fit-content;opacity:1;transform:translateY(0)}.ui-text-input-container:has(input.ng-invalid.ng-input-did-change) .ui-text-input,.ui-text-input-container:has(input.ng-invalid.ng-input-did-change) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-text-input-container:has(input.ng-invalid.ng-input-did-change) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(input.ng-invalid.ng-input-did-change) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(input.ng-invalid.ng-input-did-change) .hint-container{display:none!important}.ui-text-input-container:has(input:disabled) input{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-text-input-container:has(input:disabled) .ui-text-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-text-input-container .ui-button-password-toggle{padding:var(--oasys-spacing-tight) var(--oasys-spacing-tight) var(--oasys-spacing-tight) 0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }] });
|
|
1578
1578
|
}
|
|
1579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
1580
1580
|
type: Component,
|
|
1581
1581
|
args: [{ selector: 'ui-text-input', providers: [
|
|
1582
1582
|
{
|
|
@@ -1597,11 +1597,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
1597
1597
|
|
|
1598
1598
|
/** @deprecated Import the standalone TextInputComponent directly instead. */
|
|
1599
1599
|
class OasysTextInputModule {
|
|
1600
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1601
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1602
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1600
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1601
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysTextInputModule, imports: [TextInputComponent], exports: [TextInputComponent] });
|
|
1602
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTextInputModule, imports: [TextInputComponent] });
|
|
1603
1603
|
}
|
|
1604
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTextInputModule, decorators: [{
|
|
1605
1605
|
type: NgModule,
|
|
1606
1606
|
args: [{
|
|
1607
1607
|
imports: [TextInputComponent],
|
|
@@ -1657,8 +1657,8 @@ class ChipComponent {
|
|
|
1657
1657
|
this.didChange.emit(event);
|
|
1658
1658
|
this.onTouched();
|
|
1659
1659
|
}
|
|
1660
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1661
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1660
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1661
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ChipComponent, isStandalone: true, selector: "ui-chip", inputs: { chip_type: { classPropertyName: "chip_type", publicName: "chip_type", isSignal: true, isRequired: false, transformFunction: null }, icon_name: { classPropertyName: "icon_name", publicName: "icon_name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", didChange: "didChange" }, providers: [
|
|
1662
1662
|
{
|
|
1663
1663
|
provide: NG_VALUE_ACCESSOR,
|
|
1664
1664
|
useExisting: forwardRef(() => ChipComponent),
|
|
@@ -1666,7 +1666,7 @@ class ChipComponent {
|
|
|
1666
1666
|
},
|
|
1667
1667
|
], ngImport: i0, template: "<div [id]=\"id()\" class=\"ui-chip\">\n @switch (chip_type()) {\n @case ('radio') {\n <ui-radio\n [label]=\"label()\"\n [value]=\"value()?.toString()\"\n radio_type=\"primary\"\n [hide_radio]=\"true\"\n [iconName]=\"icon_name()\"\n [disabled]=\"disabled()\"\n [name]=\"name()\"\n [ariaDescribedBy]=\"ariaDescribedBy()\"\n [ngModel]=\"selectedValue()\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-radio>\n }\n @case ('checkbox') {\n <ui-checkbox\n [label]=\"label()\"\n [checked]=\"value() === true\"\n [required]=\"required()\"\n checkbox_type=\"primary\"\n [hide_checkbox]=\"true\"\n [iconName]=\"icon_name()\"\n [disabled]=\"disabled()\"\n [ariaDescribedBy]=\"ariaDescribedBy()\"\n [ngModel]=\"selectedValue()\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-checkbox>\n }\n }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: RadioComponent, selector: "ui-radio", inputs: ["radio_type", "label", "name", "checked", "disabled", "ariaDescribedBy", "hide_radio", "iconName", "value"], outputs: ["valueChange", "didChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxComponent, selector: "ui-checkbox", inputs: ["checkbox_type", "label", "required", "disabled", "ariaDescribedBy", "hide_checkbox", "iconName", "checked"], outputs: ["checkedChange", "didChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1668
1668
|
}
|
|
1669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChipComponent, decorators: [{
|
|
1670
1670
|
type: Component,
|
|
1671
1671
|
args: [{ selector: 'ui-chip', providers: [
|
|
1672
1672
|
{
|
|
@@ -1679,11 +1679,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
1679
1679
|
|
|
1680
1680
|
/** @deprecated Import the standalone ChipComponent directly instead. */
|
|
1681
1681
|
class OasysChipModule {
|
|
1682
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1683
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1684
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1682
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1683
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysChipModule, imports: [ChipComponent], exports: [ChipComponent] });
|
|
1684
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysChipModule, imports: [ChipComponent] });
|
|
1685
1685
|
}
|
|
1686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysChipModule, decorators: [{
|
|
1687
1687
|
type: NgModule,
|
|
1688
1688
|
args: [{
|
|
1689
1689
|
imports: [ChipComponent],
|
|
@@ -1718,10 +1718,10 @@ class LayoutContainerComponent {
|
|
|
1718
1718
|
.flat(10)
|
|
1719
1719
|
.filter(Boolean);
|
|
1720
1720
|
}
|
|
1721
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1722
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1721
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1722
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutContainerComponent, isStandalone: true, selector: "ui-container", inputs: { container_fluid: "container_fluid", container_gutter: "container_gutter" }, host: { properties: { "class": "containerLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{--_container-component-gutter-size: var(--oasys-gutter-small);display:block;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--_container-component-gutter-size)}@media only screen and (max-width:766px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width:767px)and (max-width:1079px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width:1080px)and (max-width:1439px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (min-width:1440px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (max-width:766px){:host{max-width:100%}}@media only screen and (min-width:767px)and (max-width:1079px){:host{max-width:767px}}@media only screen and (min-width:1080px)and (max-width:1439px){:host{max-width:1080px}}@media only screen and (min-width:1440px){:host{max-width:1440px}}:host.ui-layout-container-no-gutter{padding:0}:host.ui-layout-container-fluid{max-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1723
1723
|
}
|
|
1724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutContainerComponent, decorators: [{
|
|
1725
1725
|
type: Component,
|
|
1726
1726
|
args: [{ selector: 'ui-container', template: ` <ng-content></ng-content> `, host: {
|
|
1727
1727
|
'[class]': 'containerLayoutClasses',
|
|
@@ -1771,10 +1771,10 @@ class LayoutGridColumnComponent {
|
|
|
1771
1771
|
.filter(Boolean);
|
|
1772
1772
|
this.didFirstInit = true;
|
|
1773
1773
|
}
|
|
1774
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1775
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: LayoutGridColumnComponent, isStandalone: true, selector: "ui-column", inputs: { columns: "columns", column_inset: "column_inset" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width:766px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-12{grid-column:12/span 12}}@media only screen and (min-width:767px)and (max-width:1079px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-12{grid-column:12/span 12}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-12{grid-column:12/span 12}}@media only screen and (min-width:1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-2{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-3{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-4{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-5{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-6{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-7{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-8{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-9{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-10{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-11{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-1{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-3{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-4{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-5{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-6{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-7{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-8{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-9{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-10{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-11{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-1{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-2{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-4{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-5{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-6{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-7{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-8{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-9{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-10{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-11{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-1{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-2{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-3{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-5{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-6{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-7{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-8{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-9{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-10{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-11{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-1{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-2{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-3{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-4{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-6{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-7{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-8{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-9{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-10{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-11{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-1{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-2{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-3{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-4{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-5{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-7{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-8{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-9{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-10{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-11{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-1{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-2{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-3{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-4{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-5{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-6{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-8{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-9{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-10{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-11{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-1{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-2{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-3{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-4{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-5{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-6{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-7{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-9{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-10{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-11{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-1{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-2{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-3{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-4{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-5{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-6{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-7{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-8{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-10{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-11{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-1{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-2{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-3{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-4{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-5{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-6{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-7{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-8{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-9{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-11{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-1{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-2{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-3{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-4{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-5{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-6{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-7{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-8{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-9{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-10{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-1{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-2{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-3{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-4{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-5{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-6{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-7{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-8{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-9{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-10{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-11{grid-column:12/span 12}}@media only screen and (max-width:766px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width:1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width:1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1774
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutGridColumnComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1775
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutGridColumnComponent, isStandalone: true, selector: "ui-column", inputs: { columns: "columns", column_inset: "column_inset" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width:766px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-12{grid-column:12/span 12}}@media only screen and (min-width:767px)and (max-width:1079px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-12{grid-column:12/span 12}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-12{grid-column:12/span 12}}@media only screen and (min-width:1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-2{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-3{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-4{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-5{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-6{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-7{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-8{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-9{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-10{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-11{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-1{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-3{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-4{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-5{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-6{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-7{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-8{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-9{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-10{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-11{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-1{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-2{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-4{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-5{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-6{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-7{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-8{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-9{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-10{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-11{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-1{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-2{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-3{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-5{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-6{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-7{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-8{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-9{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-10{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-11{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-1{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-2{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-3{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-4{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-6{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-7{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-8{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-9{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-10{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-11{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-1{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-2{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-3{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-4{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-5{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-7{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-8{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-9{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-10{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-11{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-1{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-2{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-3{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-4{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-5{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-6{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-8{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-9{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-10{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-11{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-1{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-2{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-3{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-4{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-5{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-6{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-7{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-9{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-10{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-11{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-1{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-2{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-3{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-4{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-5{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-6{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-7{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-8{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-10{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-11{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-1{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-2{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-3{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-4{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-5{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-6{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-7{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-8{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-9{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-11{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-1{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-2{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-3{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-4{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-5{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-6{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-7{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-8{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-9{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-10{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-1{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-2{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-3{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-4{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-5{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-6{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-7{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-8{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-9{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-10{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-11{grid-column:12/span 12}}@media only screen and (max-width:766px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width:1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width:1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1776
1776
|
}
|
|
1777
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutGridColumnComponent, decorators: [{
|
|
1778
1778
|
type: Component,
|
|
1779
1779
|
args: [{ selector: 'ui-column', template: '<ng-content></ng-content>', host: {
|
|
1780
1780
|
'[class]': 'columnLayoutClasses',
|
|
@@ -1817,10 +1817,10 @@ class LayoutGridComponent {
|
|
|
1817
1817
|
];
|
|
1818
1818
|
this.didFirstInit = true;
|
|
1819
1819
|
}
|
|
1820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1821
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: LayoutGridComponent, isStandalone: true, selector: "ui-grid", inputs: { grid_auto: "grid_auto", grid_collapse_below: "grid_collapse_below", grid_gap: "grid_gap", grid_base: "grid_base" }, host: { properties: { "class": "gridLayoutClasses", "style.grid-template-columns": "gridTemplateColumns" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width:766px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-12{grid-column:12/span 12}}@media only screen and (min-width:767px)and (max-width:1079px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-12{grid-column:12/span 12}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-12{grid-column:12/span 12}}@media only screen and (min-width:1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-2{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-3{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-4{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-5{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-6{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-7{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-8{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-9{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-10{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-11{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-1{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-3{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-4{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-5{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-6{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-7{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-8{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-9{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-10{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-11{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-1{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-2{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-4{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-5{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-6{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-7{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-8{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-9{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-10{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-11{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-1{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-2{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-3{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-5{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-6{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-7{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-8{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-9{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-10{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-11{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-1{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-2{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-3{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-4{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-6{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-7{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-8{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-9{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-10{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-11{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-1{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-2{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-3{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-4{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-5{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-7{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-8{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-9{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-10{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-11{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-1{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-2{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-3{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-4{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-5{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-6{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-8{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-9{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-10{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-11{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-1{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-2{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-3{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-4{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-5{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-6{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-7{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-9{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-10{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-11{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-1{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-2{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-3{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-4{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-5{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-6{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-7{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-8{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-10{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-11{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-1{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-2{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-3{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-4{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-5{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-6{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-7{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-8{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-9{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-11{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-1{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-2{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-3{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-4{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-5{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-6{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-7{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-8{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-9{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-10{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-1{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-2{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-3{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-4{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-5{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-6{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-7{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-8{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-9{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-10{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-11{grid-column:12/span 12}}@media only screen and (max-width:766px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width:1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width:1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1820
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1821
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutGridComponent, isStandalone: true, selector: "ui-grid", inputs: { grid_auto: "grid_auto", grid_collapse_below: "grid_collapse_below", grid_gap: "grid_gap", grid_base: "grid_base" }, host: { properties: { "class": "gridLayoutClasses", "style.grid-template-columns": "gridTemplateColumns" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width:766px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-mobile-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-1.ui-layout-column-col-mobile-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-2.ui-layout-column-col-mobile-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-3.ui-layout-column-col-mobile-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-4.ui-layout-column-col-mobile-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-5.ui-layout-column-col-mobile-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-6.ui-layout-column-col-mobile-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-7.ui-layout-column-col-mobile-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-8.ui-layout-column-col-mobile-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-9.ui-layout-column-col-mobile-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-10.ui-layout-column-col-mobile-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-mobile-11.ui-layout-column-col-mobile-12{grid-column:12/span 12}}@media only screen and (min-width:767px)and (max-width:1079px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-tablet-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-1.ui-layout-column-col-tablet-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-2.ui-layout-column-col-tablet-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-3.ui-layout-column-col-tablet-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-4.ui-layout-column-col-tablet-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-5.ui-layout-column-col-tablet-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-6.ui-layout-column-col-tablet-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-7.ui-layout-column-col-tablet-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-8.ui-layout-column-col-tablet-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-9.ui-layout-column-col-tablet-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-10.ui-layout-column-col-tablet-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-tablet-11.ui-layout-column-col-tablet-12{grid-column:12/span 12}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-laptop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-1.ui-layout-column-col-laptop-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-2.ui-layout-column-col-laptop-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-3.ui-layout-column-col-laptop-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-4.ui-layout-column-col-laptop-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-5.ui-layout-column-col-laptop-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-6.ui-layout-column-col-laptop-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-7.ui-layout-column-col-laptop-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-8.ui-layout-column-col-laptop-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-9.ui-layout-column-col-laptop-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-10.ui-layout-column-col-laptop-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-laptop-11.ui-layout-column-col-laptop-12{grid-column:12/span 12}}@media only screen and (min-width:1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-2{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-3{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-4{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-5{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-6{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-7{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-8{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-9{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-10{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-1.ui-layout-column-col-inset-desktop-11{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-1{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-3{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-4{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-5{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-6{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-7{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-8{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-9{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-10{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-2.ui-layout-column-col-inset-desktop-11{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-1{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-2{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-4{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-5{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-6{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-7{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-8{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-9{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-10{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-3.ui-layout-column-col-inset-desktop-11{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-1{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-2{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-3{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-5{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-6{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-7{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-8{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-9{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-10{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-4.ui-layout-column-col-inset-desktop-11{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-1{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-2{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-3{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-4{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-6{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-7{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-8{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-9{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-10{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-5.ui-layout-column-col-inset-desktop-11{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-1{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-2{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-3{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-4{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-5{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-7{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-8{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-9{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-10{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-6.ui-layout-column-col-inset-desktop-11{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-1{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-2{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-3{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-4{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-5{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-6{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-8{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-9{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-10{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-7.ui-layout-column-col-inset-desktop-11{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-1{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-2{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-3{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-4{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-5{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-6{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-7{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-9{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-10{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-8.ui-layout-column-col-inset-desktop-11{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-1{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-2{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-3{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-4{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-5{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-6{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-7{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-8{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-10{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-9.ui-layout-column-col-inset-desktop-11{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-1{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-2{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-3{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-4{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-5{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-6{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-7{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-8{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-9{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-10.ui-layout-column-col-inset-desktop-11{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-1{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-2{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-3{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-4{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-5{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-6{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-7{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-8{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-9{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-10{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-11.ui-layout-column-col-inset-desktop-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-1{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-2{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-3{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-4{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-5{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-6{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-7{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-8{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-9{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-10{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-desktop-12.ui-layout-column-col-inset-desktop-11{grid-column:12/span 12}}@media only screen and (max-width:766px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width:1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width:1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1822
1822
|
}
|
|
1823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1823
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutGridComponent, decorators: [{
|
|
1824
1824
|
type: Component,
|
|
1825
1825
|
args: [{ selector: 'ui-grid', template: '<ng-content></ng-content>', host: {
|
|
1826
1826
|
'[class]': 'gridLayoutClasses',
|
|
@@ -1838,8 +1838,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
1838
1838
|
|
|
1839
1839
|
/** @deprecated Import the standalone layout components (LayoutBoxComponent, LayoutStackComponent, LayoutGridComponent, LayoutGridColumnComponent, LayoutContainerComponent) directly instead. */
|
|
1840
1840
|
class OasysLayoutModule {
|
|
1841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1842
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1841
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1842
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysLayoutModule, imports: [LayoutBoxComponent,
|
|
1843
1843
|
LayoutContainerComponent,
|
|
1844
1844
|
LayoutGridComponent,
|
|
1845
1845
|
LayoutGridColumnComponent,
|
|
@@ -1848,9 +1848,9 @@ class OasysLayoutModule {
|
|
|
1848
1848
|
LayoutGridColumnComponent,
|
|
1849
1849
|
LayoutGridComponent,
|
|
1850
1850
|
LayoutStackComponent] });
|
|
1851
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1851
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysLayoutModule });
|
|
1852
1852
|
}
|
|
1853
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysLayoutModule, decorators: [{
|
|
1854
1854
|
type: NgModule,
|
|
1855
1855
|
args: [{
|
|
1856
1856
|
imports: [
|
|
@@ -1883,21 +1883,21 @@ class FormErrorsComponent {
|
|
|
1883
1883
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
1884
1884
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
1885
1885
|
}, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
|
|
1886
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1887
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1886
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1887
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FormErrorsComponent, isStandalone: true, selector: "ui-form-errors", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (errorMessage()) {\n <ui-box\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"text-color--error\">{{ errorMessage() }}</div>\n </ui-box>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
1888
1888
|
}
|
|
1889
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
1890
1890
|
type: Component,
|
|
1891
1891
|
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule, OasysLayoutModule], template: "@if (errorMessage()) {\n <ui-box\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"text-color--error\">{{ errorMessage() }}</div>\n </ui-box>\n}\n" }]
|
|
1892
1892
|
}], propDecorators: { errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], error_messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "error_messages", required: false }] }] } });
|
|
1893
1893
|
|
|
1894
1894
|
/** @deprecated Import the standalone FormErrorsComponent directly instead. */
|
|
1895
1895
|
class OasysFormErrorsModule {
|
|
1896
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1897
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1898
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1896
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1897
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsModule, imports: [FormErrorsComponent], exports: [FormErrorsComponent] });
|
|
1898
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsModule, imports: [FormErrorsComponent] });
|
|
1899
1899
|
}
|
|
1900
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsModule, decorators: [{
|
|
1901
1901
|
type: NgModule,
|
|
1902
1902
|
args: [{
|
|
1903
1903
|
imports: [FormErrorsComponent],
|
|
@@ -1977,10 +1977,10 @@ class OasysHeadingComponent {
|
|
|
1977
1977
|
this.setupHeadingStackGap(this.heading_type);
|
|
1978
1978
|
this.setComputedHeadingLevel();
|
|
1979
1979
|
}
|
|
1980
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1981
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1980
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeadingComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1981
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysHeadingComponent, isStandalone: true, selector: "ui-heading", inputs: { heading_type: "heading_type", heading_on_dark: "heading_on_dark", heading_title: "heading_title", heading_seo_priority: "heading_seo_priority", heading_priority: "heading_priority", heading_alignment_override: "heading_alignment_override", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", heading_level: "heading_level" }, host: { properties: { "class": "this.class" } }, providers: [TokenService], ngImport: i0, template: "<div>\n <ui-stack [stack_align]=\"headingAlignment\" [stack_gap]=\"headingGap\">\n <p\n *ngIf=\"heading_surtitle && heading_surtitle.length\"\n class=\"heading-surtitle text-body--supporting text-color--supporting\"\n >\n {{ heading_surtitle }}\n </p>\n\n <ng-template #content>\n <span\n class=\"heading-title\"\n [ngClass]=\"{\n 'text-heading': !headingTypeIsFunctional(heading_type),\n 'text-heading--functional': headingTypeIsFunctional(heading_type),\n\n 'text-heading--hero': heading_type === 'hero',\n 'text-heading--primary': heading_type === 'primary',\n 'text-heading--secondary': heading_type === 'secondary',\n 'text-heading--functional--primary': heading_type === 'functional-primary',\n 'text-heading--functional--secondary': heading_type === 'functional-secondary',\n }\"\n >{{ heading_title }}</span\n >\n </ng-template>\n\n <!-- Title -->\n <h1 *ngIf=\"computed_heading_level === 'h1'\" role=\"heading\" class=\"seo-h1\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h1>\n <h2 *ngIf=\"computed_heading_level === 'h2'\" role=\"heading\" class=\"seo-h2\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h2>\n <h3 *ngIf=\"computed_heading_level === 'h3'\" role=\"heading\" class=\"seo-h3\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h3>\n <h4 *ngIf=\"computed_heading_level === 'h4'\" role=\"heading\" class=\"seo-h4\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h4>\n <h5 *ngIf=\"computed_heading_level === 'h5'\" role=\"heading\" class=\"seo-h5\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h5>\n <h6 *ngIf=\"computed_heading_level === 'h6'\" role=\"heading\" class=\"seo-h6\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h6>\n\n <!-- Subtitle -->\n <h2\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h1'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h2>\n <h3\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h2'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h3>\n <h4\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h3'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h4>\n <h5\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h4'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h5>\n <h6\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h5'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h6>\n <p\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h6'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></p>\n </ui-stack>\n</div>\n", styles: ["ui-heading.ui-heading-alignment-start{text-align:start}ui-heading.ui-heading-alignment-center{text-align:center}ui-heading h2.ui-prose,ui-heading h3.ui-prose,ui-heading h4.ui-prose{all:unset}ui-heading .ui-prose ul,ui-heading .ui-prose ol{padding:0}ui-heading .ui-prose ul p,ui-heading .ui-prose ol p{display:inline}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1982
1982
|
}
|
|
1983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeadingComponent, decorators: [{
|
|
1984
1984
|
type: Component,
|
|
1985
1985
|
args: [{ selector: 'ui-heading', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutStackComponent, NgIf, NgClass, NgTemplateOutlet], providers: [TokenService], template: "<div>\n <ui-stack [stack_align]=\"headingAlignment\" [stack_gap]=\"headingGap\">\n <p\n *ngIf=\"heading_surtitle && heading_surtitle.length\"\n class=\"heading-surtitle text-body--supporting text-color--supporting\"\n >\n {{ heading_surtitle }}\n </p>\n\n <ng-template #content>\n <span\n class=\"heading-title\"\n [ngClass]=\"{\n 'text-heading': !headingTypeIsFunctional(heading_type),\n 'text-heading--functional': headingTypeIsFunctional(heading_type),\n\n 'text-heading--hero': heading_type === 'hero',\n 'text-heading--primary': heading_type === 'primary',\n 'text-heading--secondary': heading_type === 'secondary',\n 'text-heading--functional--primary': heading_type === 'functional-primary',\n 'text-heading--functional--secondary': heading_type === 'functional-secondary',\n }\"\n >{{ heading_title }}</span\n >\n </ng-template>\n\n <!-- Title -->\n <h1 *ngIf=\"computed_heading_level === 'h1'\" role=\"heading\" class=\"seo-h1\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h1>\n <h2 *ngIf=\"computed_heading_level === 'h2'\" role=\"heading\" class=\"seo-h2\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h2>\n <h3 *ngIf=\"computed_heading_level === 'h3'\" role=\"heading\" class=\"seo-h3\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h3>\n <h4 *ngIf=\"computed_heading_level === 'h4'\" role=\"heading\" class=\"seo-h4\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h4>\n <h5 *ngIf=\"computed_heading_level === 'h5'\" role=\"heading\" class=\"seo-h5\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h5>\n <h6 *ngIf=\"computed_heading_level === 'h6'\" role=\"heading\" class=\"seo-h6\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h6>\n\n <!-- Subtitle -->\n <h2\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h1'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h2>\n <h3\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h2'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h3>\n <h4\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h3'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h4>\n <h5\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h4'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h5>\n <h6\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h5'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h6>\n <p\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h6'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></p>\n </ui-stack>\n</div>\n", styles: ["ui-heading.ui-heading-alignment-start{text-align:start}ui-heading.ui-heading-alignment-center{text-align:center}ui-heading h2.ui-prose,ui-heading h3.ui-prose,ui-heading h4.ui-prose{all:unset}ui-heading .ui-prose ul,ui-heading .ui-prose ol{padding:0}ui-heading .ui-prose ul p,ui-heading .ui-prose ol p{display:inline}\n"] }]
|
|
1986
1986
|
}], ctorParameters: () => [{ type: TokenService }], propDecorators: { heading_type: [{
|
|
@@ -2008,11 +2008,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2008
2008
|
|
|
2009
2009
|
/** @deprecated Import the standalone OasysHeadingComponent directly instead. */
|
|
2010
2010
|
class OasysHeadingModule {
|
|
2011
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2012
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2013
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2011
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2012
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysHeadingModule, imports: [OasysHeadingComponent], exports: [OasysHeadingComponent] });
|
|
2013
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeadingModule });
|
|
2014
2014
|
}
|
|
2015
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2015
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeadingModule, decorators: [{
|
|
2016
2016
|
type: NgModule,
|
|
2017
2017
|
args: [{
|
|
2018
2018
|
imports: [OasysHeadingComponent],
|
|
@@ -2063,10 +2063,10 @@ class HeroComponent {
|
|
|
2063
2063
|
this.heroInsetSpaceSmall = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-small');
|
|
2064
2064
|
this.heroInsetSpaceLarge = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-large');
|
|
2065
2065
|
}
|
|
2066
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2067
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2066
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeroComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2067
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: HeroComponent, isStandalone: true, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", non_brand_background_colour: "non_brand_background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", text_on_dark_override: "text_on_dark_override", heading_level: "heading_level", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], viewQueries: [{ propertyName: "herobox", first: true, predicate: ["herobox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid\n [ngStyle]=\"{ 'min-height': min_container_height ? min_container_height + 'px' : 'auto' }\"\n grid_gap=\"none\"\n grid_collapse_below=\"tablet\"\n >\n <ui-column\n [columns]=\"5\"\n [ngClass]=\"{ 'image-left': image_left_desktop, 'image-top': image_top_mobile }\"\n >\n <ui-box\n box_fill_mode=\"fill\"\n box_align_y=\"center\"\n box_background=\"transparent\"\n [box_space]=\"{\n mobile: heroInsetSpaceSmall,\n tablet: heroInsetSpaceSmall,\n laptop: heroInsetSpaceLarge,\n desktop: heroInsetSpaceLarge,\n }\"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n stack_gap=\"default\"\n >\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true' ? true : false\n \"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\"\n [heading_level]=\"heading_level\"\n >\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'primary-inverse'\n : 'primary'\n \"\n [href]=\"href_primary_cta\"\n >\n <span>{{ primary_cta_text }}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'secondary-inverse'\n : 'secondary'\n \"\n [href]=\"href_secondary_cta\"\n >\n <span>{{ secondary_cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source\n [srcset]=\"\n image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 1440px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 1200px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 992px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 768px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 2x'\"\n media=\"(min-width: 454px)\"\n type=\"image/webp\"\n />\n <img\n fetchpriority=\"high\"\n [src]=\"image + '?w=430&h=430&fm=webp&q=75'\"\n [attr.alt]=\"alt_text\"\n width=\"100%\"\n height=\"100%\"\n style=\"object-fit: cover\"\n />\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (max-width:766px){ui-grid .image-top{order:1}}@media only screen and (min-width:767px)and (max-width:1079px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }] });
|
|
2068
2068
|
}
|
|
2069
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeroComponent, decorators: [{
|
|
2070
2070
|
type: Component,
|
|
2071
2071
|
args: [{ selector: 'ui-hero', standalone: true, imports: [
|
|
2072
2072
|
LayoutBoxComponent,
|
|
@@ -2120,11 +2120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2120
2120
|
|
|
2121
2121
|
/** @deprecated Import the standalone HeroComponent directly instead. */
|
|
2122
2122
|
class OasysHeroModule {
|
|
2123
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2124
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2125
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2123
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2124
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysHeroModule, imports: [HeroComponent], exports: [HeroComponent] });
|
|
2125
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeroModule, imports: [HeroComponent] });
|
|
2126
2126
|
}
|
|
2127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysHeroModule, decorators: [{
|
|
2128
2128
|
type: NgModule,
|
|
2129
2129
|
args: [{
|
|
2130
2130
|
imports: [HeroComponent],
|
|
@@ -2173,10 +2173,10 @@ class SeoBlockComponent {
|
|
|
2173
2173
|
this.linksColumnsNumber = 3;
|
|
2174
2174
|
}
|
|
2175
2175
|
}
|
|
2176
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2177
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2176
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SeoBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2177
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SeoBlockComponent, isStandalone: true, selector: "ui-seo-block", inputs: { heading_paragraph: "heading_paragraph", heading_links: "heading_links", main_content: "main_content", expanded_content: "expanded_content", links: "links", read_more_content_text: "read_more_content_text", read_less_content_text: "read_less_content_text", show_more_links_text: "show_more_links_text", show_less_links_text: "show_less_links_text" }, ngImport: i0, template: "<ui-box>\n <ui-grid>\n <ui-column [columns]=\"6\">\n <ui-box\n box_space=\"none\"\n [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded',\n }\"\n >\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-primary\"\n heading_title=\"{{ heading_paragraph }}\"\n heading_level=\"h2\"\n ></ui-heading>\n </ui-box>\n <ui-box box_space=\"none\">\n <p>\n <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n <span\n id=\"expanded-content\"\n class=\"text-body--default\"\n class=\"ui-prose\"\n *ngIf=\"expandedContentVisible\"\n [innerHTML]=\"expanded_content\"\n ></span>\n </p>\n </ui-box>\n <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n <button\n (click)=\"showMoreContent(!expandedContentVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedContentVisible\"\n [attr.aria-controls]=\"'expanded-content'\"\n >\n {{ expandedContentVisible ? read_less_content_text : read_more_content_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"6\">\n <ui-box box_space=\"none\">\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-secondary\"\n heading_level=\"h3\"\n heading_title=\"{{ heading_links }}\"\n ></ui-heading>\n </ui-box>\n <ui-stack stack_gap=\"tight\">\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [ngStyle]=\"{ 'column-count': linksColumnsNumber }\"\n class=\"links-container text-body--supporting\"\n box_role=\"list\"\n id=\"expanded-links\"\n >\n <ng-container *ngFor=\"let link of linksValues; index as i\">\n <li>\n <ui-box\n box_space=\"none\"\n box_space_bottom=\"tight\"\n box_fill_mode=\"fit\"\n class=\"link-container\"\n [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\"\n >\n <a href=\"{{ link.href }}\">\n {{ link.name }}\n </a>\n </ui-box>\n </li>\n </ng-container>\n </ui-box>\n <ui-box\n box_space=\"none\"\n class=\"hidden-desktop hidden-tablet\"\n *ngIf=\"linksValues.length > 4\"\n >\n <button\n (click)=\"showMoreLinks(!expandedLinksVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedLinksVisible\"\n [attr.aria-controls]=\"'expanded-links'\"\n >\n {{ expandedLinksVisible ? show_less_links_text : show_more_links_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".oasys-focus-style,button:focus,button:focus-visible,[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}button{all:unset;cursor:pointer;font-weight:var(--oasys-typography-body-emphasis-hero-font-weight);text-decoration:underline}.links-container{display:block}@media only screen and (max-width:766px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2178
2178
|
}
|
|
2179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SeoBlockComponent, decorators: [{
|
|
2180
2180
|
type: Component,
|
|
2181
2181
|
args: [{ selector: 'ui-seo-block', standalone: true, imports: [
|
|
2182
2182
|
LayoutBoxComponent,
|
|
@@ -2212,11 +2212,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2212
2212
|
|
|
2213
2213
|
/** @deprecated Use the SeoBlock component from bloomandwild-frontend instead. */
|
|
2214
2214
|
class OasysSeoBlockModule {
|
|
2215
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2216
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2217
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2215
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2216
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule, imports: [SeoBlockComponent], exports: [SeoBlockComponent] });
|
|
2217
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule });
|
|
2218
2218
|
}
|
|
2219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule, decorators: [{
|
|
2220
2220
|
type: NgModule,
|
|
2221
2221
|
args: [{
|
|
2222
2222
|
imports: [SeoBlockComponent],
|
|
@@ -2226,11 +2226,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2226
2226
|
|
|
2227
2227
|
/** @deprecated Import the standalone IconComponent directly instead. */
|
|
2228
2228
|
class OasysIconModule {
|
|
2229
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2230
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2231
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2230
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysIconModule, imports: [IconComponent], exports: [IconComponent] });
|
|
2231
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysIconModule });
|
|
2232
2232
|
}
|
|
2233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysIconModule, decorators: [{
|
|
2234
2234
|
type: NgModule,
|
|
2235
2235
|
args: [{
|
|
2236
2236
|
imports: [IconComponent],
|
|
@@ -2240,11 +2240,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2240
2240
|
|
|
2241
2241
|
/** @deprecated Import the standalone ImageComponent directly instead. */
|
|
2242
2242
|
class OasysImageModule {
|
|
2243
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2244
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2245
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2243
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2244
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysImageModule, imports: [ImageComponent], exports: [ImageComponent] });
|
|
2245
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysImageModule });
|
|
2246
2246
|
}
|
|
2247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysImageModule, decorators: [{
|
|
2248
2248
|
type: NgModule,
|
|
2249
2249
|
args: [{
|
|
2250
2250
|
imports: [ImageComponent],
|
|
@@ -2315,10 +2315,10 @@ class SectionComponent {
|
|
|
2315
2315
|
}
|
|
2316
2316
|
}
|
|
2317
2317
|
}
|
|
2318
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2319
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2318
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SectionComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2319
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SectionComponent, isStandalone: true, selector: "ui-section", inputs: { brand_background_colour: "brand_background_colour", non_brand_background_colour: "non_brand_background_colour", text_on_dark_override: "text_on_dark_override", image_on_left: "image_on_left", section_type: "section_type", heading_title: "heading_title", heading_subtitle: "heading_subtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n id=\"ui-box-{{ uiBoxId }}\"\n [box_background]=\"brand_background_colour\"\n [box_space_left]=\"section_type === 'spotlight' && !image_on_left ? 'none' : undefined\"\n [box_space_right]=\"section_type === 'spotlight' && image_on_left ? 'none' : undefined\"\n [box_space]=\"\n section_type === 'spotlight'\n ? 'none'\n : {\n mobile: containerInsetSpaceSmall,\n tablet: containerInsetSpaceLarge,\n laptop: containerInsetSpaceLarge,\n desktop: containerInsetSpaceLarge,\n }\n \"\n>\n <ui-grid [grid_gap]=\"section_type === 'spotlight' ? 'none' : 'default'\">\n <ui-column\n [columns]=\"6\"\n [ngClass]=\"{ 'image-left': image_on_left, 'image-top-mobile': image_on_left }\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\" box_align_y=\"center\">\n <ui-image\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"imageAspectRatio\"\n ></ui-image>\n </ui-box>\n </ui-column>\n\n <ui-column [columns]=\"6\">\n <ui-box\n [box_background]=\"brand_background_colour\"\n box_align_y=\"center\"\n [box_space]=\"\n section_type === 'spotlight'\n ? {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceLarge,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n : {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceSmall,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n \"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n [stack_wrap]=\"true\"\n >\n <ui-heading\n [heading_type]=\"section_type === 'spotlight' ? 'primary' : 'functional-primary'\"\n [heading_title]=\"heading_title\"\n [heading_subtitle]=\"heading_subtitle\"\n >\n </ui-heading>\n\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"start\"\n [stack_distribute]=\"section_type === 'spotlight' ? 'center' : 'start'\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <a\n class=\"text-link text-link--standalone\"\n [href]=\"href_primary_cta\"\n bwtrackas=\"oasys.story-block.primary-cta\"\n >{{ primary_cta_text }}</a\n >\n <a\n *ngIf=\"\n section_type !== 'spotlight' &&\n href_secondary_cta.length > 0 &&\n href_secondary_cta.length > 0\n \"\n class=\"text-link text-link--standalone\"\n [href]=\"href_secondary_cta\"\n bwtrackas=\"oasys.story-block.secondary-cta\"\n >{{ secondary_cta_text }}</a\n >\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["ui-grid ui-column img{width:100%;display:block}ui-grid .image-left{order:1}@media only screen and (max-width:766px){ui-grid .image-top-mobile{order:0}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width", "image_sizes"], outputs: ["image_loaded"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2320
2320
|
}
|
|
2321
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2321
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SectionComponent, decorators: [{
|
|
2322
2322
|
type: Component,
|
|
2323
2323
|
args: [{ selector: 'ui-section', standalone: true, imports: [
|
|
2324
2324
|
LayoutBoxComponent,
|
|
@@ -2361,11 +2361,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2361
2361
|
|
|
2362
2362
|
/** @deprecated Import the standalone SectionComponent directly instead. */
|
|
2363
2363
|
class SectionModule {
|
|
2364
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2365
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2366
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2364
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2365
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SectionModule, imports: [SectionComponent], exports: [SectionComponent] });
|
|
2366
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SectionModule });
|
|
2367
2367
|
}
|
|
2368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2368
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SectionModule, decorators: [{
|
|
2369
2369
|
type: NgModule,
|
|
2370
2370
|
args: [{
|
|
2371
2371
|
imports: [SectionComponent],
|
|
@@ -2597,10 +2597,10 @@ class CarouselComponent {
|
|
|
2597
2597
|
onSlideChange(swiper) {
|
|
2598
2598
|
this.activeIndexOnSlideChange.emit(swiper.activeIndex);
|
|
2599
2599
|
}
|
|
2600
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2601
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2600
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CarouselComponent, deps: [{ token: TokenService }, { token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2601
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CarouselComponent, isStandalone: true, selector: "ui-carousel", inputs: { rewind: "rewind", carousel_overflow: "carousel_overflow", carousel_gap: "carousel_gap", carousel_pagination: "carousel_pagination", carousel_slides_per_view_desktop: "carousel_slides_per_view_desktop", carousel_slides_per_view_laptop: "carousel_slides_per_view_laptop", carousel_slides_per_view_tablet: "carousel_slides_per_view_tablet", carousel_slides_per_view_mobile: "carousel_slides_per_view_mobile", text_for_left_arrow: "text_for_left_arrow", text_for_right_arrow: "text_for_right_arrow", carousel_rows_per_row_mobile: "carousel_rows_per_row_mobile", carousel_loading: "carousel_loading", carousel_free_mode: "carousel_free_mode", center_insufficient_slides: "center_insufficient_slides", center_active_slide: "center_active_slide", start_slide: "start_slide", offset_scrollbar_top: "offset_scrollbar_top" }, outputs: { activeIndexOnSlideChange: "activeIndexOnSlideChange" }, providers: [TokenService], viewQueries: [{ propertyName: "swiper", first: true, predicate: ["swiper"], descendants: true, static: true }, { propertyName: "carouselscrollbarplaceholder", first: true, predicate: ["carouselscrollbarplaceholder"], descendants: true, read: ElementRef }, { propertyName: "carouselctastack", first: true, predicate: ["carouselctastack"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box\n class=\"ui-carousel\"\n [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n box_align_y=\"center\"\n box_space=\"none\"\n [box_content_fill_width]=\"true\"\n box_background=\"transparent\"\n>\n <ui-stack #carouselctastack>\n <!-- Custom navigation buttons -->\n <ui-stack\n *ngIf=\"carousel_pagination === 'small-arrows'\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_distribute=\"end\"\n >\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n box_space_bottom=\"none\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <div\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n class=\"ui-carousel__small-arrows\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </div>\n </ui-box>\n </ui-stack>\n\n <!-- Swiper WebComponent-->\n <swiper-container\n #swiper\n init=\"false\"\n touch-start-prevent-default=\"false\"\n prevent-clicks-propagation=\"true\"\n >\n <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n >\n <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n <ui-box\n *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width:766px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2602
2602
|
}
|
|
2603
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2603
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
2604
2604
|
type: Component,
|
|
2605
2605
|
args: [{ selector: 'ui-carousel', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutBoxComponent, NgClass, LayoutStackComponent, NgIf, OasysButtonComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], providers: [TokenService], template: "<ui-box\n class=\"ui-carousel\"\n [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n box_align_y=\"center\"\n box_space=\"none\"\n [box_content_fill_width]=\"true\"\n box_background=\"transparent\"\n>\n <ui-stack #carouselctastack>\n <!-- Custom navigation buttons -->\n <ui-stack\n *ngIf=\"carousel_pagination === 'small-arrows'\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_distribute=\"end\"\n >\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n box_space_bottom=\"none\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <div\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n class=\"ui-carousel__small-arrows\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </div>\n </ui-box>\n </ui-stack>\n\n <!-- Swiper WebComponent-->\n <swiper-container\n #swiper\n init=\"false\"\n touch-start-prevent-default=\"false\"\n prevent-clicks-propagation=\"true\"\n >\n <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n >\n <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n <ui-box\n *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width:766px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"] }]
|
|
2606
2606
|
}], ctorParameters: () => [{ type: TokenService }, { type: Document, decorators: [{
|
|
@@ -2655,11 +2655,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2655
2655
|
|
|
2656
2656
|
/** @deprecated Import the standalone CarouselComponent directly instead. */
|
|
2657
2657
|
class OasysCarouselModule {
|
|
2658
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2659
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2660
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2658
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2659
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, imports: [CarouselComponent], exports: [CarouselComponent] });
|
|
2660
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, imports: [CarouselComponent] });
|
|
2661
2661
|
}
|
|
2662
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, decorators: [{
|
|
2663
2663
|
type: NgModule,
|
|
2664
2664
|
args: [{
|
|
2665
2665
|
imports: [CarouselComponent],
|
|
@@ -2679,10 +2679,10 @@ class TextComponent {
|
|
|
2679
2679
|
`ui-text--transform-${this.textTransform}`,
|
|
2680
2680
|
].join(' ');
|
|
2681
2681
|
}
|
|
2682
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2683
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2682
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2683
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TextComponent, isStandalone: true, selector: "ui-text", inputs: { textAlign: "textAlign", textWeight: "textWeight", textTransform: "textTransform" }, ngImport: i0, template: "<span class=\"ui-text\" [ngClass]=\"uiTextClasses\"><ng-content></ng-content></span>\n", styles: [".ui-text{font-size:var(--size-font-base);font-family:var(--font-family-body);font-weight:var(--font-weight-normal)}.ui-text.ui-text--weight-medium{font-weight:var(--font-weight-medium)}.ui-text.ui-text--weight-bold{font-weight:var(--font-weight-bold)}.ui-text.ui-text--transform-uppercase{text-transform:uppercase}.ui-text.ui-text--align-left{text-align:left}.ui-text.ui-text--align-center{text-align:center}.ui-text.ui-text--align-right{text-align:right}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2684
2684
|
}
|
|
2685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextComponent, decorators: [{
|
|
2686
2686
|
type: Component,
|
|
2687
2687
|
args: [{ selector: 'ui-text', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass], template: "<span class=\"ui-text\" [ngClass]=\"uiTextClasses\"><ng-content></ng-content></span>\n", styles: [".ui-text{font-size:var(--size-font-base);font-family:var(--font-family-body);font-weight:var(--font-weight-normal)}.ui-text.ui-text--weight-medium{font-weight:var(--font-weight-medium)}.ui-text.ui-text--weight-bold{font-weight:var(--font-weight-bold)}.ui-text.ui-text--transform-uppercase{text-transform:uppercase}.ui-text.ui-text--align-left{text-align:left}.ui-text.ui-text--align-center{text-align:center}.ui-text.ui-text--align-right{text-align:right}\n"] }]
|
|
2688
2688
|
}], propDecorators: { textAlign: [{
|
|
@@ -2695,11 +2695,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2695
2695
|
|
|
2696
2696
|
/** @deprecated Import the standalone TextComponent directly instead. */
|
|
2697
2697
|
class OasysTextModule {
|
|
2698
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2699
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2700
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2698
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2699
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysTextModule, imports: [TextComponent], exports: [TextComponent] });
|
|
2700
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTextModule });
|
|
2701
2701
|
}
|
|
2702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTextModule, decorators: [{
|
|
2703
2703
|
type: NgModule,
|
|
2704
2704
|
args: [{
|
|
2705
2705
|
imports: [TextComponent],
|
|
@@ -2728,10 +2728,10 @@ class BannerComponent {
|
|
|
2728
2728
|
onCtaClicked() {
|
|
2729
2729
|
this.cta_clicked.emit();
|
|
2730
2730
|
}
|
|
2731
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2732
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2731
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BannerComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2732
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BannerComponent, isStandalone: true, selector: "ui-banner", inputs: { background_colour: "background_colour", cta_text: "cta_text", banner_title: "banner_title", banner_surtitle: "banner_surtitle", banner_subtitle: "banner_subtitle", cta_link: "cta_link" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n [box_background]=\"background_colour\"\n box_space_left=\"none\"\n box_space_right=\"none\"\n box_fill_mode=\"fill\"\n box_align_x=\"center\"\n class=\"ui-banner\"\n #bannerbox\n>\n <ui-grid grid_collapse_below=\"tablet\">\n <ui-column\n [columns]=\"{ mobile: 12, tablet: 10, laptop: 8, desktop: 8 }\"\n [column_inset]=\"{ mobile: 0, tablet: 1, laptop: 2, desktop: 2 }\"\n class=\"ui-banner__content\"\n >\n <ui-box\n [box_space]=\"{ mobile: mobilePadding, tablet: 'none' }\"\n box_space_top=\"none\"\n box_space_bottom=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_gap=\"near\"\n stack_collapse_below=\"tablet\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_gap=\"near\"\n >\n <!-- This is a stack as the icon will go here above the ui-heading -->\n <ui-heading\n *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n heading_type=\"functional-primary\"\n [heading_title]=\"banner_title\"\n [heading_surtitle]=\"banner_surtitle\"\n [heading_subtitle]=\"banner_subtitle\"\n >\n </ui-heading>\n </ui-stack>\n <ui-button\n *ngIf=\"cta_text\"\n bwtrackas=\"oasys.hva-banner.cta\"\n button_size=\"large\"\n [button_type]=\"bannerbox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"cta_link\"\n (clicked)=\"onCtaClicked()\"\n >\n <span>{{ cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".ui-banner__content .content__stack{align-items:flex-start}@media only screen and (min-width:767px)and (max-width:1079px){.ui-banner__content .content__stack{align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }] });
|
|
2733
2733
|
}
|
|
2734
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2734
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BannerComponent, decorators: [{
|
|
2735
2735
|
type: Component,
|
|
2736
2736
|
args: [{ selector: 'ui-banner', standalone: true, imports: [
|
|
2737
2737
|
LayoutBoxComponent,
|
|
@@ -2760,11 +2760,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2760
2760
|
|
|
2761
2761
|
/** @deprecated Import the standalone BannerComponent directly instead. */
|
|
2762
2762
|
class OasysBannerModule {
|
|
2763
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2764
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2765
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2763
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2764
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysBannerModule, imports: [BannerComponent], exports: [BannerComponent] });
|
|
2765
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysBannerModule, imports: [BannerComponent] });
|
|
2766
2766
|
}
|
|
2767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2767
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysBannerModule, decorators: [{
|
|
2768
2768
|
type: NgModule,
|
|
2769
2769
|
args: [{
|
|
2770
2770
|
imports: [BannerComponent],
|
|
@@ -2776,10 +2776,10 @@ class OasysPillComponent {
|
|
|
2776
2776
|
tone = 'neutral';
|
|
2777
2777
|
pill_role = 'none';
|
|
2778
2778
|
role = this.pill_role;
|
|
2779
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2780
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2779
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2780
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysPillComponent, isStandalone: true, selector: "ui-pill", inputs: { tone: "tone", pill_role: "pill_role" }, host: { properties: { "class": "\"ui-pill-\" + tone", "attr.role": "this.role" } }, ngImport: i0, template: "<div role=\"status\" class=\"text-body--supporting text-body--emphasis\"><ng-content></ng-content></div>\n", styles: [":host{border-radius:var(--oasys-radius-round);display:inline-flex;padding:var(--oasys-spacing-tiny) var(--oasys-spacing-near);text-align:center;text-wrap:nowrap}:host.ui-pill-positive{background-color:var(--oasys-color-system-background-positive);color:var(--oasys-color-system-foreground-positive)}:host.ui-pill-negative{background-color:var(--oasys-color-system-background-negative);color:var(--oasys-color-system-foreground-negative)}:host.ui-pill-neutral{background-color:var(--oasys-color-system-background-neutral);color:var(--oasys-color-brand-foreground-primary)}\n"] });
|
|
2781
2781
|
}
|
|
2782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2782
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillComponent, decorators: [{
|
|
2783
2783
|
type: Component,
|
|
2784
2784
|
args: [{ selector: 'ui-pill', standalone: true, host: {
|
|
2785
2785
|
'[class]': '"ui-pill-" + tone',
|
|
@@ -2795,11 +2795,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2795
2795
|
|
|
2796
2796
|
/** @deprecated Import the standalone OasysPillComponent directly instead. */
|
|
2797
2797
|
class OasysPillModule {
|
|
2798
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2799
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2800
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2798
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2799
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysPillModule, imports: [OasysPillComponent], exports: [OasysPillComponent] });
|
|
2800
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillModule });
|
|
2801
2801
|
}
|
|
2802
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2802
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillModule, decorators: [{
|
|
2803
2803
|
type: NgModule,
|
|
2804
2804
|
args: [{
|
|
2805
2805
|
imports: [OasysPillComponent],
|
|
@@ -2829,10 +2829,10 @@ class OasysPillGroupComponent {
|
|
|
2829
2829
|
return false;
|
|
2830
2830
|
}
|
|
2831
2831
|
}
|
|
2832
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2833
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2832
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2833
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysPillGroupComponent, isStandalone: true, selector: "ui-pill-group", inputs: { pill_group_align: "pill_group_align", pill_group_collapse_below: "pill_group_collapse_below" }, ngImport: i0, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"pill_group_collapse_below\"\n [stack_distribute]=\"pill_group_align\"\n [stack_wrap]=\"true\"\n [stack_as_list]=\"true\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2834
2834
|
}
|
|
2835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillGroupComponent, decorators: [{
|
|
2836
2836
|
type: Component,
|
|
2837
2837
|
args: [{ selector: 'ui-pill-group', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutStackComponent], template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"pill_group_collapse_below\"\n [stack_distribute]=\"pill_group_align\"\n [stack_wrap]=\"true\"\n [stack_as_list]=\"true\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"] }]
|
|
2838
2838
|
}], ctorParameters: () => [{ type: BreakpointService }], propDecorators: { pill_group_align: [{
|
|
@@ -2843,11 +2843,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2843
2843
|
|
|
2844
2844
|
/** @deprecated Import the standalone OasysPillGroupComponent directly instead. */
|
|
2845
2845
|
class OasysPillGroupModule {
|
|
2846
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2847
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2848
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2846
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2847
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysPillGroupModule, imports: [OasysPillGroupComponent], exports: [OasysPillGroupComponent] });
|
|
2848
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillGroupModule });
|
|
2849
2849
|
}
|
|
2850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPillGroupModule, decorators: [{
|
|
2851
2851
|
type: NgModule,
|
|
2852
2852
|
args: [{
|
|
2853
2853
|
imports: [OasysPillGroupComponent],
|
|
@@ -2898,10 +2898,10 @@ class PromoCardComponent {
|
|
|
2898
2898
|
ctaClicked() {
|
|
2899
2899
|
this.cta_clicked.emit();
|
|
2900
2900
|
}
|
|
2901
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2902
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2901
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromoCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2902
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromoCardComponent, isStandalone: true, selector: "ui-promo-card", inputs: { image: "image", alt_text: "alt_text", title: "title", subtitle: "subtitle", primary_cta_text: "primary_cta_text", href_primary_cta: "href_primary_cta", background_colour: "background_colour", font_colour: "font_colour", layout: "layout" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box box_space=\"none\" [ngStyle]=\"{ 'background-color': background_colour, color: font_colour }\">\n <ui-stack [stack_gap]=\"layoutConfig.spacing\" stack_align=\"center\">\n <ui-box box_space=\"none\">\n <ui-image\n [image_fill]=\"true\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"aspectRatio\"\n ></ui-image>\n </ui-box>\n <ui-box\n [box_align_y]=\"alignment\"\n box_space_top=\"none\"\n [box_space]=\"layoutConfig.spacing\"\n [ngStyle]=\"{ 'background-color': background_colour }\"\n >\n <ui-stack stack_gap=\"near\" stack_distribute=\"center\" [stack_align]=\"alignment\">\n <h3\n [ngClass]=\"{\n 'text-heading--body--expressive': layoutConfig.headingType === 'body-expressive',\n 'text-heading--secondary': layoutConfig.headingType === 'secondary',\n }\"\n role=\"heading\"\n class=\"seo-h2\"\n >\n <span class=\"heading-title text-heading\">{{ title }}</span>\n </h3>\n <p\n [ngClass]=\"{\n 'text-body--default': layoutConfig.bodyType === 'body-default',\n 'text-body--supporting': layoutConfig.bodyType === 'body-supporting',\n }\"\n >\n {{ subtitle }}\n </p>\n <a\n class=\"text-link text-link--standalone\"\n bwtrackas=\"component.modular-content-card.cta\"\n href=\"{{ href_primary_cta }}\"\n (click)=\"ctaClicked()\"\n >{{ primary_cta_text }}</a\n >\n </ui-stack>\n </ui-box>\n </ui-stack>\n</ui-box>\n", styles: ["ui-image img{object-fit:cover}p,h3{text-align:var(--oasys-component-promo-card-heading-alignment)}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width", "image_sizes"], outputs: ["image_loaded"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
2903
2903
|
}
|
|
2904
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromoCardComponent, decorators: [{
|
|
2905
2905
|
type: Component,
|
|
2906
2906
|
args: [{ selector: 'ui-promo-card', standalone: true, imports: [
|
|
2907
2907
|
LayoutBoxComponent,
|
|
@@ -2935,11 +2935,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
2935
2935
|
|
|
2936
2936
|
/** @deprecated Import the standalone PromoCardComponent directly instead. */
|
|
2937
2937
|
class OasysPromoCardModule {
|
|
2938
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2939
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2940
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2938
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPromoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2939
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysPromoCardModule, imports: [PromoCardComponent], exports: [PromoCardComponent] });
|
|
2940
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPromoCardModule });
|
|
2941
2941
|
}
|
|
2942
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2942
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPromoCardModule, decorators: [{
|
|
2943
2943
|
type: NgModule,
|
|
2944
2944
|
args: [{
|
|
2945
2945
|
imports: [PromoCardComponent],
|
|
@@ -2958,10 +2958,10 @@ class OasysPriceComponent {
|
|
|
2958
2958
|
price;
|
|
2959
2959
|
price_before_discount;
|
|
2960
2960
|
price_type = 'primary';
|
|
2961
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2962
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2962
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysPriceComponent, isStandalone: true, selector: "ui-price", inputs: { price: "price", price_before_discount: "price_before_discount", price_type: "price_type" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"ui-price\" [ngClass]=\"price_type\">\n <ui-stack\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_align=\"center\"\n [ngClass]=\"{ 'oasys-price-has-discount': price_before_discount }\"\n >\n <div [attr.aria-hidden]=\"true\" *ngIf=\"price_before_discount\" class=\"text-body--line-through\">\n {{ price_before_discount }}\n </div>\n <div itemprop=\"price\" class=\"price-to-pay\">{{ price }}</div>\n </ui-stack>\n</div>\n", styles: [".ui-price.hero{font-weight:var(--oasys-component-price-weight-hero)}.ui-price.primary{font-weight:var(--oasys-component-price-weight-primary)}.ui-price.supporting{font-weight:var(--oasys-component-price-weight-supporting)}.ui-price .oasys-price-has-discount .price-to-pay{color:var(--oasys-component-price-color-price-after-discount)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2963
2963
|
}
|
|
2964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysPriceComponent, decorators: [{
|
|
2965
2965
|
type: Component,
|
|
2966
2966
|
args: [{ selector: 'ui-price', standalone: true, imports: [NgClass, LayoutStackComponent, NgIf], template: "<div class=\"ui-price\" [ngClass]=\"price_type\">\n <ui-stack\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_align=\"center\"\n [ngClass]=\"{ 'oasys-price-has-discount': price_before_discount }\"\n >\n <div [attr.aria-hidden]=\"true\" *ngIf=\"price_before_discount\" class=\"text-body--line-through\">\n {{ price_before_discount }}\n </div>\n <div itemprop=\"price\" class=\"price-to-pay\">{{ price }}</div>\n </ui-stack>\n</div>\n", styles: [".ui-price.hero{font-weight:var(--oasys-component-price-weight-hero)}.ui-price.primary{font-weight:var(--oasys-component-price-weight-primary)}.ui-price.supporting{font-weight:var(--oasys-component-price-weight-supporting)}.ui-price .oasys-price-has-discount .price-to-pay{color:var(--oasys-component-price-color-price-after-discount)}\n"] }]
|
|
2967
2967
|
}], propDecorators: { class: [{
|
|
@@ -3019,10 +3019,10 @@ class SelectCardComponent {
|
|
|
3019
3019
|
return this.tokenService.getTokenValue('--oasys-component-card-aspect-ratio-portrait');
|
|
3020
3020
|
}
|
|
3021
3021
|
}
|
|
3022
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3023
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3022
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3023
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SelectCardComponent, isStandalone: true, selector: "ui-select-card", inputs: { image: "image", alt_text: "alt_text", image_format: "image_format", title: "title", primary_copy: "primary_copy", secondary_copy: "secondary_copy", price: "price", price_before_discount: "price_before_discount", selected: "selected", select_card_type: "select_card_type" }, outputs: { clicked: "clicked" }, providers: [TokenService], ngImport: i0, template: "<button\n role=\"button\"\n class=\"ui-select-card--{{ select_card_type }}\"\n tabindex=\"0\"\n [ngClass]=\"{ selected: selected }\"\n [attr.aria-pressed]=\"selected ? 'true' : 'false'\"\n (click)=\"onClick()\"\n>\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <ui-stack stack_gap=\"none\" stack_align=\"center\">\n <ui-box\n class=\"ui-select-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image\n *ngIf=\"image\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [image_fill]=\"true\"\n ></ui-image>\n <ng-content></ng-content>\n </ui-box>\n <ng-template\n *ngIf=\"select_card_type === 'gift-card'\"\n [ngTemplateOutlet]=\"giftcard\"\n ></ng-template>\n <ng-template\n *ngIf=\"select_card_type === 'product-card'\"\n [ngTemplateOutlet]=\"productcard\"\n ></ng-template>\n </ui-stack>\n </ui-box>\n</button>\n\n<!--- GIFT CARD TEMPLATE -->\n<ng-template #giftcard>\n <ui-box box_space=\"tight\" box_background=\"transparent\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"tight\">\n <span class=\"ui-select-card__text-body text-label--primary\">{{ title }}</span>\n\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"primary\"\n ></ui-price>\n </ui-stack>\n </ui-box>\n</ng-template>\n\n<!--- PRODUCT CARD TEMPLATE -->\n<ng-template #productcard>\n <ui-box box_fill_mode=\"fit\" box_space=\"near\" box_background=\"transparent\">\n <ui-stack stack_direction=\"y\" stack_gap=\"near\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"none\">\n <h5>{{ title }}</h5>\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_align=\"center\">\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"hero\"\n ></ui-price>\n <ui-icon\n *ngIf=\"price_before_discount\"\n class=\"ui-select-card--product-card__discount-icon\"\n icon_name=\"tag\"\n icon_size_override=\"1.5\"\n ></ui-icon>\n </ui-stack>\n </ui-stack>\n <ui-stack stack_gap=\"near\">\n <p class=\"text-body--supporting\">{{ secondary_copy }}</p>\n <p class=\"text-body--default\">{{ primary_copy }}</p>\n </ui-stack>\n </ui-stack>\n </ui-box>\n</ng-template>\n", styles: [".ui-select-card--gift-card,.ui-select-card--product-card{background-color:transparent;border:1px solid transparent;width:100%;display:block;padding:0;appearance:none;cursor:pointer;overflow:hidden}.ui-select-card--gift-card .ui-select-card__image .ui-box-content,.ui-select-card--product-card .ui-select-card__image .ui-box-content{height:100%}.ui-select-card--gift-card__text-stack,.ui-select-card--product-card__text-stack{width:100%}.ui-select-card--gift-card{border-radius:var(--oasys-radius-soften)}.ui-select-card--gift-card .ui-select-card__text-body{text-align:left;min-height:calc(var(--oasys-typography-heading-label-primary-line-height) * 2)}.ui-select-card--product-card{border-radius:var(--oasys-radius-layout);border:1px solid var(--oasys-color-brand-border-secondary)}.ui-select-card--product-card .text-body--default{text-align:left}.ui-select-card--product-card__discount-icon{border-radius:var(--oasys-radius-round);border:1px solid transparent;padding:var(--oasys-spacing-tiny);background-color:var(--oasys-color-brand-foreground-highlight)}.ui-select-card--gift-card.selected,.ui-select-card--product-card.selected{--_select-border-width: var(--oasys-border-width-primary);--_select-border-color: var(--oasys-color-interaction-border-selected);--_select-background-color: var(--oasys-color-interaction-background-selected);background-color:var(--_select-background-color);border:var(--_select-border-width) solid var(--_select-border-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width", "image_sizes"], outputs: ["image_loaded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OasysPriceComponent, selector: "ui-price", inputs: ["price", "price_before_discount", "price_type"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3024
3024
|
}
|
|
3025
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3025
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectCardComponent, decorators: [{
|
|
3026
3026
|
type: Component,
|
|
3027
3027
|
args: [{ selector: 'ui-select-card', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
3028
3028
|
NgClass,
|
|
@@ -3061,11 +3061,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
3061
3061
|
|
|
3062
3062
|
/** @deprecated Import the standalone SelectCardComponent directly instead. */
|
|
3063
3063
|
class OasysSelectCardModule {
|
|
3064
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3065
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3066
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3064
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSelectCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3065
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysSelectCardModule, imports: [SelectCardComponent], exports: [SelectCardComponent] });
|
|
3066
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSelectCardModule });
|
|
3067
3067
|
}
|
|
3068
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSelectCardModule, decorators: [{
|
|
3069
3069
|
type: NgModule,
|
|
3070
3070
|
args: [{
|
|
3071
3071
|
imports: [SelectCardComponent],
|
|
@@ -3094,10 +3094,10 @@ class EmphasisDirective {
|
|
|
3094
3094
|
const emphasisText = this.displayParagraph.replace(regex, (match) => `<span class="text-body--emphasis">${match}</span>`);
|
|
3095
3095
|
this.element.nativeElement.innerHTML = emphasisText;
|
|
3096
3096
|
}
|
|
3097
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3098
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3097
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmphasisDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3098
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: EmphasisDirective, isStandalone: true, selector: "[ui-emphasis]", inputs: { searchText: "searchText", displayParagraph: "displayParagraph" }, usesOnChanges: true, ngImport: i0 });
|
|
3099
3099
|
}
|
|
3100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmphasisDirective, decorators: [{
|
|
3101
3101
|
type: Directive,
|
|
3102
3102
|
args: [{
|
|
3103
3103
|
selector: '[ui-emphasis]',
|
|
@@ -3764,8 +3764,8 @@ class OasysComboboxComponent {
|
|
|
3764
3764
|
resetOptionsList() {
|
|
3765
3765
|
this.displayOptions.set(this.options());
|
|
3766
3766
|
}
|
|
3767
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3768
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
3767
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3768
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OasysComboboxComponent, isStandalone: true, selector: "ui-combobox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, displayKey: { classPropertyName: "displayKey", publicName: "displayKey", isSignal: true, isRequired: false, transformFunction: null }, iconNameKey: { classPropertyName: "iconNameKey", publicName: "iconNameKey", isSignal: true, isRequired: false, transformFunction: null }, valueKey: { classPropertyName: "valueKey", publicName: "valueKey", isSignal: true, isRequired: false, transformFunction: null }, subtextKey: { classPropertyName: "subtextKey", publicName: "subtextKey", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showOptions: { classPropertyName: "showOptions", publicName: "showOptions", isSignal: true, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: true, isRequired: false, transformFunction: null }, selectedLabel: { classPropertyName: "selectedLabel", publicName: "selectedLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { didChange: "didChange", didSearch: "didSearch", didEdit: "didEdit" }, host: { listeners: { "document:click": "onClick($event.target)" } }, providers: [
|
|
3769
3769
|
{
|
|
3770
3770
|
provide: NG_VALUE_ACCESSOR,
|
|
3771
3771
|
useExisting: forwardRef(() => OasysComboboxComponent),
|
|
@@ -3773,7 +3773,7 @@ class OasysComboboxComponent {
|
|
|
3773
3773
|
},
|
|
3774
3774
|
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "comboboxContainer", first: true, predicate: ["comboboxContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "footerButton", first: true, predicate: ["footerButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "optionsList", predicate: ["option"], descendants: true, read: ElementRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<ui-stack class=\"ui-combobox-container\" stack_gap=\"tight\">\n <div\n #comboboxContainer\n class=\"ui-combobox text-body--default text-body--regular\"\n (focusout)=\"onContainerFocusOut($event)\"\n >\n <!-- Compbobox Options Input -->\n @if (type() === 'options') {\n <div #combobox name=\"combobox\" (mousedown)=\"togglePanel()\" [attr.id]=\"id() + '-combobox'\">\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <!-- Select Label Area -->\n <div class=\"label-container\" stack_direction=\"x\">\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id()\">{{\n label()\n }}</label>\n </div>\n <input\n #textinput\n [id]=\"id()\"\n [name]=\"id()\"\n [ngModel]=\"textValue()\"\n (ngModelChange)=\"onModelChange($event)\"\n (blur)=\"onModelChange(textValue())\"\n [ngClass]=\"inputDidChange() ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled() || null\"\n [autofocus]=\"autofocus()\"\n [autocomplete]=\"'on'\"\n [required]=\"!optional()\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [placeholder]=\"placeholder() || ''\"\n (keydown)=\"onKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n role=\"combobox\"\n [attr.aria-label]=\"textValue() || label()\"\n [attr.aria-activedescendant]=\"activeDescendantId()\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"listboxId()\"\n [attr.disabled]=\"disabled() || null\"\n [attr.aria-owns]=\"listboxId()\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n aria-readonly=\"true\"\n readonly=\"readonly\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n <!-- Select Icon Chevron Area -->\n <div class=\"icon-container\" [ngClass]=\"{ expand: panelOpen() }\">\n <ui-icon icon_name=\"chevron-down\"></ui-icon>\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Autocomplete Input -->\n @if (type() === 'autocomplete') {\n <div #combobox name=\"combobox\">\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <!-- Select Label Area -->\n <div class=\"label-container\" stack_direction=\"x\">\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id()\">{{\n label()\n }}</label>\n </div>\n <input\n #textinput\n [id]=\"id()\"\n [name]=\"id()\"\n [ngModel]=\"textValue()\"\n (click)=\"onTextInputClick()\"\n (keydown)=\"onKeyDown($event)\"\n (ngModelChange)=\"onModelChangeAutocomplete($event)\"\n [ngClass]=\"inputDidChange() ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled() || null\"\n [autofocus]=\"autofocus()\"\n [autocomplete]=\"'list'\"\n [required]=\"!optional()\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"textValue()\"\n [placeholder]=\"placeholder() || ''\"\n role=\"combobox\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-label]=\"label()\"\n [attr.aria-activedescendant]=\"activeDescendantId()\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"listboxId()\"\n aria-autocomplete=\"list\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div class=\"icon-container\">\n @if (textValue()) {\n <ui-button\n button_type=\"tertiary\"\n button_size=\"small\"\n button_icon=\"close\"\n button_icon_placement=\"iconOnly\"\n [aria_label]=\"clearLabel()\"\n (clicked)=\"cleanInput()\"\n (keydown)=\"onClearButtonKeyDown($event)\"\n (keydown.enter)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"\n >\n {{ clearLabel() }}\n </ui-button>\n }\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Options Panel -->\n @if (panelOpen()) {\n @if (type() === 'autocomplete') {\n <div\n class=\"ui-combobox-options\"\n [ngClass]=\"{ expand: panelOpen(), 'keyboard-open': shouldShowFocus() }\"\n >\n @if (header()) {\n <div class=\"ui-combobox-header text-body--supporting\">\n <span>{{ header() }}</span>\n </div>\n }\n\n <div class=\"ui-combobox-options-list\" role=\"listbox\" [attr.id]=\"listboxId()\">\n @for (option of displayOptions(); track option; let i = $index) {\n <div\n #option\n class=\"ui-combobox-option\"\n role=\"option\"\n tabindex=\"-1\"\n [ngClass]=\"{\n selected:\n selectedOption() === option &&\n (!shouldShowFocus() || focusedOption() === option),\n focus: shouldShowFocus() && focusedOption() === option,\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"optionId(i)\"\n [attr.aria-selected]=\"selectedOption() === option ? true : null\"\n [attr.aria-label]=\"autocompleteOptionAriaLabel(option)\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <div\n [attr.value]=\"valueKey() ? option[valueKey()!] : option.value\"\n [attr.ngValue]=\"displayKey() ? option[displayKey()!] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n @if (option.icon_name || (iconNameKey() && option[iconNameKey()!])) {\n <ui-icon\n [icon_name]=\"iconNameKey() ? option[iconNameKey()!] : option.icon_name\"\n ></ui-icon>\n }\n <ui-stack stack_gap=\"tiny\">\n <span\n ui-emphasis\n [searchText]=\"textValue()\"\n [displayParagraph]=\"option[displayOptionKey()]\"\n >\n </span>\n <p class=\"foreground-secondary-text\">\n {{ option[subtextOptionKey()] }}\n </p>\n </ui-stack>\n </ui-stack>\n </div>\n @if (selectedOption() === option) {\n <ui-icon icon_name=\"tick\"></ui-icon>\n }\n </ui-stack>\n </div>\n }\n </div>\n\n @if (footer()) {\n <div class=\"ui-combobox-footer\">\n <ui-button\n #footerButton\n button_type=\"tertiary\"\n [aria_label]=\"footer()\"\n (click)=\"onFooterAction()\"\n (keydown)=\"onFooterButtonKeyDown($event)\"\n (keydown.escape)=\"onFooterEscape($event)\"\n >\n {{ footer() }}\n </ui-button>\n </div>\n }\n </div>\n } @else {\n <div\n class=\"ui-combobox-options\"\n [ngClass]=\"{ expand: panelOpen(), 'keyboard-open': shouldShowFocus() }\"\n role=\"listbox\"\n [attr.id]=\"listboxId()\"\n >\n <div class=\"ui-combobox-options-list\">\n @for (option of displayOptions(); track $index) {\n <div\n #option\n class=\"ui-combobox-option\"\n role=\"option\"\n tabindex=\"-1\"\n [ngClass]=\"{\n selected:\n isOptionSelected(option) && (!shouldShowFocus() || focusedOption() === option),\n focus: shouldShowFocus() && focusedOption() === option,\n }\"\n (click)=\"selectOption(option, $index)\"\n (keydown)=\"onOptionsListKeyDown($event)\"\n [id]=\"optionId($index)\"\n [attr.aria-selected]=\"isOptionSelected(option) ? true : null\"\n [attr.aria-label]=\"optionsTypeOptionAriaLabel(option)\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <div\n [attr.value]=\"valueKey() ? option[valueKey()!] : option.value\"\n [attr.ngValue]=\"displayKey() ? option[displayKey()!] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n @if (option.icon_name || (iconNameKey() && option[iconNameKey()!])) {\n <ui-icon\n [icon_name]=\"iconNameKey() ? option[iconNameKey()!] : option.icon_name\"\n ></ui-icon>\n }\n <span>{{ option[displayOptionKey()] }}</span>\n </ui-stack>\n </div>\n @if (isOptionSelected(option)) {\n <ui-icon icon_name=\"tick\"></ui-icon>\n }\n </ui-stack>\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (hint()) {\n <ui-box\n class=\"hint-container\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">\n {{ hint() }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width:766px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6,.ui-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-font-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-font-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover,.ui-combobox input,.ui-combobox .select{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width:766px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--oasys-spacing-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container{display:none!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-combobox,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .hint-container,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .hint-container{display:none!important}.ui-checkbox input,.ui-radio input,.ui-text-input input,.ui-combobox input{appearance:none;margin:0;border:none}.ui-checkbox input,.ui-radio input{cursor:pointer}.ui-checkbox,.ui-radio{--_inset: var(--oasys-spacing-near);--_radius: var(--oasys-radius-soften);--_transition_duration: calc(var(--oasys-animation-duration) * 1ms)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--oasys-radius-soften)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--oasys-typography-heading-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--oasys-spacing-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--oasys-component-checkbox-icon-inset);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color calc(var(--_transition_duration) * 1ms),border-color calc(var(--_transition_duration) * 1ms)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-border-selected);border-color:var(--oasys-color-interaction-border-selected);color:var(--oasys-color-brand-foreground-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--oasys-color-interaction-border-selected)!important}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--oasys-color-system-foreground-negative)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--oasys-color-system-foreground-negative)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)!important}.oasys-focus-style,.ui-combobox:has(div[name=combobox]:focus-within),[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,button:focus-visible,button:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}:host{display:block;width:100%}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .ui-text-input,:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .hint-container{display:none!important}.foreground-secondary-text{color:var(--oasys-color-brand-foreground-secondary)}.ui-combobox{--_label-height: var(--oasys-typography-body-supporting-line-height);--_label-input-gap: var(--oasys-spacing-tiny);--_label-top-inset: var(--oasys-spacing-near);--_input-inset-top: calc( var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset) );--_preface-width: var(--oasys-component-text-input-preface-width);position:relative;border-radius:var(--oasys-radius-soften);width:100%;background-color:var(--oasys-color-white)}.ui-combobox{transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}.ui-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center;flex:0 0 auto}.ui-combobox-footer{cursor:pointer;border-top:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-header{color:var(--oasys-color-brand-foreground-secondary);border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-options{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);background-color:var(--oasys-color-white);box-shadow:0 24px 36px #2626261a;border-radius:var(--oasys-radius-soften);box-sizing:border-box;width:100%;height:auto;max-height:40vh;margin-top:var(--oasys-spacing-near);position:absolute;pointer-events:auto;outline:0;display:flex;flex-direction:column;overflow:hidden;transform-origin:top center;grid-template-rows:0fr;opacity:0;transition:opacity var(--_ad) cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.ui-combobox-options-list{flex:1 1 auto;min-height:0;overflow-y:auto}.ui-combobox-option{cursor:pointer;border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) transparent;padding:var(--oasys-spacing-near);outline:none;outline-offset:none}.ui-combobox-option:hover,.ui-combobox-option.selected{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox-option.focus{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften);border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-option:focus-visible{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-options.keyboard-open .ui-combobox-option:hover:not(.focus){background-color:transparent;border-radius:0}.ui-combobox-options.keyboard-open .ui-combobox-option.focus:hover{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--_input-inset-top)}.ui-combobox input{border:none;width:100%;background-color:transparent}.ui-combobox input:focus{outline:none}.ui-combobox input{cursor:pointer}.ui-combobox-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-combobox-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-combobox-container .input-errors .hint-container{display:block!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-combobox-container:has(input:disabled) input,.ui-combobox-container:has(input:disabled) .select{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-combobox-container:has(input:disabled) .ui-combobox-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-combobox .label-container{position:absolute;top:var(--oasys-spacing-near);left:var(--oasys-spacing-near);right:var(--oasys-spacing-near);width:calc(100% - var(--oasys-spacing-near) - var(--oasys-spacing-near))}.ui-combobox .label-container,.ui-combobox .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-combobox .icon-container:hover{transform:scale(1.1)}.ui-combobox .icon-container{transition:all calc(var(--oasys-animation-duration-long) * 1ms) ease;transform-origin:center}.ui-combobox .icon-container.expand{transform:rotate(-179.999deg)}.ui-combobox:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-combobox:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-combobox:has(.input-preface:not(:empty)) input,.ui-combobox:has(.input-preface:not(:empty)) .select{padding-left:var(--_left-inset)}.ui-combobox .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox .input-preface:empty{visibility:hidden}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: EmphasisDirective, selector: "[ui-emphasis]", inputs: ["searchText", "displayParagraph"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3775
3775
|
}
|
|
3776
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3776
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysComboboxComponent, decorators: [{
|
|
3777
3777
|
type: Component,
|
|
3778
3778
|
args: [{ selector: 'ui-combobox', providers: [
|
|
3779
3779
|
{
|
|
@@ -3817,10 +3817,10 @@ class OasysTabComponent {
|
|
|
3817
3817
|
throw new Error(this.tab_label + ': <ui-tab> can`t be empty');
|
|
3818
3818
|
}
|
|
3819
3819
|
}
|
|
3820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3821
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3820
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3821
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysTabComponent, isStandalone: true, selector: "ui-tab", inputs: { tab_label: "tab_label", tab_active: "tab_active" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["tabContent"], descendants: true, static: true }], ngImport: i0, template: '<ng-template #tabContent><ng-content></ng-content></ng-template>', isInline: true });
|
|
3822
3822
|
}
|
|
3823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3823
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabComponent, decorators: [{
|
|
3824
3824
|
type: Component,
|
|
3825
3825
|
args: [{
|
|
3826
3826
|
standalone: true,
|
|
@@ -3840,10 +3840,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
3840
3840
|
|
|
3841
3841
|
class OasysTabActiveComponent {
|
|
3842
3842
|
templateRef = input(...(ngDevMode ? [undefined, { debugName: "templateRef" }] : []));
|
|
3843
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3844
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
3843
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabActiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3844
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: OasysTabActiveComponent, isStandalone: true, selector: "ui-tab-active", inputs: { templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<div role="tabpanel"> <ng-template [ngTemplateOutlet]="templateRef()"></ng-template></div>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
3845
3845
|
}
|
|
3846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3846
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabActiveComponent, decorators: [{
|
|
3847
3847
|
type: Component,
|
|
3848
3848
|
args: [{
|
|
3849
3849
|
standalone: true,
|
|
@@ -3904,10 +3904,10 @@ class OasysTabHeaderComponent {
|
|
|
3904
3904
|
}
|
|
3905
3905
|
}
|
|
3906
3906
|
}
|
|
3907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3908
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
3907
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3908
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: OasysTabHeaderComponent, isStandalone: true, selector: "ui-tab-header", inputs: { tab_size: { classPropertyName: "tab_size", publicName: "tab_size", isSignal: false, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: false, isRequired: false, transformFunction: null }, tab_active: { classPropertyName: "tab_active", publicName: "tab_active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tab_clicked: "tab_clicked" }, ngImport: i0, template: "<div role=\"tablist\" aria-orientation=\"horizontal\">\n <ui-stack\n class=\"ui-tab-header\"\n stack_direction=\"x\"\n [stack_wrap]=\"false\"\n stack_gap=\"none\"\n stack_distribute=\"fit\"\n >\n <div class=\"ui-tab-header_item\" *ngFor=\"let tab of tabs; index as i\">\n <div\n class=\"ui-tab-header_item-label\"\n tabindex=\"0\"\n (click)=\"activateTab(tab)\"\n (keydown)=\"handleKeydown($event, i)\"\n role=\"tab\"\n [attr.aria-selected]=\"tab === tab_active()\"\n [attr.aria-label]=\"tab.tab_label\"\n >\n <span\n class=\"text-body--default\"\n [ngClass]=\"{ 'text-body--emphasis': tab === tab_active() }\"\n >{{ tab.tab_label }}</span\n >\n </div>\n <div [class]=\"getIndicatorClass()\" [ngClass]=\"{ active: tab === tab_active() }\"></div>\n </div>\n </ui-stack>\n</div>\n", styles: [".ui-tab-header{border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-background-disabled);display:flex;align-items:stretch}.ui-tab-header_item{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ui-tab-header_item-label{padding:var(--oasys-spacing-near);border-radius:var(--oasys-component-button-border-radius);border-width:var(--oasys-border-width-prominent);border-style:solid;border-color:transparent;white-space:normal;text-align:center;min-width:100px;flex:1;display:flex;align-items:center;justify-content:center}.ui-tab-header_item-label:hover{background-color:var(--oasys-color-interaction-background-selected);border-color:var(--oasys-color-interaction-background-selected)}.ui-tab-header_item-label:focus-visible{border-width:var(--oasys-border-width-focus);border-style:solid;border-color:var(--oasys-color-interaction-border-focus);outline:none}.ui-tab-header_item-indicator{opacity:0;height:4px;background-color:var(--oasys-color-brand-border-primary);border-radius:var(--oasys-radius-soften);margin-top:var(--oasys-spacing-tight);width:30px}.ui-tab-header_item-indicator.large{width:60px}.ui-tab-header_item-indicator.active{opacity:1;transition:all calc(var(--oasys-animation-duration-long) * 1ms)}\n"], dependencies: [{ kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3909
3909
|
}
|
|
3910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabHeaderComponent, decorators: [{
|
|
3911
3911
|
type: Component,
|
|
3912
3912
|
args: [{ standalone: true, imports: [OasysLayoutModule, NgClass, NgFor], selector: 'ui-tab-header', template: "<div role=\"tablist\" aria-orientation=\"horizontal\">\n <ui-stack\n class=\"ui-tab-header\"\n stack_direction=\"x\"\n [stack_wrap]=\"false\"\n stack_gap=\"none\"\n stack_distribute=\"fit\"\n >\n <div class=\"ui-tab-header_item\" *ngFor=\"let tab of tabs; index as i\">\n <div\n class=\"ui-tab-header_item-label\"\n tabindex=\"0\"\n (click)=\"activateTab(tab)\"\n (keydown)=\"handleKeydown($event, i)\"\n role=\"tab\"\n [attr.aria-selected]=\"tab === tab_active()\"\n [attr.aria-label]=\"tab.tab_label\"\n >\n <span\n class=\"text-body--default\"\n [ngClass]=\"{ 'text-body--emphasis': tab === tab_active() }\"\n >{{ tab.tab_label }}</span\n >\n </div>\n <div [class]=\"getIndicatorClass()\" [ngClass]=\"{ active: tab === tab_active() }\"></div>\n </div>\n </ui-stack>\n</div>\n", styles: [".ui-tab-header{border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-background-disabled);display:flex;align-items:stretch}.ui-tab-header_item{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ui-tab-header_item-label{padding:var(--oasys-spacing-near);border-radius:var(--oasys-component-button-border-radius);border-width:var(--oasys-border-width-prominent);border-style:solid;border-color:transparent;white-space:normal;text-align:center;min-width:100px;flex:1;display:flex;align-items:center;justify-content:center}.ui-tab-header_item-label:hover{background-color:var(--oasys-color-interaction-background-selected);border-color:var(--oasys-color-interaction-background-selected)}.ui-tab-header_item-label:focus-visible{border-width:var(--oasys-border-width-focus);border-style:solid;border-color:var(--oasys-color-interaction-border-focus);outline:none}.ui-tab-header_item-indicator{opacity:0;height:4px;background-color:var(--oasys-color-brand-border-primary);border-radius:var(--oasys-radius-soften);margin-top:var(--oasys-spacing-tight);width:30px}.ui-tab-header_item-indicator.large{width:60px}.ui-tab-header_item-indicator.active{opacity:1;transition:all calc(var(--oasys-animation-duration-long) * 1ms)}\n"] }]
|
|
3913
3913
|
}], propDecorators: { tab_size: [{
|
|
@@ -3936,10 +3936,10 @@ class OasysTabGroupComponent {
|
|
|
3936
3936
|
this.activeComponent = tab;
|
|
3937
3937
|
this.activeComponent.clicked.emit();
|
|
3938
3938
|
}
|
|
3939
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3940
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3939
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3940
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysTabGroupComponent, isStandalone: true, selector: "ui-tab-group", inputs: { tab_size: "tab_size" }, queries: [{ propertyName: "tabs", predicate: OasysTabComponent }], ngImport: i0, template: "<div class=\"ui-tab-group\">\n <ui-tab-header\n *ngIf=\"tabs || activeComponent\"\n [tab_size]=\"tab_size\"\n [tabs]=\"tabs\"\n [tab_active]=\"activeComponent\"\n (tab_clicked)=\"activateTab($event)\"\n ></ui-tab-header>\n\n <ui-tab-active [templateRef]=\"activeComponent?.template\"></ui-tab-active>\n</div>\n", dependencies: [{ kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: OasysTabActiveComponent, selector: "ui-tab-active", inputs: ["templateRef"] }, { kind: "component", type: OasysTabHeaderComponent, selector: "ui-tab-header", inputs: ["tab_size", "tabs", "tab_active"], outputs: ["tab_clicked"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3941
3941
|
}
|
|
3942
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3942
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabGroupComponent, decorators: [{
|
|
3943
3943
|
type: Component,
|
|
3944
3944
|
args: [{ standalone: true, imports: [OasysLayoutModule, OasysTabActiveComponent, OasysTabHeaderComponent, NgIf], selector: 'ui-tab-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-tab-group\">\n <ui-tab-header\n *ngIf=\"tabs || activeComponent\"\n [tab_size]=\"tab_size\"\n [tabs]=\"tabs\"\n [tab_active]=\"activeComponent\"\n (tab_clicked)=\"activateTab($event)\"\n ></ui-tab-header>\n\n <ui-tab-active [templateRef]=\"activeComponent?.template\"></ui-tab-active>\n</div>\n" }]
|
|
3945
3945
|
}], propDecorators: { tab_size: [{
|
|
@@ -3986,15 +3986,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
3986
3986
|
* @OasysLib
|
|
3987
3987
|
*/
|
|
3988
3988
|
class OasysTabsModule {
|
|
3989
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3990
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3989
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3990
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
3991
3991
|
OasysTabComponent,
|
|
3992
3992
|
OasysTabActiveComponent,
|
|
3993
3993
|
OasysTabHeaderComponent] });
|
|
3994
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3994
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
3995
3995
|
OasysTabActiveComponent] });
|
|
3996
3996
|
}
|
|
3997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysTabsModule, decorators: [{
|
|
3998
3998
|
type: NgModule,
|
|
3999
3999
|
args: [{
|
|
4000
4000
|
imports: [
|
|
@@ -4010,10 +4010,10 @@ class ProgressBarComponent {
|
|
|
4010
4010
|
percentage = 50;
|
|
4011
4011
|
style = 'circular';
|
|
4012
4012
|
text = '0 / 3';
|
|
4013
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4014
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4013
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4014
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ProgressBarComponent, isStandalone: true, selector: "ui-progress-bar", inputs: { percentage: "percentage", style: "style", text: "text" }, ngImport: i0, template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
4015
4015
|
}
|
|
4016
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4016
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
4017
4017
|
type: Component,
|
|
4018
4018
|
args: [{ selector: 'ui-progress-bar', standalone: true, imports: [CommonModule, LayoutBoxComponent], template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"] }]
|
|
4019
4019
|
}], propDecorators: { percentage: [{
|
|
@@ -4025,6 +4025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
4025
4025
|
}] } });
|
|
4026
4026
|
|
|
4027
4027
|
class OasysFormErrorsSummaryItemComponent {
|
|
4028
|
+
elementRef = inject(ElementRef);
|
|
4028
4029
|
itemId = signal('errors-summary-item', ...(ngDevMode ? [{ debugName: "itemId" }] : []));
|
|
4029
4030
|
abstractControl = input(...(ngDevMode ? [undefined, { debugName: "abstractControl" }] : []));
|
|
4030
4031
|
error_messages = input({}, ...(ngDevMode ? [{ debugName: "error_messages" }] : []));
|
|
@@ -4037,16 +4038,38 @@ class OasysFormErrorsSummaryItemComponent {
|
|
|
4037
4038
|
// Find the ui-text-input component with the matching ng-reflect-name
|
|
4038
4039
|
const textInputComponent = document.querySelector(`ui-text-input[ng-reflect-name="${controlName}"]`);
|
|
4039
4040
|
if (textInputComponent) {
|
|
4040
|
-
// Find the input element inside the ui-text-input component
|
|
4041
4041
|
const inputElement = textInputComponent.querySelector('input');
|
|
4042
4042
|
if (inputElement) {
|
|
4043
4043
|
inputElement.focus();
|
|
4044
4044
|
inputElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
4045
|
+
this.trapShiftTab(inputElement);
|
|
4045
4046
|
}
|
|
4046
4047
|
}
|
|
4047
4048
|
}
|
|
4048
4049
|
}
|
|
4049
4050
|
}
|
|
4051
|
+
trapShiftTab(inputElement) {
|
|
4052
|
+
const liElement = this.elementRef.nativeElement.querySelector('li');
|
|
4053
|
+
if (!liElement)
|
|
4054
|
+
return;
|
|
4055
|
+
let cleaned = false;
|
|
4056
|
+
const cleanup = () => {
|
|
4057
|
+
if (cleaned)
|
|
4058
|
+
return;
|
|
4059
|
+
cleaned = true;
|
|
4060
|
+
inputElement.removeEventListener('keydown', onShiftTab);
|
|
4061
|
+
inputElement.removeEventListener('blur', cleanup);
|
|
4062
|
+
};
|
|
4063
|
+
const onShiftTab = (event) => {
|
|
4064
|
+
if (event.key === 'Tab' && event.shiftKey) {
|
|
4065
|
+
event.preventDefault();
|
|
4066
|
+
liElement.focus();
|
|
4067
|
+
cleanup();
|
|
4068
|
+
}
|
|
4069
|
+
};
|
|
4070
|
+
inputElement.addEventListener('keydown', onShiftTab);
|
|
4071
|
+
inputElement.addEventListener('blur', cleanup);
|
|
4072
|
+
}
|
|
4050
4073
|
errorMessage = computed(() => {
|
|
4051
4074
|
const currentErrors = this.abstractControl()?.errors;
|
|
4052
4075
|
const messages = this.error_messages() ?? {};
|
|
@@ -4057,10 +4080,10 @@ class OasysFormErrorsSummaryItemComponent {
|
|
|
4057
4080
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
4058
4081
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
4059
4082
|
}, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
|
|
4060
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4061
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
4083
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4084
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OasysFormErrorsSummaryItemComponent, isStandalone: true, selector: "ui-form-errors-summary-item", inputs: { abstractControl: { classPropertyName: "abstractControl", publicName: "abstractControl", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "cursor: pointer;" }, ngImport: i0, template: "@if (errorMessage() && !!abstractControl()?.errors) {\n <li\n class=\"text-link--paragraph text-body--supporting\"\n (click)=\"focusOnControl()\"\n (keydown.enter)=\"focusOnControl()\"\n tabindex=\"0\"\n aria-live=\"polite\"\n [attr.aria-labelledby]=\"'errors-summary-title ' + itemId()\"\n >\n <span [id]=\"itemId()\">\n {{ errorMessage() }}\n </span>\n </li>\n}\n", styles: [""] });
|
|
4062
4085
|
}
|
|
4063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4086
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsSummaryItemComponent, decorators: [{
|
|
4064
4087
|
type: Component,
|
|
4065
4088
|
args: [{ selector: 'ui-form-errors-summary-item', standalone: true, host: {
|
|
4066
4089
|
style: 'cursor: pointer;',
|
|
@@ -4069,32 +4092,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
4069
4092
|
|
|
4070
4093
|
class OasysFormErrorsSummaryComponent {
|
|
4071
4094
|
formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : []));
|
|
4072
|
-
errorsSummaryItems;
|
|
4073
|
-
hasErrorsSummaryItems = computed(() => this.errorsSummaryItems.length > 0, ...(ngDevMode ? [{ debugName: "hasErrorsSummaryItems" }] : []));
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
|
|
4078
|
-
|
|
4079
|
-
|
|
4095
|
+
errorsSummaryItems = contentChildren(OasysFormErrorsSummaryItemComponent, ...(ngDevMode ? [{ debugName: "errorsSummaryItems" }] : []));
|
|
4096
|
+
hasErrorsSummaryItems = computed(() => this.errorsSummaryItems().length > 0, ...(ngDevMode ? [{ debugName: "hasErrorsSummaryItems" }] : []));
|
|
4097
|
+
constructor() {
|
|
4098
|
+
effect(() => {
|
|
4099
|
+
const items = this.errorsSummaryItems();
|
|
4100
|
+
if (items.length === 0) {
|
|
4101
|
+
console.error('ui-form-errors-summary: No ui-form-errors-summary-item components found. Please add at least one ui-form-errors-summary-item.');
|
|
4102
|
+
}
|
|
4103
|
+
items.forEach((item, index) => {
|
|
4104
|
+
item.itemId.set(`errors-summary-item-${index}`);
|
|
4105
|
+
});
|
|
4080
4106
|
});
|
|
4081
4107
|
}
|
|
4082
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4083
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
4108
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4109
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OasysFormErrorsSummaryComponent, isStandalone: true, selector: "ui-form-errors-summary", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "errorsSummaryItems", predicate: OasysFormErrorsSummaryItemComponent, isSignal: true }], ngImport: i0, template: "<div #errorsSummary>\n @if (!formGroup().valid && hasErrorsSummaryItems()) {\n <ui-box class=\"ui-form-errors-summary\" box_space=\"near\" box_align_x=\"center\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\">\n <ui-icon icon_name=\"error\" icon_size_override=\"2\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\">\n <ui-stack stack_gap=\"tight\" class=\"content\" stack_direction=\"y\">\n <div class=\"text-label--secondary\" id=\"errors-summary-title\">\n <ng-content select=\"ui-form-errors-summary-title\"></ng-content>\n </div>\n <ul>\n <ng-content></ng-content>\n </ul>\n </ui-stack>\n </ui-stack>\n </ui-stack>\n </ui-box>\n }\n</div>\n", styles: [":host{display:contents}.ui-form-errors-summary{margin-bottom:var(--oasys-spacing-near);background-color:var(--oasys-color-system-background-negative)}.ui-form-errors-summary .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-form-errors-summary .badge ui-icon{fill:currentColor}.ui-form-errors-summary .content{gap:var(--oasys-spacing-tiny)}.ui-form-errors-summary ul{margin:0}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
4084
4110
|
}
|
|
4085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsSummaryComponent, decorators: [{
|
|
4086
4112
|
type: Component,
|
|
4087
4113
|
args: [{ selector: 'ui-form-errors-summary', standalone: true, imports: [LayoutBoxComponent, LayoutStackComponent, IconComponent], template: "<div #errorsSummary>\n @if (!formGroup().valid && hasErrorsSummaryItems()) {\n <ui-box class=\"ui-form-errors-summary\" box_space=\"near\" box_align_x=\"center\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\">\n <ui-icon icon_name=\"error\" icon_size_override=\"2\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\">\n <ui-stack stack_gap=\"tight\" class=\"content\" stack_direction=\"y\">\n <div class=\"text-label--secondary\" id=\"errors-summary-title\">\n <ng-content select=\"ui-form-errors-summary-title\"></ng-content>\n </div>\n <ul>\n <ng-content></ng-content>\n </ul>\n </ui-stack>\n </ui-stack>\n </ui-stack>\n </ui-box>\n }\n</div>\n", styles: [":host{display:contents}.ui-form-errors-summary{margin-bottom:var(--oasys-spacing-near);background-color:var(--oasys-color-system-background-negative)}.ui-form-errors-summary .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-form-errors-summary .badge ui-icon{fill:currentColor}.ui-form-errors-summary .content{gap:var(--oasys-spacing-tiny)}.ui-form-errors-summary ul{margin:0}\n"] }]
|
|
4088
|
-
}], propDecorators: { formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], errorsSummaryItems: [{
|
|
4089
|
-
type: ContentChildren,
|
|
4090
|
-
args: [OasysFormErrorsSummaryItemComponent]
|
|
4091
|
-
}] } });
|
|
4114
|
+
}], ctorParameters: () => [], propDecorators: { formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], errorsSummaryItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => OasysFormErrorsSummaryItemComponent), { isSignal: true }] }] } });
|
|
4092
4115
|
|
|
4093
4116
|
class OasysFormErrorsSummaryTitleComponent {
|
|
4094
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4095
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4117
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsSummaryTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4118
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OasysFormErrorsSummaryTitleComponent, isStandalone: true, selector: "ui-form-errors-summary-title", host: { attributes: { "tabindex": "-1" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
4096
4119
|
}
|
|
4097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysFormErrorsSummaryTitleComponent, decorators: [{
|
|
4098
4121
|
type: Component,
|
|
4099
4122
|
args: [{
|
|
4100
4123
|
selector: 'ui-form-errors-summary-title',
|
|
@@ -4102,8 +4125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
4102
4125
|
standalone: true,
|
|
4103
4126
|
imports: [CommonModule],
|
|
4104
4127
|
host: {
|
|
4105
|
-
|
|
4106
|
-
'aria-live': 'polite',
|
|
4128
|
+
tabindex: '-1',
|
|
4107
4129
|
},
|
|
4108
4130
|
}]
|
|
4109
4131
|
}] });
|