oasys-lib 2.2.0 → 2.3.3-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/banner/index.mjs +3 -3
- package/esm2022/lib/components/button/index.mjs +1 -2
- package/esm2022/lib/components/button-group/index.mjs +3 -3
- package/esm2022/lib/components/card/index.mjs +3 -3
- package/esm2022/lib/components/carousel/index.mjs +3 -3
- package/esm2022/lib/components/divider/index.mjs +3 -3
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/form/checkbox/index.mjs +3 -3
- package/esm2022/lib/components/form/chip/index.mjs +3 -3
- package/esm2022/lib/components/form/combobox/combobox.component.mjs +27 -30
- package/esm2022/lib/components/form/combobox/index.mjs +3 -3
- package/esm2022/lib/components/form/errors/index.mjs +3 -3
- package/esm2022/lib/components/form/form-group/form-group.component.mjs +3 -3
- package/esm2022/lib/components/form/form-group/index.mjs +3 -3
- package/esm2022/lib/components/form/radio/index.mjs +3 -3
- package/esm2022/lib/components/form/radio/radio.component.mjs +3 -3
- package/esm2022/lib/components/form/text-input/index.mjs +3 -3
- package/esm2022/lib/components/form/text-input/text-input.component.mjs +3 -3
- package/esm2022/lib/components/heading/index.mjs +1 -2
- package/esm2022/lib/components/hero/index.mjs +3 -3
- package/esm2022/lib/components/icon/index.mjs +3 -3
- package/esm2022/lib/components/image/index.mjs +3 -3
- package/esm2022/lib/components/label/index.mjs +3 -3
- package/esm2022/lib/components/layout/index.mjs +11 -7
- package/esm2022/lib/components/navigation/breadcrumbs/index.mjs +3 -3
- package/esm2022/lib/components/navigation/tabs/tab-group/index.mjs +1 -2
- package/esm2022/lib/components/navigation/tabs/tab-group/tab-group.component.mjs +36 -1
- package/esm2022/lib/components/navigation/tabs/tab-header/tab-header.component.mjs +3 -3
- package/esm2022/lib/components/pill/index.mjs +3 -3
- package/esm2022/lib/components/pill-group/index.mjs +1 -2
- package/esm2022/lib/components/price/index.mjs +3 -3
- package/esm2022/lib/components/progress-bar/index.mjs +3 -2
- package/esm2022/lib/components/promo-card/index.mjs +3 -3
- package/esm2022/lib/components/section/index.mjs +3 -3
- package/esm2022/lib/components/select-card/index.mjs +3 -3
- package/esm2022/lib/components/seo-block/index.mjs +3 -3
- package/esm2022/lib/components/text/index.mjs +3 -3
- package/esm2022/lib/directives/index.mjs +4 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/oasys-lib.mjs +121 -527
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/banner/index.d.ts +2 -2
- package/lib/components/banner/index.d.ts.map +1 -1
- package/lib/components/button/index.d.ts +0 -1
- package/lib/components/button/index.d.ts.map +1 -1
- package/lib/components/button-group/index.d.ts +2 -2
- package/lib/components/button-group/index.d.ts.map +1 -1
- package/lib/components/card/index.d.ts +2 -2
- package/lib/components/card/index.d.ts.map +1 -1
- package/lib/components/carousel/index.d.ts +2 -2
- package/lib/components/carousel/index.d.ts.map +1 -1
- package/lib/components/divider/index.d.ts +2 -2
- package/lib/components/divider/index.d.ts.map +1 -1
- package/lib/components/form/checkbox/index.d.ts +2 -2
- package/lib/components/form/checkbox/index.d.ts.map +1 -1
- package/lib/components/form/chip/index.d.ts +2 -2
- package/lib/components/form/chip/index.d.ts.map +1 -1
- package/lib/components/form/combobox/combobox.component.d.ts +4 -3
- package/lib/components/form/combobox/combobox.component.d.ts.map +1 -1
- package/lib/components/form/combobox/index.d.ts +2 -2
- package/lib/components/form/combobox/index.d.ts.map +1 -1
- package/lib/components/form/errors/index.d.ts +2 -2
- package/lib/components/form/errors/index.d.ts.map +1 -1
- package/lib/components/form/form-group/index.d.ts +2 -2
- package/lib/components/form/form-group/index.d.ts.map +1 -1
- package/lib/components/form/radio/index.d.ts +2 -2
- package/lib/components/form/radio/index.d.ts.map +1 -1
- package/lib/components/form/text-input/index.d.ts +2 -2
- package/lib/components/form/text-input/index.d.ts.map +1 -1
- package/lib/components/heading/index.d.ts +0 -1
- package/lib/components/heading/index.d.ts.map +1 -1
- package/lib/components/hero/index.d.ts +2 -2
- package/lib/components/hero/index.d.ts.map +1 -1
- package/lib/components/icon/index.d.ts +2 -2
- package/lib/components/icon/index.d.ts.map +1 -1
- package/lib/components/image/index.d.ts +2 -2
- package/lib/components/image/index.d.ts.map +1 -1
- package/lib/components/label/index.d.ts +2 -2
- package/lib/components/label/index.d.ts.map +1 -1
- package/lib/components/layout/index.d.ts +10 -6
- package/lib/components/layout/index.d.ts.map +1 -1
- package/lib/components/navigation/breadcrumbs/index.d.ts +2 -2
- package/lib/components/navigation/breadcrumbs/index.d.ts.map +1 -1
- package/lib/components/navigation/tabs/tab-group/index.d.ts +0 -1
- package/lib/components/navigation/tabs/tab-group/index.d.ts.map +1 -1
- package/lib/components/navigation/tabs/tab-group/tab-group.component.d.ts +35 -0
- package/lib/components/navigation/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/lib/components/pill/index.d.ts +2 -2
- package/lib/components/pill/index.d.ts.map +1 -1
- package/lib/components/pill-group/index.d.ts +0 -1
- package/lib/components/pill-group/index.d.ts.map +1 -1
- package/lib/components/price/index.d.ts +2 -2
- package/lib/components/price/index.d.ts.map +1 -1
- package/lib/components/progress-bar/index.d.ts +2 -1
- package/lib/components/progress-bar/index.d.ts.map +1 -1
- package/lib/components/promo-card/index.d.ts +2 -2
- package/lib/components/promo-card/index.d.ts.map +1 -1
- package/lib/components/section/index.d.ts +2 -2
- package/lib/components/section/index.d.ts.map +1 -1
- package/lib/components/select-card/index.d.ts +2 -2
- package/lib/components/select-card/index.d.ts.map +1 -1
- package/lib/components/seo-block/index.d.ts +2 -2
- package/lib/components/seo-block/index.d.ts.map +1 -1
- package/lib/components/text/index.d.ts +2 -2
- package/lib/components/text/index.d.ts.map +1 -1
- package/lib/directives/index.d.ts +4 -0
- package/lib/directives/index.d.ts.map +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/public-api.d.ts.map +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
- package/src/assets/global/typography.scss +53 -108
- package/esm2022/lib/components/banner/banner.module.mjs +0 -16
- package/esm2022/lib/components/button/button.module.mjs +0 -16
- package/esm2022/lib/components/button-group/button-group.module.mjs +0 -16
- package/esm2022/lib/components/card/card.module.mjs +0 -16
- package/esm2022/lib/components/carousel/carousel.module.mjs +0 -16
- package/esm2022/lib/components/divider/divider.module.mjs +0 -16
- package/esm2022/lib/components/form/checkbox/checkbox.module.mjs +0 -16
- package/esm2022/lib/components/form/chip/chip.module.mjs +0 -16
- package/esm2022/lib/components/form/combobox/combobox.module.mjs +0 -82
- package/esm2022/lib/components/form/errors/form-errors.module.mjs +0 -16
- package/esm2022/lib/components/form/form-group/form-group.module.mjs +0 -16
- package/esm2022/lib/components/form/radio/radio.module.mjs +0 -16
- package/esm2022/lib/components/form/text-input/text-input.module.mjs +0 -16
- package/esm2022/lib/components/heading/heading.module.mjs +0 -16
- package/esm2022/lib/components/hero/hero.module.mjs +0 -16
- package/esm2022/lib/components/icon/icon.module.mjs +0 -16
- package/esm2022/lib/components/image/image.module.mjs +0 -16
- package/esm2022/lib/components/label/label.module.mjs +0 -16
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumbs.module.mjs +0 -16
- package/esm2022/lib/components/navigation/tabs/tab-group/tab-group.module.mjs +0 -27
- package/esm2022/lib/components/pill/pill.module.mjs +0 -16
- package/esm2022/lib/components/pill-group/pill-group.module.mjs +0 -16
- package/esm2022/lib/components/price/price.module.mjs +0 -16
- package/esm2022/lib/components/promo-card/promo-card.module.mjs +0 -16
- package/esm2022/lib/components/section/section.module.mjs +0 -16
- package/esm2022/lib/components/select-card/select-card.module.mjs +0 -16
- package/esm2022/lib/components/seo-block/seo-block.module.mjs +0 -16
- package/esm2022/lib/components/text/text.module.mjs +0 -16
- package/lib/components/banner/banner.module.d.ts +0 -8
- package/lib/components/banner/banner.module.d.ts.map +0 -1
- package/lib/components/button/button.module.d.ts +0 -8
- package/lib/components/button/button.module.d.ts.map +0 -1
- package/lib/components/button-group/button-group.module.d.ts +0 -8
- package/lib/components/button-group/button-group.module.d.ts.map +0 -1
- package/lib/components/card/card.module.d.ts +0 -8
- package/lib/components/card/card.module.d.ts.map +0 -1
- package/lib/components/carousel/carousel.module.d.ts +0 -8
- package/lib/components/carousel/carousel.module.d.ts.map +0 -1
- package/lib/components/divider/divider.module.d.ts +0 -8
- package/lib/components/divider/divider.module.d.ts.map +0 -1
- package/lib/components/form/checkbox/checkbox.module.d.ts +0 -8
- package/lib/components/form/checkbox/checkbox.module.d.ts.map +0 -1
- package/lib/components/form/chip/chip.module.d.ts +0 -8
- package/lib/components/form/chip/chip.module.d.ts.map +0 -1
- package/lib/components/form/combobox/combobox.module.d.ts +0 -8
- package/lib/components/form/combobox/combobox.module.d.ts.map +0 -1
- package/lib/components/form/errors/form-errors.module.d.ts +0 -8
- package/lib/components/form/errors/form-errors.module.d.ts.map +0 -1
- package/lib/components/form/form-group/form-group.module.d.ts +0 -8
- package/lib/components/form/form-group/form-group.module.d.ts.map +0 -1
- package/lib/components/form/radio/radio.module.d.ts +0 -8
- package/lib/components/form/radio/radio.module.d.ts.map +0 -1
- package/lib/components/form/text-input/text-input.module.d.ts +0 -8
- package/lib/components/form/text-input/text-input.module.d.ts.map +0 -1
- package/lib/components/heading/heading.module.d.ts +0 -8
- package/lib/components/heading/heading.module.d.ts.map +0 -1
- package/lib/components/hero/hero.module.d.ts +0 -8
- package/lib/components/hero/hero.module.d.ts.map +0 -1
- package/lib/components/icon/icon.module.d.ts +0 -8
- package/lib/components/icon/icon.module.d.ts.map +0 -1
- package/lib/components/image/image.module.d.ts +0 -8
- package/lib/components/image/image.module.d.ts.map +0 -1
- package/lib/components/label/label.module.d.ts +0 -8
- package/lib/components/label/label.module.d.ts.map +0 -1
- package/lib/components/navigation/breadcrumbs/breadcrumbs.module.d.ts +0 -8
- package/lib/components/navigation/breadcrumbs/breadcrumbs.module.d.ts.map +0 -1
- package/lib/components/navigation/tabs/tab-group/tab-group.module.d.ts +0 -11
- package/lib/components/navigation/tabs/tab-group/tab-group.module.d.ts.map +0 -1
- package/lib/components/pill/pill.module.d.ts +0 -8
- package/lib/components/pill/pill.module.d.ts.map +0 -1
- package/lib/components/pill-group/pill-group.module.d.ts +0 -8
- package/lib/components/pill-group/pill-group.module.d.ts.map +0 -1
- package/lib/components/price/price.module.d.ts +0 -8
- package/lib/components/price/price.module.d.ts.map +0 -1
- package/lib/components/promo-card/promo-card.module.d.ts +0 -8
- package/lib/components/promo-card/promo-card.module.d.ts.map +0 -1
- package/lib/components/section/section.module.d.ts +0 -8
- package/lib/components/section/section.module.d.ts.map +0 -1
- package/lib/components/select-card/select-card.module.d.ts +0 -8
- package/lib/components/select-card/select-card.module.d.ts.map +0 -1
- package/lib/components/seo-block/seo-block.module.d.ts +0 -8
- package/lib/components/seo-block/seo-block.module.d.ts.map +0 -1
- package/lib/components/text/text.module.d.ts +0 -8
- package/lib/components/text/text.module.d.ts.map +0 -1
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -761,32 +761,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
761
761
|
type: Input
|
|
762
762
|
}] } });
|
|
763
763
|
|
|
764
|
-
class OasysBreadcrumbModule {
|
|
765
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
766
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, imports: [BreadcrumbsComponent], exports: [BreadcrumbsComponent] });
|
|
767
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule });
|
|
768
|
-
}
|
|
769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, decorators: [{
|
|
770
|
-
type: NgModule,
|
|
771
|
-
args: [{
|
|
772
|
-
imports: [BreadcrumbsComponent],
|
|
773
|
-
exports: [BreadcrumbsComponent],
|
|
774
|
-
}]
|
|
775
|
-
}] });
|
|
776
|
-
|
|
777
|
-
class OasysButtonModule {
|
|
778
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
779
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule, imports: [OasysButtonComponent], exports: [OasysButtonComponent] });
|
|
780
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule });
|
|
781
|
-
}
|
|
782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonModule, decorators: [{
|
|
783
|
-
type: NgModule,
|
|
784
|
-
args: [{
|
|
785
|
-
imports: [OasysButtonComponent],
|
|
786
|
-
exports: [OasysButtonComponent],
|
|
787
|
-
}]
|
|
788
|
-
}] });
|
|
789
|
-
|
|
790
764
|
class OasysButtonGroupComponent {
|
|
791
765
|
breakpointService;
|
|
792
766
|
prefix;
|
|
@@ -837,19 +811,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
837
811
|
args: ['class']
|
|
838
812
|
}] } });
|
|
839
813
|
|
|
840
|
-
class OasysButtonGroupModule {
|
|
841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
842
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule, imports: [OasysButtonGroupComponent], exports: [OasysButtonGroupComponent] });
|
|
843
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule });
|
|
844
|
-
}
|
|
845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonGroupModule, decorators: [{
|
|
846
|
-
type: NgModule,
|
|
847
|
-
args: [{
|
|
848
|
-
imports: [OasysButtonGroupComponent],
|
|
849
|
-
exports: [OasysButtonGroupComponent],
|
|
850
|
-
}]
|
|
851
|
-
}] });
|
|
852
|
-
|
|
853
814
|
class ImageService {
|
|
854
815
|
mediaUrl = inject(MEDIA_BASE_URL_TOKEN).mediaBaseUrl;
|
|
855
816
|
fallbackBreakpoint = 768;
|
|
@@ -1144,19 +1105,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1144
1105
|
args: ['window:resize', ['$event']]
|
|
1145
1106
|
}] } });
|
|
1146
1107
|
|
|
1147
|
-
class OasysCardModule {
|
|
1148
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1149
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule, imports: [CardComponent], exports: [CardComponent] });
|
|
1150
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule });
|
|
1151
|
-
}
|
|
1152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCardModule, decorators: [{
|
|
1153
|
-
type: NgModule,
|
|
1154
|
-
args: [{
|
|
1155
|
-
imports: [CardComponent],
|
|
1156
|
-
exports: [CardComponent],
|
|
1157
|
-
}]
|
|
1158
|
-
}] });
|
|
1159
|
-
|
|
1160
1108
|
class DividerComponent {
|
|
1161
1109
|
divider_type = 'secondary';
|
|
1162
1110
|
getClass() {
|
|
@@ -1174,19 +1122,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1174
1122
|
type: Input
|
|
1175
1123
|
}] } });
|
|
1176
1124
|
|
|
1177
|
-
class OasysDividerModule {
|
|
1178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1179
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule, imports: [DividerComponent], exports: [DividerComponent] });
|
|
1180
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule });
|
|
1181
|
-
}
|
|
1182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysDividerModule, decorators: [{
|
|
1183
|
-
type: NgModule,
|
|
1184
|
-
args: [{
|
|
1185
|
-
imports: [DividerComponent],
|
|
1186
|
-
exports: [DividerComponent],
|
|
1187
|
-
}]
|
|
1188
|
-
}] });
|
|
1189
|
-
|
|
1190
1125
|
class FormGroupComponent {
|
|
1191
1126
|
/**
|
|
1192
1127
|
* Required
|
|
@@ -1202,11 +1137,11 @@ class FormGroupComponent {
|
|
|
1202
1137
|
*/
|
|
1203
1138
|
group_type = 'primary';
|
|
1204
1139
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1205
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormGroupComponent, isStandalone: true, 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\n [ngClass]=\"{\n 'visually-hidden': group_title_hidden,\n primary: group_type === 'primary',\n secondary: group_type === 'secondary',\n }\"\n >\n {{ group_title }}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary,legend.primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary,legend.secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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: 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 });
|
|
1140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormGroupComponent, isStandalone: true, 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\n [ngClass]=\"{\n 'visually-hidden': group_title_hidden,\n primary: group_type === 'primary',\n secondary: group_type === 'secondary',\n }\"\n >\n {{ group_title }}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1),.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: 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 });
|
|
1206
1141
|
}
|
|
1207
1142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
1208
1143
|
type: Component,
|
|
1209
|
-
args: [{ selector: 'ui-form-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, LayoutStackComponent], template: "<fieldset>\n <legend\n [ngClass]=\"{\n 'visually-hidden': group_title_hidden,\n primary: group_type === 'primary',\n secondary: group_type === 'secondary',\n }\"\n >\n {{ group_title }}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary,legend.primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary,legend.secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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"] }]
|
|
1144
|
+
args: [{ selector: 'ui-form-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, LayoutStackComponent], template: "<fieldset>\n <legend\n [ngClass]=\"{\n 'visually-hidden': group_title_hidden,\n primary: group_type === 'primary',\n secondary: group_type === 'secondary',\n }\"\n >\n {{ group_title }}\n </legend>\n <ui-stack stack_gap=\"near\">\n <ng-content></ng-content>\n </ui-stack>\n</fieldset>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1),.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"] }]
|
|
1210
1145
|
}], propDecorators: { group_title: [{
|
|
1211
1146
|
type: Input
|
|
1212
1147
|
}], group_title_hidden: [{
|
|
@@ -1215,19 +1150,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1215
1150
|
type: Input
|
|
1216
1151
|
}] } });
|
|
1217
1152
|
|
|
1218
|
-
class OasysFormGroupModule {
|
|
1219
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1220
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule, imports: [FormGroupComponent], exports: [FormGroupComponent] });
|
|
1221
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule });
|
|
1222
|
-
}
|
|
1223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormGroupModule, decorators: [{
|
|
1224
|
-
type: NgModule,
|
|
1225
|
-
args: [{
|
|
1226
|
-
imports: [FormGroupComponent],
|
|
1227
|
-
exports: [FormGroupComponent],
|
|
1228
|
-
}]
|
|
1229
|
-
}] });
|
|
1230
|
-
|
|
1231
1153
|
class CheckboxComponent {
|
|
1232
1154
|
tokenService;
|
|
1233
1155
|
checkbox_type = 'primary';
|
|
@@ -1272,7 +1194,7 @@ class CheckboxComponent {
|
|
|
1272
1194
|
multi: true,
|
|
1273
1195
|
},
|
|
1274
1196
|
TokenService,
|
|
1275
|
-
], 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){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){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1197
|
+
], 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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1276
1198
|
}
|
|
1277
1199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
1278
1200
|
type: Component,
|
|
@@ -1283,7 +1205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1283
1205
|
multi: true,
|
|
1284
1206
|
},
|
|
1285
1207
|
TokenService,
|
|
1286
|
-
], standalone: true, imports: [LayoutStackComponent, ReactiveFormsModule, FormsModule, NgClass, IconComponent, NgIf], 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){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){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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"] }]
|
|
1208
|
+
], standalone: true, imports: [LayoutStackComponent, ReactiveFormsModule, FormsModule, NgClass, IconComponent, NgIf], 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"] }]
|
|
1287
1209
|
}], ctorParameters: () => [{ type: TokenService }], propDecorators: { checkbox_type: [{
|
|
1288
1210
|
type: Input
|
|
1289
1211
|
}], hide_checkbox: [{
|
|
@@ -1300,19 +1222,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1300
1222
|
type: Output
|
|
1301
1223
|
}] } });
|
|
1302
1224
|
|
|
1303
|
-
class OasysCheckboxModule {
|
|
1304
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1305
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, imports: [CheckboxComponent], exports: [CheckboxComponent] });
|
|
1306
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, imports: [CheckboxComponent] });
|
|
1307
|
-
}
|
|
1308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCheckboxModule, decorators: [{
|
|
1309
|
-
type: NgModule,
|
|
1310
|
-
args: [{
|
|
1311
|
-
imports: [CheckboxComponent],
|
|
1312
|
-
exports: [CheckboxComponent],
|
|
1313
|
-
}]
|
|
1314
|
-
}] });
|
|
1315
|
-
|
|
1316
1225
|
class RadioComponent {
|
|
1317
1226
|
radio_type = 'primary';
|
|
1318
1227
|
// Required for chip component
|
|
@@ -1357,7 +1266,7 @@ class RadioComponent {
|
|
|
1357
1266
|
useExisting: forwardRef(() => RadioComponent),
|
|
1358
1267
|
multi: true,
|
|
1359
1268
|
},
|
|
1360
|
-
], 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){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){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: 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"] }] });
|
|
1269
|
+
], 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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: 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"] }] });
|
|
1361
1270
|
}
|
|
1362
1271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioComponent, decorators: [{
|
|
1363
1272
|
type: Component,
|
|
@@ -1367,7 +1276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1367
1276
|
useExisting: forwardRef(() => RadioComponent),
|
|
1368
1277
|
multi: true,
|
|
1369
1278
|
},
|
|
1370
|
-
], standalone: true, imports: [LayoutStackComponent, ReactiveFormsModule, FormsModule, NgClass, NgIf, IconComponent], 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){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){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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"] }]
|
|
1279
|
+
], standalone: true, imports: [LayoutStackComponent, ReactiveFormsModule, FormsModule, NgClass, NgIf, IconComponent], 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"] }]
|
|
1371
1280
|
}], propDecorators: { radio_type: [{
|
|
1372
1281
|
type: Input
|
|
1373
1282
|
}], hide_radio: [{
|
|
@@ -1386,19 +1295,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1386
1295
|
type: Output
|
|
1387
1296
|
}] } });
|
|
1388
1297
|
|
|
1389
|
-
class OasysRadioModule {
|
|
1390
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1391
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, imports: [RadioComponent], exports: [RadioComponent] });
|
|
1392
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, imports: [RadioComponent] });
|
|
1393
|
-
}
|
|
1394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysRadioModule, decorators: [{
|
|
1395
|
-
type: NgModule,
|
|
1396
|
-
args: [{
|
|
1397
|
-
imports: [RadioComponent],
|
|
1398
|
-
exports: [RadioComponent],
|
|
1399
|
-
}]
|
|
1400
|
-
}] });
|
|
1401
|
-
|
|
1402
1298
|
class OasysAutofocusDirective {
|
|
1403
1299
|
el;
|
|
1404
1300
|
_autofocus;
|
|
@@ -1540,7 +1436,7 @@ class TextInputComponent {
|
|
|
1540
1436
|
useExisting: forwardRef(() => TextInputComponent),
|
|
1541
1437
|
multi: true,
|
|
1542
1438
|
},
|
|
1543
|
-
], 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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\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\">{{ label }}</label>\n @if (type === 'password') {\n <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\">\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){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){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { 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"] }] });
|
|
1439
|
+
], 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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\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\">{{ label }}</label>\n @if (type === 'password') {\n <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\">\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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { 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"] }] });
|
|
1544
1440
|
}
|
|
1545
1441
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
1546
1442
|
type: Component,
|
|
@@ -1558,7 +1454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1558
1454
|
OasysAutofocusDirective,
|
|
1559
1455
|
OasysHrefDirective,
|
|
1560
1456
|
LayoutBoxComponent,
|
|
1561
|
-
], 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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\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\">{{ label }}</label>\n @if (type === 'password') {\n <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\">\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){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){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-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"] }]
|
|
1457
|
+
], 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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\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\">{{ label }}</label>\n @if (type === 'password') {\n <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\">\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"] }]
|
|
1562
1458
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
1563
1459
|
type: Inject,
|
|
1564
1460
|
args: [DOCUMENT]
|
|
@@ -1604,19 +1500,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1604
1500
|
args: ['prefaceContent', { read: ElementRef, static: false }]
|
|
1605
1501
|
}] } });
|
|
1606
1502
|
|
|
1607
|
-
class OasysTextInputModule {
|
|
1608
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1609
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, imports: [TextInputComponent], exports: [TextInputComponent] });
|
|
1610
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, imports: [TextInputComponent] });
|
|
1611
|
-
}
|
|
1612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextInputModule, decorators: [{
|
|
1613
|
-
type: NgModule,
|
|
1614
|
-
args: [{
|
|
1615
|
-
imports: [TextInputComponent],
|
|
1616
|
-
exports: [TextInputComponent],
|
|
1617
|
-
}]
|
|
1618
|
-
}] });
|
|
1619
|
-
|
|
1620
1503
|
class ChipComponent {
|
|
1621
1504
|
chip_type = 'radio';
|
|
1622
1505
|
icon_name;
|
|
@@ -1698,19 +1581,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1698
1581
|
type: Output
|
|
1699
1582
|
}] } });
|
|
1700
1583
|
|
|
1701
|
-
class OasysChipModule {
|
|
1702
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1703
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, imports: [ChipComponent], exports: [ChipComponent] });
|
|
1704
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, imports: [ChipComponent] });
|
|
1705
|
-
}
|
|
1706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysChipModule, decorators: [{
|
|
1707
|
-
type: NgModule,
|
|
1708
|
-
args: [{
|
|
1709
|
-
imports: [ChipComponent],
|
|
1710
|
-
exports: [ChipComponent],
|
|
1711
|
-
}]
|
|
1712
|
-
}] });
|
|
1713
|
-
|
|
1714
1584
|
class LayoutContainerComponent {
|
|
1715
1585
|
changes;
|
|
1716
1586
|
container_fluid = false;
|
|
@@ -1752,6 +1622,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1752
1622
|
type: Input
|
|
1753
1623
|
}] } });
|
|
1754
1624
|
|
|
1625
|
+
class LayoutGridComponent {
|
|
1626
|
+
changes;
|
|
1627
|
+
grid_auto = false;
|
|
1628
|
+
grid_collapse_below = 'tablet';
|
|
1629
|
+
grid_gap = 'default';
|
|
1630
|
+
grid_base = 12;
|
|
1631
|
+
didFirstInit = false;
|
|
1632
|
+
prefix = 'ui-layout-grid';
|
|
1633
|
+
gridLayoutClasses;
|
|
1634
|
+
constructor(changes) {
|
|
1635
|
+
this.changes = changes;
|
|
1636
|
+
}
|
|
1637
|
+
get gridTemplateColumns() {
|
|
1638
|
+
if (this.grid_auto)
|
|
1639
|
+
return null;
|
|
1640
|
+
return `repeat(${this.grid_base}, 1fr)`;
|
|
1641
|
+
}
|
|
1642
|
+
ngOnChanges() {
|
|
1643
|
+
if (!this.didFirstInit)
|
|
1644
|
+
return;
|
|
1645
|
+
this.ngOnInit();
|
|
1646
|
+
this.changes.markForCheck();
|
|
1647
|
+
}
|
|
1648
|
+
ngOnInit() {
|
|
1649
|
+
this.gridLayoutClasses = [
|
|
1650
|
+
this.prefix,
|
|
1651
|
+
`${this.prefix}-${this.grid_gap}`,
|
|
1652
|
+
`${this.prefix}-${this.grid_auto ? 'width-auto' : ''}`,
|
|
1653
|
+
`${this.prefix}-collapse-below-${this.grid_collapse_below}`,
|
|
1654
|
+
];
|
|
1655
|
+
this.didFirstInit = true;
|
|
1656
|
+
}
|
|
1657
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1658
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutGridComponent, isStandalone: true, selector: "ui-grid", inputs: { grid_auto: "grid_auto", grid_collapse_below: "grid_collapse_below", grid_gap: "grid_gap", grid_base: "grid_base" }, host: { properties: { "class": "gridLayoutClasses", "style.grid-template-columns": "gridTemplateColumns" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width: 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 });
|
|
1659
|
+
}
|
|
1660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridComponent, decorators: [{
|
|
1661
|
+
type: Component,
|
|
1662
|
+
args: [{ selector: 'ui-grid', template: '<ng-content></ng-content>', host: {
|
|
1663
|
+
'[class]': 'gridLayoutClasses',
|
|
1664
|
+
'[style.grid-template-columns]': 'gridTemplateColumns',
|
|
1665
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: 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"] }]
|
|
1666
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { grid_auto: [{
|
|
1667
|
+
type: Input
|
|
1668
|
+
}], grid_collapse_below: [{
|
|
1669
|
+
type: Input
|
|
1670
|
+
}], grid_gap: [{
|
|
1671
|
+
type: Input
|
|
1672
|
+
}], grid_base: [{
|
|
1673
|
+
type: Input
|
|
1674
|
+
}] } });
|
|
1675
|
+
|
|
1755
1676
|
class LayoutGridColumnComponent {
|
|
1756
1677
|
changes;
|
|
1757
1678
|
didFirstInit = false;
|
|
@@ -1805,57 +1726,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1805
1726
|
type: Input
|
|
1806
1727
|
}] } });
|
|
1807
1728
|
|
|
1808
|
-
class LayoutGridComponent {
|
|
1809
|
-
changes;
|
|
1810
|
-
grid_auto = false;
|
|
1811
|
-
grid_collapse_below = 'tablet';
|
|
1812
|
-
grid_gap = 'default';
|
|
1813
|
-
grid_base = 12;
|
|
1814
|
-
didFirstInit = false;
|
|
1815
|
-
prefix = 'ui-layout-grid';
|
|
1816
|
-
gridLayoutClasses;
|
|
1817
|
-
constructor(changes) {
|
|
1818
|
-
this.changes = changes;
|
|
1819
|
-
}
|
|
1820
|
-
get gridTemplateColumns() {
|
|
1821
|
-
if (this.grid_auto)
|
|
1822
|
-
return null;
|
|
1823
|
-
return `repeat(${this.grid_base}, 1fr)`;
|
|
1824
|
-
}
|
|
1825
|
-
ngOnChanges() {
|
|
1826
|
-
if (!this.didFirstInit)
|
|
1827
|
-
return;
|
|
1828
|
-
this.ngOnInit();
|
|
1829
|
-
this.changes.markForCheck();
|
|
1830
|
-
}
|
|
1831
|
-
ngOnInit() {
|
|
1832
|
-
this.gridLayoutClasses = [
|
|
1833
|
-
this.prefix,
|
|
1834
|
-
`${this.prefix}-${this.grid_gap}`,
|
|
1835
|
-
`${this.prefix}-${this.grid_auto ? 'width-auto' : ''}`,
|
|
1836
|
-
`${this.prefix}-collapse-below-${this.grid_collapse_below}`,
|
|
1837
|
-
];
|
|
1838
|
-
this.didFirstInit = true;
|
|
1839
|
-
}
|
|
1840
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1841
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutGridComponent, isStandalone: true, selector: "ui-grid", inputs: { grid_auto: "grid_auto", grid_collapse_below: "grid_collapse_below", grid_gap: "grid_gap", grid_base: "grid_base" }, host: { properties: { "class": "gridLayoutClasses", "style.grid-template-columns": "gridTemplateColumns" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width: 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 });
|
|
1842
|
-
}
|
|
1843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutGridComponent, decorators: [{
|
|
1844
|
-
type: Component,
|
|
1845
|
-
args: [{ selector: 'ui-grid', template: '<ng-content></ng-content>', host: {
|
|
1846
|
-
'[class]': 'gridLayoutClasses',
|
|
1847
|
-
'[style.grid-template-columns]': 'gridTemplateColumns',
|
|
1848
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: 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"] }]
|
|
1849
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { grid_auto: [{
|
|
1850
|
-
type: Input
|
|
1851
|
-
}], grid_collapse_below: [{
|
|
1852
|
-
type: Input
|
|
1853
|
-
}], grid_gap: [{
|
|
1854
|
-
type: Input
|
|
1855
|
-
}], grid_base: [{
|
|
1856
|
-
type: Input
|
|
1857
|
-
}] } });
|
|
1858
|
-
|
|
1859
1729
|
class OasysLayoutModule {
|
|
1860
1730
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1861
1731
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, imports: [LayoutBoxComponent,
|
|
@@ -1910,19 +1780,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1910
1780
|
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule, OasysLayoutModule], template: "@if (errorMessage()) {\n <ui-box\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"text-color--error\">{{ errorMessage() }}</div>\n </ui-box>\n}\n" }]
|
|
1911
1781
|
}] });
|
|
1912
1782
|
|
|
1913
|
-
class OasysFormErrorsModule {
|
|
1914
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1915
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, imports: [FormErrorsComponent], exports: [FormErrorsComponent] });
|
|
1916
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, imports: [FormErrorsComponent] });
|
|
1917
|
-
}
|
|
1918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, decorators: [{
|
|
1919
|
-
type: NgModule,
|
|
1920
|
-
args: [{
|
|
1921
|
-
imports: [FormErrorsComponent],
|
|
1922
|
-
exports: [FormErrorsComponent],
|
|
1923
|
-
}]
|
|
1924
|
-
}] });
|
|
1925
|
-
|
|
1926
1783
|
class OasysHeadingComponent {
|
|
1927
1784
|
tokenService;
|
|
1928
1785
|
heading_type = 'primary';
|
|
@@ -2024,19 +1881,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2024
1881
|
args: ['class']
|
|
2025
1882
|
}] } });
|
|
2026
1883
|
|
|
2027
|
-
class OasysHeadingModule {
|
|
2028
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2029
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule, imports: [OasysHeadingComponent], exports: [OasysHeadingComponent] });
|
|
2030
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule });
|
|
2031
|
-
}
|
|
2032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeadingModule, decorators: [{
|
|
2033
|
-
type: NgModule,
|
|
2034
|
-
args: [{
|
|
2035
|
-
imports: [OasysHeadingComponent],
|
|
2036
|
-
exports: [OasysHeadingComponent],
|
|
2037
|
-
}]
|
|
2038
|
-
}] });
|
|
2039
|
-
|
|
2040
1884
|
class HeroComponent {
|
|
2041
1885
|
tokenService;
|
|
2042
1886
|
herobox;
|
|
@@ -2135,19 +1979,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2135
1979
|
type: Input
|
|
2136
1980
|
}] } });
|
|
2137
1981
|
|
|
2138
|
-
class OasysHeroModule {
|
|
2139
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2140
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule, imports: [HeroComponent], exports: [HeroComponent] });
|
|
2141
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule });
|
|
2142
|
-
}
|
|
2143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysHeroModule, decorators: [{
|
|
2144
|
-
type: NgModule,
|
|
2145
|
-
args: [{
|
|
2146
|
-
imports: [HeroComponent],
|
|
2147
|
-
exports: [HeroComponent],
|
|
2148
|
-
}]
|
|
2149
|
-
}] });
|
|
2150
|
-
|
|
2151
1982
|
class SeoBlockComponent {
|
|
2152
1983
|
heading_paragraph;
|
|
2153
1984
|
heading_links;
|
|
@@ -2223,45 +2054,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2223
2054
|
type: Input
|
|
2224
2055
|
}] } });
|
|
2225
2056
|
|
|
2226
|
-
class OasysSeoBlockModule {
|
|
2227
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2228
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule, imports: [SeoBlockComponent], exports: [SeoBlockComponent] });
|
|
2229
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule });
|
|
2230
|
-
}
|
|
2231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSeoBlockModule, decorators: [{
|
|
2232
|
-
type: NgModule,
|
|
2233
|
-
args: [{
|
|
2234
|
-
imports: [SeoBlockComponent],
|
|
2235
|
-
exports: [SeoBlockComponent],
|
|
2236
|
-
}]
|
|
2237
|
-
}] });
|
|
2238
|
-
|
|
2239
|
-
class OasysIconModule {
|
|
2240
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2241
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule, imports: [IconComponent], exports: [IconComponent] });
|
|
2242
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule });
|
|
2243
|
-
}
|
|
2244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysIconModule, decorators: [{
|
|
2245
|
-
type: NgModule,
|
|
2246
|
-
args: [{
|
|
2247
|
-
imports: [IconComponent],
|
|
2248
|
-
exports: [IconComponent],
|
|
2249
|
-
}]
|
|
2250
|
-
}] });
|
|
2251
|
-
|
|
2252
|
-
class OasysImageModule {
|
|
2253
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2254
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule, imports: [ImageComponent], exports: [ImageComponent] });
|
|
2255
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule });
|
|
2256
|
-
}
|
|
2257
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysImageModule, decorators: [{
|
|
2258
|
-
type: NgModule,
|
|
2259
|
-
args: [{
|
|
2260
|
-
imports: [ImageComponent],
|
|
2261
|
-
exports: [ImageComponent],
|
|
2262
|
-
}]
|
|
2263
|
-
}] });
|
|
2264
|
-
|
|
2265
2057
|
class SectionComponent {
|
|
2266
2058
|
tokenService;
|
|
2267
2059
|
// Style input variables
|
|
@@ -2369,19 +2161,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2369
2161
|
type: Input
|
|
2370
2162
|
}] } });
|
|
2371
2163
|
|
|
2372
|
-
class SectionModule {
|
|
2373
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2374
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SectionModule, imports: [SectionComponent], exports: [SectionComponent] });
|
|
2375
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionModule });
|
|
2376
|
-
}
|
|
2377
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionModule, decorators: [{
|
|
2378
|
-
type: NgModule,
|
|
2379
|
-
args: [{
|
|
2380
|
-
imports: [SectionComponent],
|
|
2381
|
-
exports: [SectionComponent],
|
|
2382
|
-
}]
|
|
2383
|
-
}] });
|
|
2384
|
-
|
|
2385
2164
|
/* This component wraps around the swiper.js library WebComponent */
|
|
2386
2165
|
class CarouselComponent {
|
|
2387
2166
|
tokenService;
|
|
@@ -2662,19 +2441,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2662
2441
|
type: Output
|
|
2663
2442
|
}] } });
|
|
2664
2443
|
|
|
2665
|
-
class OasysCarouselModule {
|
|
2666
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2667
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule, imports: [CarouselComponent], exports: [CarouselComponent] });
|
|
2668
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule });
|
|
2669
|
-
}
|
|
2670
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysCarouselModule, decorators: [{
|
|
2671
|
-
type: NgModule,
|
|
2672
|
-
args: [{
|
|
2673
|
-
imports: [CarouselComponent],
|
|
2674
|
-
exports: [CarouselComponent],
|
|
2675
|
-
}]
|
|
2676
|
-
}] });
|
|
2677
|
-
|
|
2678
2444
|
class TextComponent {
|
|
2679
2445
|
textAlign = 'left';
|
|
2680
2446
|
textWeight = 'normal';
|
|
@@ -2701,19 +2467,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2701
2467
|
type: Input
|
|
2702
2468
|
}] } });
|
|
2703
2469
|
|
|
2704
|
-
class OasysTextModule {
|
|
2705
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2706
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule, imports: [TextComponent], exports: [TextComponent] });
|
|
2707
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule });
|
|
2708
|
-
}
|
|
2709
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTextModule, decorators: [{
|
|
2710
|
-
type: NgModule,
|
|
2711
|
-
args: [{
|
|
2712
|
-
imports: [TextComponent],
|
|
2713
|
-
exports: [TextComponent],
|
|
2714
|
-
}]
|
|
2715
|
-
}] });
|
|
2716
|
-
|
|
2717
2470
|
class BannerComponent {
|
|
2718
2471
|
tokenService;
|
|
2719
2472
|
// Design token variables;
|
|
@@ -2765,19 +2518,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2765
2518
|
type: Output
|
|
2766
2519
|
}] } });
|
|
2767
2520
|
|
|
2768
|
-
class OasysBannerModule {
|
|
2769
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2770
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule, imports: [BannerComponent], exports: [BannerComponent] });
|
|
2771
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule });
|
|
2772
|
-
}
|
|
2773
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBannerModule, decorators: [{
|
|
2774
|
-
type: NgModule,
|
|
2775
|
-
args: [{
|
|
2776
|
-
imports: [BannerComponent],
|
|
2777
|
-
exports: [BannerComponent],
|
|
2778
|
-
}]
|
|
2779
|
-
}] });
|
|
2780
|
-
|
|
2781
2521
|
class OasysPriceComponent {
|
|
2782
2522
|
get class() {
|
|
2783
2523
|
return `
|
|
@@ -2806,19 +2546,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2806
2546
|
type: Input
|
|
2807
2547
|
}] } });
|
|
2808
2548
|
|
|
2809
|
-
class OasysPriceModule {
|
|
2810
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2811
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule, imports: [OasysPriceComponent], exports: [OasysPriceComponent] });
|
|
2812
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule });
|
|
2813
|
-
}
|
|
2814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPriceModule, decorators: [{
|
|
2815
|
-
type: NgModule,
|
|
2816
|
-
args: [{
|
|
2817
|
-
imports: [OasysPriceComponent],
|
|
2818
|
-
exports: [OasysPriceComponent],
|
|
2819
|
-
}]
|
|
2820
|
-
}] });
|
|
2821
|
-
|
|
2822
2549
|
class OasysPillComponent {
|
|
2823
2550
|
prefix = 'ui-pill';
|
|
2824
2551
|
get class() {
|
|
@@ -2838,19 +2565,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2838
2565
|
type: Input
|
|
2839
2566
|
}] } });
|
|
2840
2567
|
|
|
2841
|
-
class OasysPillModule {
|
|
2842
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2843
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule, imports: [OasysPillComponent], exports: [OasysPillComponent] });
|
|
2844
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule });
|
|
2845
|
-
}
|
|
2846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillModule, decorators: [{
|
|
2847
|
-
type: NgModule,
|
|
2848
|
-
args: [{
|
|
2849
|
-
imports: [OasysPillComponent],
|
|
2850
|
-
exports: [OasysPillComponent],
|
|
2851
|
-
}]
|
|
2852
|
-
}] });
|
|
2853
|
-
|
|
2854
2568
|
class OasysPillGroupComponent {
|
|
2855
2569
|
breakpointService;
|
|
2856
2570
|
prefix;
|
|
@@ -2887,19 +2601,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2887
2601
|
type: Input
|
|
2888
2602
|
}] } });
|
|
2889
2603
|
|
|
2890
|
-
class OasysPillGroupModule {
|
|
2891
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2892
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule, imports: [OasysPillGroupComponent], exports: [OasysPillGroupComponent] });
|
|
2893
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule });
|
|
2894
|
-
}
|
|
2895
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillGroupModule, decorators: [{
|
|
2896
|
-
type: NgModule,
|
|
2897
|
-
args: [{
|
|
2898
|
-
imports: [OasysPillGroupComponent],
|
|
2899
|
-
exports: [OasysPillGroupComponent],
|
|
2900
|
-
}]
|
|
2901
|
-
}] });
|
|
2902
|
-
|
|
2903
2604
|
const PROMO_CARD_LAYOUTS = {
|
|
2904
2605
|
default: {
|
|
2905
2606
|
headingType: 'secondary',
|
|
@@ -2978,19 +2679,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2978
2679
|
type: Output
|
|
2979
2680
|
}] } });
|
|
2980
2681
|
|
|
2981
|
-
class OasysPromoCardModule {
|
|
2982
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2983
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule, imports: [PromoCardComponent], exports: [PromoCardComponent] });
|
|
2984
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule });
|
|
2985
|
-
}
|
|
2986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPromoCardModule, decorators: [{
|
|
2987
|
-
type: NgModule,
|
|
2988
|
-
args: [{
|
|
2989
|
-
imports: [PromoCardComponent],
|
|
2990
|
-
exports: [PromoCardComponent],
|
|
2991
|
-
}]
|
|
2992
|
-
}] });
|
|
2993
|
-
|
|
2994
2682
|
class SelectCardComponent {
|
|
2995
2683
|
tokenService;
|
|
2996
2684
|
// Image
|
|
@@ -3075,19 +2763,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3075
2763
|
type: Output
|
|
3076
2764
|
}] } });
|
|
3077
2765
|
|
|
3078
|
-
class OasysSelectCardModule {
|
|
3079
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3080
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule, imports: [SelectCardComponent], exports: [SelectCardComponent] });
|
|
3081
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule });
|
|
3082
|
-
}
|
|
3083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysSelectCardModule, decorators: [{
|
|
3084
|
-
type: NgModule,
|
|
3085
|
-
args: [{
|
|
3086
|
-
imports: [SelectCardComponent],
|
|
3087
|
-
exports: [SelectCardComponent],
|
|
3088
|
-
}]
|
|
3089
|
-
}] });
|
|
3090
|
-
|
|
3091
2766
|
class EmphasisDirective {
|
|
3092
2767
|
element;
|
|
3093
2768
|
searchText = '';
|
|
@@ -3153,12 +2828,15 @@ class ComboboxComponent {
|
|
|
3153
2828
|
textValue = '';
|
|
3154
2829
|
inputDidChange = false; // only show valdiation after a change event (ie. blur)
|
|
3155
2830
|
displayOptions = [];
|
|
2831
|
+
_panelOpen = false;
|
|
3156
2832
|
_selectedOption;
|
|
3157
2833
|
_focusedOption;
|
|
3158
2834
|
_focusedOptionId;
|
|
3159
2835
|
id;
|
|
3160
2836
|
/** Whether or not the overlay panel is open. */
|
|
3161
|
-
panelOpen
|
|
2837
|
+
get panelOpen() {
|
|
2838
|
+
return this._panelOpen;
|
|
2839
|
+
}
|
|
3162
2840
|
/**
|
|
3163
2841
|
* Selected option
|
|
3164
2842
|
*/
|
|
@@ -3195,7 +2873,7 @@ class ComboboxComponent {
|
|
|
3195
2873
|
onChange = () => { };
|
|
3196
2874
|
onTouched = () => { };
|
|
3197
2875
|
onClick(targetElement) {
|
|
3198
|
-
if (this.panelOpen
|
|
2876
|
+
if (this.panelOpen) {
|
|
3199
2877
|
const clickedInside = this.combobox.nativeElement.contains(targetElement);
|
|
3200
2878
|
if (!clickedInside) {
|
|
3201
2879
|
this.closePanel();
|
|
@@ -3265,26 +2943,21 @@ class ComboboxComponent {
|
|
|
3265
2943
|
onKeyDown(event) {
|
|
3266
2944
|
switch (event.key) {
|
|
3267
2945
|
case 'Enter':
|
|
3268
|
-
|
|
3269
|
-
this.pressEnter();
|
|
3270
|
-
}
|
|
3271
|
-
else {
|
|
3272
|
-
this.openPanel(event);
|
|
3273
|
-
}
|
|
2946
|
+
this.pressEnter();
|
|
3274
2947
|
break;
|
|
3275
2948
|
case 'Tab':
|
|
3276
|
-
if (this.panelOpen
|
|
2949
|
+
if (this.panelOpen) {
|
|
3277
2950
|
this.closePanel();
|
|
3278
2951
|
}
|
|
3279
2952
|
break;
|
|
3280
2953
|
case 'Escape':
|
|
3281
|
-
if (this.panelOpen
|
|
2954
|
+
if (this.panelOpen) {
|
|
3282
2955
|
this.closePanel();
|
|
3283
2956
|
}
|
|
3284
2957
|
break;
|
|
3285
2958
|
}
|
|
3286
2959
|
// Logic for open panel
|
|
3287
|
-
if (this.panelOpen
|
|
2960
|
+
if (this.panelOpen) {
|
|
3288
2961
|
this.pressArrows(event);
|
|
3289
2962
|
this.optionsList.get(this._focusedOptionId)?.nativeElement.focus();
|
|
3290
2963
|
}
|
|
@@ -3293,7 +2966,7 @@ class ComboboxComponent {
|
|
|
3293
2966
|
* Toggle Options Panel
|
|
3294
2967
|
*/
|
|
3295
2968
|
togglePanel() {
|
|
3296
|
-
this.
|
|
2969
|
+
this._panelOpen = this.panelOpen ? false : true;
|
|
3297
2970
|
this.initSelectedFocus();
|
|
3298
2971
|
}
|
|
3299
2972
|
/**
|
|
@@ -3301,8 +2974,8 @@ class ComboboxComponent {
|
|
|
3301
2974
|
*/
|
|
3302
2975
|
openPanel(event) {
|
|
3303
2976
|
event?.preventDefault();
|
|
3304
|
-
if (!this.
|
|
3305
|
-
this.
|
|
2977
|
+
if (!this._panelOpen) {
|
|
2978
|
+
this._panelOpen = true;
|
|
3306
2979
|
this.initSelectedFocus();
|
|
3307
2980
|
}
|
|
3308
2981
|
}
|
|
@@ -3310,8 +2983,9 @@ class ComboboxComponent {
|
|
|
3310
2983
|
* Close Options Panel
|
|
3311
2984
|
*/
|
|
3312
2985
|
closePanel() {
|
|
3313
|
-
this.
|
|
3314
|
-
|
|
2986
|
+
if (this._panelOpen) {
|
|
2987
|
+
this._panelOpen = false;
|
|
2988
|
+
}
|
|
3315
2989
|
}
|
|
3316
2990
|
/**
|
|
3317
2991
|
* Get Input display value
|
|
@@ -3433,7 +3107,7 @@ class ComboboxComponent {
|
|
|
3433
3107
|
* Init focus mode or set the selected option as focused
|
|
3434
3108
|
*/
|
|
3435
3109
|
initSelectedFocus() {
|
|
3436
|
-
if (this.
|
|
3110
|
+
if (this._panelOpen) {
|
|
3437
3111
|
if (this._selectedOption) {
|
|
3438
3112
|
this._focusedOption = this._selectedOption;
|
|
3439
3113
|
}
|
|
@@ -3449,15 +3123,11 @@ class ComboboxComponent {
|
|
|
3449
3123
|
pressArrows(event) {
|
|
3450
3124
|
switch (event.key) {
|
|
3451
3125
|
case 'ArrowDown':
|
|
3452
|
-
event.preventDefault();
|
|
3453
|
-
event.stopPropagation();
|
|
3454
3126
|
this._focusedOptionId = Math.min(this._focusedOptionId + 1, this.displayOptions.length - 1);
|
|
3455
3127
|
this._focusedOption = this.displayOptions[this._focusedOptionId];
|
|
3456
3128
|
this.autocompleteOptionTextPreview();
|
|
3457
3129
|
break;
|
|
3458
3130
|
case 'ArrowUp':
|
|
3459
|
-
event.preventDefault();
|
|
3460
|
-
event.stopPropagation();
|
|
3461
3131
|
this._focusedOptionId = Math.max(this._focusedOptionId - 1, 0);
|
|
3462
3132
|
this._focusedOption = this.displayOptions[this._focusedOptionId];
|
|
3463
3133
|
this.autocompleteOptionTextPreview();
|
|
@@ -3476,10 +3146,10 @@ class ComboboxComponent {
|
|
|
3476
3146
|
* Press Enter inside Options Panel
|
|
3477
3147
|
*/
|
|
3478
3148
|
pressEnter() {
|
|
3479
|
-
if (this.panelOpen
|
|
3480
|
-
this._focusedOptionId < this.
|
|
3149
|
+
if (this.panelOpen &&
|
|
3150
|
+
this._focusedOptionId < this.options.length &&
|
|
3481
3151
|
this._focusedOptionId >= 0) {
|
|
3482
|
-
this.selectOption(this.
|
|
3152
|
+
this.selectOption(this._focusedOption, this._focusedOptionId);
|
|
3483
3153
|
}
|
|
3484
3154
|
}
|
|
3485
3155
|
/**
|
|
@@ -3497,13 +3167,13 @@ class ComboboxComponent {
|
|
|
3497
3167
|
this.displayOptions = this.options;
|
|
3498
3168
|
}
|
|
3499
3169
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
3500
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3170
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComboboxComponent, isStandalone: true, 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: [
|
|
3501
3171
|
{
|
|
3502
3172
|
provide: NG_VALUE_ACCESSOR,
|
|
3503
3173
|
useExisting: forwardRef(() => ComboboxComponent),
|
|
3504
3174
|
multi: true,
|
|
3505
3175
|
},
|
|
3506
|
-
], 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 @if (type === 'options') {\n <div\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'on'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"selectedOption\"\n [placeholder]=\"placeholder || ''\"\n readonly=\"readonly\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n <!-- Select Icon Chevron Area -->\n <div class=\"icon-container\" [ngClass]=\"{ expand: panelOpen() }\">\n <ui-icon icon_name=\"chevron-down\"></ui-icon>\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Autocomplete Input -->\n @if (type === 'autocomplete') {\n <div\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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'list'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"textValue\"\n [placeholder]=\"placeholder || ''\"\n role=\"combobox\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div class=\"icon-container\" [attr.aria-label]=\"'clean'\" (click)=\"cleanInput()\">\n @if (textValue) {\n <ui-icon icon_name=\"close\"></ui-icon>\n }\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Options Panel -->\n @if (panelOpen()) {\n <div\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 @if (header && type === 'autocomplete') {\n <div class=\"ui-combobox-header text-body--supporting\">\n <span>{{ header }}</span>\n </div>\n }\n\n <!-- Options list -->\n @for (option of displayOptions; track option; let i = $index) {\n <div\n #option\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 [attr.value]=\"valueKey ? option[valueKey] : option.value\"\n [attr.ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n @if (option.icon_name || (iconNameKey && option[iconNameKey])) {\n <ui-icon\n [icon_name]=\"iconNameKey ? option[iconNameKey] : option.icon_name\"\n ></ui-icon>\n }\n <!-- Display options label -->\n @if (type === 'options') {\n <span>{{ option[displayOptionKey] }}</span>\n }\n\n <!-- Display autocomplete option information and emphasis-->\n @if (type === 'autocomplete') {\n <ui-stack stack_gap=\"tiny\">\n <span\n ui-emphasis\n [searchText]=\"textValue\"\n [displayParagraph]=\"option[displayOptionKey]\"\n >\n </span>\n <p class=\"foreground-secondary-text\">\n {{ option[subtextOptionKey] }}\n </p>\n </ui-stack>\n }\n </ui-stack>\n </div>\n\n <!-- Selected icon -->\n @if (selectedOption === option) {\n <ui-icon icon_name=\"tick\"></ui-icon>\n }\n </ui-stack>\n </div>\n }\n <!-- Autocomplete Options Panel Footer -->\n @if (footer && type === 'autocomplete') {\n <div class=\"ui-combobox-footer\">\n <ui-button button_type=\"tertiary\" (click)=\"onFooterAction()\">\n {{ footer }}\n </ui-button>\n </div>\n }\n </div>\n }\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (hint) {\n <ui-box\n class=\"hint-container\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: EmphasisDirective, selector: "[ui-emphasis]", inputs: ["searchText", "displayParagraph"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
3176
|
+
], 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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'on'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'list'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"textValue\"\n [placeholder]=\"placeholder || ''\"\n role=\"combobox\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div class=\"icon-container\" [attr.aria-label]=\"'clean'\" (click)=\"cleanInput()\">\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 [attr.value]=\"valueKey ? option[valueKey] : option.value\"\n [attr.ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n <ui-icon\n *ngIf=\"option.icon_name || (iconNameKey && option[iconNameKey])\"\n [icon_name]=\"iconNameKey ? option[iconNameKey] : option.icon_name\"\n ></ui-icon>\n\n <!-- Display options label -->\n <span *ngIf=\"type === 'options'\">{{ option[displayOptionKey] }}</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 class=\"foreground-secondary-text\" *ngIf=\"type === 'autocomplete'\">\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 class=\"ui-text-input-hint text-body--supporting text-color--supporting\">\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: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: EmphasisDirective, selector: "[ui-emphasis]", inputs: ["searchText", "displayParagraph"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
3507
3177
|
}
|
|
3508
3178
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComboboxComponent, decorators: [{
|
|
3509
3179
|
type: Component,
|
|
@@ -3515,15 +3185,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3515
3185
|
},
|
|
3516
3186
|
], standalone: true, imports: [
|
|
3517
3187
|
LayoutStackComponent,
|
|
3188
|
+
NgIf,
|
|
3518
3189
|
LayoutBoxComponent,
|
|
3519
3190
|
ReactiveFormsModule,
|
|
3520
3191
|
FormsModule,
|
|
3521
3192
|
NgClass,
|
|
3522
3193
|
OasysAutofocusDirective,
|
|
3523
3194
|
IconComponent,
|
|
3195
|
+
NgFor,
|
|
3524
3196
|
EmphasisDirective,
|
|
3525
3197
|
OasysButtonComponent,
|
|
3526
|
-
], 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 @if (type === 'options') {\n <div\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'on'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"selectedOption\"\n [placeholder]=\"placeholder || ''\"\n readonly=\"readonly\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n <!-- Select Icon Chevron Area -->\n <div class=\"icon-container\" [ngClass]=\"{ expand: panelOpen() }\">\n <ui-icon icon_name=\"chevron-down\"></ui-icon>\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Autocomplete Input -->\n @if (type === 'autocomplete') {\n <div\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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'list'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"textValue\"\n [placeholder]=\"placeholder || ''\"\n role=\"combobox\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div class=\"icon-container\" [attr.aria-label]=\"'clean'\" (click)=\"cleanInput()\">\n @if (textValue) {\n <ui-icon icon_name=\"close\"></ui-icon>\n }\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Options Panel -->\n @if (panelOpen()) {\n <div\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 @if (header && type === 'autocomplete') {\n <div class=\"ui-combobox-header text-body--supporting\">\n <span>{{ header }}</span>\n </div>\n }\n\n <!-- Options list -->\n @for (option of displayOptions; track option; let i = $index) {\n <div\n #option\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 [attr.value]=\"valueKey ? option[valueKey] : option.value\"\n [attr.ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n @if (option.icon_name || (iconNameKey && option[iconNameKey])) {\n <ui-icon\n [icon_name]=\"iconNameKey ? option[iconNameKey] : option.icon_name\"\n ></ui-icon>\n }\n <!-- Display options label -->\n @if (type === 'options') {\n <span>{{ option[displayOptionKey] }}</span>\n }\n\n <!-- Display autocomplete option information and emphasis-->\n @if (type === 'autocomplete') {\n <ui-stack stack_gap=\"tiny\">\n <span\n ui-emphasis\n [searchText]=\"textValue\"\n [displayParagraph]=\"option[displayOptionKey]\"\n >\n </span>\n <p class=\"foreground-secondary-text\">\n {{ option[subtextOptionKey] }}\n </p>\n </ui-stack>\n }\n </ui-stack>\n </div>\n\n <!-- Selected icon -->\n @if (selectedOption === option) {\n <ui-icon icon_name=\"tick\"></ui-icon>\n }\n </ui-stack>\n </div>\n }\n <!-- Autocomplete Options Panel Footer -->\n @if (footer && type === 'autocomplete') {\n <div class=\"ui-combobox-footer\">\n <ui-button button_type=\"tertiary\" (click)=\"onFooterAction()\">\n {{ footer }}\n </ui-button>\n </div>\n }\n </div>\n }\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (hint) {\n <ui-box\n class=\"hint-container\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-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"] }]
|
|
3198
|
+
], 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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'on'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [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]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'list'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"textValue\"\n [placeholder]=\"placeholder || ''\"\n role=\"combobox\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div class=\"icon-container\" [attr.aria-label]=\"'clean'\" (click)=\"cleanInput()\">\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 [attr.value]=\"valueKey ? option[valueKey] : option.value\"\n [attr.ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n <ui-icon\n *ngIf=\"option.icon_name || (iconNameKey && option[iconNameKey])\"\n [icon_name]=\"iconNameKey ? option[iconNameKey] : option.icon_name\"\n ></ui-icon>\n\n <!-- Display options label -->\n <span *ngIf=\"type === 'options'\">{{ option[displayOptionKey] }}</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 class=\"foreground-secondary-text\" *ngIf=\"type === 'autocomplete'\">\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 class=\"ui-text-input-hint text-body--supporting text-color--supporting\">\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"] }]
|
|
3527
3199
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
3528
3200
|
type: Inject,
|
|
3529
3201
|
args: [DOCUMENT]
|
|
@@ -3591,85 +3263,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3591
3263
|
args: ['document:click', ['$event.target']]
|
|
3592
3264
|
}] } });
|
|
3593
3265
|
|
|
3594
|
-
/**
|
|
3595
|
-
* @ngModule OasysComboboxModule
|
|
3596
|
-
* @description
|
|
3597
|
-
*
|
|
3598
|
-
* A combo box is a text box with a list box attached.
|
|
3599
|
-
* This type of control enables users to select a predefined value in a list or type their own value in the text box portion of the control.
|
|
3600
|
-
*
|
|
3601
|
-
* @usageNotes
|
|
3602
|
-
*
|
|
3603
|
-
* @example of a Combobox Options type
|
|
3604
|
-
* <ui-combobox
|
|
3605
|
-
* formControlName="select"
|
|
3606
|
-
* label="Label"
|
|
3607
|
-
* [options]="[
|
|
3608
|
-
* {value:'option 1', label: '1 week'},
|
|
3609
|
-
* {value:'option 2', label: '2 weeks' },
|
|
3610
|
-
* {value:'option 3', label: '3 weeks'},
|
|
3611
|
-
* {value:'option 4', label: '4 weeks'} ]"
|
|
3612
|
-
* hint="Hint!! Please select frequency"
|
|
3613
|
-
* [selected]="{value:'option 3', label: '3 weeks' }"
|
|
3614
|
-
* ></ui-combobox>
|
|
3615
|
-
*
|
|
3616
|
-
* Pug:
|
|
3617
|
-
* ui-combobox(
|
|
3618
|
-
* formControlName="select"
|
|
3619
|
-
* label="Label"
|
|
3620
|
-
* [options]="[
|
|
3621
|
-
* {value:'option 1', label: '1 week'},
|
|
3622
|
-
* {value:'option 2', label: '2 weeks' },
|
|
3623
|
-
* {value:'option 3', label: '3 weeks'},
|
|
3624
|
-
* {value:'option 4', label: '4 weeks'} ]"
|
|
3625
|
-
* hint="Hint!! Please select frequency"
|
|
3626
|
-
* [selected]="{value:'option 3', label: '3 weeks' }")
|
|
3627
|
-
*
|
|
3628
|
-
*
|
|
3629
|
-
* @example of a Combobox Autocomplete type
|
|
3630
|
-
* <ui-combobox
|
|
3631
|
-
* formControlName="select"
|
|
3632
|
-
* type="autocomplete"
|
|
3633
|
-
* footer="Add manual an option"
|
|
3634
|
-
* label="Label"
|
|
3635
|
-
* [options]="[
|
|
3636
|
-
* {value:'option 1', label: '1 week'},
|
|
3637
|
-
* {value:'option 2', label: '2 weeks' },
|
|
3638
|
-
* {value:'option 3', label: '3 weeks'},
|
|
3639
|
-
* {value:'option 4', label: '4 weeks'} ]"
|
|
3640
|
-
* hint="Hint!! Please select frequency"
|
|
3641
|
-
* [selected]="{value:'option 3', label: '3 weeks' }"
|
|
3642
|
-
* ></ui-combobox>
|
|
3643
|
-
*
|
|
3644
|
-
* Pug:
|
|
3645
|
-
* ui-combobox(
|
|
3646
|
-
* formControlName="select"
|
|
3647
|
-
* type="autocomplete"
|
|
3648
|
-
* footer="Add manual an option"
|
|
3649
|
-
* label="Label"
|
|
3650
|
-
* [options]="[
|
|
3651
|
-
* {value:'option 1', label: '1 week'},
|
|
3652
|
-
* {value:'option 2', label: '2 weeks' },
|
|
3653
|
-
* {value:'option 3', label: '3 weeks'},
|
|
3654
|
-
* {value:'option 4', label: '4 weeks'} ]"
|
|
3655
|
-
* hint="Hint!! Please select frequency"
|
|
3656
|
-
* [selected]="{value:'option 3', label: '3 weeks' }")
|
|
3657
|
-
*
|
|
3658
|
-
* @OasysLib
|
|
3659
|
-
*/
|
|
3660
|
-
class OasysComboboxModule {
|
|
3661
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3662
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, imports: [ComboboxComponent], exports: [ComboboxComponent] });
|
|
3663
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, imports: [ComboboxComponent] });
|
|
3664
|
-
}
|
|
3665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysComboboxModule, decorators: [{
|
|
3666
|
-
type: NgModule,
|
|
3667
|
-
args: [{
|
|
3668
|
-
imports: [ComboboxComponent],
|
|
3669
|
-
exports: [ComboboxComponent],
|
|
3670
|
-
}]
|
|
3671
|
-
}] });
|
|
3672
|
-
|
|
3673
3266
|
class LabelComponent {
|
|
3674
3267
|
type = '';
|
|
3675
3268
|
text = '';
|
|
@@ -3733,19 +3326,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3733
3326
|
type: Input
|
|
3734
3327
|
}] } });
|
|
3735
3328
|
|
|
3736
|
-
class OasysLabelModule {
|
|
3737
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3738
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule, imports: [LabelComponent], exports: [LabelComponent] });
|
|
3739
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule });
|
|
3740
|
-
}
|
|
3741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLabelModule, decorators: [{
|
|
3742
|
-
type: NgModule,
|
|
3743
|
-
args: [{
|
|
3744
|
-
imports: [LabelComponent],
|
|
3745
|
-
exports: [LabelComponent],
|
|
3746
|
-
}]
|
|
3747
|
-
}] });
|
|
3748
|
-
|
|
3749
3329
|
class OasysTabComponent {
|
|
3750
3330
|
tab_label = undefined;
|
|
3751
3331
|
tab_active = false;
|
|
@@ -3844,11 +3424,11 @@ class OasysTabHeaderComponent {
|
|
|
3844
3424
|
}
|
|
3845
3425
|
}
|
|
3846
3426
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3847
|
-
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]=\"
|
|
3427
|
+
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 [class]=\"getIndicatorClass()\" [ngClass]=\"{ active: tab === tab_active() }\"></div>\n </div>\n </ui-stack>\n</div>\n", styles: [".ui-tab-header{border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-background-disabled)}.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"] }] });
|
|
3848
3428
|
}
|
|
3849
3429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabHeaderComponent, decorators: [{
|
|
3850
3430
|
type: Component,
|
|
3851
|
-
args: [{ standalone: true, imports: [OasysLayoutModule, NgClass, NgFor], selector: 'ui-tab-header', template: "<div role=\"tablist\" aria-orientation=\"horizontal\">\n <ui-stack\n class=\"ui-tab-header\"\n stack_direction=\"x\"\n [stack_wrap]=\"
|
|
3431
|
+
args: [{ standalone: true, imports: [OasysLayoutModule, NgClass, NgFor], selector: 'ui-tab-header', template: "<div role=\"tablist\" aria-orientation=\"horizontal\">\n <ui-stack\n class=\"ui-tab-header\"\n stack_direction=\"x\"\n [stack_wrap]=\"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 [class]=\"getIndicatorClass()\" [ngClass]=\"{ active: tab === tab_active() }\"></div>\n </div>\n </ui-stack>\n</div>\n", styles: [".ui-tab-header{border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-background-disabled)}.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"] }]
|
|
3852
3432
|
}], propDecorators: { tab_size: [{
|
|
3853
3433
|
type: Input
|
|
3854
3434
|
}], tabs: [{
|
|
@@ -3857,6 +3437,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3857
3437
|
type: Output
|
|
3858
3438
|
}] } });
|
|
3859
3439
|
|
|
3440
|
+
/**
|
|
3441
|
+
* @ngModule OasysTabsModule
|
|
3442
|
+
* @description
|
|
3443
|
+
*
|
|
3444
|
+
* Tabs provide a structured way to organize and navigate through different areas of an application.
|
|
3445
|
+
*
|
|
3446
|
+
* @usageNotes
|
|
3447
|
+
*
|
|
3448
|
+
* @example
|
|
3449
|
+
* <ui-tab-group tab_size=${args['tab_size']} >
|
|
3450
|
+
* <!-- Tab -->
|
|
3451
|
+
* <ui-tab tab_label="${args['tab_label']}">
|
|
3452
|
+
* <!-- Tab content -->
|
|
3453
|
+
* </ui-tab>
|
|
3454
|
+
*
|
|
3455
|
+
* <!-- Tab -->
|
|
3456
|
+
* <ui-tab tab_label="Tab 2">
|
|
3457
|
+
* <!-- Tab content -->
|
|
3458
|
+
* </ui-tab>
|
|
3459
|
+
*
|
|
3460
|
+
* <!-- Tab -->
|
|
3461
|
+
* <ui-tab tab_label="Tab 3" [tab_active]=${args['tab_active']}>
|
|
3462
|
+
* <!-- Tab content -->
|
|
3463
|
+
* </ui-tab>
|
|
3464
|
+
* </ui-tab-group>
|
|
3465
|
+
*
|
|
3466
|
+
* Pug:
|
|
3467
|
+
* ui-tab-group(tab_size="${args['tab_size']}")
|
|
3468
|
+
* ui-tab(tab_label="${args['tab_label']}")
|
|
3469
|
+
* <!-- Tab content body -->
|
|
3470
|
+
*
|
|
3471
|
+
* ui-tab(tab_label="Tab 2" tab_active="${args['tab_active']}")
|
|
3472
|
+
* <!-- Tab content body -->
|
|
3473
|
+
* @OasysLib
|
|
3474
|
+
*/
|
|
3860
3475
|
class OasysTabGroupComponent {
|
|
3861
3476
|
tab_size = 'small';
|
|
3862
3477
|
tabs;
|
|
@@ -3888,27 +3503,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3888
3503
|
args: [OasysTabComponent]
|
|
3889
3504
|
}] } });
|
|
3890
3505
|
|
|
3891
|
-
class OasysTabsModule {
|
|
3892
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3893
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
3894
|
-
OasysTabComponent,
|
|
3895
|
-
OasysTabActiveComponent,
|
|
3896
|
-
OasysTabHeaderComponent] });
|
|
3897
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
3898
|
-
OasysTabActiveComponent] });
|
|
3899
|
-
}
|
|
3900
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, decorators: [{
|
|
3901
|
-
type: NgModule,
|
|
3902
|
-
args: [{
|
|
3903
|
-
imports: [
|
|
3904
|
-
OasysTabGroupComponent,
|
|
3905
|
-
OasysTabComponent,
|
|
3906
|
-
OasysTabActiveComponent,
|
|
3907
|
-
OasysTabHeaderComponent,
|
|
3908
|
-
],
|
|
3909
|
-
}]
|
|
3910
|
-
}] });
|
|
3911
|
-
|
|
3912
3506
|
class ProgressBarComponent {
|
|
3913
3507
|
percentage = 50;
|
|
3914
3508
|
style = 'circular';
|
|
@@ -3935,5 +3529,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3935
3529
|
* Generated bundle index. Do not edit.
|
|
3936
3530
|
*/
|
|
3937
3531
|
|
|
3938
|
-
export {
|
|
3532
|
+
export { MEDIA_BASE_URL_TOKEN, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, OasysAutofocusDirective, BannerComponent as OasysBannerComponent, BreadcrumbsComponent as OasysBreadcrumbsComponent, OasysButtonComponent, OasysButtonGroupComponent, CardComponent as OasysCardComponent, CarouselComponent as OasysCarouselComponent, CheckboxComponent as OasysCheckboxComponent, ChipComponent as OasysChipComponent, ComboboxComponent as OasysComboboxComponent, DividerComponent as OasysDividerComponent, EmphasisDirective as OasysEmphasisDirective, FormErrorsComponent as OasysFormErrorsComponent, FormGroupComponent as OasysFormGroupComponent, OasysHeadingComponent, HeroComponent as OasysHeroComponent, OasysHrefDirective, IconComponent as OasysIconComponent, ImageComponent as OasysImageComponent, LabelComponent as OasysLabelComponent, LayoutBoxComponent as OasysLayoutBoxComponent, LayoutContainerComponent as OasysLayoutContainerComponent, LayoutGridColumnComponent as OasysLayoutGridColumnComponent, LayoutGridComponent as OasysLayoutGridComponent, OasysLayoutModule, LayoutStackComponent as OasysLayoutStackComponent, OasysPillComponent, OasysPillGroupComponent, OasysPriceComponent, ProgressBarComponent as OasysProgressBarComponent, PromoCardComponent as OasysPromoCardComponent, RadioComponent as OasysRadioComponent, SectionComponent as OasysSectionComponent, SelectCardComponent as OasysSelectCardComponent, SeoBlockComponent as OasysSeoBlockComponent, OasysTabComponent, OasysTabGroupComponent, TextComponent as OasysTextComponent, TextInputComponent as OasysTextInputComponent, ROUTING_HANDLER, SWIPER_PROVIDER_TOKEN, SwiperProvider };
|
|
3939
3533
|
//# sourceMappingURL=oasys-lib.mjs.map
|