oasys-lib 1.88.0-rc.0 → 1.90.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/alert/alert-cancel.directive.mjs +5 -4
- package/esm2022/lib/components/alert/alert-confirm.directive.mjs +5 -4
- package/esm2022/lib/components/alert/alert-content.directive.mjs +3 -3
- package/esm2022/lib/components/alert/alert-title.directive.mjs +3 -3
- package/esm2022/lib/components/alert/alert.component.mjs +11 -8
- package/esm2022/lib/components/alert/alert.module.mjs +6 -6
- package/esm2022/lib/components/banner/banner.component.mjs +14 -5
- package/esm2022/lib/components/banner/banner.module.mjs +4 -4
- package/esm2022/lib/components/button/button.component.mjs +50 -43
- package/esm2022/lib/components/button/button.module.mjs +4 -4
- package/esm2022/lib/components/button-group/button-group.component.mjs +11 -9
- package/esm2022/lib/components/button-group/button-group.module.mjs +4 -4
- package/esm2022/lib/components/card/card.component.mjs +18 -3
- package/esm2022/lib/components/card/card.module.mjs +4 -4
- package/esm2022/lib/components/carousel/carousel.component.mjs +29 -22
- package/esm2022/lib/components/carousel/carousel.module.mjs +4 -4
- package/esm2022/lib/components/divider/divider.component.mjs +4 -6
- package/esm2022/lib/components/divider/divider.module.mjs +4 -4
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +17 -10
- package/esm2022/lib/components/form/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/components/form/chip/chip.component.mjs +16 -10
- package/esm2022/lib/components/form/chip/chip.module.mjs +6 -6
- package/esm2022/lib/components/form/combobox/combobox.component.mjs +42 -20
- package/esm2022/lib/components/form/combobox/combobox.module.mjs +6 -6
- package/esm2022/lib/components/form/errors/form-errors.component.mjs +15 -17
- package/esm2022/lib/components/form/errors/form-errors.module.mjs +6 -6
- package/esm2022/lib/components/form/form-group/form-group.component.mjs +16 -13
- package/esm2022/lib/components/form/form-group/form-group.module.mjs +6 -6
- package/esm2022/lib/components/form/radio/radio.component.mjs +19 -12
- package/esm2022/lib/components/form/radio/radio.module.mjs +4 -4
- package/esm2022/lib/components/form/text-input/text-input.component.mjs +32 -22
- package/esm2022/lib/components/form/text-input/text-input.module.mjs +6 -6
- package/esm2022/lib/components/heading/heading.component.mjs +16 -7
- package/esm2022/lib/components/heading/heading.module.mjs +4 -4
- package/esm2022/lib/components/hero/hero.component.mjs +29 -10
- package/esm2022/lib/components/hero/hero.module.mjs +4 -4
- package/esm2022/lib/components/icon/icon.component.mjs +15 -6
- package/esm2022/lib/components/icon/icon.mjs +1 -1
- package/esm2022/lib/components/icon/icon.module.mjs +4 -4
- package/esm2022/lib/components/image/image.component.mjs +17 -18
- package/esm2022/lib/components/image/image.module.mjs +4 -4
- package/esm2022/lib/components/label/label.component.mjs +17 -15
- package/esm2022/lib/components/label/label.module.mjs +6 -6
- package/esm2022/lib/components/layout/box/box.component.mjs +23 -16
- package/esm2022/lib/components/layout/container/container.component.mjs +12 -7
- package/esm2022/lib/components/layout/grid/grid-column.component.mjs +10 -6
- package/esm2022/lib/components/layout/grid/grid.component.mjs +11 -9
- package/esm2022/lib/components/layout/layout.module.mjs +5 -5
- package/esm2022/lib/components/layout/stack/stack.component.mjs +13 -11
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumbs.component.mjs +5 -3
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumbs.module.mjs +6 -6
- package/esm2022/lib/components/navigation/tabs/tab/tab.component.mjs +7 -8
- package/esm2022/lib/components/navigation/tabs/tab-active/tab-active.component.mjs +4 -6
- package/esm2022/lib/components/navigation/tabs/tab-group/tab-group.component.mjs +6 -6
- package/esm2022/lib/components/navigation/tabs/tab-group/tab-group.module.mjs +6 -6
- package/esm2022/lib/components/navigation/tabs/tab-header/tab-header.component.mjs +10 -8
- package/esm2022/lib/components/pill/pill.component.mjs +5 -7
- package/esm2022/lib/components/pill/pill.module.mjs +4 -4
- package/esm2022/lib/components/pill-group/pill-group.component.mjs +7 -5
- package/esm2022/lib/components/pill-group/pill-group.module.mjs +4 -4
- package/esm2022/lib/components/price/price.component.mjs +6 -6
- package/esm2022/lib/components/price/price.module.mjs +4 -4
- package/esm2022/lib/components/promo-card/promo-card.component.mjs +22 -8
- package/esm2022/lib/components/promo-card/promo-card.module.mjs +4 -4
- package/esm2022/lib/components/section/section.component.mjs +30 -11
- package/esm2022/lib/components/section/section.module.mjs +4 -4
- package/esm2022/lib/components/select-card/select-card.component.mjs +19 -6
- package/esm2022/lib/components/select-card/select-card.module.mjs +4 -4
- package/esm2022/lib/components/seo-block/seo-block.component.mjs +17 -7
- package/esm2022/lib/components/seo-block/seo-block.module.mjs +6 -6
- package/esm2022/lib/components/text/text.component.mjs +8 -8
- package/esm2022/lib/components/text/text.module.mjs +4 -4
- package/esm2022/lib/directives/autofocus/autofocus.directive.mjs +5 -3
- package/esm2022/lib/directives/directives.module.mjs +4 -4
- package/esm2022/lib/directives/emphasis/emphasis.directive.mjs +6 -5
- package/esm2022/lib/directives/href/href.directive.mjs +5 -3
- package/esm2022/lib/services/breakpoint.service.mjs +12 -11
- package/esm2022/lib/services/href.service.mjs +3 -3
- package/esm2022/lib/services/image.service.mjs +9 -8
- package/esm2022/lib/services/token.service.mjs +5 -4
- package/fesm2022/oasys-lib.mjs +730 -511
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/icon/icon.d.ts +1 -1
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/assets/bloomandwild/icons/icons.svg +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/icons/icons.svg +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
|
@@ -11,15 +11,16 @@ import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/fo
|
|
|
11
11
|
import { register } from 'swiper/element/bundle';
|
|
12
12
|
|
|
13
13
|
class OasysAlertCancelDirective {
|
|
14
|
+
elem;
|
|
15
|
+
text = '';
|
|
14
16
|
constructor(elem) {
|
|
15
17
|
this.elem = elem;
|
|
16
|
-
this.text = '';
|
|
17
18
|
}
|
|
18
19
|
ngAfterContentChecked() {
|
|
19
20
|
this.text = this.elem.nativeElement.innerText;
|
|
20
21
|
}
|
|
21
|
-
static
|
|
22
|
-
static
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertCancelDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
23
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OasysAlertCancelDirective, selector: "ui-alert-cancel, [ui-alert-cancel]", ngImport: i0 });
|
|
23
24
|
}
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertCancelDirective, decorators: [{
|
|
25
26
|
type: Directive,
|
|
@@ -29,15 +30,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
29
30
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
30
31
|
|
|
31
32
|
class OasysAlertConfirmDirective {
|
|
33
|
+
elem;
|
|
34
|
+
text = '';
|
|
32
35
|
constructor(elem) {
|
|
33
36
|
this.elem = elem;
|
|
34
|
-
this.text = '';
|
|
35
37
|
}
|
|
36
38
|
ngAfterContentChecked() {
|
|
37
39
|
this.text = this.elem.nativeElement.innerText;
|
|
38
40
|
}
|
|
39
|
-
static
|
|
40
|
-
static
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertConfirmDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
42
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OasysAlertConfirmDirective, selector: "ui-alert-confirm, [ui-alert-confirm]", ngImport: i0 });
|
|
41
43
|
}
|
|
42
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertConfirmDirective, decorators: [{
|
|
43
45
|
type: Directive,
|
|
@@ -47,8 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
47
49
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
48
50
|
|
|
49
51
|
class OasysAlertContentDirective {
|
|
50
|
-
static
|
|
51
|
-
static
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
53
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OasysAlertContentDirective, selector: "ui-alert-content, [ui-alert-content]", ngImport: i0 });
|
|
52
54
|
}
|
|
53
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertContentDirective, decorators: [{
|
|
54
56
|
type: Directive,
|
|
@@ -58,8 +60,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
58
60
|
}] });
|
|
59
61
|
|
|
60
62
|
class OasysAlertTitleDirective {
|
|
61
|
-
static
|
|
62
|
-
static
|
|
63
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
64
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OasysAlertTitleDirective, selector: "ui-alert-title, [ui-alert-title]", ngImport: i0 });
|
|
63
65
|
}
|
|
64
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertTitleDirective, decorators: [{
|
|
65
67
|
type: Directive,
|
|
@@ -76,16 +78,17 @@ var Breakpoint;
|
|
|
76
78
|
Breakpoint["DESKTOP"] = "(min-width: 1440px)";
|
|
77
79
|
})(Breakpoint || (Breakpoint = {}));
|
|
78
80
|
class BreakpointService {
|
|
81
|
+
breakpointObserver;
|
|
82
|
+
currentSize = new BehaviorSubject(Breakpoint.MOBILE);
|
|
83
|
+
breakpoints = [
|
|
84
|
+
Breakpoint.DESKTOP,
|
|
85
|
+
Breakpoint.LAPTOP,
|
|
86
|
+
Breakpoint.TABLET,
|
|
87
|
+
Breakpoint.MOBILE
|
|
88
|
+
];
|
|
89
|
+
isDestroyed = new Subject();
|
|
79
90
|
constructor(breakpointObserver) {
|
|
80
91
|
this.breakpointObserver = breakpointObserver;
|
|
81
|
-
this.currentSize = new BehaviorSubject(Breakpoint.MOBILE);
|
|
82
|
-
this.breakpoints = [
|
|
83
|
-
Breakpoint.DESKTOP,
|
|
84
|
-
Breakpoint.LAPTOP,
|
|
85
|
-
Breakpoint.TABLET,
|
|
86
|
-
Breakpoint.MOBILE
|
|
87
|
-
];
|
|
88
|
-
this.isDestroyed = new Subject();
|
|
89
92
|
breakpointObserver
|
|
90
93
|
.observe(this.breakpoints)
|
|
91
94
|
.pipe(takeUntil(this.isDestroyed))
|
|
@@ -101,8 +104,8 @@ class BreakpointService {
|
|
|
101
104
|
this.isDestroyed.next();
|
|
102
105
|
this.isDestroyed.complete();
|
|
103
106
|
}
|
|
104
|
-
static
|
|
105
|
-
static
|
|
107
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreakpointService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
108
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreakpointService, providedIn: 'root' });
|
|
106
109
|
}
|
|
107
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreakpointService, decorators: [{
|
|
108
111
|
type: Injectable,
|
|
@@ -112,9 +115,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
112
115
|
}], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
|
|
113
116
|
|
|
114
117
|
class TokenService {
|
|
118
|
+
document;
|
|
119
|
+
brandCustomPropertyName = '--oasys-utility-brand-slug';
|
|
115
120
|
constructor(document) {
|
|
116
121
|
this.document = document;
|
|
117
|
-
this.brandCustomPropertyName = '--oasys-utility-brand-slug';
|
|
118
122
|
}
|
|
119
123
|
convertRemToPixels(remString) {
|
|
120
124
|
const remNumber = parseFloat(remString.replace('rem', ''));
|
|
@@ -169,8 +173,8 @@ class TokenService {
|
|
|
169
173
|
});
|
|
170
174
|
});
|
|
171
175
|
}
|
|
172
|
-
static
|
|
173
|
-
static
|
|
176
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TokenService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
177
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TokenService });
|
|
174
178
|
}
|
|
175
179
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TokenService, decorators: [{
|
|
176
180
|
type: Injectable
|
|
@@ -180,22 +184,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
180
184
|
}] }] });
|
|
181
185
|
|
|
182
186
|
class LayoutBoxComponent {
|
|
187
|
+
changes;
|
|
188
|
+
tokenService;
|
|
189
|
+
box_space = 'default';
|
|
190
|
+
box_space_top;
|
|
191
|
+
box_space_right;
|
|
192
|
+
box_space_bottom;
|
|
193
|
+
box_space_left;
|
|
194
|
+
box_align_x = 'start';
|
|
195
|
+
box_align_y = 'start';
|
|
196
|
+
box_fill_mode = 'fill';
|
|
197
|
+
box_background = 'primary';
|
|
198
|
+
box_content_fill_width = false;
|
|
199
|
+
box_border_color = 'primary';
|
|
200
|
+
box_border_width = 'none';
|
|
201
|
+
box_border_style = 'solid';
|
|
202
|
+
box_border_radius = 'none';
|
|
203
|
+
didFirstInit = false;
|
|
204
|
+
prefix = 'ui-layout-box';
|
|
205
|
+
boxLayoutClasses;
|
|
206
|
+
backgroundIsDark = false;
|
|
183
207
|
constructor(changes, tokenService) {
|
|
184
208
|
this.changes = changes;
|
|
185
209
|
this.tokenService = tokenService;
|
|
186
|
-
this.box_space = 'default';
|
|
187
|
-
this.box_align_x = 'start';
|
|
188
|
-
this.box_align_y = 'start';
|
|
189
|
-
this.box_fill_mode = 'fill';
|
|
190
|
-
this.box_background = 'primary';
|
|
191
|
-
this.box_content_fill_width = false;
|
|
192
|
-
this.box_border_color = 'primary';
|
|
193
|
-
this.box_border_width = 'none';
|
|
194
|
-
this.box_border_style = 'solid';
|
|
195
|
-
this.box_border_radius = 'none';
|
|
196
|
-
this.didFirstInit = false;
|
|
197
|
-
this.prefix = 'ui-layout-box';
|
|
198
|
-
this.backgroundIsDark = false;
|
|
199
210
|
}
|
|
200
211
|
/**
|
|
201
212
|
* Check the passed string to see if it contains JSON
|
|
@@ -317,8 +328,8 @@ class LayoutBoxComponent {
|
|
|
317
328
|
return `${this.prefix}-fill-container`;
|
|
318
329
|
}
|
|
319
330
|
}
|
|
320
|
-
static
|
|
321
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutBoxComponent, selector: "ui-box", inputs: { box_space: "box_space", 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" } }, usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content"><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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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-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 }); }
|
|
331
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
332
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutBoxComponent, selector: "ui-box", inputs: { box_space: "box_space", 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" } }, usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content"><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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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: 767px){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: 768px){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){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-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 });
|
|
322
333
|
}
|
|
323
334
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutBoxComponent, decorators: [{
|
|
324
335
|
type: Component,
|
|
@@ -356,16 +367,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
356
367
|
}] } });
|
|
357
368
|
|
|
358
369
|
class LayoutStackComponent {
|
|
370
|
+
changes;
|
|
371
|
+
didFirstInit = false;
|
|
372
|
+
prefix = 'ui-layout-stack';
|
|
373
|
+
stackLayoutClasses;
|
|
374
|
+
stack_gap = 'default';
|
|
375
|
+
stack_align = 'start';
|
|
376
|
+
stack_direction = 'y';
|
|
377
|
+
stack_distribute = 'start';
|
|
378
|
+
stack_wrap = false;
|
|
379
|
+
stack_collapse_below = 'none';
|
|
359
380
|
constructor(changes) {
|
|
360
381
|
this.changes = changes;
|
|
361
|
-
this.didFirstInit = false;
|
|
362
|
-
this.prefix = 'ui-layout-stack';
|
|
363
|
-
this.stack_gap = 'default';
|
|
364
|
-
this.stack_align = 'start';
|
|
365
|
-
this.stack_direction = 'y';
|
|
366
|
-
this.stack_distribute = 'start';
|
|
367
|
-
this.stack_wrap = false;
|
|
368
|
-
this.stack_collapse_below = 'none';
|
|
369
382
|
}
|
|
370
383
|
defaultDistribution() {
|
|
371
384
|
if (this.stack_distribute) {
|
|
@@ -393,8 +406,8 @@ class LayoutStackComponent {
|
|
|
393
406
|
];
|
|
394
407
|
this.didFirstInit = true;
|
|
395
408
|
}
|
|
396
|
-
static
|
|
397
|
-
static
|
|
409
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutStackComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
410
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutStackComponent, 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" }, host: { properties: { "class": "stackLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;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-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: 767px){.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 });
|
|
398
411
|
}
|
|
399
412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutStackComponent, decorators: [{
|
|
400
413
|
type: Component,
|
|
@@ -416,12 +429,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
416
429
|
}] } });
|
|
417
430
|
|
|
418
431
|
class IconComponent {
|
|
432
|
+
document;
|
|
433
|
+
tokenService;
|
|
434
|
+
icon_size = 'large';
|
|
435
|
+
icon_size_override;
|
|
436
|
+
icon_name;
|
|
437
|
+
icon_context = 'none';
|
|
438
|
+
alt_text = '';
|
|
439
|
+
icon_class;
|
|
440
|
+
size;
|
|
441
|
+
iconDisplayClasses;
|
|
442
|
+
iconSizeInPixels;
|
|
443
|
+
iconPath;
|
|
419
444
|
constructor(document, tokenService) {
|
|
420
445
|
this.document = document;
|
|
421
446
|
this.tokenService = tokenService;
|
|
422
|
-
this.icon_size = 'large';
|
|
423
|
-
this.icon_context = 'none';
|
|
424
|
-
this.alt_text = '';
|
|
425
447
|
}
|
|
426
448
|
ngOnChanges() {
|
|
427
449
|
this.ngOnInit();
|
|
@@ -440,8 +462,8 @@ class IconComponent {
|
|
|
440
462
|
this.iconSizeInPixels = sizeInPixels;
|
|
441
463
|
});
|
|
442
464
|
}
|
|
443
|
-
static
|
|
444
|
-
static
|
|
465
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, deps: [{ token: DOCUMENT }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
466
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: IconComponent, 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" }, 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 >\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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
445
467
|
}
|
|
446
468
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, decorators: [{
|
|
447
469
|
type: Component,
|
|
@@ -466,6 +488,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
466
488
|
const ROUTING_HANDLER = new InjectionToken('ROUTING_HANDLER');
|
|
467
489
|
|
|
468
490
|
class OasysHrefDirective {
|
|
491
|
+
routingHandler;
|
|
492
|
+
element;
|
|
469
493
|
constructor(el, routingHandler) {
|
|
470
494
|
this.routingHandler = routingHandler;
|
|
471
495
|
this.element = el;
|
|
@@ -476,8 +500,8 @@ class OasysHrefDirective {
|
|
|
476
500
|
ngAfterViewInit() {
|
|
477
501
|
this.routingHandler.handleHrefDomains(this.element.nativeElement);
|
|
478
502
|
}
|
|
479
|
-
static
|
|
480
|
-
static
|
|
503
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHrefDirective, deps: [{ token: i0.ElementRef }, { token: ROUTING_HANDLER }], target: i0.ɵɵFactoryTarget.Directive });
|
|
504
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
|
|
481
505
|
}
|
|
482
506
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHrefDirective, decorators: [{
|
|
483
507
|
type: Directive,
|
|
@@ -494,48 +518,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
494
518
|
;
|
|
495
519
|
|
|
496
520
|
class OasysButtonComponent {
|
|
521
|
+
elementRef;
|
|
522
|
+
clicked = new EventEmitter();
|
|
523
|
+
ngContent;
|
|
524
|
+
button_icon;
|
|
525
|
+
button_icon_placement = 'leading';
|
|
526
|
+
button_size = 'large';
|
|
527
|
+
button_type = 'primary';
|
|
528
|
+
button_full_width = false;
|
|
529
|
+
button_event_type = 'button';
|
|
530
|
+
button_disabled = false;
|
|
531
|
+
button_selected = false;
|
|
532
|
+
button_text_nowrap = false;
|
|
533
|
+
aria_label;
|
|
534
|
+
aria_role = 'button';
|
|
535
|
+
href;
|
|
536
|
+
button;
|
|
537
|
+
iconContext = 'none';
|
|
538
|
+
textTransform;
|
|
539
|
+
outlineButtonTypes = ['secondary', 'secondary-inverse'];
|
|
540
|
+
computedAccessibleButtonContent = '';
|
|
541
|
+
computedButtonDisplayClasses = [];
|
|
497
542
|
constructor(elementRef) {
|
|
498
543
|
this.elementRef = elementRef;
|
|
499
|
-
this.clicked = new EventEmitter();
|
|
500
|
-
this.button_icon_placement = 'leading';
|
|
501
|
-
this.button_size = 'large';
|
|
502
|
-
this.button_type = 'primary';
|
|
503
|
-
this.button_full_width = false;
|
|
504
|
-
this.button_event_type = 'button';
|
|
505
|
-
this.button_disabled = false;
|
|
506
|
-
this.button_selected = false;
|
|
507
|
-
this.button_text_nowrap = false;
|
|
508
|
-
this.aria_role = 'button';
|
|
509
|
-
this.iconContext = 'none';
|
|
510
|
-
this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
|
|
511
|
-
this.computedAccessibleButtonContent = '';
|
|
512
|
-
this.computedButtonDisplayClasses = [];
|
|
513
|
-
this.accessibleButtonContent = () => {
|
|
514
|
-
if (this.aria_label) {
|
|
515
|
-
return this.aria_label;
|
|
516
|
-
}
|
|
517
|
-
else if (this.ngContent && this.ngContent?.nativeElement?.innerText?.length) {
|
|
518
|
-
return this.ngContent.nativeElement.innerText;
|
|
519
|
-
}
|
|
520
|
-
else if (!this.ngContent &&
|
|
521
|
-
this.elementRef.nativeElement?.innerText?.length) {
|
|
522
|
-
return this.elementRef.nativeElement.innerText;
|
|
523
|
-
}
|
|
524
|
-
return '';
|
|
525
|
-
};
|
|
526
|
-
this.buttonDisplayClasses = () => [
|
|
527
|
-
`type-${this.button_type}`,
|
|
528
|
-
`size-${this.button_size}`,
|
|
529
|
-
`${this.button_icon ? 'button--has-icon' : ''}`,
|
|
530
|
-
`${this.button_text_nowrap ? 'button--nowrap' : ''}`,
|
|
531
|
-
`${this.button_full_width ? 'button--full-width' : ''}`,
|
|
532
|
-
`${this.button_icon ? 'button--icon--' + this.button_icon_placement : ''}`,
|
|
533
|
-
`${this.outlineButtonTypes.indexOf(this.button_type) !== -1
|
|
534
|
-
? 'button--outline'
|
|
535
|
-
: ''}`,
|
|
536
|
-
`${this.button_selected ? 'button--selected' : ''}`,
|
|
537
|
-
`${this.button_type === 'chip' ? 'button--chip' : ''}`
|
|
538
|
-
].filter(Boolean);
|
|
539
544
|
}
|
|
540
545
|
onClick() {
|
|
541
546
|
this.clicked.emit();
|
|
@@ -567,8 +572,34 @@ class OasysButtonComponent {
|
|
|
567
572
|
`);
|
|
568
573
|
}
|
|
569
574
|
}
|
|
570
|
-
|
|
571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\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 \n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\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,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-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-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.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[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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
575
|
+
accessibleButtonContent = () => {
|
|
576
|
+
if (this.aria_label) {
|
|
577
|
+
return this.aria_label;
|
|
578
|
+
}
|
|
579
|
+
else if (this.ngContent && this.ngContent?.nativeElement?.innerText?.length) {
|
|
580
|
+
return this.ngContent.nativeElement.innerText;
|
|
581
|
+
}
|
|
582
|
+
else if (!this.ngContent &&
|
|
583
|
+
this.elementRef.nativeElement?.innerText?.length) {
|
|
584
|
+
return this.elementRef.nativeElement.innerText;
|
|
585
|
+
}
|
|
586
|
+
return '';
|
|
587
|
+
};
|
|
588
|
+
buttonDisplayClasses = () => [
|
|
589
|
+
`type-${this.button_type}`,
|
|
590
|
+
`size-${this.button_size}`,
|
|
591
|
+
`${this.button_icon ? 'button--has-icon' : ''}`,
|
|
592
|
+
`${this.button_text_nowrap ? 'button--nowrap' : ''}`,
|
|
593
|
+
`${this.button_full_width ? 'button--full-width' : ''}`,
|
|
594
|
+
`${this.button_icon ? 'button--icon--' + this.button_icon_placement : ''}`,
|
|
595
|
+
`${this.outlineButtonTypes.indexOf(this.button_type) !== -1
|
|
596
|
+
? 'button--outline'
|
|
597
|
+
: ''}`,
|
|
598
|
+
`${this.button_selected ? 'button--selected' : ''}`,
|
|
599
|
+
`${this.button_type === 'chip' ? 'button--chip' : ''}`
|
|
600
|
+
].filter(Boolean);
|
|
601
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
602
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\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 \n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\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,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-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-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.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[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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
572
603
|
}
|
|
573
604
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
574
605
|
type: Component,
|
|
@@ -605,13 +636,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
605
636
|
}] } });
|
|
606
637
|
|
|
607
638
|
class OasysAlertComponent {
|
|
639
|
+
breakpointService;
|
|
640
|
+
direction = 'dynamic';
|
|
641
|
+
tone = 'neutral';
|
|
642
|
+
button_size = 'large';
|
|
643
|
+
cancel = new EventEmitter();
|
|
644
|
+
confirm = new EventEmitter();
|
|
645
|
+
cancelButton;
|
|
646
|
+
confirmButton;
|
|
608
647
|
constructor(breakpointService) {
|
|
609
648
|
this.breakpointService = breakpointService;
|
|
610
|
-
this.direction = 'dynamic';
|
|
611
|
-
this.tone = 'neutral';
|
|
612
|
-
this.button_size = 'large';
|
|
613
|
-
this.cancel = new EventEmitter();
|
|
614
|
-
this.confirm = new EventEmitter();
|
|
615
649
|
}
|
|
616
650
|
get isVertical() {
|
|
617
651
|
switch (this.direction) {
|
|
@@ -632,8 +666,8 @@ class OasysAlertComponent {
|
|
|
632
666
|
confirmed() {
|
|
633
667
|
this.confirm.emit();
|
|
634
668
|
}
|
|
635
|
-
static
|
|
636
|
-
static
|
|
669
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
670
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone", 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 }], 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 class=\"content\" stack_direction=\"y\">\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 [stack_wrap]=\"isVertical\" stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\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)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { 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"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
637
671
|
}
|
|
638
672
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertComponent, decorators: [{
|
|
639
673
|
type: Component,
|
|
@@ -663,8 +697,8 @@ class HrefService {
|
|
|
663
697
|
handleHrefDomains() {
|
|
664
698
|
// throw new Error('handleHrefDomains has not been implemented');
|
|
665
699
|
}
|
|
666
|
-
static
|
|
667
|
-
static
|
|
700
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HrefService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
701
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HrefService, providedIn: 'root' });
|
|
668
702
|
}
|
|
669
703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HrefService, decorators: [{
|
|
670
704
|
type: Injectable,
|
|
@@ -672,6 +706,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
672
706
|
}] });
|
|
673
707
|
|
|
674
708
|
class OasysAutofocusDirective {
|
|
709
|
+
el;
|
|
710
|
+
_autofocus;
|
|
675
711
|
set autofocus(condition) {
|
|
676
712
|
this._autofocus = condition != false;
|
|
677
713
|
}
|
|
@@ -685,8 +721,8 @@ class OasysAutofocusDirective {
|
|
|
685
721
|
}, 500);
|
|
686
722
|
}
|
|
687
723
|
}
|
|
688
|
-
static
|
|
689
|
-
static
|
|
724
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
725
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: { autofocus: "autofocus" }, ngImport: i0 });
|
|
690
726
|
}
|
|
691
727
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAutofocusDirective, decorators: [{
|
|
692
728
|
type: Directive,
|
|
@@ -698,9 +734,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
698
734
|
}] } });
|
|
699
735
|
|
|
700
736
|
class OasysDirectivesModule {
|
|
701
|
-
static
|
|
702
|
-
static
|
|
703
|
-
static
|
|
737
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
738
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysDirectivesModule, declarations: [OasysHrefDirective, OasysAutofocusDirective], imports: [CommonModule, RouterModule], exports: [OasysHrefDirective, OasysAutofocusDirective] });
|
|
739
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDirectivesModule, providers: [{ provide: ROUTING_HANDLER, useClass: HrefService }], imports: [CommonModule, RouterModule] });
|
|
704
740
|
}
|
|
705
741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDirectivesModule, decorators: [{
|
|
706
742
|
type: NgModule,
|
|
@@ -713,9 +749,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
713
749
|
}] });
|
|
714
750
|
|
|
715
751
|
class OasysIconModule {
|
|
716
|
-
static
|
|
717
|
-
static
|
|
718
|
-
static
|
|
752
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
753
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule, declarations: [IconComponent], imports: [CommonModule, OasysDirectivesModule], exports: [IconComponent] });
|
|
754
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule, providers: [TokenService], imports: [CommonModule, OasysDirectivesModule] });
|
|
719
755
|
}
|
|
720
756
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule, decorators: [{
|
|
721
757
|
type: NgModule,
|
|
@@ -728,9 +764,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
728
764
|
}] });
|
|
729
765
|
|
|
730
766
|
class OasysButtonModule {
|
|
731
|
-
static
|
|
732
|
-
static
|
|
733
|
-
static
|
|
767
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
768
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule, declarations: [OasysButtonComponent], imports: [CommonModule, RouterModule, OasysIconModule, OasysDirectivesModule], exports: [OasysButtonComponent] });
|
|
769
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule, imports: [CommonModule, RouterModule, OasysIconModule, OasysDirectivesModule] });
|
|
734
770
|
}
|
|
735
771
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule, decorators: [{
|
|
736
772
|
type: NgModule,
|
|
@@ -742,11 +778,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
742
778
|
}] });
|
|
743
779
|
|
|
744
780
|
class LayoutContainerComponent {
|
|
781
|
+
changes;
|
|
782
|
+
container_fluid = false;
|
|
783
|
+
container_gutter = true;
|
|
784
|
+
prefix = 'ui-layout-container';
|
|
785
|
+
containerLayoutClasses;
|
|
786
|
+
containerGutterNameLarge;
|
|
787
|
+
containerGutterNameSmall;
|
|
788
|
+
containerHorizontalSizes;
|
|
745
789
|
constructor(changes) {
|
|
746
790
|
this.changes = changes;
|
|
747
|
-
this.container_fluid = false;
|
|
748
|
-
this.container_gutter = true;
|
|
749
|
-
this.prefix = 'ui-layout-container';
|
|
750
791
|
}
|
|
751
792
|
ngOnChanges() {
|
|
752
793
|
this.ngOnInit();
|
|
@@ -759,10 +800,10 @@ class LayoutContainerComponent {
|
|
|
759
800
|
this.container_gutter === true || this.container_gutter === 'true' ? '' : `${this.prefix}-no-gutter`
|
|
760
801
|
].flat(10).filter(Boolean);
|
|
761
802
|
}
|
|
762
|
-
static
|
|
763
|
-
static
|
|
803
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
804
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutContainerComponent, selector: "ui-container", inputs: { container_fluid: "container_fluid", container_gutter: "container_gutter" }, host: { properties: { "class": "containerLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
764
805
|
<ng-content></ng-content>
|
|
765
|
-
`, 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: 767px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 768px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 1080px){: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: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){: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 });
|
|
806
|
+
`, 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: 767px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 768px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 1080px){: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: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){: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 });
|
|
766
807
|
}
|
|
767
808
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContainerComponent, decorators: [{
|
|
768
809
|
type: Component,
|
|
@@ -778,11 +819,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
778
819
|
}] } });
|
|
779
820
|
|
|
780
821
|
class LayoutGridColumnComponent {
|
|
822
|
+
changes;
|
|
823
|
+
didFirstInit = false;
|
|
824
|
+
prefix = 'ui-layout-column';
|
|
825
|
+
columnLayoutClasses;
|
|
826
|
+
columns = 12;
|
|
827
|
+
column_inset;
|
|
828
|
+
grid_base;
|
|
781
829
|
constructor(changes) {
|
|
782
830
|
this.changes = changes;
|
|
783
|
-
this.didFirstInit = false;
|
|
784
|
-
this.prefix = 'ui-layout-column';
|
|
785
|
-
this.columns = 12;
|
|
786
831
|
}
|
|
787
832
|
getSizeClasses(columns, classString) {
|
|
788
833
|
if (!columns) {
|
|
@@ -813,8 +858,8 @@ class LayoutGridColumnComponent {
|
|
|
813
858
|
].flat(10).filter(Boolean);
|
|
814
859
|
this.didFirstInit = true;
|
|
815
860
|
}
|
|
816
|
-
static
|
|
817
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutGridColumnComponent, 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: 767px){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: 768px){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){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: 767px){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 }); }
|
|
861
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridColumnComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
862
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutGridColumnComponent, 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: 767px){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: 768px){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){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: 767px){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 });
|
|
818
863
|
}
|
|
819
864
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridColumnComponent, decorators: [{
|
|
820
865
|
type: Component,
|
|
@@ -828,14 +873,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
828
873
|
}] } });
|
|
829
874
|
|
|
830
875
|
class LayoutGridComponent {
|
|
876
|
+
changes;
|
|
877
|
+
grid_auto = false;
|
|
878
|
+
grid_collapse_below = 'tablet';
|
|
879
|
+
grid_gap = 'default';
|
|
880
|
+
grid_base = 12;
|
|
881
|
+
didFirstInit = false;
|
|
882
|
+
prefix = 'ui-layout-grid';
|
|
883
|
+
gridLayoutClasses;
|
|
831
884
|
constructor(changes) {
|
|
832
885
|
this.changes = changes;
|
|
833
|
-
this.grid_auto = false;
|
|
834
|
-
this.grid_collapse_below = 'tablet';
|
|
835
|
-
this.grid_gap = 'default';
|
|
836
|
-
this.grid_base = 12;
|
|
837
|
-
this.didFirstInit = false;
|
|
838
|
-
this.prefix = 'ui-layout-grid';
|
|
839
886
|
}
|
|
840
887
|
get gridTemplateColumns() {
|
|
841
888
|
if (this.grid_auto)
|
|
@@ -857,8 +904,8 @@ class LayoutGridComponent {
|
|
|
857
904
|
];
|
|
858
905
|
this.didFirstInit = true;
|
|
859
906
|
}
|
|
860
|
-
static
|
|
861
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutGridComponent, 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: 767px){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: 768px){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){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: 767px){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 }); }
|
|
907
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
908
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutGridComponent, 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: 767px){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: 768px){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){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: 767px){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 });
|
|
862
909
|
}
|
|
863
910
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridComponent, decorators: [{
|
|
864
911
|
type: Component,
|
|
@@ -877,8 +924,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
877
924
|
}] } });
|
|
878
925
|
|
|
879
926
|
class OasysLayoutModule {
|
|
880
|
-
static
|
|
881
|
-
static
|
|
927
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
928
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, declarations: [LayoutBoxComponent,
|
|
882
929
|
LayoutContainerComponent,
|
|
883
930
|
LayoutGridComponent,
|
|
884
931
|
LayoutGridColumnComponent,
|
|
@@ -886,8 +933,8 @@ class OasysLayoutModule {
|
|
|
886
933
|
LayoutContainerComponent,
|
|
887
934
|
LayoutGridColumnComponent,
|
|
888
935
|
LayoutGridComponent,
|
|
889
|
-
LayoutStackComponent] });
|
|
890
|
-
static
|
|
936
|
+
LayoutStackComponent] });
|
|
937
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, providers: [TokenService], imports: [OasysDirectivesModule] });
|
|
891
938
|
}
|
|
892
939
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, decorators: [{
|
|
893
940
|
type: NgModule,
|
|
@@ -912,6 +959,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
912
959
|
}] });
|
|
913
960
|
|
|
914
961
|
class OasysButtonGroupComponent {
|
|
962
|
+
breakpointService;
|
|
963
|
+
prefix;
|
|
964
|
+
button_group_align = 'start';
|
|
965
|
+
button_group_collapse_below = 'tablet';
|
|
966
|
+
// Used for only 'ghost' buttons (button_type="tertiary")
|
|
967
|
+
// applies a negative X margin so that the text of a button aligns with
|
|
968
|
+
// other content. Do not use unless all buttons are of type Tertiary.
|
|
969
|
+
button_group_ghost_align = 'none';
|
|
915
970
|
get class() {
|
|
916
971
|
return `
|
|
917
972
|
ui-button-group-ghost-${this.button_group_ghost_align}
|
|
@@ -919,12 +974,6 @@ class OasysButtonGroupComponent {
|
|
|
919
974
|
}
|
|
920
975
|
constructor(breakpointService) {
|
|
921
976
|
this.breakpointService = breakpointService;
|
|
922
|
-
this.button_group_align = 'start';
|
|
923
|
-
this.button_group_collapse_below = 'tablet';
|
|
924
|
-
// Used for only 'ghost' buttons (button_type="tertiary")
|
|
925
|
-
// applies a negative X margin so that the text of a button aligns with
|
|
926
|
-
// other content. Do not use unless all buttons are of type Tertiary.
|
|
927
|
-
this.button_group_ghost_align = 'none';
|
|
928
977
|
}
|
|
929
978
|
ngOnInit() {
|
|
930
979
|
}
|
|
@@ -940,8 +989,8 @@ class OasysButtonGroupComponent {
|
|
|
940
989
|
return false;
|
|
941
990
|
}
|
|
942
991
|
}
|
|
943
|
-
static
|
|
944
|
-
static
|
|
992
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
993
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysButtonGroupComponent, 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\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
945
994
|
}
|
|
946
995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupComponent, decorators: [{
|
|
947
996
|
type: Component,
|
|
@@ -958,9 +1007,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
958
1007
|
}] } });
|
|
959
1008
|
|
|
960
1009
|
class OasysButtonGroupModule {
|
|
961
|
-
static
|
|
962
|
-
static
|
|
963
|
-
static
|
|
1010
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1011
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule, declarations: [OasysButtonGroupComponent], imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule], exports: [OasysButtonGroupComponent] });
|
|
1012
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule, imports: [OasysLayoutModule, CommonModule, RouterModule, OasysButtonModule] });
|
|
964
1013
|
}
|
|
965
1014
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule, decorators: [{
|
|
966
1015
|
type: NgModule,
|
|
@@ -972,8 +1021,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
972
1021
|
}] });
|
|
973
1022
|
|
|
974
1023
|
class OasysAlertModule {
|
|
975
|
-
static
|
|
976
|
-
static
|
|
1024
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1025
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertModule, declarations: [OasysAlertCancelDirective,
|
|
977
1026
|
OasysAlertConfirmDirective,
|
|
978
1027
|
OasysAlertContentDirective,
|
|
979
1028
|
OasysAlertTitleDirective,
|
|
@@ -986,13 +1035,13 @@ class OasysAlertModule {
|
|
|
986
1035
|
OasysAlertConfirmDirective,
|
|
987
1036
|
OasysAlertContentDirective,
|
|
988
1037
|
OasysAlertTitleDirective,
|
|
989
|
-
OasysAlertComponent] });
|
|
990
|
-
static
|
|
1038
|
+
OasysAlertComponent] });
|
|
1039
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertModule, imports: [CommonModule,
|
|
991
1040
|
OasysLayoutModule,
|
|
992
1041
|
OasysButtonModule,
|
|
993
1042
|
OasysIconModule,
|
|
994
1043
|
OasysDirectivesModule,
|
|
995
|
-
OasysButtonGroupModule] });
|
|
1044
|
+
OasysButtonGroupModule] });
|
|
996
1045
|
}
|
|
997
1046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysAlertModule, decorators: [{
|
|
998
1047
|
type: NgModule,
|
|
@@ -1023,6 +1072,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1023
1072
|
}] });
|
|
1024
1073
|
|
|
1025
1074
|
class BreadcrumbsComponent {
|
|
1075
|
+
breadcrumbs_values;
|
|
1076
|
+
values;
|
|
1026
1077
|
ngOnInit() {
|
|
1027
1078
|
if (typeof this.breadcrumbs_values === 'string') {
|
|
1028
1079
|
this.values = JSON.parse(this.breadcrumbs_values) ?? [];
|
|
@@ -1031,8 +1082,8 @@ class BreadcrumbsComponent {
|
|
|
1031
1082
|
this.values = this.breadcrumbs_values;
|
|
1032
1083
|
}
|
|
1033
1084
|
}
|
|
1034
|
-
static
|
|
1035
|
-
static
|
|
1085
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1086
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BreadcrumbsComponent, 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 *ngIf=\"i<values.length-1\" button_size=\"small\" button_type=\"tertiary\" href=\"{{item.href}}\"> \n <span> {{item.name}} </span>\n </ui-button> \n <ui-icon *ngIf=\"i<values.length-1\" icon_name=\"chevron-right\" icon_size=\"small\" icon_class=\"buttonIcon\" aria-hidden=\"true\"></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button *ngIf=\"i===values.length-1\" button_size=\"small\" button_type=\"tertiary\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span> {{item.name}} </span>\n </ui-button> \n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.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"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1036
1087
|
}
|
|
1037
1088
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
1038
1089
|
type: Component,
|
|
@@ -1042,17 +1093,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1042
1093
|
}] } });
|
|
1043
1094
|
|
|
1044
1095
|
class OasysBreadcrumbModule {
|
|
1045
|
-
static
|
|
1046
|
-
static
|
|
1096
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1097
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, declarations: [BreadcrumbsComponent], imports: [CommonModule,
|
|
1047
1098
|
OasysButtonModule,
|
|
1048
1099
|
OasysIconModule,
|
|
1049
1100
|
OasysLayoutModule,
|
|
1050
|
-
OasysDirectivesModule], exports: [BreadcrumbsComponent] });
|
|
1051
|
-
static
|
|
1101
|
+
OasysDirectivesModule], exports: [BreadcrumbsComponent] });
|
|
1102
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, imports: [CommonModule,
|
|
1052
1103
|
OasysButtonModule,
|
|
1053
1104
|
OasysIconModule,
|
|
1054
1105
|
OasysLayoutModule,
|
|
1055
|
-
OasysDirectivesModule] });
|
|
1106
|
+
OasysDirectivesModule] });
|
|
1056
1107
|
}
|
|
1057
1108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, decorators: [{
|
|
1058
1109
|
type: NgModule,
|
|
@@ -1070,12 +1121,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1070
1121
|
}] });
|
|
1071
1122
|
|
|
1072
1123
|
class ImageService {
|
|
1124
|
+
mediaUrl;
|
|
1125
|
+
fallbackBreakpoint = 768;
|
|
1126
|
+
breakpoints = [
|
|
1127
|
+
320, 360, 375, 414, 640, 750, 768, 1080, 1280, 1366, 1440, 1536, 1600, 1680,
|
|
1128
|
+
1920, 2560, 3440, 3840
|
|
1129
|
+
];
|
|
1073
1130
|
constructor(env) {
|
|
1074
|
-
this.fallbackBreakpoint = 768;
|
|
1075
|
-
this.breakpoints = [
|
|
1076
|
-
320, 360, 375, 414, 640, 750, 768, 1080, 1280, 1366, 1440, 1536, 1600, 1680,
|
|
1077
|
-
1920, 2560, 3440, 3840
|
|
1078
|
-
];
|
|
1079
1131
|
this.mediaUrl = env?.mediaUrl ?? 'https://media.bloomdev.org';
|
|
1080
1132
|
}
|
|
1081
1133
|
getQualityForWidth(width) {
|
|
@@ -1127,8 +1179,8 @@ class ImageService {
|
|
|
1127
1179
|
.map((size) => `(max-width: ${size}px) ${size}px`)
|
|
1128
1180
|
.join(', ');
|
|
1129
1181
|
}
|
|
1130
|
-
static
|
|
1131
|
-
static
|
|
1182
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageService, deps: [{ token: 'env', optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1183
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageService, providedIn: 'root' });
|
|
1132
1184
|
}
|
|
1133
1185
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageService, decorators: [{
|
|
1134
1186
|
type: Injectable,
|
|
@@ -1150,21 +1202,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1150
1202
|
* Issue - https://github.com/angular/angular/issues/53981
|
|
1151
1203
|
*/
|
|
1152
1204
|
class ImageComponent {
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
}
|
|
1205
|
+
image_src;
|
|
1206
|
+
image_alt_text = ''; // Default set here so images are set as decorative by default
|
|
1207
|
+
image_aria_describedby = null;
|
|
1208
|
+
image_fill = false;
|
|
1209
|
+
fetchpriority = 'auto';
|
|
1210
|
+
loading = 'lazy';
|
|
1211
|
+
preload_aspect_ratio = '1:1';
|
|
1212
|
+
image_width = null; // source when defining sizes either relates on viewport width or a specificed width in pixels
|
|
1213
|
+
image_loaded = new EventEmitter();
|
|
1214
|
+
imageService = inject(ImageService);
|
|
1215
|
+
el = inject((ElementRef));
|
|
1216
|
+
image = signal(null);
|
|
1217
|
+
imageSizes = this.imageService.getImageSizes();
|
|
1218
|
+
intersectionObserver = null;
|
|
1168
1219
|
get class() {
|
|
1169
1220
|
return `${this.image_fill ? 'imageFill' : ''}`;
|
|
1170
1221
|
}
|
|
@@ -1263,8 +1314,8 @@ class ImageComponent {
|
|
|
1263
1314
|
this.intersectionObserver = null;
|
|
1264
1315
|
}
|
|
1265
1316
|
}
|
|
1266
|
-
static
|
|
1267
|
-
static
|
|
1317
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1318
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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" }, outputs: { image_loaded: "image_loaded" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "@if (image()) {\n <picture>\n <source\n [attr.sizes]=\"image().width ?? imageSizes\"\n [attr.srcset]=\"null\"\n [attr.data-srcset]=\"image().srcSetUrls\"\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]=\"null\"\n [attr.data-src]=\"image().fallbackUrl\"\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 />\n </picture>\n}\n", styles: [":host.imageFill,:host.imageFill picture,:host.imageFill img{display:block;height:100%}:host.imageFill img{object-fit:cover}img{display:block;width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
1268
1319
|
}
|
|
1269
1320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageComponent, decorators: [{
|
|
1270
1321
|
type: Component,
|
|
@@ -1294,6 +1345,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1294
1345
|
}] } });
|
|
1295
1346
|
|
|
1296
1347
|
class CardComponent {
|
|
1348
|
+
tokenService;
|
|
1349
|
+
// We need to know the label height so that we can adjust the parent stack placement
|
|
1350
|
+
imageLabel;
|
|
1351
|
+
// Card image variables
|
|
1352
|
+
label_text;
|
|
1353
|
+
image;
|
|
1354
|
+
alt_text;
|
|
1355
|
+
image_format;
|
|
1356
|
+
aspectRatio;
|
|
1357
|
+
// Card content variables
|
|
1358
|
+
small_title_left;
|
|
1359
|
+
small_sub_title_right;
|
|
1360
|
+
standard_content;
|
|
1361
|
+
bold_content;
|
|
1362
|
+
stackOffset;
|
|
1297
1363
|
constructor(tokenService) {
|
|
1298
1364
|
this.tokenService = tokenService;
|
|
1299
1365
|
}
|
|
@@ -1327,8 +1393,8 @@ class CardComponent {
|
|
|
1327
1393
|
return this.tokenService.getTokenValue('--oasys-component-card-aspect-ratio-portrait');
|
|
1328
1394
|
}
|
|
1329
1395
|
}
|
|
1330
|
-
static
|
|
1331
|
-
static
|
|
1396
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1397
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardComponent, 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)" } }, 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 <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 <h5>{{label_text}}</h5>\n </ui-box>\n <ui-box *ngIf=\"small_title_left || small_sub_title_right\" [box_space_top]=\"label_text ? 'none' : 'tight'\" box_space=\"none\" box_background=\"transparent\" >\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\">{{small_sub_title_right}}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">{{standard_content}}</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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { 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"], outputs: ["image_loaded"] }] });
|
|
1332
1398
|
}
|
|
1333
1399
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, decorators: [{
|
|
1334
1400
|
type: Component,
|
|
@@ -1370,9 +1436,9 @@ class OasysImageModule {
|
|
|
1370
1436
|
]
|
|
1371
1437
|
};
|
|
1372
1438
|
}
|
|
1373
|
-
static
|
|
1374
|
-
static
|
|
1375
|
-
static
|
|
1439
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1440
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule, imports: [CommonModule, OasysDirectivesModule, ImageComponent], exports: [ImageComponent] });
|
|
1441
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule, providers: [ImageService], imports: [CommonModule, OasysDirectivesModule] });
|
|
1376
1442
|
}
|
|
1377
1443
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule, decorators: [{
|
|
1378
1444
|
type: NgModule,
|
|
@@ -1385,9 +1451,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1385
1451
|
}] });
|
|
1386
1452
|
|
|
1387
1453
|
class OasysCardModule {
|
|
1388
|
-
static
|
|
1389
|
-
static
|
|
1390
|
-
static
|
|
1454
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1455
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule, declarations: [CardComponent], imports: [CommonModule, OasysLayoutModule, RouterModule, OasysImageModule, OasysDirectivesModule], exports: [CardComponent] });
|
|
1456
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, RouterModule, OasysImageModule, OasysDirectivesModule] });
|
|
1391
1457
|
}
|
|
1392
1458
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule, decorators: [{
|
|
1393
1459
|
type: NgModule,
|
|
@@ -1400,14 +1466,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1400
1466
|
}] });
|
|
1401
1467
|
|
|
1402
1468
|
class DividerComponent {
|
|
1403
|
-
|
|
1404
|
-
this.divider_type = 'secondary';
|
|
1405
|
-
}
|
|
1469
|
+
divider_type = 'secondary';
|
|
1406
1470
|
getClass() {
|
|
1407
1471
|
return this.divider_type === 'secondary' ? `ui-divider--type-${this.divider_type}` : `ui-divider--type-${this.divider_type}`;
|
|
1408
1472
|
}
|
|
1409
|
-
static
|
|
1410
|
-
static
|
|
1473
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1474
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DividerComponent, selector: "ui-divider", inputs: { divider_type: "divider_type" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"none\" box_background=\"core-secondary\" [ngClass]=\"getClass()\"></ui-box>", 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1411
1475
|
}
|
|
1412
1476
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DividerComponent, decorators: [{
|
|
1413
1477
|
type: Component,
|
|
@@ -1417,9 +1481,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1417
1481
|
}] } });
|
|
1418
1482
|
|
|
1419
1483
|
class OasysDividerModule {
|
|
1420
|
-
static
|
|
1421
|
-
static
|
|
1422
|
-
static
|
|
1484
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1485
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule, declarations: [DividerComponent], imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [DividerComponent] });
|
|
1486
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule, imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule] });
|
|
1423
1487
|
}
|
|
1424
1488
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule, decorators: [{
|
|
1425
1489
|
type: NgModule,
|
|
@@ -1431,18 +1495,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1431
1495
|
}] });
|
|
1432
1496
|
|
|
1433
1497
|
class FormGroupComponent {
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormGroupComponent, selector: "ui-form-group", inputs: { group_title: "group_title", group_title_hidden: "group_title_hidden", group_type: "group_type" }, ngImport: i0, template: "<fieldset>\n <legend [ngClass]=\"{'visually-hidden': group_title_hidden, 'primary': group_type === 'primary', 'secondary': group_type === 'secondary'}\">\n {{group_title}}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>", 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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-body-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-body-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: 767px){.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: 767px){.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: "directive", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1498
|
+
/**
|
|
1499
|
+
* Required
|
|
1500
|
+
* Set the title to automatically show the correctly styled heading/legend
|
|
1501
|
+
*/
|
|
1502
|
+
group_title;
|
|
1503
|
+
/**
|
|
1504
|
+
* Hide the title of the form group but it remains accessible to screen readers.
|
|
1505
|
+
*/
|
|
1506
|
+
group_title_hidden = false;
|
|
1507
|
+
/**
|
|
1508
|
+
* Affects which type title text and input is shown
|
|
1509
|
+
*/
|
|
1510
|
+
group_type = 'primary';
|
|
1511
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1512
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormGroupComponent, selector: "ui-form-group", inputs: { group_title: "group_title", group_title_hidden: "group_title_hidden", group_type: "group_type" }, ngImport: i0, template: "<fieldset>\n <legend [ngClass]=\"{'visually-hidden': group_title_hidden, 'primary': group_type === 'primary', 'secondary': group_type === 'secondary'}\">\n {{group_title}}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>", 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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-body-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-body-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: 767px){.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: 767px){.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: "directive", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1446
1513
|
}
|
|
1447
1514
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
1448
1515
|
type: Component,
|
|
@@ -1456,14 +1523,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1456
1523
|
}] } });
|
|
1457
1524
|
|
|
1458
1525
|
class RadioComponent {
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1526
|
+
radio_type = 'primary';
|
|
1527
|
+
// Required for chip component
|
|
1528
|
+
hide_radio = false;
|
|
1529
|
+
iconName;
|
|
1530
|
+
label;
|
|
1531
|
+
value;
|
|
1532
|
+
name;
|
|
1533
|
+
checked;
|
|
1534
|
+
didChange = new EventEmitter();
|
|
1535
|
+
id;
|
|
1536
|
+
iconSize;
|
|
1537
|
+
selectedValue;
|
|
1538
|
+
onChange = () => { };
|
|
1539
|
+
onTouched = () => { };
|
|
1540
|
+
constructor() { }
|
|
1467
1541
|
selectOption() {
|
|
1468
1542
|
this.onChange(this.value);
|
|
1469
1543
|
this.onTouched();
|
|
@@ -1486,14 +1560,14 @@ class RadioComponent {
|
|
|
1486
1560
|
ngOnInit() {
|
|
1487
1561
|
this.id = this.label + Math.random();
|
|
1488
1562
|
}
|
|
1489
|
-
static
|
|
1490
|
-
static
|
|
1563
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1564
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RadioComponent, selector: "ui-radio", inputs: { radio_type: "radio_type", hide_radio: "hide_radio", iconName: "iconName", label: "label", value: "value", name: "name", checked: "checked" }, outputs: { didChange: "didChange" }, providers: [
|
|
1491
1565
|
{
|
|
1492
1566
|
provide: NG_VALUE_ACCESSOR,
|
|
1493
1567
|
useExisting: forwardRef(() => RadioComponent),
|
|
1494
1568
|
multi: true,
|
|
1495
1569
|
},
|
|
1496
|
-
], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n <input\n role=\"radio\"\n type=\"radio\"\n [id]=\"id\"\n [value]=\"value\"\n [ngModel]=\"selectedValue\"\n (ngModelChange)=\"onModelChange($event)\"\n [ngClass]=\"radio_type\"\n [name]=\"name\"\n [checked]=\"checked\"\n />\n <label [for]=\"id\" [ngClass]=\"radio_type\">\n <ui-stack stack_gap=\"near\" [stack_align]=\"hide_radio ? 'center' : 'start'\" stack_direction=\"x\">\n <div [ngClass]=\"{ 'icon--hidden': hide_radio, 'icon-container': true }\">\n <div class=\"dot\"></div>\n </div>\n <ui-stack stack_gap=\"tight\">\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_gap=\"near\"\n [ngClass]=\"radio_type === 'primary' ? 'text-body--default' : 'text-body--supporting'\"\n >\n <ui-icon\n *ngIf=\"hide_radio && iconName\"\n [icon_name]=\"iconName\"\n icon_size=\"small\"\n ></ui-icon>\n <span class=\"main-label\" [ngClass]=\"{ 'label--center': hide_radio }\">{{ label }}</span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span\n [attr.aria-details]=\"id\"\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-body-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-body-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: 767px){.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: 767px){.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{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}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.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: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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"] }] }); }
|
|
1570
|
+
], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n <input\n role=\"radio\"\n type=\"radio\"\n [id]=\"id\"\n [value]=\"value\"\n [ngModel]=\"selectedValue\"\n (ngModelChange)=\"onModelChange($event)\"\n [ngClass]=\"radio_type\"\n [name]=\"name\"\n [checked]=\"checked\"\n />\n <label [for]=\"id\" [ngClass]=\"radio_type\">\n <ui-stack stack_gap=\"near\" [stack_align]=\"hide_radio ? 'center' : 'start'\" stack_direction=\"x\">\n <div [ngClass]=\"{ 'icon--hidden': hide_radio, 'icon-container': true }\">\n <div class=\"dot\"></div>\n </div>\n <ui-stack stack_gap=\"tight\">\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_gap=\"near\"\n [ngClass]=\"radio_type === 'primary' ? 'text-body--default' : 'text-body--supporting'\"\n >\n <ui-icon\n *ngIf=\"hide_radio && iconName\"\n [icon_name]=\"iconName\"\n icon_size=\"small\"\n ></ui-icon>\n <span class=\"main-label\" [ngClass]=\"{ 'label--center': hide_radio }\">{{ label }}</span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span\n [attr.aria-details]=\"id\"\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-body-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-body-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: 767px){.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: 767px){.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{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}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.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: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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"] }] });
|
|
1497
1571
|
}
|
|
1498
1572
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioComponent, decorators: [{
|
|
1499
1573
|
type: Component,
|
|
@@ -1523,9 +1597,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1523
1597
|
}] } });
|
|
1524
1598
|
|
|
1525
1599
|
class OasysRadioModule {
|
|
1526
|
-
static
|
|
1527
|
-
static
|
|
1528
|
-
static
|
|
1600
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1601
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, declarations: [RadioComponent], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule], exports: [RadioComponent] });
|
|
1602
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule] });
|
|
1529
1603
|
}
|
|
1530
1604
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, decorators: [{
|
|
1531
1605
|
type: NgModule,
|
|
@@ -1538,15 +1612,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1538
1612
|
}] });
|
|
1539
1613
|
|
|
1540
1614
|
class CheckboxComponent {
|
|
1615
|
+
tokenService;
|
|
1616
|
+
checkbox_type = 'primary';
|
|
1617
|
+
// Required for chip component
|
|
1618
|
+
hide_checkbox = false;
|
|
1619
|
+
iconName;
|
|
1620
|
+
label;
|
|
1621
|
+
checked;
|
|
1622
|
+
required;
|
|
1623
|
+
didChange = new EventEmitter();
|
|
1624
|
+
id;
|
|
1625
|
+
iconSize;
|
|
1541
1626
|
constructor(tokenService) {
|
|
1542
1627
|
this.tokenService = tokenService;
|
|
1543
|
-
this.checkbox_type = 'primary';
|
|
1544
|
-
// Required for chip component
|
|
1545
|
-
this.hide_checkbox = false;
|
|
1546
|
-
this.didChange = new EventEmitter();
|
|
1547
|
-
this.onChange = () => { };
|
|
1548
|
-
this.onTouched = () => { };
|
|
1549
1628
|
}
|
|
1629
|
+
onChange = () => { };
|
|
1630
|
+
onTouched = () => { };
|
|
1550
1631
|
writeValue(checked) {
|
|
1551
1632
|
this.checked = checked;
|
|
1552
1633
|
}
|
|
@@ -1566,14 +1647,14 @@ class CheckboxComponent {
|
|
|
1566
1647
|
this.id = this.label + Math.random();
|
|
1567
1648
|
this.iconSize = this.tokenService.getTokenValue(`--oasys-component-checkbox-icon-size-${this.checkbox_type}`);
|
|
1568
1649
|
}
|
|
1569
|
-
static
|
|
1570
|
-
static
|
|
1650
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1651
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckboxComponent, selector: "ui-checkbox", inputs: { checkbox_type: "checkbox_type", hide_checkbox: "hide_checkbox", iconName: "iconName", label: "label", checked: "checked", required: "required" }, outputs: { didChange: "didChange" }, providers: [
|
|
1571
1652
|
{
|
|
1572
1653
|
provide: NG_VALUE_ACCESSOR,
|
|
1573
1654
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
1574
1655
|
multi: true,
|
|
1575
1656
|
},
|
|
1576
|
-
], 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 [ngClass]=\"checkbox_type\"\n />\n <label [for]=\"id\" [ngClass]=\"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 [ngClass]=\"{\n 'focus-element': checkbox_type === 'secondary',\n 'icon--hidden': hide_checkbox\n }\"\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_distribute=\"space-between\"\n [ngClass]=\"checkbox_type === 'primary' ? 'text-body--default' : 'text-body--supporting'\"\n >\n <ui-icon\n *ngIf=\"hide_checkbox && iconName\"\n [icon_name]=\"iconName\"\n icon_size=\"small\"\n ></ui-icon>\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-body-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-body-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: 767px){.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: 767px){.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:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i4.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"] }] }); }
|
|
1657
|
+
], 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 [ngClass]=\"checkbox_type\"\n />\n <label [for]=\"id\" [ngClass]=\"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 [ngClass]=\"{\n 'focus-element': checkbox_type === 'secondary',\n 'icon--hidden': hide_checkbox\n }\"\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_distribute=\"space-between\"\n [ngClass]=\"checkbox_type === 'primary' ? 'text-body--default' : 'text-body--supporting'\"\n >\n <ui-icon\n *ngIf=\"hide_checkbox && iconName\"\n [icon_name]=\"iconName\"\n icon_size=\"small\"\n ></ui-icon>\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-body-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-body-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: 767px){.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: 767px){.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:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i4.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"] }] });
|
|
1577
1658
|
}
|
|
1578
1659
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
1579
1660
|
type: Component,
|
|
@@ -1601,9 +1682,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1601
1682
|
}] } });
|
|
1602
1683
|
|
|
1603
1684
|
class OasysCheckboxModule {
|
|
1604
|
-
static
|
|
1605
|
-
static
|
|
1606
|
-
static
|
|
1685
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1686
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule], exports: [CheckboxComponent] });
|
|
1687
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule] });
|
|
1607
1688
|
}
|
|
1608
1689
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, decorators: [{
|
|
1609
1690
|
type: NgModule,
|
|
@@ -1616,21 +1697,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1616
1697
|
}] });
|
|
1617
1698
|
|
|
1618
1699
|
class OasysFormGroupModule {
|
|
1619
|
-
static
|
|
1620
|
-
static
|
|
1700
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1701
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule, declarations: [FormGroupComponent], imports: [CommonModule,
|
|
1621
1702
|
OasysLayoutModule,
|
|
1622
1703
|
ReactiveFormsModule,
|
|
1623
1704
|
FormsModule,
|
|
1624
1705
|
OasysIconModule,
|
|
1625
1706
|
OasysRadioModule,
|
|
1626
|
-
OasysCheckboxModule], exports: [FormGroupComponent] });
|
|
1627
|
-
static
|
|
1707
|
+
OasysCheckboxModule], exports: [FormGroupComponent] });
|
|
1708
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule, providers: [TokenService], imports: [CommonModule,
|
|
1628
1709
|
OasysLayoutModule,
|
|
1629
1710
|
ReactiveFormsModule,
|
|
1630
1711
|
FormsModule,
|
|
1631
1712
|
OasysIconModule,
|
|
1632
1713
|
OasysRadioModule,
|
|
1633
|
-
OasysCheckboxModule] });
|
|
1714
|
+
OasysCheckboxModule] });
|
|
1634
1715
|
}
|
|
1635
1716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule, decorators: [{
|
|
1636
1717
|
type: NgModule,
|
|
@@ -1651,27 +1732,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1651
1732
|
}] });
|
|
1652
1733
|
|
|
1653
1734
|
class TextInputComponent {
|
|
1735
|
+
document;
|
|
1736
|
+
label;
|
|
1737
|
+
hint;
|
|
1738
|
+
optional = true;
|
|
1739
|
+
type = 'text';
|
|
1740
|
+
inputmode = 'text';
|
|
1741
|
+
autocomplete = 'on';
|
|
1742
|
+
autofocus = false;
|
|
1743
|
+
minlength;
|
|
1744
|
+
maxlength = 255;
|
|
1745
|
+
pattern;
|
|
1746
|
+
autocorrect = this.type === 'text'; // do not spell check emails and passwords
|
|
1747
|
+
disabled = false;
|
|
1748
|
+
aria_label;
|
|
1749
|
+
show_password_string = 'Show'; // Pass in translated string
|
|
1750
|
+
hide_password_string = 'Hide'; // Pass in translated string
|
|
1751
|
+
validation_messages; // Pass in translated string
|
|
1752
|
+
didChange = new EventEmitter();
|
|
1753
|
+
textInput;
|
|
1754
|
+
prefaceContent;
|
|
1755
|
+
textValue = '';
|
|
1756
|
+
showPassword = false;
|
|
1757
|
+
inputDidChange = false; // only show valdiation after a change event (ie. blur)
|
|
1758
|
+
textInputType = 'text';
|
|
1759
|
+
id;
|
|
1760
|
+
safariAutocorrect = 'on';
|
|
1654
1761
|
constructor(document) {
|
|
1655
1762
|
this.document = document;
|
|
1656
|
-
this.optional = true;
|
|
1657
|
-
this.type = 'text';
|
|
1658
|
-
this.inputmode = 'text';
|
|
1659
|
-
this.autocomplete = 'on';
|
|
1660
|
-
this.autofocus = false;
|
|
1661
|
-
this.maxlength = 255;
|
|
1662
|
-
this.autocorrect = this.type === 'text'; // do not spell check emails and passwords
|
|
1663
|
-
this.disabled = false;
|
|
1664
|
-
this.show_password_string = 'Show'; // Pass in translated string
|
|
1665
|
-
this.hide_password_string = 'Hide'; // Pass in translated string
|
|
1666
|
-
this.didChange = new EventEmitter();
|
|
1667
|
-
this.textValue = '';
|
|
1668
|
-
this.showPassword = false;
|
|
1669
|
-
this.inputDidChange = false; // only show valdiation after a change event (ie. blur)
|
|
1670
|
-
this.textInputType = 'text';
|
|
1671
|
-
this.safariAutocorrect = 'on';
|
|
1672
|
-
this.onChange = () => { };
|
|
1673
|
-
this.onTouched = () => { };
|
|
1674
1763
|
}
|
|
1764
|
+
onChange = () => { };
|
|
1765
|
+
onTouched = () => { };
|
|
1675
1766
|
writeValue(textValue) {
|
|
1676
1767
|
this.textValue = textValue;
|
|
1677
1768
|
}
|
|
@@ -1745,14 +1836,14 @@ class TextInputComponent {
|
|
|
1745
1836
|
}
|
|
1746
1837
|
return describedBy.length > 0 ? describedBy.join(' ') : undefined;
|
|
1747
1838
|
}
|
|
1748
|
-
static
|
|
1749
|
-
static
|
|
1839
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
1840
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TextInputComponent, selector: "ui-text-input", inputs: { label: "label", hint: "hint", optional: "optional", type: "type", inputmode: "inputmode", autocomplete: "autocomplete", autofocus: "autofocus", minlength: "minlength", maxlength: "maxlength", pattern: "pattern", autocorrect: "autocorrect", disabled: "disabled", aria_label: "aria_label", show_password_string: "show_password_string", hide_password_string: "hide_password_string", validation_messages: "validation_messages" }, outputs: { didChange: "didChange" }, providers: [
|
|
1750
1841
|
{
|
|
1751
1842
|
provide: NG_VALUE_ACCESSOR,
|
|
1752
1843
|
useExisting: forwardRef(() => TextInputComponent),
|
|
1753
1844
|
multi: true
|
|
1754
1845
|
}
|
|
1755
|
-
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "prefaceContent", first: true, predicate: ["prefaceContent"], descendants: true, read: ElementRef }], 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 [ngClass]=\"\n inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\n \"\n [attr.autocorrect]=\"safariAutocorrect\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"autocomplete || null\"\n [minlength]=\"minlength || null\"\n [maxlength]=\"maxlength\"\n [pattern]=\"pattern || null\"\n [required]=\"!optional\"\n [spellcheck]=\"autocorrect\"\n [type]=\"textInputType\"\n [value]=\"textValue\"\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\">{{\n label\n }}</label>\n @if (type === \"password\") {\n <a\n (click)=\"toggleShowPassword()\"\n class=\"text-body--supporting text-color--supporting\"\n >\n @if (!showPassword) {\n <span>{{ show_password_string }}</span>\n } @else if (showPassword) {\n <span>{{ hide_password_string }}</span>\n }\n </a>\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 (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\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-text-input-container .ui-text-input input:-webkit-autofill:first-line,.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-body-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-body-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-text-input-container .ui-text-input input,.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: 767px){.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: 767px){.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-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .ui-text-input,:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-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-text-input-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .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 a{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:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-text-input-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-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .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)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }] }); }
|
|
1846
|
+
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "prefaceContent", first: true, predicate: ["prefaceContent"], descendants: true, read: ElementRef }], 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 [ngClass]=\"\n inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\n \"\n [attr.autocorrect]=\"safariAutocorrect\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"autocomplete || null\"\n [minlength]=\"minlength || null\"\n [maxlength]=\"maxlength\"\n [pattern]=\"pattern || null\"\n [required]=\"!optional\"\n [spellcheck]=\"autocorrect\"\n [type]=\"textInputType\"\n [value]=\"textValue\"\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\">{{\n label\n }}</label>\n @if (type === \"password\") {\n <a\n (click)=\"toggleShowPassword()\"\n class=\"text-body--supporting text-color--supporting\"\n >\n @if (!showPassword) {\n <span>{{ show_password_string }}</span>\n } @else if (showPassword) {\n <span>{{ hide_password_string }}</span>\n }\n </a>\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 (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\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-text-input-container .ui-text-input input:-webkit-autofill:first-line,.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-body-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-body-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-text-input-container .ui-text-input input,.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: 767px){.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: 767px){.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-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .ui-text-input,:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-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-text-input-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .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 a{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:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-text-input-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-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .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)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }] });
|
|
1756
1847
|
}
|
|
1757
1848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
1758
1849
|
type: Component,
|
|
@@ -1809,22 +1900,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1809
1900
|
}] } });
|
|
1810
1901
|
|
|
1811
1902
|
class FormErrorsComponent {
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
}
|
|
1826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1827
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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_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"] }] }); }
|
|
1903
|
+
errors = input(null);
|
|
1904
|
+
error_messages = input({});
|
|
1905
|
+
errorMessage = computed(() => {
|
|
1906
|
+
const currentErrors = this.errors();
|
|
1907
|
+
const messages = this.error_messages() || {};
|
|
1908
|
+
if (!currentErrors) {
|
|
1909
|
+
return undefined;
|
|
1910
|
+
}
|
|
1911
|
+
const errorKeys = Object.keys(currentErrors);
|
|
1912
|
+
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
1913
|
+
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
1914
|
+
});
|
|
1915
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1916
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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_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"] }] });
|
|
1828
1917
|
}
|
|
1829
1918
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
1830
1919
|
type: Component,
|
|
@@ -1832,17 +1921,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1832
1921
|
}] });
|
|
1833
1922
|
|
|
1834
1923
|
class OasysFormErrorsModule {
|
|
1835
|
-
static
|
|
1836
|
-
static
|
|
1924
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1925
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, imports: [CommonModule,
|
|
1837
1926
|
OasysLayoutModule,
|
|
1838
1927
|
ReactiveFormsModule,
|
|
1839
1928
|
FormsModule,
|
|
1840
|
-
FormErrorsComponent], exports: [FormErrorsComponent] });
|
|
1841
|
-
static
|
|
1929
|
+
FormErrorsComponent], exports: [FormErrorsComponent] });
|
|
1930
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, providers: [TokenService], imports: [CommonModule,
|
|
1842
1931
|
OasysLayoutModule,
|
|
1843
1932
|
ReactiveFormsModule,
|
|
1844
1933
|
FormsModule,
|
|
1845
|
-
FormErrorsComponent] });
|
|
1934
|
+
FormErrorsComponent] });
|
|
1846
1935
|
}
|
|
1847
1936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, decorators: [{
|
|
1848
1937
|
type: NgModule,
|
|
@@ -1861,21 +1950,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1861
1950
|
}] });
|
|
1862
1951
|
|
|
1863
1952
|
class OasysTextInputModule {
|
|
1864
|
-
static
|
|
1865
|
-
static
|
|
1953
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1954
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, declarations: [TextInputComponent], imports: [CommonModule,
|
|
1866
1955
|
OasysLayoutModule,
|
|
1867
1956
|
ReactiveFormsModule,
|
|
1868
1957
|
FormsModule,
|
|
1869
1958
|
OasysIconModule,
|
|
1870
1959
|
OasysDirectivesModule,
|
|
1871
|
-
OasysFormErrorsModule], exports: [TextInputComponent] });
|
|
1872
|
-
static
|
|
1960
|
+
OasysFormErrorsModule], exports: [TextInputComponent] });
|
|
1961
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, providers: [TokenService], imports: [CommonModule,
|
|
1873
1962
|
OasysLayoutModule,
|
|
1874
1963
|
ReactiveFormsModule,
|
|
1875
1964
|
FormsModule,
|
|
1876
1965
|
OasysIconModule,
|
|
1877
1966
|
OasysDirectivesModule,
|
|
1878
|
-
OasysFormErrorsModule] });
|
|
1967
|
+
OasysFormErrorsModule] });
|
|
1879
1968
|
}
|
|
1880
1969
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, decorators: [{
|
|
1881
1970
|
type: NgModule,
|
|
@@ -1896,12 +1985,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1896
1985
|
}] });
|
|
1897
1986
|
|
|
1898
1987
|
class ChipComponent {
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1988
|
+
chip_type = 'radio';
|
|
1989
|
+
icon_name;
|
|
1990
|
+
label;
|
|
1991
|
+
value;
|
|
1992
|
+
// Checkbox only
|
|
1993
|
+
required;
|
|
1994
|
+
didChange = new EventEmitter();
|
|
1995
|
+
id;
|
|
1996
|
+
selectedValue;
|
|
1997
|
+
onChange = () => { };
|
|
1998
|
+
onTouched = () => { };
|
|
1999
|
+
constructor() { }
|
|
1905
2000
|
/**
|
|
1906
2001
|
* On init
|
|
1907
2002
|
*/
|
|
@@ -1939,14 +2034,14 @@ class ChipComponent {
|
|
|
1939
2034
|
this.didChange.emit(event);
|
|
1940
2035
|
this.onTouched();
|
|
1941
2036
|
}
|
|
1942
|
-
static
|
|
1943
|
-
static
|
|
2037
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2038
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChipComponent, selector: "ui-chip", inputs: { chip_type: "chip_type", icon_name: "icon_name", label: "label", value: "value", required: "required" }, outputs: { didChange: "didChange" }, providers: [
|
|
1944
2039
|
{
|
|
1945
2040
|
provide: NG_VALUE_ACCESSOR,
|
|
1946
2041
|
useExisting: forwardRef(() => ChipComponent),
|
|
1947
2042
|
multi: true,
|
|
1948
2043
|
},
|
|
1949
|
-
], ngImport: i0, template: "<div [id]=\"id\" class=\"ui-chip\">\n <ui-radio\n *ngIf=\"chip_type === 'radio'\"\n [label]=\"label\"\n [value]=\"value?.toString()\"\n radio_type=\"primary\"\n [hide_radio]=\"true\"\n [iconName]=\"icon_name\"\n [ngModel]=\"selectedValue\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-radio>\n\n <ui-checkbox\n *ngIf=\"chip_type === 'checkbox'\"\n [label]=\"label\"\n [checked]=\"value === true\"\n [required]=\"required\"\n checkbox_type=\"primary\"\n [hide_checkbox]=\"true\"\n [iconName]=\"icon_name\"\n [ngModel]=\"selectedValue\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-checkbox>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "ui-radio", inputs: ["radio_type", "hide_radio", "iconName", "label", "value", "name", "checked"], outputs: ["didChange"] }, { kind: "component", type: CheckboxComponent, selector: "ui-checkbox", inputs: ["checkbox_type", "hide_checkbox", "iconName", "label", "checked", "required"], outputs: ["didChange"] }] });
|
|
2044
|
+
], ngImport: i0, template: "<div [id]=\"id\" class=\"ui-chip\">\n <ui-radio\n *ngIf=\"chip_type === 'radio'\"\n [label]=\"label\"\n [value]=\"value?.toString()\"\n radio_type=\"primary\"\n [hide_radio]=\"true\"\n [iconName]=\"icon_name\"\n [ngModel]=\"selectedValue\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-radio>\n\n <ui-checkbox\n *ngIf=\"chip_type === 'checkbox'\"\n [label]=\"label\"\n [checked]=\"value === true\"\n [required]=\"required\"\n checkbox_type=\"primary\"\n [hide_checkbox]=\"true\"\n [iconName]=\"icon_name\"\n [ngModel]=\"selectedValue\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-checkbox>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "ui-radio", inputs: ["radio_type", "hide_radio", "iconName", "label", "value", "name", "checked"], outputs: ["didChange"] }, { kind: "component", type: CheckboxComponent, selector: "ui-checkbox", inputs: ["checkbox_type", "hide_checkbox", "iconName", "label", "checked", "required"], outputs: ["didChange"] }] });
|
|
1950
2045
|
}
|
|
1951
2046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChipComponent, decorators: [{
|
|
1952
2047
|
type: Component,
|
|
@@ -1972,21 +2067,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1972
2067
|
}] } });
|
|
1973
2068
|
|
|
1974
2069
|
class OasysChipModule {
|
|
1975
|
-
static
|
|
1976
|
-
static
|
|
2070
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2071
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, declarations: [ChipComponent], imports: [CommonModule,
|
|
1977
2072
|
OasysLayoutModule,
|
|
1978
2073
|
ReactiveFormsModule,
|
|
1979
2074
|
FormsModule,
|
|
1980
2075
|
OasysIconModule,
|
|
1981
2076
|
OasysRadioModule,
|
|
1982
|
-
OasysCheckboxModule], exports: [ChipComponent] });
|
|
1983
|
-
static
|
|
2077
|
+
OasysCheckboxModule], exports: [ChipComponent] });
|
|
2078
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, providers: [TokenService], imports: [CommonModule,
|
|
1984
2079
|
OasysLayoutModule,
|
|
1985
2080
|
ReactiveFormsModule,
|
|
1986
2081
|
FormsModule,
|
|
1987
2082
|
OasysIconModule,
|
|
1988
2083
|
OasysRadioModule,
|
|
1989
|
-
OasysCheckboxModule] });
|
|
2084
|
+
OasysCheckboxModule] });
|
|
1990
2085
|
}
|
|
1991
2086
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, decorators: [{
|
|
1992
2087
|
type: NgModule,
|
|
@@ -2007,12 +2102,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2007
2102
|
}] });
|
|
2008
2103
|
|
|
2009
2104
|
class OasysHeadingComponent {
|
|
2105
|
+
tokenService;
|
|
2106
|
+
heading_type = 'primary';
|
|
2107
|
+
heading_on_dark;
|
|
2108
|
+
heading_title;
|
|
2109
|
+
heading_seo_priority = false;
|
|
2110
|
+
heading_priority;
|
|
2111
|
+
heading_alignment_override;
|
|
2112
|
+
heading_subtitle = '';
|
|
2113
|
+
heading_surtitle = '';
|
|
2114
|
+
heading_level;
|
|
2115
|
+
computed_heading_level;
|
|
2116
|
+
headingAlignment;
|
|
2117
|
+
headingGap;
|
|
2010
2118
|
constructor(tokenService) {
|
|
2011
2119
|
this.tokenService = tokenService;
|
|
2012
|
-
this.heading_type = 'primary';
|
|
2013
|
-
this.heading_seo_priority = false;
|
|
2014
|
-
this.heading_subtitle = '';
|
|
2015
|
-
this.heading_surtitle = '';
|
|
2016
2120
|
}
|
|
2017
2121
|
get class() {
|
|
2018
2122
|
return `
|
|
@@ -2067,8 +2171,8 @@ class OasysHeadingComponent {
|
|
|
2067
2171
|
this.setupHeadingStackGap(this.heading_type);
|
|
2068
2172
|
this.setComputedHeadingLevel();
|
|
2069
2173
|
}
|
|
2070
|
-
static
|
|
2071
|
-
static
|
|
2174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysHeadingComponent, 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" } }, ngImport: i0, template: "<div>\n <ui-stack [stack_align]=\"headingAlignment\" [stack_gap]=\"headingGap\">\n\n <p *ngIf=\"heading_surtitle && heading_surtitle.length\" class=\"heading-surtitle text-body--supporting text-color--supporting\">\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 </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\n </ui-stack>\n</div>", 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2072
2176
|
}
|
|
2073
2177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingComponent, decorators: [{
|
|
2074
2178
|
type: Component,
|
|
@@ -2097,9 +2201,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2097
2201
|
}] } });
|
|
2098
2202
|
|
|
2099
2203
|
class OasysHeadingModule {
|
|
2100
|
-
static
|
|
2101
|
-
static
|
|
2102
|
-
static
|
|
2204
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2205
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule, declarations: [OasysHeadingComponent], imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [OasysHeadingComponent] });
|
|
2206
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule] });
|
|
2103
2207
|
}
|
|
2104
2208
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule, decorators: [{
|
|
2105
2209
|
type: NgModule,
|
|
@@ -2112,15 +2216,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2112
2216
|
}] });
|
|
2113
2217
|
|
|
2114
2218
|
class HeroComponent {
|
|
2219
|
+
tokenService;
|
|
2220
|
+
herobox;
|
|
2221
|
+
// Style input variables
|
|
2222
|
+
min_container_height;
|
|
2223
|
+
image_left_desktop = false;
|
|
2224
|
+
image_top_mobile = true;
|
|
2225
|
+
background_colour;
|
|
2226
|
+
non_brand_background_colour;
|
|
2227
|
+
// Content input variables
|
|
2228
|
+
heading_title;
|
|
2229
|
+
heading_subtitle;
|
|
2230
|
+
heading_surtitle;
|
|
2231
|
+
primary_cta_text;
|
|
2232
|
+
secondary_cta_text;
|
|
2233
|
+
image;
|
|
2234
|
+
alt_text;
|
|
2235
|
+
media_type = 'image';
|
|
2236
|
+
text_on_dark_override;
|
|
2237
|
+
heading_level = 'h1';
|
|
2238
|
+
// Event input variables
|
|
2239
|
+
href_primary_cta = '';
|
|
2240
|
+
href_secondary_cta = '';
|
|
2241
|
+
// Design token variables
|
|
2242
|
+
heroCtaAlignment;
|
|
2243
|
+
heroInsetSpaceSmall;
|
|
2244
|
+
heroInsetSpaceLarge;
|
|
2115
2245
|
constructor(tokenService) {
|
|
2116
2246
|
this.tokenService = tokenService;
|
|
2117
|
-
this.image_left_desktop = false;
|
|
2118
|
-
this.image_top_mobile = true;
|
|
2119
|
-
this.media_type = 'image';
|
|
2120
|
-
this.heading_level = 'h1';
|
|
2121
|
-
// Event input variables
|
|
2122
|
-
this.href_primary_cta = '';
|
|
2123
|
-
this.href_secondary_cta = '';
|
|
2124
2247
|
}
|
|
2125
2248
|
setNonBrandBackgroundColour() {
|
|
2126
2249
|
this.herobox.nativeElement.style.background = this.non_brand_background_colour;
|
|
@@ -2135,8 +2258,8 @@ class HeroComponent {
|
|
|
2135
2258
|
this.heroInsetSpaceSmall = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-small');
|
|
2136
2259
|
this.heroInsetSpaceLarge = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-large');
|
|
2137
2260
|
}
|
|
2138
|
-
static
|
|
2139
|
-
static
|
|
2261
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeroComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2262
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeroComponent, 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" }, 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 [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column [columns]=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? true : false\"\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 </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 <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\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]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\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 [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"], outputs: ["clicked"] }, { 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: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] });
|
|
2140
2263
|
}
|
|
2141
2264
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeroComponent, decorators: [{
|
|
2142
2265
|
type: Component,
|
|
@@ -2181,9 +2304,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2181
2304
|
}] } });
|
|
2182
2305
|
|
|
2183
2306
|
class OasysHeroModule {
|
|
2184
|
-
static
|
|
2185
|
-
static
|
|
2186
|
-
static
|
|
2307
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2308
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule, declarations: [HeroComponent], imports: [CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysImageModule, OasysDirectivesModule], exports: [HeroComponent] });
|
|
2309
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule, providers: [TokenService], imports: [CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysImageModule, OasysDirectivesModule] });
|
|
2187
2310
|
}
|
|
2188
2311
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule, decorators: [{
|
|
2189
2312
|
type: NgModule,
|
|
@@ -2196,10 +2319,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2196
2319
|
}] });
|
|
2197
2320
|
|
|
2198
2321
|
class SeoBlockComponent {
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2322
|
+
heading_paragraph;
|
|
2323
|
+
heading_links;
|
|
2324
|
+
main_content;
|
|
2325
|
+
expanded_content;
|
|
2326
|
+
links;
|
|
2327
|
+
read_more_content_text;
|
|
2328
|
+
read_less_content_text;
|
|
2329
|
+
show_more_links_text;
|
|
2330
|
+
show_less_links_text;
|
|
2331
|
+
linksColumnsNumber;
|
|
2332
|
+
expandedLinksVisible = false;
|
|
2333
|
+
expandedContentVisible = false;
|
|
2334
|
+
linksValues;
|
|
2335
|
+
constructor() { }
|
|
2203
2336
|
showMoreLinks(flag) {
|
|
2204
2337
|
this.expandedLinksVisible = flag;
|
|
2205
2338
|
}
|
|
@@ -2224,8 +2357,8 @@ class SeoBlockComponent {
|
|
|
2224
2357
|
this.linksColumnsNumber = 3;
|
|
2225
2358
|
}
|
|
2226
2359
|
}
|
|
2227
|
-
static
|
|
2228
|
-
static
|
|
2360
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SeoBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2361
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SeoBlockComponent, 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 box_space=\"none\" [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded'\n }\">\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading heading_type=\"functional-primary\" heading_title=\"{{ heading_paragraph }}\"></ui-heading>\n </ui-box>\n <ui-box box_space=\"none\">\n <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n <span class=\"text-body--default\" class=\"ui-prose\" *ngIf=\"expandedContentVisible\"\n [innerHTML]=\"expanded_content\"></span>\n </ui-box>\n <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n <a tabindex=\"0\" href=\"javascript:;\" *ngIf=\"!expandedContentVisible\" role=\"button\" (click)=\"showMoreContent(true)\"\n class=\"text-link text-link--standalone\">\n {{read_more_content_text}}\n </a>\n <a tabindex=\"0\" href=\"javascript:;\" *ngIf=\"expandedContentVisible\" role=\"button\" (click)=\"showMoreContent(false)\"\n class=\"text-link text-link--standalone\">\n {{read_less_content_text}}\n </a>\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 heading_type=\"functional-secondary\" heading_title=\"{{ heading_links }}\"></ui-heading>\n </ui-box>\n <ui-stack stack_gap=\"tight\">\n <ui-box box_space=\"none\" box_fill_mode=\"fit\" [ngStyle]=\"{'column-count': linksColumnsNumber}\"\n class=\"links-container text-body--supporting\">\n <ng-container *ngFor=\"let link of linksValues; index as i\">\n <ui-box box_space=\"none\" box_space_bottom=\"tight\" box_fill_mode=\"fit\" class=\"link-container\"\n [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\">\n <a href=\"{{ link.href }}\">\n {{ link.name }}\n </a>\n </ui-box>\n </ng-container>\n </ui-box>\n <ui-box box_space=\"none\" class=\"hidden-desktop hidden-tablet\" *ngIf=\"linksValues.length > 4\">\n <a tabindex=\"0\" href=\"javascript:;\" *ngIf=\"!expandedLinksVisible\" (click)=\"showMoreLinks(true)\" class=\"text-link text-link--standalone\">\n {{show_more_links_text}}\n </a>\n <a tabindex=\"0\" href=\"javascript:;\" *ngIf=\"expandedLinksVisible\" (click)=\"showMoreLinks(false)\" class=\"text-link text-link--standalone\">\n {{show_less_links_text}}\n </a>\n </ui-box>\n </ui-stack>\n\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".links-container{display:block}@media only screen and (max-width: 767px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
2229
2362
|
}
|
|
2230
2363
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SeoBlockComponent, decorators: [{
|
|
2231
2364
|
type: Component,
|
|
@@ -2251,17 +2384,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2251
2384
|
}] } });
|
|
2252
2385
|
|
|
2253
2386
|
class OasysSeoBlockModule {
|
|
2254
|
-
static
|
|
2255
|
-
static
|
|
2387
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2388
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule, declarations: [SeoBlockComponent], imports: [CommonModule,
|
|
2256
2389
|
OasysButtonModule,
|
|
2257
2390
|
OasysHeadingModule,
|
|
2258
2391
|
OasysLayoutModule,
|
|
2259
|
-
OasysDirectivesModule], exports: [SeoBlockComponent] });
|
|
2260
|
-
static
|
|
2392
|
+
OasysDirectivesModule], exports: [SeoBlockComponent] });
|
|
2393
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule, providers: [TokenService], imports: [CommonModule,
|
|
2261
2394
|
OasysButtonModule,
|
|
2262
2395
|
OasysHeadingModule,
|
|
2263
2396
|
OasysLayoutModule,
|
|
2264
|
-
OasysDirectivesModule] });
|
|
2397
|
+
OasysDirectivesModule] });
|
|
2265
2398
|
}
|
|
2266
2399
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule, decorators: [{
|
|
2267
2400
|
type: NgModule,
|
|
@@ -2280,16 +2413,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2280
2413
|
}] });
|
|
2281
2414
|
|
|
2282
2415
|
class SectionComponent {
|
|
2416
|
+
tokenService;
|
|
2417
|
+
// Style input variables
|
|
2418
|
+
brand_background_colour;
|
|
2419
|
+
non_brand_background_colour;
|
|
2420
|
+
text_on_dark_override = false; // This is for custom/non-brand BG colours
|
|
2421
|
+
image_on_left = false;
|
|
2422
|
+
section_type = 'inform';
|
|
2423
|
+
// Content input variables
|
|
2424
|
+
heading_title;
|
|
2425
|
+
heading_subtitle;
|
|
2426
|
+
primary_cta_text;
|
|
2427
|
+
secondary_cta_text;
|
|
2428
|
+
image;
|
|
2429
|
+
alt_text;
|
|
2430
|
+
// Event input variables
|
|
2431
|
+
href_primary_cta = '';
|
|
2432
|
+
href_secondary_cta = '';
|
|
2433
|
+
backgroundIsDark;
|
|
2434
|
+
isSpotLight;
|
|
2435
|
+
uiBoxId; // To randomise the box id
|
|
2436
|
+
outterContainer = {};
|
|
2437
|
+
innerContainer = {};
|
|
2438
|
+
containerInsetSpaceSmall;
|
|
2439
|
+
containerInsetSpaceLarge;
|
|
2440
|
+
contentInsetSpaceSmall;
|
|
2441
|
+
contentInsetSpaceLarge;
|
|
2442
|
+
imageAspectRatio;
|
|
2283
2443
|
constructor(tokenService) {
|
|
2284
2444
|
this.tokenService = tokenService;
|
|
2285
|
-
this.text_on_dark_override = false; // This is for custom/non-brand BG colours
|
|
2286
|
-
this.image_on_left = false;
|
|
2287
|
-
this.section_type = 'inform';
|
|
2288
|
-
// Event input variables
|
|
2289
|
-
this.href_primary_cta = '';
|
|
2290
|
-
this.href_secondary_cta = '';
|
|
2291
|
-
this.outterContainer = {};
|
|
2292
|
-
this.innerContainer = {};
|
|
2293
2445
|
}
|
|
2294
2446
|
ngAfterViewInit() {
|
|
2295
2447
|
if (this.non_brand_background_colour) {
|
|
@@ -2323,8 +2475,8 @@ class SectionComponent {
|
|
|
2323
2475
|
}
|
|
2324
2476
|
}
|
|
2325
2477
|
}
|
|
2326
|
-
static
|
|
2327
|
-
static
|
|
2478
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2479
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SectionComponent, 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" }, ngImport: i0, template: "<ui-box\nid=\"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]=\"section_type === 'spotlight' ? 'none' : {mobile: containerInsetSpaceSmall, tablet: containerInsetSpaceLarge, laptop: containerInsetSpaceLarge, desktop: containerInsetSpaceLarge}\">\n\n <ui-grid [grid_gap]=\"section_type === 'spotlight' ? 'none' : 'default'\">\n <ui-column [columns]=\"6\" [ngClass]=\"{'image-left': image_on_left, 'image-top-mobile': image_on_left}\">\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n box_align_y=\"center\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [preload_aspect_ratio]=\"imageAspectRatio\"></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]=\"section_type === 'spotlight' ? {mobile: contentInsetSpaceSmall, tablet: contentInsetSpaceLarge, laptop: contentInsetSpaceLarge, desktop: contentInsetSpaceLarge} : {mobile: contentInsetSpaceSmall, tablet: contentInsetSpaceSmall, laptop: contentInsetSpaceLarge, desktop: contentInsetSpaceLarge}\">\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 </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 class=\"text-link text-link--standalone\" [href]=\"href_primary_cta\" bwtrackas=\"oasys.story-block.primary-cta\">{{primary_cta_text}}</a>\n <a *ngIf=\"section_type !== 'spotlight'\" class=\"text-link text-link--standalone\" [href]=\"href_secondary_cta\" bwtrackas=\"oasys.story-block.secondary-cta\">{{secondary_cta_text}}</a>\n\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>", styles: ["ui-grid ui-column img{width:100%;display:block}ui-grid .image-left{order:1}@media only screen and (max-width: 767px){ui-grid .image-top-mobile{order:0}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.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: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
2328
2480
|
}
|
|
2329
2481
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionComponent, decorators: [{
|
|
2330
2482
|
type: Component,
|
|
@@ -2358,9 +2510,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2358
2510
|
}] } });
|
|
2359
2511
|
|
|
2360
2512
|
class SectionModule {
|
|
2361
|
-
static
|
|
2362
|
-
static
|
|
2363
|
-
static
|
|
2513
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2514
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SectionModule, declarations: [SectionComponent], imports: [CommonModule, OasysHeadingModule, OasysImageModule, OasysLayoutModule, OasysDirectivesModule], exports: [SectionComponent] });
|
|
2515
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionModule, providers: [TokenService], imports: [CommonModule, OasysHeadingModule, OasysImageModule, OasysLayoutModule, OasysDirectivesModule] });
|
|
2364
2516
|
}
|
|
2365
2517
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionModule, decorators: [{
|
|
2366
2518
|
type: NgModule,
|
|
@@ -2374,29 +2526,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2374
2526
|
|
|
2375
2527
|
/* This component wraps around the swiper.js library WebComponent */
|
|
2376
2528
|
class CarouselComponent {
|
|
2529
|
+
tokenService;
|
|
2530
|
+
document;
|
|
2531
|
+
element;
|
|
2532
|
+
// The swiper instance
|
|
2533
|
+
swiper;
|
|
2534
|
+
carouselscrollbarplaceholder;
|
|
2535
|
+
carouselctastack;
|
|
2536
|
+
// Rewinds the slides back to the start when the user reaches the end when set to true
|
|
2537
|
+
rewind = false;
|
|
2538
|
+
carousel_overflow = false;
|
|
2539
|
+
carousel_gap = 'default';
|
|
2540
|
+
carousel_pagination = 'none';
|
|
2541
|
+
carousel_slides_per_view_desktop = 4;
|
|
2542
|
+
carousel_slides_per_view_laptop = 3;
|
|
2543
|
+
carousel_slides_per_view_tablet = 2.5;
|
|
2544
|
+
carousel_slides_per_view_mobile = 1.25;
|
|
2545
|
+
text_for_left_arrow = 'previous slide';
|
|
2546
|
+
text_for_right_arrow = 'next slide';
|
|
2547
|
+
carousel_rows_per_row_mobile = 1; // Required for CATEGORY_CARD experiment. Remove if experiment fails.
|
|
2548
|
+
carousel_loading = 'lazy'; // If we don't have multiple carousels on page and want to prioritise UI loading on time
|
|
2549
|
+
carousel_free_mode = false; // Enables scrolling with mousewheel / smoother momentum swiping experience
|
|
2550
|
+
center_insufficient_slides = true; // Centers the slides if there are not enough to fill the space
|
|
2551
|
+
center_active_slide = false; // Centers the active slide
|
|
2552
|
+
start_slide = 0; // Start slide index
|
|
2553
|
+
offset_scrollbar_top = false; // Offset the scrollbar to the top of the carousel
|
|
2554
|
+
activeIndexOnSlideChange = new EventEmitter();
|
|
2377
2555
|
constructor(tokenService, document, element) {
|
|
2378
2556
|
this.tokenService = tokenService;
|
|
2379
2557
|
this.document = document;
|
|
2380
2558
|
this.element = element;
|
|
2381
|
-
// Rewinds the slides back to the start when the user reaches the end when set to true
|
|
2382
|
-
this.rewind = false;
|
|
2383
|
-
this.carousel_overflow = false;
|
|
2384
|
-
this.carousel_gap = 'default';
|
|
2385
|
-
this.carousel_pagination = 'none';
|
|
2386
|
-
this.carousel_slides_per_view_desktop = 4;
|
|
2387
|
-
this.carousel_slides_per_view_laptop = 3;
|
|
2388
|
-
this.carousel_slides_per_view_tablet = 2.5;
|
|
2389
|
-
this.carousel_slides_per_view_mobile = 1.25;
|
|
2390
|
-
this.text_for_left_arrow = 'previous slide';
|
|
2391
|
-
this.text_for_right_arrow = 'next slide';
|
|
2392
|
-
this.carousel_rows_per_row_mobile = 1; // Required for CATEGORY_CARD experiment. Remove if experiment fails.
|
|
2393
|
-
this.carousel_loading = 'lazy'; // If we don't have multiple carousels on page and want to prioritise UI loading on time
|
|
2394
|
-
this.carousel_free_mode = false; // Enables scrolling with mousewheel / smoother momentum swiping experience
|
|
2395
|
-
this.center_insufficient_slides = true; // Centers the slides if there are not enough to fill the space
|
|
2396
|
-
this.center_active_slide = false; // Centers the active slide
|
|
2397
|
-
this.start_slide = 0; // Start slide index
|
|
2398
|
-
this.offset_scrollbar_top = false; // Offset the scrollbar to the top of the carousel
|
|
2399
|
-
this.activeIndexOnSlideChange = new EventEmitter();
|
|
2400
2559
|
}
|
|
2401
2560
|
ngOnInit() {
|
|
2402
2561
|
if (this.carousel_loading === 'lazy') {
|
|
@@ -2582,8 +2741,8 @@ class CarouselComponent {
|
|
|
2582
2741
|
onSlideChange(swiper) {
|
|
2583
2742
|
this.activeIndexOnSlideChange.emit(swiper.activeIndex);
|
|
2584
2743
|
}
|
|
2585
|
-
static
|
|
2586
|
-
static
|
|
2744
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, deps: [{ token: TokenService }, { token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2745
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CarouselComponent, 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" }, 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\nclass=\"ui-carousel\"\n[ngClass]=\"{'ui-carousel-overflow': carousel_overflow}\"\nbox_align_y=\"center\"\nbox_space=\"none\"\n[box_content_fill_width]=\"true\"\nbox_background=\"transparent\">\n\n <ui-stack #carouselctastack>\n <!-- Custom navigation buttons -->\n <ui-stack *ngIf=\"carousel_pagination === 'small-arrows'\" stack_direction=\"x\" stack_align=\"center\" stack_distribute=\"end\">\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n box_space_bottom=\"near\"\n [box_space_right]=\"{mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none'}\"\n box_background=\"transparent\">\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\">\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()\"> 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()\"> Next slide\n </ui-button>\n </ui-stack>\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 <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack stack_direction=\"x\" stack_align=\"center\" *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\">\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 <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\">\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()\"> 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()\"> 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}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.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"], outputs: ["clicked"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2587
2746
|
}
|
|
2588
2747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
2589
2748
|
type: Component,
|
|
@@ -2642,9 +2801,9 @@ class OasysCarouselModule {
|
|
|
2642
2801
|
constructor() {
|
|
2643
2802
|
register();
|
|
2644
2803
|
}
|
|
2645
|
-
static
|
|
2646
|
-
static
|
|
2647
|
-
static
|
|
2804
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2805
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule, declarations: [CarouselComponent], imports: [CommonModule, OasysButtonModule, OasysLayoutModule, OasysDirectivesModule], exports: [CarouselComponent] });
|
|
2806
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule, providers: [TokenService], imports: [CommonModule, OasysButtonModule, OasysLayoutModule, OasysDirectivesModule] });
|
|
2648
2807
|
}
|
|
2649
2808
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule, decorators: [{
|
|
2650
2809
|
type: NgModule,
|
|
@@ -2658,11 +2817,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2658
2817
|
}], ctorParameters: () => [] });
|
|
2659
2818
|
|
|
2660
2819
|
class TextComponent {
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
}
|
|
2820
|
+
textAlign = 'left';
|
|
2821
|
+
textWeight = 'normal';
|
|
2822
|
+
textTransform = 'none';
|
|
2823
|
+
uiTextClasses;
|
|
2824
|
+
constructor() { }
|
|
2666
2825
|
ngOnInit() {
|
|
2667
2826
|
this.uiTextClasses = [
|
|
2668
2827
|
`ui-text--align-${this.textAlign}`,
|
|
@@ -2670,8 +2829,8 @@ class TextComponent {
|
|
|
2670
2829
|
`ui-text--transform-${this.textTransform}`,
|
|
2671
2830
|
].join(' ');
|
|
2672
2831
|
}
|
|
2673
|
-
static
|
|
2674
|
-
static
|
|
2832
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2833
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextComponent, selector: "ui-text", inputs: { textAlign: "textAlign", textWeight: "textWeight", textTransform: "textTransform" }, ngImport: i0, template: "<span class=\"ui-text\" [ngClass]=\"uiTextClasses\"><ng-content></ng-content></span>", 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2675
2834
|
}
|
|
2676
2835
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextComponent, decorators: [{
|
|
2677
2836
|
type: Component,
|
|
@@ -2685,9 +2844,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2685
2844
|
}] } });
|
|
2686
2845
|
|
|
2687
2846
|
class OasysTextModule {
|
|
2688
|
-
static
|
|
2689
|
-
static
|
|
2690
|
-
static
|
|
2847
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2848
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule, declarations: [TextComponent], imports: [CommonModule, OasysDirectivesModule], exports: [TextComponent] });
|
|
2849
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule, imports: [CommonModule, OasysDirectivesModule] });
|
|
2691
2850
|
}
|
|
2692
2851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule, decorators: [{
|
|
2693
2852
|
type: NgModule,
|
|
@@ -2699,10 +2858,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2699
2858
|
}] });
|
|
2700
2859
|
|
|
2701
2860
|
class BannerComponent {
|
|
2861
|
+
tokenService;
|
|
2862
|
+
// Design token variables;
|
|
2863
|
+
mobilePadding;
|
|
2864
|
+
background_colour = 'highlight';
|
|
2865
|
+
cta_text;
|
|
2866
|
+
banner_title;
|
|
2867
|
+
banner_surtitle;
|
|
2868
|
+
banner_subtitle;
|
|
2869
|
+
// CTA actions
|
|
2870
|
+
cta_link;
|
|
2871
|
+
cta_clicked = new EventEmitter();
|
|
2702
2872
|
constructor(tokenService) {
|
|
2703
2873
|
this.tokenService = tokenService;
|
|
2704
|
-
this.background_colour = 'highlight';
|
|
2705
|
-
this.cta_clicked = new EventEmitter();
|
|
2706
2874
|
}
|
|
2707
2875
|
ngOnInit() {
|
|
2708
2876
|
this.mobilePadding = this.tokenService.getTokenValue('--oasys-component-banner-spacing-mobile');
|
|
@@ -2710,8 +2878,8 @@ class BannerComponent {
|
|
|
2710
2878
|
onCtaClicked() {
|
|
2711
2879
|
this.cta_clicked.emit();
|
|
2712
2880
|
}
|
|
2713
|
-
static
|
|
2714
|
-
static
|
|
2881
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BannerComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2882
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BannerComponent, 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" }, 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 <ui-box [box_space]='{mobile: mobilePadding, tablet: \"none\"}' box_space_top=\"none\" box_space_bottom=\"none\" box_background=\"transparent\">\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 <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_align=\"center\" stack_gap=\"near\">\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 </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 <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: 768px){.ui-banner__content .content__stack{align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: i2.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"], outputs: ["clicked"] }, { 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: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] });
|
|
2715
2883
|
}
|
|
2716
2884
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BannerComponent, decorators: [{
|
|
2717
2885
|
type: Component,
|
|
@@ -2733,9 +2901,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2733
2901
|
}] } });
|
|
2734
2902
|
|
|
2735
2903
|
class OasysBannerModule {
|
|
2736
|
-
static
|
|
2737
|
-
static
|
|
2738
|
-
static
|
|
2904
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2905
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule, declarations: [BannerComponent], imports: [CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule], exports: [BannerComponent] });
|
|
2906
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule, providers: [TokenService], imports: [CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule] });
|
|
2739
2907
|
}
|
|
2740
2908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule, decorators: [{
|
|
2741
2909
|
type: NgModule,
|
|
@@ -2748,9 +2916,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2748
2916
|
}] });
|
|
2749
2917
|
|
|
2750
2918
|
class OasysPriceComponent {
|
|
2751
|
-
constructor() {
|
|
2752
|
-
this.price_type = 'primary';
|
|
2753
|
-
}
|
|
2754
2919
|
get class() {
|
|
2755
2920
|
return `
|
|
2756
2921
|
${this.price_type === 'hero' ? 'text-body--hero' : ''}
|
|
@@ -2758,8 +2923,11 @@ class OasysPriceComponent {
|
|
|
2758
2923
|
${this.price_type === 'supporting' ? 'text-body--supporting' : ''}
|
|
2759
2924
|
`;
|
|
2760
2925
|
}
|
|
2761
|
-
|
|
2762
|
-
|
|
2926
|
+
price;
|
|
2927
|
+
price_before_discount;
|
|
2928
|
+
price_type = 'primary';
|
|
2929
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2930
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysPriceComponent, 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 stack_direction=\"x\" stack_gap=\"near\" stack_align=\"center\" [ngClass]=\"{'oasys-price-has-discount': price_before_discount}\">\n <div [attr.aria-hidden]=\"true\" *ngIf=\"price_before_discount\" class=\"text-body--line-through\">{{price_before_discount}}</div>\n <div itemprop=\"price\" class=\"price-to-pay\">{{price}}</div>\n </ui-stack>\n</div>", 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] });
|
|
2763
2931
|
}
|
|
2764
2932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceComponent, decorators: [{
|
|
2765
2933
|
type: Component,
|
|
@@ -2776,9 +2944,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2776
2944
|
}] } });
|
|
2777
2945
|
|
|
2778
2946
|
class OasysPriceModule {
|
|
2779
|
-
static
|
|
2780
|
-
static
|
|
2781
|
-
static
|
|
2947
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2948
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule, declarations: [OasysPriceComponent], imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [OasysPriceComponent] });
|
|
2949
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule, imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule] });
|
|
2782
2950
|
}
|
|
2783
2951
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule, decorators: [{
|
|
2784
2952
|
type: NgModule,
|
|
@@ -2790,15 +2958,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2790
2958
|
}] });
|
|
2791
2959
|
|
|
2792
2960
|
class OasysPillComponent {
|
|
2793
|
-
|
|
2794
|
-
this.prefix = 'ui-pill';
|
|
2795
|
-
this.tone = 'neutral';
|
|
2796
|
-
}
|
|
2961
|
+
prefix = 'ui-pill';
|
|
2797
2962
|
get class() {
|
|
2798
2963
|
return `${this.prefix}-${this.tone}`;
|
|
2799
2964
|
}
|
|
2800
|
-
|
|
2801
|
-
static
|
|
2965
|
+
tone = 'neutral';
|
|
2966
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2967
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysPillComponent, selector: "ui-pill", inputs: { tone: "tone" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div role=\"status\" class=\"text-body--supporting text-body--emphasis\"><ng-content></ng-content></div>", 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"] });
|
|
2802
2968
|
}
|
|
2803
2969
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillComponent, decorators: [{
|
|
2804
2970
|
type: Component,
|
|
@@ -2811,9 +2977,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2811
2977
|
}] } });
|
|
2812
2978
|
|
|
2813
2979
|
class OasysPillModule {
|
|
2814
|
-
static
|
|
2815
|
-
static
|
|
2816
|
-
static
|
|
2980
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2981
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule, declarations: [OasysPillComponent], imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [OasysPillComponent] });
|
|
2982
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule, imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule] });
|
|
2817
2983
|
}
|
|
2818
2984
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule, decorators: [{
|
|
2819
2985
|
type: NgModule,
|
|
@@ -2825,10 +2991,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2825
2991
|
}] });
|
|
2826
2992
|
|
|
2827
2993
|
class OasysPillGroupComponent {
|
|
2994
|
+
breakpointService;
|
|
2995
|
+
prefix;
|
|
2996
|
+
pill_group_align = 'start';
|
|
2997
|
+
pill_group_collapse_below = 'tablet';
|
|
2828
2998
|
constructor(breakpointService) {
|
|
2829
2999
|
this.breakpointService = breakpointService;
|
|
2830
|
-
this.pill_group_align = 'start';
|
|
2831
|
-
this.pill_group_collapse_below = 'tablet';
|
|
2832
3000
|
}
|
|
2833
3001
|
ngOnInit() {
|
|
2834
3002
|
}
|
|
@@ -2844,8 +3012,8 @@ class OasysPillGroupComponent {
|
|
|
2844
3012
|
return false;
|
|
2845
3013
|
}
|
|
2846
3014
|
}
|
|
2847
|
-
static
|
|
2848
|
-
static
|
|
3015
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3016
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysPillGroupComponent, 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>\n<ng-content></ng-content>\n</ui-stack>\n\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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2849
3017
|
}
|
|
2850
3018
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupComponent, decorators: [{
|
|
2851
3019
|
type: Component,
|
|
@@ -2857,9 +3025,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2857
3025
|
}] } });
|
|
2858
3026
|
|
|
2859
3027
|
class OasysPillGroupModule {
|
|
2860
|
-
static
|
|
2861
|
-
static
|
|
2862
|
-
static
|
|
3028
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3029
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule, declarations: [OasysPillGroupComponent], imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule], exports: [OasysPillGroupComponent] });
|
|
3030
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule, imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule] });
|
|
2863
3031
|
}
|
|
2864
3032
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule, decorators: [{
|
|
2865
3033
|
type: NgModule,
|
|
@@ -2883,13 +3051,27 @@ const PROMO_CARD_LAYOUTS = {
|
|
|
2883
3051
|
}
|
|
2884
3052
|
};
|
|
2885
3053
|
class PromoCardComponent {
|
|
3054
|
+
tokenService;
|
|
3055
|
+
// Image
|
|
3056
|
+
image;
|
|
3057
|
+
alt_text;
|
|
3058
|
+
// Content
|
|
3059
|
+
title;
|
|
3060
|
+
subtitle;
|
|
3061
|
+
// CTAs
|
|
3062
|
+
primary_cta_text;
|
|
3063
|
+
href_primary_cta = '';
|
|
3064
|
+
// Style
|
|
3065
|
+
background_colour;
|
|
3066
|
+
font_colour;
|
|
3067
|
+
// Layout
|
|
3068
|
+
layout = 'default';
|
|
3069
|
+
cta_clicked = new EventEmitter();
|
|
3070
|
+
aspectRatio;
|
|
3071
|
+
alignment;
|
|
3072
|
+
layoutConfig = PROMO_CARD_LAYOUTS['default'];
|
|
2886
3073
|
constructor(tokenService) {
|
|
2887
3074
|
this.tokenService = tokenService;
|
|
2888
|
-
this.href_primary_cta = '';
|
|
2889
|
-
// Layout
|
|
2890
|
-
this.layout = 'default';
|
|
2891
|
-
this.cta_clicked = new EventEmitter();
|
|
2892
|
-
this.layoutConfig = PROMO_CARD_LAYOUTS['default'];
|
|
2893
3075
|
}
|
|
2894
3076
|
ngOnInit() {
|
|
2895
3077
|
this.layoutConfig = PROMO_CARD_LAYOUTS[this.layout] ?? PROMO_CARD_LAYOUTS['default'];
|
|
@@ -2899,8 +3081,8 @@ class PromoCardComponent {
|
|
|
2899
3081
|
ctaClicked() {
|
|
2900
3082
|
this.cta_clicked.emit();
|
|
2901
3083
|
}
|
|
2902
|
-
static
|
|
2903
|
-
static
|
|
3084
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PromoCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3085
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PromoCardComponent, 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" }, 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 [image_fill]=\"true\" [image_src]=\"image\" [image_alt_text]=\"alt_text\" [preload_aspect_ratio]=\"aspectRatio\"></ui-image>\n </ui-box>\n <ui-box [box_align_y]=\"alignment\" box_space_top=\"none\" [box_space]=\"layoutConfig.spacing\" [ngStyle]=\"{'background-color': background_colour}\">\n <ui-stack stack_gap=\"near\" stack_distribute=\"center\" [stack_align]=\"alignment\">\n <h3 [ngClass]=\"{\n 'text-heading--body--expressive': layoutConfig.headingType === 'body-expressive',\n 'text-heading--secondary': layoutConfig.headingType === 'secondary'\n }\" role=\"heading\" class=\"seo-h2\">\n <span class=\"heading-title text-heading\">{{title}}</span>\n </h3>\n <p [ngClass]=\"{\n 'text-body--default': layoutConfig.bodyType === 'body-default',\n 'text-body--supporting': layoutConfig.bodyType === 'body-supporting'\n }\">{{subtitle}}</p>\n <a class=\"text-link text-link--standalone\" bwtrackas=\"component.modular-content-card.cta\" href=\"{{ href_primary_cta }}\" (click)=\"ctaClicked()\">{{primary_cta_text}}</a>\n </ui-stack>\n </ui-box>\n </ui-stack>\n</ui-box>\n\n", styles: ["ui-image img{object-fit:cover}p,h3{text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { 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"], outputs: ["image_loaded"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
2904
3086
|
}
|
|
2905
3087
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PromoCardComponent, decorators: [{
|
|
2906
3088
|
type: Component,
|
|
@@ -2928,9 +3110,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2928
3110
|
}] } });
|
|
2929
3111
|
|
|
2930
3112
|
class OasysPromoCardModule {
|
|
2931
|
-
static
|
|
2932
|
-
static
|
|
2933
|
-
static
|
|
3113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3114
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule, declarations: [PromoCardComponent], imports: [CommonModule, OasysLayoutModule, RouterModule, OasysImageModule, OasysDirectivesModule, OasysHeadingModule, OasysButtonModule, OasysButtonGroupModule], exports: [PromoCardComponent] });
|
|
3115
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, RouterModule, OasysImageModule, OasysDirectivesModule, OasysHeadingModule, OasysButtonModule, OasysButtonGroupModule] });
|
|
2934
3116
|
}
|
|
2935
3117
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule, decorators: [{
|
|
2936
3118
|
type: NgModule,
|
|
@@ -2943,11 +3125,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2943
3125
|
}] });
|
|
2944
3126
|
|
|
2945
3127
|
class SelectCardComponent {
|
|
3128
|
+
tokenService;
|
|
3129
|
+
// Image
|
|
3130
|
+
image;
|
|
3131
|
+
alt_text;
|
|
3132
|
+
image_format;
|
|
3133
|
+
// Content
|
|
3134
|
+
title;
|
|
3135
|
+
primary_copy;
|
|
3136
|
+
secondary_copy;
|
|
3137
|
+
price;
|
|
3138
|
+
price_before_discount;
|
|
3139
|
+
selected = false;
|
|
3140
|
+
select_card_type = 'gift-card';
|
|
3141
|
+
clicked = new EventEmitter();
|
|
3142
|
+
aspectRatio;
|
|
3143
|
+
alignment;
|
|
2946
3144
|
constructor(tokenService) {
|
|
2947
3145
|
this.tokenService = tokenService;
|
|
2948
|
-
this.selected = false;
|
|
2949
|
-
this.select_card_type = 'gift-card';
|
|
2950
|
-
this.clicked = new EventEmitter();
|
|
2951
3146
|
}
|
|
2952
3147
|
ngOnInit() {
|
|
2953
3148
|
if (!this.image) {
|
|
@@ -2973,8 +3168,8 @@ class SelectCardComponent {
|
|
|
2973
3168
|
return this.tokenService.getTokenValue('--oasys-component-card-aspect-ratio-portrait');
|
|
2974
3169
|
}
|
|
2975
3170
|
}
|
|
2976
|
-
static
|
|
2977
|
-
static
|
|
3171
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3172
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SelectCardComponent, 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" }, ngImport: i0, template: "<button role=\"button\" class=\"ui-select-card--{{select_card_type}}\" tabindex=\"0\" [ngClass]=\"{'selected': selected}\" [attr.aria-pressed]=\"selected ? 'true' : 'false'\" (click)=\"onClick()\">\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <ui-stack stack_gap=\"none\" stack_align=\"center\">\n <ui-box class=\"ui-select-card__image\" [ngStyle]=\"{'aspect-ratio': aspectRatio}\" box_background=\"transparent\"\n box_align_x=\"center\" box_space=\"none\">\n <ui-image *ngIf=\"image\" [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n <ng-content></ng-content>\n </ui-box>\n <ng-template *ngIf=\"select_card_type === 'gift-card'\" [ngTemplateOutlet]=\"giftcard\"></ng-template>\n <ng-template *ngIf=\"select_card_type === 'product-card'\" [ngTemplateOutlet]=\"productcard\"></ng-template>\n </ui-stack>\n </ui-box>\n</button>\n\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 [price]=\"price\" [price_before_discount]=\"price_before_discount\"\n price_type=\"primary\"></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 [price]=\"price\" [price_before_discount]=\"price_before_discount\"\n price_type=\"hero\"></ui-price>\n <ui-icon *ngIf=\"price_before_discount\" class=\"ui-select-card--product-card__discount-icon\" icon_name=\"tag\" icon_size_override=\"1.5\"></ui-icon>\n </ui-stack>\n\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>", 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { 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"], outputs: ["image_loaded"] }, { 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 });
|
|
2978
3173
|
}
|
|
2979
3174
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectCardComponent, decorators: [{
|
|
2980
3175
|
type: Component,
|
|
@@ -3004,9 +3199,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3004
3199
|
}] } });
|
|
3005
3200
|
|
|
3006
3201
|
class OasysSelectCardModule {
|
|
3007
|
-
static
|
|
3008
|
-
static
|
|
3009
|
-
static
|
|
3202
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3203
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule, declarations: [SelectCardComponent], imports: [CommonModule, OasysLayoutModule, RouterModule, OasysImageModule, OasysDirectivesModule, OasysHeadingModule, OasysButtonModule, OasysButtonGroupModule, OasysPriceModule, OasysIconModule], exports: [SelectCardComponent] });
|
|
3204
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, RouterModule, OasysImageModule, OasysDirectivesModule, OasysHeadingModule, OasysButtonModule, OasysButtonGroupModule, OasysPriceModule, OasysIconModule] });
|
|
3010
3205
|
}
|
|
3011
3206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule, decorators: [{
|
|
3012
3207
|
type: NgModule,
|
|
@@ -3019,10 +3214,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3019
3214
|
}] });
|
|
3020
3215
|
|
|
3021
3216
|
class EmphasisDirective {
|
|
3217
|
+
element;
|
|
3218
|
+
searchText = '';
|
|
3219
|
+
displayParagraph = '';
|
|
3022
3220
|
constructor(element) {
|
|
3023
3221
|
this.element = element;
|
|
3024
|
-
this.searchText = '';
|
|
3025
|
-
this.displayParagraph = '';
|
|
3026
3222
|
}
|
|
3027
3223
|
ngOnChanges(changes) {
|
|
3028
3224
|
if (changes['searchText'] || changes['displayParagraph']) {
|
|
@@ -3038,8 +3234,8 @@ class EmphasisDirective {
|
|
|
3038
3234
|
const emphasisText = this.displayParagraph.replace(regex, match => `<span class="text-body--emphasis">${match}</span>`);
|
|
3039
3235
|
this.element.nativeElement.innerHTML = emphasisText;
|
|
3040
3236
|
}
|
|
3041
|
-
static
|
|
3042
|
-
static
|
|
3237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmphasisDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3238
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EmphasisDirective, isStandalone: true, selector: "[ui-emphasis]", inputs: { searchText: "searchText", displayParagraph: "displayParagraph" }, usesOnChanges: true, ngImport: i0 });
|
|
3043
3239
|
}
|
|
3044
3240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmphasisDirective, decorators: [{
|
|
3045
3241
|
type: Directive,
|
|
@@ -3054,6 +3250,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3054
3250
|
}] } });
|
|
3055
3251
|
|
|
3056
3252
|
class ComboboxComponent {
|
|
3253
|
+
document;
|
|
3254
|
+
label;
|
|
3255
|
+
type = 'options';
|
|
3256
|
+
options = [];
|
|
3257
|
+
optional = true;
|
|
3258
|
+
hint;
|
|
3259
|
+
header;
|
|
3260
|
+
footer;
|
|
3261
|
+
autofocus = false;
|
|
3262
|
+
disabled = false;
|
|
3263
|
+
selected;
|
|
3264
|
+
// Key value from options to be displayed as option label
|
|
3265
|
+
displayKey;
|
|
3266
|
+
// Key value from options to be used as icon in option label
|
|
3267
|
+
iconNameKey;
|
|
3268
|
+
// Key value from options be be value
|
|
3269
|
+
valueKey;
|
|
3270
|
+
// Available for Autocomplete
|
|
3271
|
+
subtextKey;
|
|
3272
|
+
placeholder;
|
|
3273
|
+
// Will open the list of options on init
|
|
3274
|
+
showOptions = false;
|
|
3275
|
+
didChange = new EventEmitter();
|
|
3276
|
+
didSearch = new EventEmitter();
|
|
3277
|
+
didEdit = new EventEmitter();
|
|
3278
|
+
textValue = '';
|
|
3279
|
+
inputDidChange = false; // only show valdiation after a change event (ie. blur)
|
|
3280
|
+
displayOptions = [];
|
|
3281
|
+
_panelOpen = false;
|
|
3282
|
+
_selectedOption;
|
|
3283
|
+
_focusedOption;
|
|
3284
|
+
_focusedOptionId;
|
|
3285
|
+
id;
|
|
3057
3286
|
/** Whether or not the overlay panel is open. */
|
|
3058
3287
|
get panelOpen() {
|
|
3059
3288
|
return this._panelOpen;
|
|
@@ -3085,25 +3314,14 @@ class ComboboxComponent {
|
|
|
3085
3314
|
get subtextOptionKey() {
|
|
3086
3315
|
return this.subtextKey ? this.subtextKey : 'subtext';
|
|
3087
3316
|
}
|
|
3317
|
+
textInput;
|
|
3318
|
+
combobox;
|
|
3319
|
+
optionsList;
|
|
3088
3320
|
constructor(document) {
|
|
3089
3321
|
this.document = document;
|
|
3090
|
-
this.type = 'options';
|
|
3091
|
-
this.options = [];
|
|
3092
|
-
this.optional = true;
|
|
3093
|
-
this.autofocus = false;
|
|
3094
|
-
this.disabled = false;
|
|
3095
|
-
// Will open the list of options on init
|
|
3096
|
-
this.showOptions = false;
|
|
3097
|
-
this.didChange = new EventEmitter();
|
|
3098
|
-
this.didSearch = new EventEmitter();
|
|
3099
|
-
this.didEdit = new EventEmitter();
|
|
3100
|
-
this.textValue = '';
|
|
3101
|
-
this.inputDidChange = false; // only show valdiation after a change event (ie. blur)
|
|
3102
|
-
this.displayOptions = [];
|
|
3103
|
-
this._panelOpen = false;
|
|
3104
|
-
this.onChange = () => { };
|
|
3105
|
-
this.onTouched = () => { };
|
|
3106
3322
|
}
|
|
3323
|
+
onChange = () => { };
|
|
3324
|
+
onTouched = () => { };
|
|
3107
3325
|
onClick(targetElement) {
|
|
3108
3326
|
if (this.panelOpen) {
|
|
3109
3327
|
const clickedInside = this.combobox.nativeElement.contains(targetElement);
|
|
@@ -3401,14 +3619,14 @@ class ComboboxComponent {
|
|
|
3401
3619
|
resetOptionsList() {
|
|
3402
3620
|
this.displayOptions = this.options;
|
|
3403
3621
|
}
|
|
3404
|
-
static
|
|
3405
|
-
static
|
|
3622
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
3623
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComboboxComponent, selector: "ui-combobox", inputs: { label: "label", type: "type", options: "options", optional: "optional", hint: "hint", header: "header", footer: "footer", autofocus: "autofocus", disabled: "disabled", selected: "selected", displayKey: "displayKey", iconNameKey: "iconNameKey", valueKey: "valueKey", subtextKey: "subtextKey", placeholder: "placeholder", showOptions: "showOptions" }, outputs: { didChange: "didChange", didSearch: "didSearch", didEdit: "didEdit" }, host: { listeners: { "document:click": "onClick($event.target)" } }, providers: [
|
|
3406
3624
|
{
|
|
3407
3625
|
provide: NG_VALUE_ACCESSOR,
|
|
3408
3626
|
useExisting: forwardRef(() => ComboboxComponent),
|
|
3409
3627
|
multi: true,
|
|
3410
3628
|
},
|
|
3411
|
-
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true, read: ElementRef }, { propertyName: "optionsList", predicate: ["option"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ui-stack class=\"ui-combobox-container\" stack_gap=\"tight\">\n <div class=\"ui-combobox text-body--default text-body--regular\">\n <!-- Compbobox Options Input -->\n <div\n *ngIf=\"type === 'options'\"\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n (focus)=\"openPanel($event)\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"'activedescendent-opt-' + focusedId\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\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\n class=\"text-body--supporting text-body--regular\"\n role=\"combobox-label\"\n [for]=\"id\"\n >{{ label }}</label\n >\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]=\"\n inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\n \"\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 [value]=\"selectedOption\"\n [placeholder]=\"placeholder || ''\"\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 <!-- <ui-icon *ngIf=\"panelOpen\" icon_name=\"chevron-up\"></ui-icon> -->\n </div>\n </ui-stack>\n </div>\n\n <!-- Combobox Autocomplete Input -->\n <div\n *ngIf=\"type === 'autocomplete'\"\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"'activedescendent-opt-' + focusedId\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\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\n class=\"text-body--supporting text-body--regular\"\n role=\"combobox-label\"\n [for]=\"id\"\n >{{ label }}</label\n >\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChangeAutocomplete($event)\"\n [ngClass]=\"\n inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\n \"\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 class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div\n class=\"icon-container\"\n [aria-label]=\"'clean'\"\n (click)=\"cleanInput()\"\n >\n <ui-icon *ngIf=\"textValue\" icon_name=\"close\"></ui-icon>\n </div>\n </ui-stack>\n </div>\n\n <!-- Combobox Options Panel -->\n <div\n *ngIf=\"panelOpen\"\n class=\"ui-combobox-options\"\n [ngClass]=\"{ expand: panelOpen }\"\n [attr.aria-expanded]=\"panelOpen\"\n role=\"listbox\"\n id=\"activedescendent-list\"\n >\n <!-- Autocomplete Options Panel Header -->\n <div\n *ngIf=\"header && type === 'autocomplete'\"\n class=\"ui-combobox-header text-body--supporting\"\n >\n <span>{{ header }}</span>\n </div>\n\n <!-- Options list -->\n <div\n #option\n *ngFor=\"let option of displayOptions; index as i\"\n class=\"ui-combobox-option\"\n [ngClass]=\"{\n selected: selectedOption === option,\n focus: focusedOption === option\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-label]=\"\n selectedOption === option\n ? option[displayOptionKey] + ' is selected'\n : option[displayOptionKey]\n \"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <!-- Option display -->\n <div\n [value]=\"valueKey ? option[valueKey] : option.value\"\n [ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-icon\n *ngIf=\"option.icon_name || (iconNameKey && option[iconNameKey])\"\n [icon_name]=\"\n iconNameKey ? option[iconNameKey] : option.icon_name\n \"\n ></ui-icon>\n\n <!-- Display options label -->\n <span *ngIf=\"type === 'options'\">{{\n option[displayOptionKey]\n }}</span>\n\n <!-- Display autocomplete option information and emphasis-->\n <ui-stack stack_gap=\"tiny\" *ngIf=\"type === 'autocomplete'\">\n <span\n ui-emphasis\n [searchText]=\"textValue\"\n [displayParagraph]=\"option[displayOptionKey]\"\n >\n </span>\n <p\n class=\"foreground-secondary-text\"\n *ngIf=\"type === 'autocomplete'\"\n >\n {{ option[subtextOptionKey] }}\n </p>\n </ui-stack>\n </ui-stack>\n </div>\n\n <!-- Selected icon -->\n <ui-icon *ngIf=\"selectedOption === option\" icon_name=\"tick\"></ui-icon>\n </ui-stack>\n </div>\n\n <!-- Autocomplete Options Panel Footer -->\n <div *ngIf=\"footer && type === 'autocomplete'\" class=\"ui-combobox-footer\">\n <ui-button button_type=\"tertiary\" (click)=\"onFooterAction()\">\n {{ footer }}\n </ui-button>\n </div>\n </div>\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 <ui-box\n class=\"hint-container\"\n *ngIf=\"hint\"\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 >\n {{ hint }}\n </div>\n </ui-box>\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line,.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-body-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-body-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-combobox input,.ui-combobox .select,.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: 767px){.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: 767px){.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 div[name=combobox]:focus,.ui-combobox div[name=combobox]:focus-visible,.ui-combobox 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{background-color:var(--oasys-color-white);--_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-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.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;margin-top:var(--oasys-spacing-near);position:absolute;pointer-events:auto;outline:0;overflow:auto;transform-origin:top center;grid-template-rows:0fr;opacity:0;transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));transition:opacity var(--_ad);will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.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{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-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{border-radius:var(--oasys-radius-soften);width:100%}.ui-combobox input{border:none;width:100%;background-color:transparent;cursor:pointer}.ui-combobox input:focus{outline:none}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox .label-container{padding-top:var(--oasys-spacing-near);padding-left: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{transition:all calc(var(--oasys-animation-duration-long) * 1ms) ease;transform-origin:center}.ui-combobox .icon-container:hover{transform:scale(1.1)}.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}.ui-combobox div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: EmphasisDirective, selector: "[ui-emphasis]", inputs: ["searchText", "displayParagraph"] }] }); }
|
|
3629
|
+
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true, read: ElementRef }, { propertyName: "optionsList", predicate: ["option"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ui-stack class=\"ui-combobox-container\" stack_gap=\"tight\">\n <div class=\"ui-combobox text-body--default text-body--regular\">\n <!-- Compbobox Options Input -->\n <div\n *ngIf=\"type === 'options'\"\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n (focus)=\"openPanel($event)\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"'activedescendent-opt-' + focusedId\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\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\n class=\"text-body--supporting text-body--regular\"\n role=\"combobox-label\"\n [for]=\"id\"\n >{{ label }}</label\n >\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]=\"\n inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\n \"\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 [value]=\"selectedOption\"\n [placeholder]=\"placeholder || ''\"\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 <!-- <ui-icon *ngIf=\"panelOpen\" icon_name=\"chevron-up\"></ui-icon> -->\n </div>\n </ui-stack>\n </div>\n\n <!-- Combobox Autocomplete Input -->\n <div\n *ngIf=\"type === 'autocomplete'\"\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"'activedescendent-opt-' + focusedId\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\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\n class=\"text-body--supporting text-body--regular\"\n role=\"combobox-label\"\n [for]=\"id\"\n >{{ label }}</label\n >\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChangeAutocomplete($event)\"\n [ngClass]=\"\n inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\n \"\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 class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div\n class=\"icon-container\"\n [aria-label]=\"'clean'\"\n (click)=\"cleanInput()\"\n >\n <ui-icon *ngIf=\"textValue\" icon_name=\"close\"></ui-icon>\n </div>\n </ui-stack>\n </div>\n\n <!-- Combobox Options Panel -->\n <div\n *ngIf=\"panelOpen\"\n class=\"ui-combobox-options\"\n [ngClass]=\"{ expand: panelOpen }\"\n [attr.aria-expanded]=\"panelOpen\"\n role=\"listbox\"\n id=\"activedescendent-list\"\n >\n <!-- Autocomplete Options Panel Header -->\n <div\n *ngIf=\"header && type === 'autocomplete'\"\n class=\"ui-combobox-header text-body--supporting\"\n >\n <span>{{ header }}</span>\n </div>\n\n <!-- Options list -->\n <div\n #option\n *ngFor=\"let option of displayOptions; index as i\"\n class=\"ui-combobox-option\"\n [ngClass]=\"{\n selected: selectedOption === option,\n focus: focusedOption === option\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-label]=\"\n selectedOption === option\n ? option[displayOptionKey] + ' is selected'\n : option[displayOptionKey]\n \"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <!-- Option display -->\n <div\n [value]=\"valueKey ? option[valueKey] : option.value\"\n [ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-icon\n *ngIf=\"option.icon_name || (iconNameKey && option[iconNameKey])\"\n [icon_name]=\"\n iconNameKey ? option[iconNameKey] : option.icon_name\n \"\n ></ui-icon>\n\n <!-- Display options label -->\n <span *ngIf=\"type === 'options'\">{{\n option[displayOptionKey]\n }}</span>\n\n <!-- Display autocomplete option information and emphasis-->\n <ui-stack stack_gap=\"tiny\" *ngIf=\"type === 'autocomplete'\">\n <span\n ui-emphasis\n [searchText]=\"textValue\"\n [displayParagraph]=\"option[displayOptionKey]\"\n >\n </span>\n <p\n class=\"foreground-secondary-text\"\n *ngIf=\"type === 'autocomplete'\"\n >\n {{ option[subtextOptionKey] }}\n </p>\n </ui-stack>\n </ui-stack>\n </div>\n\n <!-- Selected icon -->\n <ui-icon *ngIf=\"selectedOption === option\" icon_name=\"tick\"></ui-icon>\n </ui-stack>\n </div>\n\n <!-- Autocomplete Options Panel Footer -->\n <div *ngIf=\"footer && type === 'autocomplete'\" class=\"ui-combobox-footer\">\n <ui-button button_type=\"tertiary\" (click)=\"onFooterAction()\">\n {{ footer }}\n </ui-button>\n </div>\n </div>\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 <ui-box\n class=\"hint-container\"\n *ngIf=\"hint\"\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 >\n {{ hint }}\n </div>\n </ui-box>\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),.text-heading--hero{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: 767px){h1:not(.seo-h1),.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,.text-heading--primary{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: 767px){h2,.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,.text-heading--secondary{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,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{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: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{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-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line,.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-body-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-body-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-combobox input,.ui-combobox .select,.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: 767px){.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: 767px){.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 div[name=combobox]:focus,.ui-combobox div[name=combobox]:focus-visible,.ui-combobox 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{background-color:var(--oasys-color-white);--_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-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.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;margin-top:var(--oasys-spacing-near);position:absolute;pointer-events:auto;outline:0;overflow:auto;transform-origin:top center;grid-template-rows:0fr;opacity:0;transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));transition:opacity var(--_ad);will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.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{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-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{border-radius:var(--oasys-radius-soften);width:100%}.ui-combobox input{border:none;width:100%;background-color:transparent;cursor:pointer}.ui-combobox input:focus{outline:none}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox .label-container{padding-top:var(--oasys-spacing-near);padding-left: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{transition:all calc(var(--oasys-animation-duration-long) * 1ms) ease;transform-origin:center}.ui-combobox .icon-container:hover{transform:scale(1.1)}.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}.ui-combobox div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: EmphasisDirective, selector: "[ui-emphasis]", inputs: ["searchText", "displayParagraph"] }] });
|
|
3412
3630
|
}
|
|
3413
3631
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, decorators: [{
|
|
3414
3632
|
type: Component,
|
|
@@ -3553,8 +3771,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3553
3771
|
* @OasysLib
|
|
3554
3772
|
*/
|
|
3555
3773
|
class OasysComboboxModule {
|
|
3556
|
-
static
|
|
3557
|
-
static
|
|
3774
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3775
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, declarations: [ComboboxComponent], imports: [CommonModule,
|
|
3558
3776
|
OasysLayoutModule,
|
|
3559
3777
|
ReactiveFormsModule,
|
|
3560
3778
|
FormsModule,
|
|
@@ -3562,15 +3780,15 @@ class OasysComboboxModule {
|
|
|
3562
3780
|
OasysDirectivesModule,
|
|
3563
3781
|
OasysTextInputModule,
|
|
3564
3782
|
OasysFormErrorsModule,
|
|
3565
|
-
EmphasisDirective], exports: [ComboboxComponent] });
|
|
3566
|
-
static
|
|
3783
|
+
EmphasisDirective], exports: [ComboboxComponent] });
|
|
3784
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, providers: [TokenService], imports: [CommonModule,
|
|
3567
3785
|
OasysLayoutModule,
|
|
3568
3786
|
ReactiveFormsModule,
|
|
3569
3787
|
FormsModule,
|
|
3570
3788
|
OasysIconModule,
|
|
3571
3789
|
OasysDirectivesModule,
|
|
3572
3790
|
OasysTextInputModule,
|
|
3573
|
-
OasysFormErrorsModule] });
|
|
3791
|
+
OasysFormErrorsModule] });
|
|
3574
3792
|
}
|
|
3575
3793
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, decorators: [{
|
|
3576
3794
|
type: NgModule,
|
|
@@ -3594,18 +3812,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3594
3812
|
}] });
|
|
3595
3813
|
|
|
3596
3814
|
class LabelComponent {
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
3605
|
-
|
|
3606
|
-
|
|
3607
|
-
|
|
3608
|
-
|
|
3815
|
+
type = '';
|
|
3816
|
+
text = '';
|
|
3817
|
+
textStyle = '';
|
|
3818
|
+
showIcon = true;
|
|
3819
|
+
iconOverride;
|
|
3820
|
+
backgroundColorOverride;
|
|
3821
|
+
backgroundColour = 'tint-highlight';
|
|
3822
|
+
iconName;
|
|
3823
|
+
labelStyle;
|
|
3824
|
+
textStyleToFontSizeMap = {
|
|
3825
|
+
bodySupporting: 'text-body--supporting',
|
|
3826
|
+
bodyMicro: 'text-body--micro',
|
|
3827
|
+
'': 'text-body--supporting'
|
|
3828
|
+
};
|
|
3609
3829
|
get fontSize() {
|
|
3610
3830
|
return (this.textStyleToFontSizeMap[this.textStyle] || 'text-body--supporting');
|
|
3611
3831
|
}
|
|
@@ -3635,8 +3855,8 @@ class LabelComponent {
|
|
|
3635
3855
|
this.backgroundColorOverride || this.type;
|
|
3636
3856
|
this.iconName = this.iconName || defaultIconName;
|
|
3637
3857
|
}
|
|
3638
|
-
static
|
|
3639
|
-
static
|
|
3858
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3859
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LabelComponent, selector: "ui-label", inputs: { type: "type", text: "text", textStyle: "textStyle", showIcon: "showIcon", iconOverride: "iconOverride", backgroundColorOverride: "backgroundColorOverride" }, ngImport: i0, template: "<ui-box class=\"ui-label oasys-label-style-{{labelStyle}}\" box_space=\"tiny\" box_space_left=\"tight\" box_space_right=\"tight\" box_fill_mode=\"fit\" [box_background]=\"backgroundColour\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{text}}</span>\n </ui-stack>\n</ui-box>", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "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"] }] });
|
|
3640
3860
|
}
|
|
3641
3861
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, decorators: [{
|
|
3642
3862
|
type: Component,
|
|
@@ -3656,15 +3876,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3656
3876
|
}] } });
|
|
3657
3877
|
|
|
3658
3878
|
class OasysLabelModule {
|
|
3659
|
-
static
|
|
3660
|
-
static
|
|
3879
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3880
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule, declarations: [LabelComponent], imports: [CommonModule,
|
|
3661
3881
|
OasysIconModule,
|
|
3662
3882
|
OasysLayoutModule,
|
|
3663
|
-
OasysDirectivesModule], exports: [LabelComponent] });
|
|
3664
|
-
static
|
|
3883
|
+
OasysDirectivesModule], exports: [LabelComponent] });
|
|
3884
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule, imports: [CommonModule,
|
|
3665
3885
|
OasysIconModule,
|
|
3666
3886
|
OasysLayoutModule,
|
|
3667
|
-
OasysDirectivesModule] });
|
|
3887
|
+
OasysDirectivesModule] });
|
|
3668
3888
|
}
|
|
3669
3889
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule, decorators: [{
|
|
3670
3890
|
type: NgModule,
|
|
@@ -3681,18 +3901,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3681
3901
|
}] });
|
|
3682
3902
|
|
|
3683
3903
|
class OasysTabComponent {
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
}
|
|
3904
|
+
tab_label = undefined;
|
|
3905
|
+
tab_active = false;
|
|
3906
|
+
clicked = new EventEmitter();
|
|
3907
|
+
template;
|
|
3689
3908
|
ngAfterContentInit() {
|
|
3690
3909
|
if (!this.template) {
|
|
3691
3910
|
throw new Error(this.tab_label + ': <ui-tab> can`t be empty');
|
|
3692
3911
|
}
|
|
3693
3912
|
}
|
|
3694
|
-
static
|
|
3695
|
-
static
|
|
3913
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3914
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 });
|
|
3696
3915
|
}
|
|
3697
3916
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabComponent, decorators: [{
|
|
3698
3917
|
type: Component,
|
|
@@ -3713,11 +3932,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3713
3932
|
}] } });
|
|
3714
3933
|
|
|
3715
3934
|
class OasysTabActiveComponent {
|
|
3716
|
-
|
|
3717
|
-
|
|
3718
|
-
}
|
|
3719
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabActiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3720
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", 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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
3935
|
+
templateRef = input();
|
|
3936
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabActiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3937
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", 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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
3721
3938
|
}
|
|
3722
3939
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabActiveComponent, decorators: [{
|
|
3723
3940
|
type: Component,
|
|
@@ -3730,11 +3947,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3730
3947
|
}] });
|
|
3731
3948
|
|
|
3732
3949
|
class OasysTabHeaderComponent {
|
|
3733
|
-
|
|
3734
|
-
|
|
3735
|
-
|
|
3736
|
-
|
|
3737
|
-
|
|
3950
|
+
tab_size = 'small';
|
|
3951
|
+
tabs;
|
|
3952
|
+
tab_clicked = new EventEmitter();
|
|
3953
|
+
tab_active = input();
|
|
3954
|
+
activeComponent;
|
|
3955
|
+
length;
|
|
3956
|
+
domEles;
|
|
3738
3957
|
/**
|
|
3739
3958
|
* Get class for the active indicator based os size
|
|
3740
3959
|
* @returns
|
|
@@ -3778,8 +3997,8 @@ class OasysTabHeaderComponent {
|
|
|
3778
3997
|
}
|
|
3779
3998
|
}
|
|
3780
3999
|
}
|
|
3781
|
-
static
|
|
3782
|
-
static
|
|
4000
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4001
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", 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]=\"true\"\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\n [class]=\"getIndicatorClass()\"\n [ngClass]=\"{ active: tab === tab_active() }\"\n ></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)}.ui-tab-header_item{cursor:pointer;display:flex;flex-direction:column;align-items:center}.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}.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"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3783
4002
|
}
|
|
3784
4003
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabHeaderComponent, decorators: [{
|
|
3785
4004
|
type: Component,
|
|
@@ -3793,9 +4012,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3793
4012
|
}] } });
|
|
3794
4013
|
|
|
3795
4014
|
class OasysTabGroupComponent {
|
|
3796
|
-
|
|
3797
|
-
|
|
3798
|
-
|
|
4015
|
+
tab_size = 'small';
|
|
4016
|
+
tabs;
|
|
4017
|
+
activeComponent;
|
|
3799
4018
|
getIndicatorClass() {
|
|
3800
4019
|
return this.tab_size === 'small'
|
|
3801
4020
|
? 'nav-item_indicator line'
|
|
@@ -3812,8 +4031,8 @@ class OasysTabGroupComponent {
|
|
|
3812
4031
|
this.activeComponent = tab;
|
|
3813
4032
|
this.activeComponent.clicked.emit();
|
|
3814
4033
|
}
|
|
3815
|
-
static
|
|
3816
|
-
static
|
|
4034
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4035
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 });
|
|
3817
4036
|
}
|
|
3818
4037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabGroupComponent, decorators: [{
|
|
3819
4038
|
type: Component,
|
|
@@ -3831,14 +4050,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3831
4050
|
}] } });
|
|
3832
4051
|
|
|
3833
4052
|
class OasysTabsModule {
|
|
3834
|
-
static
|
|
3835
|
-
static
|
|
4053
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4054
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
3836
4055
|
OasysTabComponent,
|
|
3837
4056
|
OasysTabActiveComponent,
|
|
3838
|
-
OasysTabHeaderComponent] });
|
|
3839
|
-
static
|
|
4057
|
+
OasysTabHeaderComponent] });
|
|
4058
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
3840
4059
|
OasysTabActiveComponent,
|
|
3841
|
-
OasysTabHeaderComponent] });
|
|
4060
|
+
OasysTabHeaderComponent] });
|
|
3842
4061
|
}
|
|
3843
4062
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, decorators: [{
|
|
3844
4063
|
type: NgModule,
|