oasys-lib 2.18.4 → 2.19.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/oasys-lib.mjs +296 -296
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/index.d.ts +1432 -4
- package/index.d.ts.map +1 -0
- package/package.json +3 -3
- 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/lib/components/alert/alert-cancel.directive.d.ts +0 -11
- package/lib/components/alert/alert-cancel.directive.d.ts.map +0 -1
- package/lib/components/alert/alert-confirm.directive.d.ts +0 -11
- package/lib/components/alert/alert-confirm.directive.d.ts.map +0 -1
- package/lib/components/alert/alert-content.directive.d.ts +0 -6
- package/lib/components/alert/alert-content.directive.d.ts.map +0 -1
- package/lib/components/alert/alert-title.directive.d.ts +0 -6
- package/lib/components/alert/alert-title.directive.d.ts.map +0 -1
- package/lib/components/alert/alert.component.d.ts +0 -35
- package/lib/components/alert/alert.component.d.ts.map +0 -1
- package/lib/components/alert/alert.module.d.ts +0 -12
- package/lib/components/alert/alert.module.d.ts.map +0 -1
- package/lib/components/alert/index.d.ts +0 -7
- package/lib/components/alert/index.d.ts.map +0 -1
- package/lib/components/banner/banner.component.d.ts +0 -21
- package/lib/components/banner/banner.component.d.ts.map +0 -1
- package/lib/components/banner/banner.module.d.ts +0 -8
- package/lib/components/banner/banner.module.d.ts.map +0 -1
- package/lib/components/banner/index.d.ts +0 -5
- package/lib/components/banner/index.d.ts.map +0 -1
- package/lib/components/button/button.component.d.ts +0 -43
- package/lib/components/button/button.component.d.ts.map +0 -1
- package/lib/components/button/button.d.ts +0 -19
- package/lib/components/button/button.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/index.d.ts +0 -4
- package/lib/components/button/index.d.ts.map +0 -1
- package/lib/components/button-group/button-group.component.d.ts +0 -17
- package/lib/components/button-group/button-group.component.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/button-group/index.d.ts +0 -3
- package/lib/components/button-group/index.d.ts.map +0 -1
- package/lib/components/card/card.component.d.ts +0 -35
- package/lib/components/card/card.component.d.ts.map +0 -1
- package/lib/components/card/card.d.ts +0 -2
- package/lib/components/card/card.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/card/index.d.ts +0 -5
- package/lib/components/card/index.d.ts.map +0 -1
- package/lib/components/carousel/carousel.component.d.ts +0 -68
- package/lib/components/carousel/carousel.component.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/carousel/index.d.ts +0 -5
- package/lib/components/carousel/index.d.ts.map +0 -1
- package/lib/components/divider/divider.component.d.ts +0 -9
- package/lib/components/divider/divider.component.d.ts.map +0 -1
- package/lib/components/divider/divider.d.ts +0 -2
- package/lib/components/divider/divider.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/divider/index.d.ts +0 -5
- package/lib/components/divider/index.d.ts.map +0 -1
- package/lib/components/form/checkbox/checkbox.component.d.ts +0 -28
- package/lib/components/form/checkbox/checkbox.component.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/checkbox/index.d.ts +0 -5
- package/lib/components/form/checkbox/index.d.ts.map +0 -1
- package/lib/components/form/chip/chip.component.d.ts +0 -43
- package/lib/components/form/chip/chip.component.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/chip/index.d.ts +0 -5
- package/lib/components/form/chip/index.d.ts.map +0 -1
- package/lib/components/form/combobox/combobox.component.d.ts +0 -179
- package/lib/components/form/combobox/combobox.component.d.ts.map +0 -1
- package/lib/components/form/combobox/combobox.d.ts +0 -9
- package/lib/components/form/combobox/combobox.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/combobox/index.d.ts +0 -5
- package/lib/components/form/combobox/index.d.ts.map +0 -1
- package/lib/components/form/errors/form-errors.component.d.ts +0 -11
- package/lib/components/form/errors/form-errors.component.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/errors/index.d.ts +0 -5
- package/lib/components/form/errors/index.d.ts.map +0 -1
- package/lib/components/form/errors-summary/errors-summary-item/form-errors-summary-item.component.d.ts +0 -12
- package/lib/components/form/errors-summary/errors-summary-item/form-errors-summary-item.component.d.ts.map +0 -1
- package/lib/components/form/errors-summary/errors-summary-title/form-errors-summary-title.component.d.ts +0 -6
- package/lib/components/form/errors-summary/errors-summary-title/form-errors-summary-title.component.d.ts.map +0 -1
- package/lib/components/form/errors-summary/form-errors-summary.component.d.ts +0 -13
- package/lib/components/form/errors-summary/form-errors-summary.component.d.ts.map +0 -1
- package/lib/components/form/errors-summary/index.d.ts +0 -4
- package/lib/components/form/errors-summary/index.d.ts.map +0 -1
- package/lib/components/form/form-group/form-group.component.d.ts +0 -19
- package/lib/components/form/form-group/form-group.component.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/form-group/index.d.ts +0 -5
- package/lib/components/form/form-group/index.d.ts.map +0 -1
- package/lib/components/form/forms.d.ts +0 -11
- package/lib/components/form/forms.d.ts.map +0 -1
- package/lib/components/form/radio/index.d.ts +0 -5
- package/lib/components/form/radio/index.d.ts.map +0 -1
- package/lib/components/form/radio/radio.component.d.ts +0 -28
- package/lib/components/form/radio/radio.component.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/index.d.ts +0 -4
- package/lib/components/form/text-input/index.d.ts.map +0 -1
- package/lib/components/form/text-input/text-input.component.d.ts +0 -55
- package/lib/components/form/text-input/text-input.component.d.ts.map +0 -1
- package/lib/components/form/text-input/text-input.d.ts +0 -4
- package/lib/components/form/text-input/text-input.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.component.d.ts +0 -29
- package/lib/components/heading/heading.component.d.ts.map +0 -1
- package/lib/components/heading/heading.d.ts +0 -6
- package/lib/components/heading/heading.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/heading/index.d.ts +0 -3
- package/lib/components/heading/index.d.ts.map +0 -1
- package/lib/components/hero/hero.component.d.ts +0 -36
- package/lib/components/hero/hero.component.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/hero/index.d.ts +0 -5
- package/lib/components/hero/index.d.ts.map +0 -1
- package/lib/components/icon/icon.component.d.ts +0 -25
- package/lib/components/icon/icon.component.d.ts.map +0 -1
- package/lib/components/icon/icon.d.ts +0 -3
- package/lib/components/icon/icon.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/icon/index.d.ts +0 -6
- package/lib/components/icon/index.d.ts.map +0 -1
- package/lib/components/image/image.component.d.ts +0 -58
- package/lib/components/image/image.component.d.ts.map +0 -1
- package/lib/components/image/image.d.ts +0 -16
- package/lib/components/image/image.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/image/index.d.ts +0 -5
- package/lib/components/image/index.d.ts.map +0 -1
- package/lib/components/label/index.d.ts +0 -5
- package/lib/components/label/index.d.ts.map +0 -1
- package/lib/components/label/label.component.d.ts +0 -27
- package/lib/components/label/label.component.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/layout/Layout.d.ts +0 -32
- package/lib/components/layout/Layout.d.ts.map +0 -1
- package/lib/components/layout/box/box.component.d.ts +0 -50
- package/lib/components/layout/box/box.component.d.ts.map +0 -1
- package/lib/components/layout/box/box.d.ts +0 -11
- package/lib/components/layout/box/box.d.ts.map +0 -1
- package/lib/components/layout/container/container.component.d.ts +0 -19
- package/lib/components/layout/container/container.component.d.ts.map +0 -1
- package/lib/components/layout/grid/grid-column.component.d.ts +0 -19
- package/lib/components/layout/grid/grid-column.component.d.ts.map +0 -1
- package/lib/components/layout/grid/grid.component.d.ts +0 -19
- package/lib/components/layout/grid/grid.component.d.ts.map +0 -1
- package/lib/components/layout/index.d.ts +0 -18
- package/lib/components/layout/index.d.ts.map +0 -1
- package/lib/components/layout/layout.module.d.ts +0 -12
- package/lib/components/layout/layout.module.d.ts.map +0 -1
- package/lib/components/layout/stack/stack.component.d.ts +0 -23
- package/lib/components/layout/stack/stack.component.d.ts.map +0 -1
- package/lib/components/navigation/breadcrumbs/breadcrumbs.component.d.ts +0 -15
- package/lib/components/navigation/breadcrumbs/breadcrumbs.component.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/breadcrumbs/index.d.ts +0 -5
- package/lib/components/navigation/breadcrumbs/index.d.ts.map +0 -1
- package/lib/components/navigation/tabs/tab/tab.component.d.ts +0 -12
- package/lib/components/navigation/tabs/tab/tab.component.d.ts.map +0 -1
- package/lib/components/navigation/tabs/tab-active/tab-active.component.d.ts +0 -8
- package/lib/components/navigation/tabs/tab-active/tab-active.component.d.ts.map +0 -1
- package/lib/components/navigation/tabs/tab-group/index.d.ts +0 -4
- package/lib/components/navigation/tabs/tab-group/index.d.ts.map +0 -1
- package/lib/components/navigation/tabs/tab-group/tab-group.component.d.ts +0 -14
- package/lib/components/navigation/tabs/tab-group/tab-group.component.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/navigation/tabs/tab-header/tab-header.component.d.ts +0 -32
- package/lib/components/navigation/tabs/tab-header/tab-header.component.d.ts.map +0 -1
- package/lib/components/pill/index.d.ts +0 -3
- package/lib/components/pill/index.d.ts.map +0 -1
- package/lib/components/pill/pill.component.d.ts +0 -10
- package/lib/components/pill/pill.component.d.ts.map +0 -1
- package/lib/components/pill/pill.d.ts +0 -2
- package/lib/components/pill/pill.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/index.d.ts +0 -3
- package/lib/components/pill-group/index.d.ts.map +0 -1
- package/lib/components/pill-group/pill-group.component.d.ts +0 -12
- package/lib/components/pill-group/pill-group.component.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.component.d.ts +0 -10
- package/lib/components/price/price.component.d.ts.map +0 -1
- package/lib/components/progress-bar/index.d.ts +0 -4
- package/lib/components/progress-bar/index.d.ts.map +0 -1
- package/lib/components/progress-bar/progress-bar.component.d.ts +0 -9
- package/lib/components/progress-bar/progress-bar.component.d.ts.map +0 -1
- package/lib/components/promo-card/index.d.ts +0 -5
- package/lib/components/promo-card/index.d.ts.map +0 -1
- package/lib/components/promo-card/promo-card.component.d.ts +0 -32
- package/lib/components/promo-card/promo-card.component.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/index.d.ts +0 -5
- package/lib/components/section/index.d.ts.map +0 -1
- package/lib/components/section/section.component.d.ts +0 -43
- package/lib/components/section/section.component.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/index.d.ts +0 -5
- package/lib/components/select-card/index.d.ts.map +0 -1
- package/lib/components/select-card/select-card.component.d.ts +0 -32
- package/lib/components/select-card/select-card.component.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/index.d.ts +0 -5
- package/lib/components/seo-block/index.d.ts.map +0 -1
- package/lib/components/seo-block/seo-block.component.d.ts +0 -28
- package/lib/components/seo-block/seo-block.component.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/index.d.ts +0 -5
- package/lib/components/text/index.d.ts.map +0 -1
- package/lib/components/text/text.component.d.ts +0 -13
- package/lib/components/text/text.component.d.ts.map +0 -1
- package/lib/components/text/text.d.ts +0 -2
- package/lib/components/text/text.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/lib/directives/autofocus/autofocus.directive.d.ts +0 -12
- package/lib/directives/autofocus/autofocus.directive.d.ts.map +0 -1
- package/lib/directives/emphasis/emphasis.directive.d.ts +0 -13
- package/lib/directives/emphasis/emphasis.directive.d.ts.map +0 -1
- package/lib/directives/href/href.directive.d.ts +0 -11
- package/lib/directives/href/href.directive.d.ts.map +0 -1
- package/lib/services/breakpoint.service.d.ts +0 -21
- package/lib/services/breakpoint.service.d.ts.map +0 -1
- package/lib/services/image.service.d.ts +0 -20
- package/lib/services/image.service.d.ts.map +0 -1
- package/lib/services/index.d.ts +0 -4
- package/lib/services/index.d.ts.map +0 -1
- package/lib/services/media-base-url.provider.d.ts +0 -6
- package/lib/services/media-base-url.provider.d.ts.map +0 -1
- package/lib/services/routing-handler.provider.d.ts +0 -7
- package/lib/services/routing-handler.provider.d.ts.map +0 -1
- package/lib/services/swiper.provider.d.ts +0 -9
- package/lib/services/swiper.provider.d.ts.map +0 -1
- package/lib/services/token.service.d.ts +0 -19
- package/lib/services/token.service.d.ts.map +0 -1
- package/oasys-lib.d.ts.map +0 -1
- package/public-api.d.ts +0 -34
- package/public-api.d.ts.map +0 -1
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ElementRef, Directive, Injectable, Inject, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, HostListener, EventEmitter, ViewChild, Output, ContentChild, NgModule, HostBinding, signal, forwardRef, computed, input, CUSTOM_ELEMENTS_SCHEMA, ViewChildren, ContentChildren } from '@angular/core';
|
|
2
|
+
import { inject, ElementRef, Directive, Injectable, DOCUMENT, Inject, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, HostListener, EventEmitter, ViewChild, Output, ContentChild, NgModule, HostBinding, signal, forwardRef, computed, input, CUSTOM_ELEMENTS_SCHEMA, ViewChildren, ContentChildren } from '@angular/core';
|
|
3
3
|
import { BehaviorSubject, Subject, Observable } from 'rxjs';
|
|
4
4
|
import { takeUntil, take, map } from 'rxjs/operators';
|
|
5
5
|
import * as i1 from '@angular/cdk/layout';
|
|
6
6
|
import * as i1$2 from '@angular/common';
|
|
7
|
-
import {
|
|
7
|
+
import { NgIf, NgClass, NgTemplateOutlet, NgSwitch, NgSwitchCase, NgSwitchDefault, NgFor, NgStyle, CommonModule } from '@angular/common';
|
|
8
8
|
import { register } from 'swiper/element/bundle';
|
|
9
9
|
import * as i1$1 from '@angular/forms';
|
|
10
10
|
import { ReactiveFormsModule, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
@@ -26,10 +26,10 @@ class OasysAlertCancelDirective {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
30
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertCancelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: OasysAlertCancelDirective, isStandalone: true, selector: "ui-alert-cancel, [ui-alert-cancel]", ngImport: i0 });
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertCancelDirective, decorators: [{
|
|
33
33
|
type: Directive,
|
|
34
34
|
args: [{
|
|
35
35
|
selector: 'ui-alert-cancel, [ui-alert-cancel]',
|
|
@@ -46,10 +46,10 @@ class OasysAlertConfirmDirective {
|
|
|
46
46
|
ngAfterContentChecked() {
|
|
47
47
|
this.text = this.elem.nativeElement.innerText;
|
|
48
48
|
}
|
|
49
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
50
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
49
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertConfirmDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
50
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: OasysAlertConfirmDirective, isStandalone: true, selector: "ui-alert-confirm, [ui-alert-confirm]", ngImport: i0 });
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertConfirmDirective, decorators: [{
|
|
53
53
|
type: Directive,
|
|
54
54
|
args: [{
|
|
55
55
|
selector: 'ui-alert-confirm, [ui-alert-confirm]',
|
|
@@ -58,10 +58,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
58
58
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
59
59
|
|
|
60
60
|
class OasysAlertContentDirective {
|
|
61
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
62
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
61
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
62
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: OasysAlertContentDirective, isStandalone: true, selector: "ui-alert-content, [ui-alert-content]", ngImport: i0 });
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertContentDirective, decorators: [{
|
|
65
65
|
type: Directive,
|
|
66
66
|
args: [{
|
|
67
67
|
selector: 'ui-alert-content, [ui-alert-content]',
|
|
@@ -70,10 +70,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
70
70
|
}] });
|
|
71
71
|
|
|
72
72
|
class OasysAlertTitleDirective {
|
|
73
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
74
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
73
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
74
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: OasysAlertTitleDirective, isStandalone: true, selector: "ui-alert-title, [ui-alert-title]", ngImport: i0 });
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertTitleDirective, decorators: [{
|
|
77
77
|
type: Directive,
|
|
78
78
|
args: [{
|
|
79
79
|
selector: 'ui-alert-title, [ui-alert-title]',
|
|
@@ -115,10 +115,10 @@ class BreakpointService {
|
|
|
115
115
|
this.isDestroyed.next();
|
|
116
116
|
this.isDestroyed.complete();
|
|
117
117
|
}
|
|
118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
119
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreakpointService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
119
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreakpointService, providedIn: 'root' });
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreakpointService, decorators: [{
|
|
122
122
|
type: Injectable,
|
|
123
123
|
args: [{
|
|
124
124
|
providedIn: 'root',
|
|
@@ -181,10 +181,10 @@ class TokenService {
|
|
|
181
181
|
});
|
|
182
182
|
});
|
|
183
183
|
}
|
|
184
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
185
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
184
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
185
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenService });
|
|
186
186
|
}
|
|
187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenService, decorators: [{
|
|
188
188
|
type: Injectable
|
|
189
189
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
190
190
|
type: Inject,
|
|
@@ -333,10 +333,10 @@ class LayoutBoxComponent {
|
|
|
333
333
|
return `${this.prefix}-fill-container`;
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
337
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_role: "box_role", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
336
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
337
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_role: "box_role", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
338
338
|
}
|
|
339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutBoxComponent, decorators: [{
|
|
340
340
|
type: Component,
|
|
341
341
|
args: [{ selector: 'ui-box', template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', host: {
|
|
342
342
|
'[class]': 'boxLayoutClasses',
|
|
@@ -414,10 +414,10 @@ class LayoutStackComponent {
|
|
|
414
414
|
];
|
|
415
415
|
this.didFirstInit = true;
|
|
416
416
|
}
|
|
417
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
418
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
417
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutStackComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
418
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: LayoutStackComponent, isStandalone: true, selector: "ui-stack", inputs: { stack_gap: "stack_gap", stack_align: "stack_align", stack_direction: "stack_direction", stack_distribute: "stack_distribute", stack_wrap: "stack_wrap", stack_collapse_below: "stack_collapse_below", stack_as_list: "stack_as_list" }, host: { properties: { "class": "stackLayoutClasses", "attr.role": "stack_as_list ? \"list\" : null" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;list-style:none;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width: 767px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width: 1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width: 1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
419
419
|
}
|
|
420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutStackComponent, decorators: [{
|
|
421
421
|
type: Component,
|
|
422
422
|
args: [{ selector: 'ui-stack', template: '<ng-content></ng-content>', host: {
|
|
423
423
|
'[class]': 'stackLayoutClasses',
|
|
@@ -478,10 +478,10 @@ class IconComponent {
|
|
|
478
478
|
this.iconSizeInPixels = this.getSizeInPixels(this.size);
|
|
479
479
|
});
|
|
480
480
|
}
|
|
481
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
482
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
481
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IconComponent, deps: [{ token: DOCUMENT }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
482
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IconComponent, isStandalone: true, selector: "ui-icon", inputs: { icon_size: "icon_size", icon_size_override: "icon_size_override", icon_name: "icon_name", icon_context: "icon_context", alt_text: "alt_text", icon_class: "icon_class" }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"alt_text.length > 0 ? 'img' : 'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
483
483
|
}
|
|
484
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IconComponent, decorators: [{
|
|
485
485
|
type: Component,
|
|
486
486
|
args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, NgClass], providers: [TokenService], template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"alt_text.length > 0 ? 'img' : 'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"] }]
|
|
487
487
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
@@ -525,10 +525,10 @@ class OasysHrefDirective {
|
|
|
525
525
|
ngAfterViewInit() {
|
|
526
526
|
this.routingHandler.handleHrefDomains(this.element.nativeElement);
|
|
527
527
|
}
|
|
528
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
529
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
528
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHrefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
529
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: OasysHrefDirective, isStandalone: true, selector: "a, uiHref, [uiHref]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
|
|
530
530
|
}
|
|
531
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
531
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHrefDirective, decorators: [{
|
|
532
532
|
type: Directive,
|
|
533
533
|
args: [{
|
|
534
534
|
selector: 'a, uiHref, [uiHref]',
|
|
@@ -618,12 +618,12 @@ class OasysButtonComponent {
|
|
|
618
618
|
this.button_selected ? 'button--selected' : '',
|
|
619
619
|
this.button_type === 'chip' ? 'button--chip' : '',
|
|
620
620
|
].filter(Boolean);
|
|
621
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
622
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: OasysButtonComponent, isStandalone: true, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
621
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
622
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysButtonComponent, isStandalone: true, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "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"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
623
623
|
}
|
|
624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
624
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
625
625
|
type: Component,
|
|
626
|
-
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [NgIf, IconComponent, NgClass, NgTemplateOutlet, OasysHrefDirective], template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"] }]
|
|
626
|
+
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [NgIf, IconComponent, NgClass, NgTemplateOutlet, OasysHrefDirective], template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"] }]
|
|
627
627
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { clicked: [{
|
|
628
628
|
type: Output
|
|
629
629
|
}], ngContent: [{
|
|
@@ -760,10 +760,10 @@ class OasysAlertComponent {
|
|
|
760
760
|
}
|
|
761
761
|
return true;
|
|
762
762
|
}
|
|
763
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
764
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
763
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
764
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysAlertComponent, isStandalone: true, selector: "ui-alert", inputs: { direction: "direction", tone: "tone", aria_live: "aria_live", button_size: "button_size" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], viewQueries: [{ propertyName: "cancelbuttoncontainer", first: true, predicate: ["cancelbuttoncontainer"], descendants: true, read: ElementRef }, { propertyName: "alertHost", first: true, predicate: ["alertHost"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack\n #alertHost\n class=\"content\"\n stack_direction=\"y\"\n role=\"alert\"\n [attr.aria-live]=\"cancelButton ? 'off' : aria_live\"\n [tabindex]=\"cancelButton ? -1 : 0\"\n >\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack\n [stack_wrap]=\"isVertical\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_distribute=\"end\"\n >\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n #cancelbuttoncontainer\n button_type=\"tertiary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}.ui-alert .content:focus{outline:unset}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
765
765
|
}
|
|
766
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
766
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertComponent, decorators: [{
|
|
767
767
|
type: Component,
|
|
768
768
|
args: [{ selector: 'ui-alert', standalone: true, imports: [
|
|
769
769
|
LayoutBoxComponent,
|
|
@@ -803,8 +803,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
803
803
|
}] } });
|
|
804
804
|
|
|
805
805
|
class OasysAlertModule {
|
|
806
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
807
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
807
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertModule, imports: [OasysAlertCancelDirective,
|
|
808
808
|
OasysAlertConfirmDirective,
|
|
809
809
|
OasysAlertContentDirective,
|
|
810
810
|
OasysAlertTitleDirective,
|
|
@@ -813,9 +813,9 @@ class OasysAlertModule {
|
|
|
813
813
|
OasysAlertContentDirective,
|
|
814
814
|
OasysAlertTitleDirective,
|
|
815
815
|
OasysAlertComponent] });
|
|
816
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
816
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertModule });
|
|
817
817
|
}
|
|
818
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAlertModule, decorators: [{
|
|
819
819
|
type: NgModule,
|
|
820
820
|
args: [{
|
|
821
821
|
imports: [
|
|
@@ -846,10 +846,10 @@ class BreadcrumbsComponent {
|
|
|
846
846
|
this.values = this.breadcrumbs_values;
|
|
847
847
|
}
|
|
848
848
|
}
|
|
849
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
850
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
849
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
850
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BreadcrumbsComponent, isStandalone: true, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"transparent\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"false\" stack_gap=\"none\">\n <ui-button\n *ngIf=\"i < values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n <ui-icon\n *ngIf=\"i < values.length - 1\"\n icon_name=\"chevron-right\"\n icon_size=\"small\"\n icon_class=\"buttonIcon\"\n aria-hidden=\"true\"\n ></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button\n *ngIf=\"i === values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n [attr.aria-current]=\"item.name\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
851
851
|
}
|
|
852
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
852
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
853
853
|
type: Component,
|
|
854
854
|
args: [{ selector: 'ui-breadcrumbs', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
855
855
|
NgIf,
|
|
@@ -864,11 +864,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
864
864
|
}] } });
|
|
865
865
|
|
|
866
866
|
class OasysBreadcrumbModule {
|
|
867
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
868
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
869
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
867
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
868
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysBreadcrumbModule, imports: [BreadcrumbsComponent], exports: [BreadcrumbsComponent] });
|
|
869
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysBreadcrumbModule });
|
|
870
870
|
}
|
|
871
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysBreadcrumbModule, decorators: [{
|
|
872
872
|
type: NgModule,
|
|
873
873
|
args: [{
|
|
874
874
|
imports: [BreadcrumbsComponent],
|
|
@@ -877,11 +877,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
877
877
|
}] });
|
|
878
878
|
|
|
879
879
|
class OasysButtonModule {
|
|
880
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
881
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
882
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
880
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
881
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonModule, imports: [OasysButtonComponent], exports: [OasysButtonComponent] });
|
|
882
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonModule });
|
|
883
883
|
}
|
|
884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonModule, decorators: [{
|
|
885
885
|
type: NgModule,
|
|
886
886
|
args: [{
|
|
887
887
|
imports: [OasysButtonComponent],
|
|
@@ -922,10 +922,10 @@ class OasysButtonGroupComponent {
|
|
|
922
922
|
return false;
|
|
923
923
|
}
|
|
924
924
|
}
|
|
925
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
926
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
925
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
926
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysButtonGroupComponent, isStandalone: true, selector: "ui-button-group", inputs: { button_group_align: "button_group_align", button_group_collapse_below: "button_group_collapse_below", button_group_ghost_align: "button_group_ghost_align" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
927
927
|
}
|
|
928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonGroupComponent, decorators: [{
|
|
929
929
|
type: Component,
|
|
930
930
|
args: [{ selector: 'ui-button-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [LayoutStackComponent], template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc((var(--oasys-component-button-size-small-inset-x) + var(--oasys-component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc((var(--oasys-component-button-size-large-inset-x) + var(--oasys-component-button-border-width)) * -1)}\n"] }]
|
|
931
931
|
}], ctorParameters: () => [{ type: BreakpointService }], propDecorators: { button_group_align: [{
|
|
@@ -940,11 +940,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
940
940
|
}] } });
|
|
941
941
|
|
|
942
942
|
class OasysButtonGroupModule {
|
|
943
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
944
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
945
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
943
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
944
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonGroupModule, imports: [OasysButtonGroupComponent], exports: [OasysButtonGroupComponent] });
|
|
945
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonGroupModule });
|
|
946
946
|
}
|
|
947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysButtonGroupModule, decorators: [{
|
|
948
948
|
type: NgModule,
|
|
949
949
|
args: [{
|
|
950
950
|
imports: [OasysButtonGroupComponent],
|
|
@@ -1007,10 +1007,10 @@ class ImageService {
|
|
|
1007
1007
|
getImageSizes() {
|
|
1008
1008
|
return this.breakpoints.map((size) => `(max-width: ${size}px) ${size}px`).join(', ');
|
|
1009
1009
|
}
|
|
1010
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1011
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1010
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1011
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImageService, providedIn: 'root' });
|
|
1012
1012
|
}
|
|
1013
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1013
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImageService, decorators: [{
|
|
1014
1014
|
type: Injectable,
|
|
1015
1015
|
args: [{
|
|
1016
1016
|
providedIn: 'root',
|
|
@@ -1036,7 +1036,7 @@ class ImageComponent {
|
|
|
1036
1036
|
image_loaded = new EventEmitter();
|
|
1037
1037
|
imageService = inject(ImageService);
|
|
1038
1038
|
el = inject((ElementRef));
|
|
1039
|
-
image = signal(null);
|
|
1039
|
+
image = signal(null, ...(ngDevMode ? [{ debugName: "image" }] : []));
|
|
1040
1040
|
imageSizes = this.imageService.getImageSizes();
|
|
1041
1041
|
intersectionObserver = null;
|
|
1042
1042
|
get class() {
|
|
@@ -1137,10 +1137,10 @@ class ImageComponent {
|
|
|
1137
1137
|
this.intersectionObserver = null;
|
|
1138
1138
|
}
|
|
1139
1139
|
}
|
|
1140
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1141
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1140
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1141
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ImageComponent, isStandalone: true, selector: "ui-image", inputs: { image_src: "image_src", image_alt_text: "image_alt_text", image_aria_describedby: "image_aria_describedby", image_fill: "image_fill", fetchpriority: "fetchpriority", loading: "loading", preload_aspect_ratio: "preload_aspect_ratio", image_width: "image_width" }, outputs: { image_loaded: "image_loaded" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "@if (image()) {\n <picture>\n <source\n [attr.sizes]=\"image().width ?? imageSizes\"\n [attr.srcset]=\"null\"\n [attr.data-srcset]=\"image().srcSetUrls\"\n type=\"image/webp\"\n />\n\n <img\n [class.imageFill]=\"image().fill\"\n [attr.width]=\"image().ratioWidth\"\n [attr.height]=\"image().ratioHeight\"\n [attr.src]=\"null\"\n [attr.data-src]=\"image().fallbackUrl\"\n [attr.loading]=\"image().loading\"\n [attr.fetchpriority]=\"image().fetchpriority\"\n [attr.alt]=\"image().altText\"\n [attr.aria-describedby]=\"image().ariaDescribedby\"\n [ngStyle]=\"{ 'aspect-ratio': image().preloadAspectRatio }\"\n (load)=\"image_loaded.emit()\"\n [attr.role]=\"image().altText?.length > 0 ? 'img' : 'presentation'\"\n />\n </picture>\n}\n", styles: [":host.imageFill,:host.imageFill picture,:host.imageFill img{display:block;height:100%}:host.imageFill img{object-fit:cover}img{display:block;width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
1142
1142
|
}
|
|
1143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImageComponent, decorators: [{
|
|
1144
1144
|
type: Component,
|
|
1145
1145
|
args: [{ standalone: true, imports: [NgStyle], selector: 'ui-image', template: "@if (image()) {\n <picture>\n <source\n [attr.sizes]=\"image().width ?? imageSizes\"\n [attr.srcset]=\"null\"\n [attr.data-srcset]=\"image().srcSetUrls\"\n type=\"image/webp\"\n />\n\n <img\n [class.imageFill]=\"image().fill\"\n [attr.width]=\"image().ratioWidth\"\n [attr.height]=\"image().ratioHeight\"\n [attr.src]=\"null\"\n [attr.data-src]=\"image().fallbackUrl\"\n [attr.loading]=\"image().loading\"\n [attr.fetchpriority]=\"image().fetchpriority\"\n [attr.alt]=\"image().altText\"\n [attr.aria-describedby]=\"image().ariaDescribedby\"\n [ngStyle]=\"{ 'aspect-ratio': image().preloadAspectRatio }\"\n (load)=\"image_loaded.emit()\"\n [attr.role]=\"image().altText?.length > 0 ? 'img' : 'presentation'\"\n />\n </picture>\n}\n", styles: [":host.imageFill,:host.imageFill picture,:host.imageFill img{display:block;height:100%}:host.imageFill img{object-fit:cover}img{display:block;width:100%;height:auto}\n"] }]
|
|
1146
1146
|
}], propDecorators: { image_src: [{
|
|
@@ -1216,10 +1216,10 @@ class CardComponent {
|
|
|
1216
1216
|
return this.tokenService.getTokenValue('--oasys-component-card-aspect-ratio-portrait');
|
|
1217
1217
|
}
|
|
1218
1218
|
}
|
|
1219
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1220
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1219
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1220
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CardComponent, isStandalone: true, selector: "ui-card", inputs: { label_text: "label_text", image: "image", alt_text: "alt_text", image_format: "image_format", small_title_left: "small_title_left", small_sub_title_right: "small_sub_title_right", standard_content: "standard_content", bold_content: "bold_content" }, host: { listeners: { "window:resize": "setStackPlacement($event)" } }, providers: [TokenService], viewQueries: [{ propertyName: "imageLabel", first: true, predicate: ["imagelabel"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-card\" box_background=\"core-primary\" box_space=\"none\">\n <ui-stack stack_align=\"center\" stack_gap=\"tight\">\n <ui-box\n class=\"ui-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n </ui-box>\n <ui-stack stack_gap=\"tight\" [ngStyle]=\"{ 'margin-top': stackOffset }\">\n <ui-box\n #imagelabel\n *ngIf=\"label_text\"\n class=\"card__image-label center-content\"\n box_background=\"tint-highlight\"\n box_align_x=\"center\"\n box_align_y=\"center\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"tight\"\n box_space_top=\"tight\"\n >\n <h5>{{ label_text }}</h5>\n </ui-box>\n <ui-box\n *ngIf=\"small_title_left || small_sub_title_right\"\n [box_space_top]=\"label_text ? 'none' : 'tight'\"\n box_space=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" stack_gap=\"tight\">\n <span class=\"text-body--supporting text-color--supporting\">{{ small_title_left }}</span>\n <span class=\"text-body--supporting text-color--supporting\">{{\n small_sub_title_right\n }}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">\n {{ standard_content }}\n </p>\n <p *ngIf=\"bold_content\" class=\"text-label--primary text-body--emphasis\">{{ bold_content }}</p>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [".ui-card__image{position:relative}.ui-card__image ui-image{position:absolute;height:100%;object-fit:cover;width:100%;left:0}.ui-card .center-content{text-align:center;align-self:center}.ui-card .card__image-label{width:auto;height:auto;border-radius:var(--oasys-radius-soften);margin:0 var(--oasys-spacing-tight);text-align:center;overflow:hidden;z-index:2}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1221
1221
|
}
|
|
1222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CardComponent, decorators: [{
|
|
1223
1223
|
type: Component,
|
|
1224
1224
|
args: [{ selector: 'ui-card', standalone: true, imports: [LayoutBoxComponent, LayoutStackComponent, NgStyle, ImageComponent, NgIf], providers: [TokenService], template: "<ui-box class=\"ui-card\" box_background=\"core-primary\" box_space=\"none\">\n <ui-stack stack_align=\"center\" stack_gap=\"tight\">\n <ui-box\n class=\"ui-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n </ui-box>\n <ui-stack stack_gap=\"tight\" [ngStyle]=\"{ 'margin-top': stackOffset }\">\n <ui-box\n #imagelabel\n *ngIf=\"label_text\"\n class=\"card__image-label center-content\"\n box_background=\"tint-highlight\"\n box_align_x=\"center\"\n box_align_y=\"center\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"tight\"\n box_space_top=\"tight\"\n >\n <h5>{{ label_text }}</h5>\n </ui-box>\n <ui-box\n *ngIf=\"small_title_left || small_sub_title_right\"\n [box_space_top]=\"label_text ? 'none' : 'tight'\"\n box_space=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" stack_gap=\"tight\">\n <span class=\"text-body--supporting text-color--supporting\">{{ small_title_left }}</span>\n <span class=\"text-body--supporting text-color--supporting\">{{\n small_sub_title_right\n }}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">\n {{ standard_content }}\n </p>\n <p *ngIf=\"bold_content\" class=\"text-label--primary text-body--emphasis\">{{ bold_content }}</p>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [".ui-card__image{position:relative}.ui-card__image ui-image{position:absolute;height:100%;object-fit:cover;width:100%;left:0}.ui-card .center-content{text-align:center;align-self:center}.ui-card .card__image-label{width:auto;height:auto;border-radius:var(--oasys-radius-soften);margin:0 var(--oasys-spacing-tight);text-align:center;overflow:hidden;z-index:2}\n"] }]
|
|
1225
1225
|
}], ctorParameters: () => [{ type: TokenService }], propDecorators: { imageLabel: [{
|
|
@@ -1247,11 +1247,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1247
1247
|
}] } });
|
|
1248
1248
|
|
|
1249
1249
|
class OasysCardModule {
|
|
1250
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1251
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1252
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1250
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1251
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysCardModule, imports: [CardComponent], exports: [CardComponent] });
|
|
1252
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCardModule });
|
|
1253
1253
|
}
|
|
1254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCardModule, decorators: [{
|
|
1255
1255
|
type: NgModule,
|
|
1256
1256
|
args: [{
|
|
1257
1257
|
imports: [CardComponent],
|
|
@@ -1266,10 +1266,10 @@ class DividerComponent {
|
|
|
1266
1266
|
? `ui-divider--type-${this.divider_type}`
|
|
1267
1267
|
: `ui-divider--type-${this.divider_type}`;
|
|
1268
1268
|
}
|
|
1269
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1270
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1269
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1270
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DividerComponent, isStandalone: true, selector: "ui-divider", inputs: { divider_type: "divider_type" }, ngImport: i0, template: "<ui-box\n box_fill_mode=\"fill\"\n box_space=\"none\"\n box_background=\"core-secondary\"\n [ngClass]=\"getClass()\"\n></ui-box>\n", styles: ["ui-divider{display:block;width:100%}ui-divider ui-box.ui-divider--type-secondary:after{content:\"\";display:block;height:var(--oasys-size-unit-1);width:100%}ui-divider ui-box.ui-divider--type-primary:after{content:\"\";display:block;height:var(--oasys-size-unit-8);width:100%}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1271
1271
|
}
|
|
1272
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DividerComponent, decorators: [{
|
|
1273
1273
|
type: Component,
|
|
1274
1274
|
args: [{ selector: 'ui-divider', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutBoxComponent, NgClass], template: "<ui-box\n box_fill_mode=\"fill\"\n box_space=\"none\"\n box_background=\"core-secondary\"\n [ngClass]=\"getClass()\"\n></ui-box>\n", styles: ["ui-divider{display:block;width:100%}ui-divider ui-box.ui-divider--type-secondary:after{content:\"\";display:block;height:var(--oasys-size-unit-1);width:100%}ui-divider ui-box.ui-divider--type-primary:after{content:\"\";display:block;height:var(--oasys-size-unit-8);width:100%}\n"] }]
|
|
1275
1275
|
}], propDecorators: { divider_type: [{
|
|
@@ -1277,11 +1277,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1277
1277
|
}] } });
|
|
1278
1278
|
|
|
1279
1279
|
class OasysDividerModule {
|
|
1280
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1281
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1282
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1280
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1281
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysDividerModule, imports: [DividerComponent], exports: [DividerComponent] });
|
|
1282
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysDividerModule });
|
|
1283
1283
|
}
|
|
1284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysDividerModule, decorators: [{
|
|
1285
1285
|
type: NgModule,
|
|
1286
1286
|
args: [{
|
|
1287
1287
|
imports: [DividerComponent],
|
|
@@ -1303,10 +1303,10 @@ class FormGroupComponent {
|
|
|
1303
1303
|
* Affects which type title text and input is shown
|
|
1304
1304
|
*/
|
|
1305
1305
|
group_type = 'primary';
|
|
1306
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1307
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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", "stack_as_list"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1306
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1307
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", 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", "stack_as_list"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1308
1308
|
}
|
|
1309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
1310
1310
|
type: Component,
|
|
1311
1311
|
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"] }]
|
|
1312
1312
|
}], propDecorators: { group_title: [{
|
|
@@ -1318,11 +1318,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1318
1318
|
}] } });
|
|
1319
1319
|
|
|
1320
1320
|
class OasysFormGroupModule {
|
|
1321
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1322
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1323
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1321
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1322
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysFormGroupModule, imports: [FormGroupComponent], exports: [FormGroupComponent] });
|
|
1323
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormGroupModule });
|
|
1324
1324
|
}
|
|
1325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormGroupModule, decorators: [{
|
|
1326
1326
|
type: NgModule,
|
|
1327
1327
|
args: [{
|
|
1328
1328
|
imports: [FormGroupComponent],
|
|
@@ -1366,8 +1366,8 @@ class CheckboxComponent {
|
|
|
1366
1366
|
this.id = this.label + Math.random();
|
|
1367
1367
|
this.iconSize = this.tokenService.getTokenValue(`--oasys-component-checkbox-icon-size-${this.checkbox_type}`);
|
|
1368
1368
|
}
|
|
1369
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1370
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1369
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CheckboxComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1370
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CheckboxComponent, isStandalone: true, selector: "ui-checkbox", inputs: { checkbox_type: "checkbox_type", hide_checkbox: "hide_checkbox", iconName: "iconName", label: "label", checked: "checked", required: "required" }, outputs: { didChange: "didChange" }, providers: [
|
|
1371
1371
|
{
|
|
1372
1372
|
provide: NG_VALUE_ACCESSOR,
|
|
1373
1373
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
@@ -1376,7 +1376,7 @@ class CheckboxComponent {
|
|
|
1376
1376
|
TokenService,
|
|
1377
1377
|
], 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 aria-hidden=\"true\"\n >\n <ui-icon\n icon_name=\"tick\"\n [icon_size_override]=\"iconSize\"\n icon_class=\"checkboxIcon\"\n ></ui-icon>\n </div>\n <ui-stack stack_gap=\"tight\">\n <ui-stack\n stack_direction=\"x\"\n stack_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 aria-hidden=\"true\"\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", "stack_as_list"] }, { 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"] }] });
|
|
1378
1378
|
}
|
|
1379
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
1380
1380
|
type: Component,
|
|
1381
1381
|
args: [{ selector: 'ui-checkbox', providers: [
|
|
1382
1382
|
{
|
|
@@ -1403,11 +1403,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1403
1403
|
}] } });
|
|
1404
1404
|
|
|
1405
1405
|
class OasysCheckboxModule {
|
|
1406
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1407
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1408
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1406
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1407
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysCheckboxModule, imports: [CheckboxComponent], exports: [CheckboxComponent] });
|
|
1408
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCheckboxModule, imports: [CheckboxComponent] });
|
|
1409
1409
|
}
|
|
1410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCheckboxModule, decorators: [{
|
|
1411
1411
|
type: NgModule,
|
|
1412
1412
|
args: [{
|
|
1413
1413
|
imports: [CheckboxComponent],
|
|
@@ -1452,8 +1452,8 @@ class RadioComponent {
|
|
|
1452
1452
|
ngOnInit() {
|
|
1453
1453
|
this.id = this.label + Math.random();
|
|
1454
1454
|
}
|
|
1455
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1456
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1455
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1456
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: RadioComponent, isStandalone: true, selector: "ui-radio", inputs: { radio_type: "radio_type", hide_radio: "hide_radio", iconName: "iconName", label: "label", value: "value", name: "name", checked: "checked" }, outputs: { didChange: "didChange" }, providers: [
|
|
1457
1457
|
{
|
|
1458
1458
|
provide: NG_VALUE_ACCESSOR,
|
|
1459
1459
|
useExisting: forwardRef(() => RadioComponent),
|
|
@@ -1461,7 +1461,7 @@ class RadioComponent {
|
|
|
1461
1461
|
},
|
|
1462
1462
|
], 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", "stack_as_list"] }, { 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"] }] });
|
|
1463
1463
|
}
|
|
1464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RadioComponent, decorators: [{
|
|
1465
1465
|
type: Component,
|
|
1466
1466
|
args: [{ selector: 'ui-radio', providers: [
|
|
1467
1467
|
{
|
|
@@ -1489,11 +1489,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1489
1489
|
}] } });
|
|
1490
1490
|
|
|
1491
1491
|
class OasysRadioModule {
|
|
1492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1493
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1494
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1492
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1493
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysRadioModule, imports: [RadioComponent], exports: [RadioComponent] });
|
|
1494
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysRadioModule, imports: [RadioComponent] });
|
|
1495
1495
|
}
|
|
1496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysRadioModule, decorators: [{
|
|
1497
1497
|
type: NgModule,
|
|
1498
1498
|
args: [{
|
|
1499
1499
|
imports: [RadioComponent],
|
|
@@ -1517,10 +1517,10 @@ class OasysAutofocusDirective {
|
|
|
1517
1517
|
}, 500);
|
|
1518
1518
|
}
|
|
1519
1519
|
}
|
|
1520
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1521
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1520
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1521
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: OasysAutofocusDirective, isStandalone: true, selector: "[autofocus]", inputs: { autofocus: "autofocus" }, ngImport: i0 });
|
|
1522
1522
|
}
|
|
1523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1523
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysAutofocusDirective, decorators: [{
|
|
1524
1524
|
type: Directive,
|
|
1525
1525
|
args: [{
|
|
1526
1526
|
selector: '[autofocus]',
|
|
@@ -1555,7 +1555,7 @@ class TextInputComponent {
|
|
|
1555
1555
|
showPassword = false;
|
|
1556
1556
|
inputDidChange = false; // only show valdiation after a change event (ie. blur)
|
|
1557
1557
|
textInputType = 'text';
|
|
1558
|
-
isFocused = signal(false); // track focus state for password hint display
|
|
1558
|
+
isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : [])); // track focus state for password hint display
|
|
1559
1559
|
id;
|
|
1560
1560
|
safariAutocorrect = 'on';
|
|
1561
1561
|
constructor(document) {
|
|
@@ -1595,7 +1595,7 @@ class TextInputComponent {
|
|
|
1595
1595
|
}
|
|
1596
1596
|
// For all other input types, always show hint
|
|
1597
1597
|
return true;
|
|
1598
|
-
});
|
|
1598
|
+
}, ...(ngDevMode ? [{ debugName: "shouldShowHint" }] : []));
|
|
1599
1599
|
toggleShowPassword() {
|
|
1600
1600
|
this.showPassword = !this.showPassword;
|
|
1601
1601
|
this.textInputType = this.showPassword ? 'text' : 'password';
|
|
@@ -1654,16 +1654,16 @@ class TextInputComponent {
|
|
|
1654
1654
|
}
|
|
1655
1655
|
return describedBy.length > 0 ? describedBy.join(' ') : undefined;
|
|
1656
1656
|
}
|
|
1657
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1658
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1657
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TextInputComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
1658
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: TextInputComponent, isStandalone: true, selector: "ui-text-input", inputs: { label: "label", hint: "hint", optional: "optional", type: "type", inputmode: "inputmode", autocomplete: "autocomplete", autofocus: "autofocus", minlength: "minlength", maxlength: "maxlength", pattern: "pattern", autocorrect: "autocorrect", disabled: "disabled", aria_label: "aria_label", show_password_string: "show_password_string", hide_password_string: "hide_password_string", validation_messages: "validation_messages" }, outputs: { didChange: "didChange" }, providers: [
|
|
1659
1659
|
{
|
|
1660
1660
|
provide: NG_VALUE_ACCESSOR,
|
|
1661
1661
|
useExisting: forwardRef(() => TextInputComponent),
|
|
1662
1662
|
multi: true,
|
|
1663
1663
|
},
|
|
1664
|
-
], 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 (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\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 (shouldShowHint()) {\n <ui-box\n class=\"ui-text-input__hint-container\"\n [ngClass]=\"{ 'ui-text-input__hint-expanded': shouldShowHint() }\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div\n class=\"ui-text-input-hint text-body--supporting text-color--supporting\"\n [attr.id]=\"'hint_' + id\"\n >\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 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 .ui-text-input__hint-container{overflow:hidden;transition:all calc(var(--oasys-animation-duration-medium) * 1ms) ease-in-out;max-height:0;opacity:0;transform:translateY(-8px)}.ui-text-input-container .ui-text-input__hint-container.ui-text-input__hint-expanded{max-height:fit-content;opacity:1;transform:translateY(0)}.ui-text-input-container:has(.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", "stack_as_list"] }, { 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_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
1664
|
+
], 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 (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\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 (shouldShowHint()) {\n <ui-box\n class=\"ui-text-input__hint-container\"\n [ngClass]=\"{ 'ui-text-input__hint-expanded': shouldShowHint() }\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div\n class=\"ui-text-input-hint text-body--supporting text-color--supporting\"\n [attr.id]=\"'hint_' + id\"\n >\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 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}.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 .ui-text-input{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 .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container .input-errors .hint-container{display:block!important}.ui-text-input-container .ui-text-input__hint-container{overflow:hidden;transition:all calc(var(--oasys-animation-duration-medium) * 1ms) ease-in-out;max-height:0;opacity:0;transform:translateY(-8px)}.ui-text-input-container .ui-text-input__hint-container.ui-text-input__hint-expanded{max-height:fit-content;opacity:1;transform:translateY(0)}.ui-text-input-container:has(.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", "stack_as_list"] }, { 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_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
1665
1665
|
}
|
|
1666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
1667
1667
|
type: Component,
|
|
1668
1668
|
args: [{ selector: 'ui-text-input', providers: [
|
|
1669
1669
|
{
|
|
@@ -1679,7 +1679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1679
1679
|
OasysAutofocusDirective,
|
|
1680
1680
|
OasysHrefDirective,
|
|
1681
1681
|
LayoutBoxComponent,
|
|
1682
|
-
], template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n <div class=\"ui-text-input\">\n <ui-stack stack_direction=\"x\">\n <div class=\"input-preface\" [attr.id]=\"'preface_' + id\" #prefaceContent>\n <ng-content select=\"[preface]\"></ng-content>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [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 (shouldShowHint()) {\n <ui-box\n class=\"ui-text-input__hint-container\"\n [ngClass]=\"{ 'ui-text-input__hint-expanded': shouldShowHint() }\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div\n class=\"ui-text-input-hint text-body--supporting text-color--supporting\"\n [attr.id]=\"'hint_' + id\"\n >\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 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 .ui-text-input__hint-container{overflow:hidden;transition:all calc(var(--oasys-animation-duration-medium) * 1ms) ease-in-out;max-height:0;opacity:0;transform:translateY(-8px)}.ui-text-input-container .ui-text-input__hint-container.ui-text-input__hint-expanded{max-height:fit-content;opacity:1;transform:translateY(0)}.ui-text-input-container:has(.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"] }]
|
|
1682
|
+
], template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n <div class=\"ui-text-input\">\n <ui-stack stack_direction=\"x\">\n <div class=\"input-preface\" [attr.id]=\"'preface_' + id\" #prefaceContent>\n <ng-content select=\"[preface]\"></ng-content>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [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 (shouldShowHint()) {\n <ui-box\n class=\"ui-text-input__hint-container\"\n [ngClass]=\"{ 'ui-text-input__hint-expanded': shouldShowHint() }\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div\n class=\"ui-text-input-hint text-body--supporting text-color--supporting\"\n [attr.id]=\"'hint_' + id\"\n >\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 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}.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 .ui-text-input{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 .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container .input-errors .hint-container{display:block!important}.ui-text-input-container .ui-text-input__hint-container{overflow:hidden;transition:all calc(var(--oasys-animation-duration-medium) * 1ms) ease-in-out;max-height:0;opacity:0;transform:translateY(-8px)}.ui-text-input-container .ui-text-input__hint-container.ui-text-input__hint-expanded{max-height:fit-content;opacity:1;transform:translateY(0)}.ui-text-input-container:has(.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"] }]
|
|
1683
1683
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
1684
1684
|
type: Inject,
|
|
1685
1685
|
args: [DOCUMENT]
|
|
@@ -1726,11 +1726,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1726
1726
|
}] } });
|
|
1727
1727
|
|
|
1728
1728
|
class OasysTextInputModule {
|
|
1729
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1730
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1731
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1729
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1730
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysTextInputModule, imports: [TextInputComponent], exports: [TextInputComponent] });
|
|
1731
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTextInputModule, imports: [TextInputComponent] });
|
|
1732
1732
|
}
|
|
1733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTextInputModule, decorators: [{
|
|
1734
1734
|
type: NgModule,
|
|
1735
1735
|
args: [{
|
|
1736
1736
|
imports: [TextInputComponent],
|
|
@@ -1787,8 +1787,8 @@ class ChipComponent {
|
|
|
1787
1787
|
this.didChange.emit(event);
|
|
1788
1788
|
this.onTouched();
|
|
1789
1789
|
}
|
|
1790
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1791
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1790
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1791
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ChipComponent, isStandalone: true, selector: "ui-chip", inputs: { chip_type: "chip_type", icon_name: "icon_name", label: "label", value: "value", required: "required" }, outputs: { didChange: "didChange" }, providers: [
|
|
1792
1792
|
{
|
|
1793
1793
|
provide: NG_VALUE_ACCESSOR,
|
|
1794
1794
|
useExisting: forwardRef(() => ChipComponent),
|
|
@@ -1796,7 +1796,7 @@ class ChipComponent {
|
|
|
1796
1796
|
},
|
|
1797
1797
|
], ngImport: i0, template: "<div [id]=\"id\" class=\"ui-chip\">\n <ui-radio\n *ngIf=\"chip_type === 'radio'\"\n [label]=\"label\"\n [value]=\"value?.toString()\"\n radio_type=\"primary\"\n [hide_radio]=\"true\"\n [iconName]=\"icon_name\"\n [ngModel]=\"selectedValue\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-radio>\n\n <ui-checkbox\n *ngIf=\"chip_type === 'checkbox'\"\n [label]=\"label\"\n [checked]=\"value === true\"\n [required]=\"required\"\n checkbox_type=\"primary\"\n [hide_checkbox]=\"true\"\n [iconName]=\"icon_name\"\n [ngModel]=\"selectedValue\"\n (didChange)=\"onModalChange($event)\"\n >\n <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n </ui-checkbox>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RadioComponent, selector: "ui-radio", inputs: ["radio_type", "hide_radio", "iconName", "label", "value", "name", "checked"], outputs: ["didChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: CheckboxComponent, selector: "ui-checkbox", inputs: ["checkbox_type", "hide_checkbox", "iconName", "label", "checked", "required"], outputs: ["didChange"] }] });
|
|
1798
1798
|
}
|
|
1799
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1799
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ChipComponent, decorators: [{
|
|
1800
1800
|
type: Component,
|
|
1801
1801
|
args: [{ selector: 'ui-chip', providers: [
|
|
1802
1802
|
{
|
|
@@ -1820,11 +1820,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1820
1820
|
}] } });
|
|
1821
1821
|
|
|
1822
1822
|
class OasysChipModule {
|
|
1823
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1824
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1825
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1823
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1824
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysChipModule, imports: [ChipComponent], exports: [ChipComponent] });
|
|
1825
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysChipModule, imports: [ChipComponent] });
|
|
1826
1826
|
}
|
|
1827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1827
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysChipModule, decorators: [{
|
|
1828
1828
|
type: NgModule,
|
|
1829
1829
|
args: [{
|
|
1830
1830
|
imports: [ChipComponent],
|
|
@@ -1859,14 +1859,14 @@ class LayoutContainerComponent {
|
|
|
1859
1859
|
.flat(10)
|
|
1860
1860
|
.filter(Boolean);
|
|
1861
1861
|
}
|
|
1862
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1863
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1862
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1863
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: LayoutContainerComponent, isStandalone: true, selector: "ui-container", inputs: { container_fluid: "container_fluid", container_gutter: "container_gutter" }, host: { properties: { "class": "containerLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{--_container-component-gutter-size: var(--oasys-gutter-small)}@media only screen and (max-width: 767px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 768px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 1080px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (min-width: 1440px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}:host{display:block;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--_container-component-gutter-size)}@media only screen and (max-width: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){:host{max-width:1080px}}@media only screen and (min-width: 1440px){:host{max-width:1440px}}:host.ui-layout-container-no-gutter{padding:0}:host.ui-layout-container-fluid{max-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1864
1864
|
}
|
|
1865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutContainerComponent, decorators: [{
|
|
1866
1866
|
type: Component,
|
|
1867
1867
|
args: [{ selector: 'ui-container', template: ` <ng-content></ng-content> `, host: {
|
|
1868
1868
|
'[class]': 'containerLayoutClasses',
|
|
1869
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{--_container-component-gutter-size: var(--oasys-gutter-small)
|
|
1869
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{--_container-component-gutter-size: var(--oasys-gutter-small)}@media only screen and (max-width: 767px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 768px){:host{--_container-component-gutter-size: var(--oasys-gutter-small)}}@media only screen and (min-width: 1080px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}@media only screen and (min-width: 1440px){:host{--_container-component-gutter-size: var(--oasys-gutter-large)}}:host{display:block;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--_container-component-gutter-size)}@media only screen and (max-width: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){:host{max-width:1080px}}@media only screen and (min-width: 1440px){:host{max-width:1440px}}:host.ui-layout-container-no-gutter{padding:0}:host.ui-layout-container-fluid{max-width:100%}\n"] }]
|
|
1870
1870
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { container_fluid: [{
|
|
1871
1871
|
type: Input
|
|
1872
1872
|
}], container_gutter: [{
|
|
@@ -1912,10 +1912,10 @@ class LayoutGridColumnComponent {
|
|
|
1912
1912
|
.filter(Boolean);
|
|
1913
1913
|
this.didFirstInit = true;
|
|
1914
1914
|
}
|
|
1915
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1916
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutGridColumnComponent, isStandalone: true, selector: "ui-column", inputs: { columns: "columns", column_inset: "column_inset" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width: 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 });
|
|
1915
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutGridColumnComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1916
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: LayoutGridColumnComponent, isStandalone: true, selector: "ui-column", inputs: { columns: "columns", column_inset: "column_inset" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-none{gap:0}ui-grid.ui-layout-grid-tiny{gap:var(--oasys-spacing-tiny)}ui-grid.ui-layout-grid-tight{gap:var(--oasys-spacing-tight)}ui-grid.ui-layout-grid-near{gap:var(--oasys-spacing-near)}ui-grid.ui-layout-grid-default{gap:var(--oasys-spacing-default)}ui-grid.ui-layout-grid-expanded{gap:var(--oasys-spacing-expanded)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-1{grid-column:2/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-2{grid-column:2/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-3{grid-column:2/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-4{grid-column:2/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-5{grid-column:2/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-6{grid-column:2/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-7{grid-column:2/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-8{grid-column:2/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-9{grid-column:2/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-10{grid-column:2/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-11{grid-column:2/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-1.ui-layout-column-col-12{grid-column:2/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-1{grid-column:3/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-2{grid-column:3/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-3{grid-column:3/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-4{grid-column:3/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-5{grid-column:3/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-6{grid-column:3/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-7{grid-column:3/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-8{grid-column:3/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-9{grid-column:3/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-10{grid-column:3/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-11{grid-column:3/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-2.ui-layout-column-col-12{grid-column:3/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-1{grid-column:4/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-2{grid-column:4/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-3{grid-column:4/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-4{grid-column:4/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-5{grid-column:4/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-6{grid-column:4/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-7{grid-column:4/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-8{grid-column:4/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-9{grid-column:4/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-10{grid-column:4/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-11{grid-column:4/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-3.ui-layout-column-col-12{grid-column:4/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-1{grid-column:5/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-2{grid-column:5/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-3{grid-column:5/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-4{grid-column:5/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-5{grid-column:5/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-6{grid-column:5/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-7{grid-column:5/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-8{grid-column:5/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-9{grid-column:5/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-10{grid-column:5/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-11{grid-column:5/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-4.ui-layout-column-col-12{grid-column:5/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-1{grid-column:6/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-2{grid-column:6/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-3{grid-column:6/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-4{grid-column:6/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-5{grid-column:6/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-6{grid-column:6/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-7{grid-column:6/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-8{grid-column:6/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-9{grid-column:6/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-10{grid-column:6/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-11{grid-column:6/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-5.ui-layout-column-col-12{grid-column:6/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-1{grid-column:7/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-2{grid-column:7/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-3{grid-column:7/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-4{grid-column:7/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-5{grid-column:7/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-6{grid-column:7/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-7{grid-column:7/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-8{grid-column:7/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-9{grid-column:7/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-10{grid-column:7/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-11{grid-column:7/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-6.ui-layout-column-col-12{grid-column:7/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-1{grid-column:8/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-2{grid-column:8/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-3{grid-column:8/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-4{grid-column:8/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-5{grid-column:8/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-6{grid-column:8/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-7{grid-column:8/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-8{grid-column:8/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-9{grid-column:8/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-10{grid-column:8/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-11{grid-column:8/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-7.ui-layout-column-col-12{grid-column:8/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-1{grid-column:9/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-2{grid-column:9/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-3{grid-column:9/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-4{grid-column:9/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-5{grid-column:9/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-6{grid-column:9/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-7{grid-column:9/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-8{grid-column:9/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-9{grid-column:9/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-10{grid-column:9/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-11{grid-column:9/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-8.ui-layout-column-col-12{grid-column:9/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-1{grid-column:10/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-2{grid-column:10/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-3{grid-column:10/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-4{grid-column:10/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-5{grid-column:10/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-6{grid-column:10/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-7{grid-column:10/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-8{grid-column:10/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-9{grid-column:10/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-10{grid-column:10/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-11{grid-column:10/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-9.ui-layout-column-col-12{grid-column:10/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-1{grid-column:11/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-2{grid-column:11/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-3{grid-column:11/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-4{grid-column:11/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-5{grid-column:11/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-6{grid-column:11/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-7{grid-column:11/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-8{grid-column:11/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-9{grid-column:11/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-10{grid-column:11/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-11{grid-column:11/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-10.ui-layout-column-col-12{grid-column:11/span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-1{grid-column:12/span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-2{grid-column:12/span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-3{grid-column:12/span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-4{grid-column:12/span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-5{grid-column:12/span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-6{grid-column:12/span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-7{grid-column:12/span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-8{grid-column:12/span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-9{grid-column:12/span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-10{grid-column:12/span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-11{grid-column:12/span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-inset-11.ui-layout-column-col-12{grid-column:12/span 12}@media only screen and (max-width: 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 });
|
|
1917
1917
|
}
|
|
1918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutGridColumnComponent, decorators: [{
|
|
1919
1919
|
type: Component,
|
|
1920
1920
|
args: [{ selector: 'ui-column', template: '<ng-content></ng-content>', host: {
|
|
1921
1921
|
'[class]': 'columnLayoutClasses',
|
|
@@ -1958,10 +1958,10 @@ class LayoutGridComponent {
|
|
|
1958
1958
|
];
|
|
1959
1959
|
this.didFirstInit = true;
|
|
1960
1960
|
}
|
|
1961
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1962
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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 });
|
|
1961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1962
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", 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 });
|
|
1963
1963
|
}
|
|
1964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LayoutGridComponent, decorators: [{
|
|
1965
1965
|
type: Component,
|
|
1966
1966
|
args: [{ selector: 'ui-grid', template: '<ng-content></ng-content>', host: {
|
|
1967
1967
|
'[class]': 'gridLayoutClasses',
|
|
@@ -1978,8 +1978,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1978
1978
|
}] } });
|
|
1979
1979
|
|
|
1980
1980
|
class OasysLayoutModule {
|
|
1981
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1982
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1981
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1982
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysLayoutModule, imports: [LayoutBoxComponent,
|
|
1983
1983
|
LayoutContainerComponent,
|
|
1984
1984
|
LayoutGridComponent,
|
|
1985
1985
|
LayoutGridColumnComponent,
|
|
@@ -1988,9 +1988,9 @@ class OasysLayoutModule {
|
|
|
1988
1988
|
LayoutGridColumnComponent,
|
|
1989
1989
|
LayoutGridComponent,
|
|
1990
1990
|
LayoutStackComponent] });
|
|
1991
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1991
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysLayoutModule });
|
|
1992
1992
|
}
|
|
1993
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysLayoutModule, decorators: [{
|
|
1994
1994
|
type: NgModule,
|
|
1995
1995
|
args: [{
|
|
1996
1996
|
imports: [
|
|
@@ -2011,8 +2011,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2011
2011
|
}] });
|
|
2012
2012
|
|
|
2013
2013
|
class FormErrorsComponent {
|
|
2014
|
-
errors = input(null);
|
|
2015
|
-
error_messages = input({});
|
|
2014
|
+
errors = input(null, ...(ngDevMode ? [{ debugName: "errors" }] : []));
|
|
2015
|
+
error_messages = input({}, ...(ngDevMode ? [{ debugName: "error_messages" }] : []));
|
|
2016
2016
|
errorMessage = computed(() => {
|
|
2017
2017
|
const currentErrors = this.errors();
|
|
2018
2018
|
const messages = this.error_messages() || {};
|
|
@@ -2022,21 +2022,21 @@ class FormErrorsComponent {
|
|
|
2022
2022
|
const errorKeys = Object.keys(currentErrors);
|
|
2023
2023
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
2024
2024
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
2025
|
-
});
|
|
2026
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2027
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2025
|
+
}, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
|
|
2026
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2027
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FormErrorsComponent, isStandalone: true, selector: "ui-form-errors", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (errorMessage()) {\n <ui-box\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"text-color--error\">{{ errorMessage() }}</div>\n </ui-box>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
2028
2028
|
}
|
|
2029
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
2030
2030
|
type: Component,
|
|
2031
2031
|
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" }]
|
|
2032
|
-
}] });
|
|
2032
|
+
}], propDecorators: { errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], error_messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "error_messages", required: false }] }] } });
|
|
2033
2033
|
|
|
2034
2034
|
class OasysFormErrorsModule {
|
|
2035
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2036
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2037
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2035
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2036
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsModule, imports: [FormErrorsComponent], exports: [FormErrorsComponent] });
|
|
2037
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsModule, imports: [FormErrorsComponent] });
|
|
2038
2038
|
}
|
|
2039
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsModule, decorators: [{
|
|
2040
2040
|
type: NgModule,
|
|
2041
2041
|
args: [{
|
|
2042
2042
|
imports: [FormErrorsComponent],
|
|
@@ -2116,10 +2116,10 @@ class OasysHeadingComponent {
|
|
|
2116
2116
|
this.setupHeadingStackGap(this.heading_type);
|
|
2117
2117
|
this.setComputedHeadingLevel();
|
|
2118
2118
|
}
|
|
2119
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2120
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2119
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeadingComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2120
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysHeadingComponent, isStandalone: true, selector: "ui-heading", inputs: { heading_type: "heading_type", heading_on_dark: "heading_on_dark", heading_title: "heading_title", heading_seo_priority: "heading_seo_priority", heading_priority: "heading_priority", heading_alignment_override: "heading_alignment_override", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", heading_level: "heading_level" }, host: { properties: { "class": "this.class" } }, providers: [TokenService], ngImport: i0, template: "<div>\n <ui-stack [stack_align]=\"headingAlignment\" [stack_gap]=\"headingGap\">\n <p\n *ngIf=\"heading_surtitle && heading_surtitle.length\"\n class=\"heading-surtitle text-body--supporting text-color--supporting\"\n >\n {{ heading_surtitle }}\n </p>\n\n <ng-template #content>\n <span\n class=\"heading-title\"\n [ngClass]=\"{\n 'text-heading': !headingTypeIsFunctional(heading_type),\n 'text-heading--functional': headingTypeIsFunctional(heading_type),\n\n 'text-heading--hero': heading_type === 'hero',\n 'text-heading--primary': heading_type === 'primary',\n 'text-heading--secondary': heading_type === 'secondary',\n 'text-heading--functional--primary': heading_type === 'functional-primary',\n 'text-heading--functional--secondary': heading_type === 'functional-secondary',\n }\"\n >{{ heading_title }}</span\n >\n </ng-template>\n\n <!-- Title -->\n <h1 *ngIf=\"computed_heading_level === 'h1'\" role=\"heading\" class=\"seo-h1\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h1>\n <h2 *ngIf=\"computed_heading_level === 'h2'\" role=\"heading\" class=\"seo-h2\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h2>\n <h3 *ngIf=\"computed_heading_level === 'h3'\" role=\"heading\" class=\"seo-h3\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h3>\n <h4 *ngIf=\"computed_heading_level === 'h4'\" role=\"heading\" class=\"seo-h4\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h4>\n <h5 *ngIf=\"computed_heading_level === 'h5'\" role=\"heading\" class=\"seo-h5\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h5>\n <h6 *ngIf=\"computed_heading_level === 'h6'\" role=\"heading\" class=\"seo-h6\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h6>\n\n <!-- Subtitle -->\n <h2\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h1'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h2>\n <h3\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h2'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h3>\n <h4\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h3'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h4>\n <h5\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h4'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h5>\n <h6\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h5'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h6>\n <p\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h6'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></p>\n </ui-stack>\n</div>\n", styles: ["ui-heading.ui-heading-alignment-start{text-align:start}ui-heading.ui-heading-alignment-center{text-align:center}ui-heading h2.ui-prose,ui-heading h3.ui-prose,ui-heading h4.ui-prose{all:unset}ui-heading .ui-prose ul,ui-heading .ui-prose ol{padding:0}ui-heading .ui-prose ul p,ui-heading .ui-prose ol p{display:inline}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2121
2121
|
}
|
|
2122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeadingComponent, decorators: [{
|
|
2123
2123
|
type: Component,
|
|
2124
2124
|
args: [{ selector: 'ui-heading', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutStackComponent, NgIf, NgClass, NgTemplateOutlet], providers: [TokenService], template: "<div>\n <ui-stack [stack_align]=\"headingAlignment\" [stack_gap]=\"headingGap\">\n <p\n *ngIf=\"heading_surtitle && heading_surtitle.length\"\n class=\"heading-surtitle text-body--supporting text-color--supporting\"\n >\n {{ heading_surtitle }}\n </p>\n\n <ng-template #content>\n <span\n class=\"heading-title\"\n [ngClass]=\"{\n 'text-heading': !headingTypeIsFunctional(heading_type),\n 'text-heading--functional': headingTypeIsFunctional(heading_type),\n\n 'text-heading--hero': heading_type === 'hero',\n 'text-heading--primary': heading_type === 'primary',\n 'text-heading--secondary': heading_type === 'secondary',\n 'text-heading--functional--primary': heading_type === 'functional-primary',\n 'text-heading--functional--secondary': heading_type === 'functional-secondary',\n }\"\n >{{ heading_title }}</span\n >\n </ng-template>\n\n <!-- Title -->\n <h1 *ngIf=\"computed_heading_level === 'h1'\" role=\"heading\" class=\"seo-h1\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h1>\n <h2 *ngIf=\"computed_heading_level === 'h2'\" role=\"heading\" class=\"seo-h2\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h2>\n <h3 *ngIf=\"computed_heading_level === 'h3'\" role=\"heading\" class=\"seo-h3\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h3>\n <h4 *ngIf=\"computed_heading_level === 'h4'\" role=\"heading\" class=\"seo-h4\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h4>\n <h5 *ngIf=\"computed_heading_level === 'h5'\" role=\"heading\" class=\"seo-h5\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h5>\n <h6 *ngIf=\"computed_heading_level === 'h6'\" role=\"heading\" class=\"seo-h6\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h6>\n\n <!-- Subtitle -->\n <h2\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h1'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h2>\n <h3\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h2'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h3>\n <h4\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h3'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h4>\n <h5\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h4'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h5>\n <h6\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h5'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></h6>\n <p\n *ngIf=\"heading_subtitle && heading_subtitle.length && computed_heading_level === 'h6'\"\n class=\"heading-subtitle ui-prose\"\n [innerHTML]=\"heading_subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero',\n }\"\n ></p>\n </ui-stack>\n</div>\n", styles: ["ui-heading.ui-heading-alignment-start{text-align:start}ui-heading.ui-heading-alignment-center{text-align:center}ui-heading h2.ui-prose,ui-heading h3.ui-prose,ui-heading h4.ui-prose{all:unset}ui-heading .ui-prose ul,ui-heading .ui-prose ol{padding:0}ui-heading .ui-prose ul p,ui-heading .ui-prose ol p{display:inline}\n"] }]
|
|
2125
2125
|
}], ctorParameters: () => [{ type: TokenService }], propDecorators: { heading_type: [{
|
|
@@ -2146,11 +2146,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2146
2146
|
}] } });
|
|
2147
2147
|
|
|
2148
2148
|
class OasysHeadingModule {
|
|
2149
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2150
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2151
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2149
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2150
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysHeadingModule, imports: [OasysHeadingComponent], exports: [OasysHeadingComponent] });
|
|
2151
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeadingModule });
|
|
2152
2152
|
}
|
|
2153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeadingModule, decorators: [{
|
|
2154
2154
|
type: NgModule,
|
|
2155
2155
|
args: [{
|
|
2156
2156
|
imports: [OasysHeadingComponent],
|
|
@@ -2201,10 +2201,10 @@ class HeroComponent {
|
|
|
2201
2201
|
this.heroInsetSpaceSmall = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-small');
|
|
2202
2202
|
this.heroInsetSpaceLarge = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-large');
|
|
2203
2203
|
}
|
|
2204
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2205
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2204
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeroComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2205
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: HeroComponent, isStandalone: true, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", non_brand_background_colour: "non_brand_background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", text_on_dark_override: "text_on_dark_override", heading_level: "heading_level", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], viewQueries: [{ propertyName: "herobox", first: true, predicate: ["herobox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid\n [ngStyle]=\"{ 'min-height': min_container_height ? min_container_height + 'px' : 'auto' }\"\n grid_gap=\"none\"\n grid_collapse_below=\"tablet\"\n >\n <ui-column\n [columns]=\"5\"\n [ngClass]=\"{ 'image-left': image_left_desktop, 'image-top': image_top_mobile }\"\n >\n <ui-box\n box_fill_mode=\"fill\"\n box_align_y=\"center\"\n box_background=\"transparent\"\n [box_space]=\"{\n mobile: heroInsetSpaceSmall,\n tablet: heroInsetSpaceSmall,\n laptop: heroInsetSpaceLarge,\n desktop: heroInsetSpaceLarge,\n }\"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n stack_gap=\"default\"\n >\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true' ? true : false\n \"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\"\n [heading_level]=\"heading_level\"\n >\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'primary-inverse'\n : 'primary'\n \"\n [href]=\"href_primary_cta\"\n >\n <span>{{ primary_cta_text }}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'secondary-inverse'\n : 'secondary'\n \"\n [href]=\"href_secondary_cta\"\n >\n <span>{{ secondary_cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source\n [srcset]=\"\n image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 1440px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 1200px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 992px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=75 2x'\n \"\n media=\"(min-width: 768px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 2x'\"\n media=\"(min-width: 454px)\"\n type=\"image/webp\"\n />\n <img\n fetchpriority=\"high\"\n [src]=\"image + '?w=430&h=430&fm=webp&q=75'\"\n [attr.alt]=\"alt_text\"\n width=\"100%\"\n height=\"100%\"\n style=\"object-fit: cover\"\n />\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
2206
2206
|
}
|
|
2207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeroComponent, decorators: [{
|
|
2208
2208
|
type: Component,
|
|
2209
2209
|
args: [{ selector: 'ui-hero', standalone: true, imports: [
|
|
2210
2210
|
LayoutBoxComponent,
|
|
@@ -2257,11 +2257,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2257
2257
|
}] } });
|
|
2258
2258
|
|
|
2259
2259
|
class OasysHeroModule {
|
|
2260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2261
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2262
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2260
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2261
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysHeroModule, imports: [HeroComponent], exports: [HeroComponent] });
|
|
2262
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeroModule });
|
|
2263
2263
|
}
|
|
2264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysHeroModule, decorators: [{
|
|
2265
2265
|
type: NgModule,
|
|
2266
2266
|
args: [{
|
|
2267
2267
|
imports: [HeroComponent],
|
|
@@ -2307,10 +2307,10 @@ class SeoBlockComponent {
|
|
|
2307
2307
|
this.linksColumnsNumber = 3;
|
|
2308
2308
|
}
|
|
2309
2309
|
}
|
|
2310
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2311
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2310
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SeoBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2311
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SeoBlockComponent, isStandalone: true, selector: "ui-seo-block", inputs: { heading_paragraph: "heading_paragraph", heading_links: "heading_links", main_content: "main_content", expanded_content: "expanded_content", links: "links", read_more_content_text: "read_more_content_text", read_less_content_text: "read_less_content_text", show_more_links_text: "show_more_links_text", show_less_links_text: "show_less_links_text" }, ngImport: i0, template: "<ui-box>\n <ui-grid>\n <ui-column [columns]=\"6\">\n <ui-box\n box_space=\"none\"\n [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded',\n }\"\n >\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-primary\"\n heading_title=\"{{ heading_paragraph }}\"\n heading_level=\"h2\"\n ></ui-heading>\n </ui-box>\n <ui-box box_space=\"none\">\n <p>\n <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n <span\n id=\"expanded-content\"\n class=\"text-body--default\"\n class=\"ui-prose\"\n *ngIf=\"expandedContentVisible\"\n [innerHTML]=\"expanded_content\"\n ></span>\n </p>\n </ui-box>\n <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n <button\n (click)=\"showMoreContent(!expandedContentVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedContentVisible\"\n [attr.aria-controls]=\"'expanded-content'\"\n >\n {{ expandedContentVisible ? read_less_content_text : read_more_content_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"6\">\n <ui-box box_space=\"none\">\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-secondary\"\n heading_level=\"h3\"\n heading_title=\"{{ heading_links }}\"\n ></ui-heading>\n </ui-box>\n <ui-stack stack_gap=\"tight\">\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [ngStyle]=\"{ 'column-count': linksColumnsNumber }\"\n class=\"links-container text-body--supporting\"\n box_role=\"list\"\n id=\"expanded-links\"\n >\n <ng-container *ngFor=\"let link of linksValues; index as i\">\n <li>\n <ui-box\n box_space=\"none\"\n box_space_bottom=\"tight\"\n box_fill_mode=\"fit\"\n class=\"link-container\"\n [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\"\n >\n <a href=\"{{ link.href }}\">\n {{ link.name }}\n </a>\n </ui-box>\n </li>\n </ng-container>\n </ui-box>\n <ui-box\n box_space=\"none\"\n class=\"hidden-desktop hidden-tablet\"\n *ngIf=\"linksValues.length > 4\"\n >\n <button\n (click)=\"showMoreLinks(!expandedLinksVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedLinksVisible\"\n [attr.aria-controls]=\"'expanded-links'\"\n >\n {{ expandedLinksVisible ? show_less_links_text : show_more_links_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".oasys-focus-style,[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}button{all:unset;cursor:pointer;font-weight:var(--oasys-typography-body-emphasis-hero-font-weight);text-decoration:underline}.links-container{display:block}@media only screen and (max-width: 767px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2312
2312
|
}
|
|
2313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SeoBlockComponent, decorators: [{
|
|
2314
2314
|
type: Component,
|
|
2315
2315
|
args: [{ selector: 'ui-seo-block', standalone: true, imports: [
|
|
2316
2316
|
LayoutBoxComponent,
|
|
@@ -2345,11 +2345,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2345
2345
|
}] } });
|
|
2346
2346
|
|
|
2347
2347
|
class OasysSeoBlockModule {
|
|
2348
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2349
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2350
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2348
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysSeoBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2349
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysSeoBlockModule, imports: [SeoBlockComponent], exports: [SeoBlockComponent] });
|
|
2350
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysSeoBlockModule });
|
|
2351
2351
|
}
|
|
2352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysSeoBlockModule, decorators: [{
|
|
2353
2353
|
type: NgModule,
|
|
2354
2354
|
args: [{
|
|
2355
2355
|
imports: [SeoBlockComponent],
|
|
@@ -2358,11 +2358,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2358
2358
|
}] });
|
|
2359
2359
|
|
|
2360
2360
|
class OasysIconModule {
|
|
2361
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2362
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2363
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2361
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2362
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysIconModule, imports: [IconComponent], exports: [IconComponent] });
|
|
2363
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysIconModule });
|
|
2364
2364
|
}
|
|
2365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysIconModule, decorators: [{
|
|
2366
2366
|
type: NgModule,
|
|
2367
2367
|
args: [{
|
|
2368
2368
|
imports: [IconComponent],
|
|
@@ -2371,11 +2371,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2371
2371
|
}] });
|
|
2372
2372
|
|
|
2373
2373
|
class OasysImageModule {
|
|
2374
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2375
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2376
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2374
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2375
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysImageModule, imports: [ImageComponent], exports: [ImageComponent] });
|
|
2376
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysImageModule });
|
|
2377
2377
|
}
|
|
2378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysImageModule, decorators: [{
|
|
2379
2379
|
type: NgModule,
|
|
2380
2380
|
args: [{
|
|
2381
2381
|
imports: [ImageComponent],
|
|
@@ -2446,10 +2446,10 @@ class SectionComponent {
|
|
|
2446
2446
|
}
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2450
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2450
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SectionComponent, isStandalone: true, selector: "ui-section", inputs: { brand_background_colour: "brand_background_colour", non_brand_background_colour: "non_brand_background_colour", text_on_dark_override: "text_on_dark_override", image_on_left: "image_on_left", section_type: "section_type", heading_title: "heading_title", heading_subtitle: "heading_subtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n id=\"ui-box-{{ uiBoxId }}\"\n [box_background]=\"brand_background_colour\"\n [box_space_left]=\"section_type === 'spotlight' && !image_on_left ? 'none' : undefined\"\n [box_space_right]=\"section_type === 'spotlight' && image_on_left ? 'none' : undefined\"\n [box_space]=\"\n section_type === 'spotlight'\n ? 'none'\n : {\n mobile: containerInsetSpaceSmall,\n tablet: containerInsetSpaceLarge,\n laptop: containerInsetSpaceLarge,\n desktop: containerInsetSpaceLarge,\n }\n \"\n>\n <ui-grid [grid_gap]=\"section_type === 'spotlight' ? 'none' : 'default'\">\n <ui-column\n [columns]=\"6\"\n [ngClass]=\"{ 'image-left': image_on_left, 'image-top-mobile': image_on_left }\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\" box_align_y=\"center\">\n <ui-image\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"imageAspectRatio\"\n ></ui-image>\n </ui-box>\n </ui-column>\n\n <ui-column [columns]=\"6\">\n <ui-box\n [box_background]=\"brand_background_colour\"\n box_align_y=\"center\"\n [box_space]=\"\n section_type === 'spotlight'\n ? {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceLarge,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n : {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceSmall,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n \"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n [stack_wrap]=\"true\"\n >\n <ui-heading\n [heading_type]=\"section_type === 'spotlight' ? 'primary' : 'functional-primary'\"\n [heading_title]=\"heading_title\"\n [heading_subtitle]=\"heading_subtitle\"\n >\n </ui-heading>\n\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"start\"\n [stack_distribute]=\"section_type === 'spotlight' ? 'center' : 'start'\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <a\n class=\"text-link text-link--standalone\"\n [href]=\"href_primary_cta\"\n bwtrackas=\"oasys.story-block.primary-cta\"\n >{{ primary_cta_text }}</a\n >\n <a\n *ngIf=\"\n section_type !== 'spotlight' &&\n href_secondary_cta.length > 0 &&\n href_secondary_cta.length > 0\n \"\n class=\"text-link text-link--standalone\"\n [href]=\"href_secondary_cta\"\n bwtrackas=\"oasys.story-block.secondary-cta\"\n >{{ secondary_cta_text }}</a\n >\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["ui-grid ui-column img{width:100%;display:block}ui-grid .image-left{order:1}@media only screen and (max-width: 767px){ui-grid .image-top-mobile{order:0}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2451
2451
|
}
|
|
2452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionComponent, decorators: [{
|
|
2453
2453
|
type: Component,
|
|
2454
2454
|
args: [{ selector: 'ui-section', standalone: true, imports: [
|
|
2455
2455
|
LayoutBoxComponent,
|
|
@@ -2491,11 +2491,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2491
2491
|
}] } });
|
|
2492
2492
|
|
|
2493
2493
|
class SectionModule {
|
|
2494
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2495
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2496
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2495
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: SectionModule, imports: [SectionComponent], exports: [SectionComponent] });
|
|
2496
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionModule });
|
|
2497
2497
|
}
|
|
2498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2498
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionModule, decorators: [{
|
|
2499
2499
|
type: NgModule,
|
|
2500
2500
|
args: [{
|
|
2501
2501
|
imports: [SectionComponent],
|
|
@@ -2727,10 +2727,10 @@ class CarouselComponent {
|
|
|
2727
2727
|
onSlideChange(swiper) {
|
|
2728
2728
|
this.activeIndexOnSlideChange.emit(swiper.activeIndex);
|
|
2729
2729
|
}
|
|
2730
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2731
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2730
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CarouselComponent, deps: [{ token: TokenService }, { token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2731
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CarouselComponent, isStandalone: true, selector: "ui-carousel", inputs: { rewind: "rewind", carousel_overflow: "carousel_overflow", carousel_gap: "carousel_gap", carousel_pagination: "carousel_pagination", carousel_slides_per_view_desktop: "carousel_slides_per_view_desktop", carousel_slides_per_view_laptop: "carousel_slides_per_view_laptop", carousel_slides_per_view_tablet: "carousel_slides_per_view_tablet", carousel_slides_per_view_mobile: "carousel_slides_per_view_mobile", text_for_left_arrow: "text_for_left_arrow", text_for_right_arrow: "text_for_right_arrow", carousel_rows_per_row_mobile: "carousel_rows_per_row_mobile", carousel_loading: "carousel_loading", carousel_free_mode: "carousel_free_mode", center_insufficient_slides: "center_insufficient_slides", center_active_slide: "center_active_slide", start_slide: "start_slide", offset_scrollbar_top: "offset_scrollbar_top" }, outputs: { activeIndexOnSlideChange: "activeIndexOnSlideChange" }, providers: [TokenService], viewQueries: [{ propertyName: "swiper", first: true, predicate: ["swiper"], descendants: true, static: true }, { propertyName: "carouselscrollbarplaceholder", first: true, predicate: ["carouselscrollbarplaceholder"], descendants: true, read: ElementRef }, { propertyName: "carouselctastack", first: true, predicate: ["carouselctastack"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box\n class=\"ui-carousel\"\n [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n box_align_y=\"center\"\n box_space=\"none\"\n [box_content_fill_width]=\"true\"\n box_background=\"transparent\"\n>\n <ui-stack #carouselctastack>\n <!-- Custom navigation buttons -->\n <ui-stack\n *ngIf=\"carousel_pagination === 'small-arrows'\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_distribute=\"end\"\n >\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n box_space_bottom=\"none\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <div\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n class=\"ui-carousel__small-arrows\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </div>\n </ui-box>\n </ui-stack>\n\n <!-- Swiper WebComponent-->\n <swiper-container\n #swiper\n init=\"false\"\n touch-start-prevent-default=\"false\"\n prevent-clicks-propagation=\"true\"\n >\n <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n >\n <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n <ui-box\n *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width: 767px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2732
2732
|
}
|
|
2733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
2734
2734
|
type: Component,
|
|
2735
2735
|
args: [{ selector: 'ui-carousel', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutBoxComponent, NgClass, LayoutStackComponent, NgIf, OasysButtonComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], providers: [TokenService], template: "<ui-box\n class=\"ui-carousel\"\n [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n box_align_y=\"center\"\n box_space=\"none\"\n [box_content_fill_width]=\"true\"\n box_background=\"transparent\"\n>\n <ui-stack #carouselctastack>\n <!-- Custom navigation buttons -->\n <ui-stack\n *ngIf=\"carousel_pagination === 'small-arrows'\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_distribute=\"end\"\n >\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n box_space_bottom=\"none\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <div\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n class=\"ui-carousel__small-arrows\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </div>\n </ui-box>\n </ui-stack>\n\n <!-- Swiper WebComponent-->\n <swiper-container\n #swiper\n init=\"false\"\n touch-start-prevent-default=\"false\"\n prevent-clicks-propagation=\"true\"\n >\n <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n >\n <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n <ui-box\n *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width: 767px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"] }]
|
|
2736
2736
|
}], ctorParameters: () => [{ type: TokenService }, { type: Document, decorators: [{
|
|
@@ -2784,11 +2784,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2784
2784
|
}] } });
|
|
2785
2785
|
|
|
2786
2786
|
class OasysCarouselModule {
|
|
2787
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2788
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2789
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2787
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2788
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysCarouselModule, imports: [CarouselComponent], exports: [CarouselComponent] });
|
|
2789
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCarouselModule });
|
|
2790
2790
|
}
|
|
2791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysCarouselModule, decorators: [{
|
|
2792
2792
|
type: NgModule,
|
|
2793
2793
|
args: [{
|
|
2794
2794
|
imports: [CarouselComponent],
|
|
@@ -2808,10 +2808,10 @@ class TextComponent {
|
|
|
2808
2808
|
`ui-text--transform-${this.textTransform}`,
|
|
2809
2809
|
].join(' ');
|
|
2810
2810
|
}
|
|
2811
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2812
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2811
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2812
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TextComponent, isStandalone: true, selector: "ui-text", inputs: { textAlign: "textAlign", textWeight: "textWeight", textTransform: "textTransform" }, ngImport: i0, template: "<span class=\"ui-text\" [ngClass]=\"uiTextClasses\"><ng-content></ng-content></span>\n", styles: [".ui-text{font-size:var(--size-font-base);font-family:var(--font-family-body);font-weight:var(--font-weight-normal)}.ui-text.ui-text--weight-medium{font-weight:var(--font-weight-medium)}.ui-text.ui-text--weight-bold{font-weight:var(--font-weight-bold)}.ui-text.ui-text--transform-uppercase{text-transform:uppercase}.ui-text.ui-text--align-left{text-align:left}.ui-text.ui-text--align-center{text-align:center}.ui-text.ui-text--align-right{text-align:right}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2813
2813
|
}
|
|
2814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TextComponent, decorators: [{
|
|
2815
2815
|
type: Component,
|
|
2816
2816
|
args: [{ selector: 'ui-text', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass], template: "<span class=\"ui-text\" [ngClass]=\"uiTextClasses\"><ng-content></ng-content></span>\n", styles: [".ui-text{font-size:var(--size-font-base);font-family:var(--font-family-body);font-weight:var(--font-weight-normal)}.ui-text.ui-text--weight-medium{font-weight:var(--font-weight-medium)}.ui-text.ui-text--weight-bold{font-weight:var(--font-weight-bold)}.ui-text.ui-text--transform-uppercase{text-transform:uppercase}.ui-text.ui-text--align-left{text-align:left}.ui-text.ui-text--align-center{text-align:center}.ui-text.ui-text--align-right{text-align:right}\n"] }]
|
|
2817
2817
|
}], propDecorators: { textAlign: [{
|
|
@@ -2823,11 +2823,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2823
2823
|
}] } });
|
|
2824
2824
|
|
|
2825
2825
|
class OasysTextModule {
|
|
2826
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2827
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2828
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2826
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2827
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysTextModule, imports: [TextComponent], exports: [TextComponent] });
|
|
2828
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTextModule });
|
|
2829
2829
|
}
|
|
2830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2830
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTextModule, decorators: [{
|
|
2831
2831
|
type: NgModule,
|
|
2832
2832
|
args: [{
|
|
2833
2833
|
imports: [TextComponent],
|
|
@@ -2856,10 +2856,10 @@ class BannerComponent {
|
|
|
2856
2856
|
onCtaClicked() {
|
|
2857
2857
|
this.cta_clicked.emit();
|
|
2858
2858
|
}
|
|
2859
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2860
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2859
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BannerComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2860
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BannerComponent, isStandalone: true, selector: "ui-banner", inputs: { background_colour: "background_colour", cta_text: "cta_text", banner_title: "banner_title", banner_surtitle: "banner_surtitle", banner_subtitle: "banner_subtitle", cta_link: "cta_link" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n [box_background]=\"background_colour\"\n box_space_left=\"none\"\n box_space_right=\"none\"\n box_fill_mode=\"fill\"\n box_align_x=\"center\"\n class=\"ui-banner\"\n #bannerbox\n>\n <ui-grid grid_collapse_below=\"tablet\">\n <ui-column\n [columns]=\"{ mobile: 12, tablet: 10, laptop: 8, desktop: 8 }\"\n [column_inset]=\"{ mobile: 0, tablet: 1, laptop: 2, desktop: 2 }\"\n class=\"ui-banner__content\"\n >\n <ui-box\n [box_space]=\"{ mobile: mobilePadding, tablet: 'none' }\"\n box_space_top=\"none\"\n box_space_bottom=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_gap=\"near\"\n stack_collapse_below=\"tablet\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_gap=\"near\"\n >\n <!-- This is a stack as the icon will go here above the ui-heading -->\n <ui-heading\n *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n heading_type=\"functional-primary\"\n [heading_title]=\"banner_title\"\n [heading_surtitle]=\"banner_surtitle\"\n [heading_subtitle]=\"banner_subtitle\"\n >\n </ui-heading>\n </ui-stack>\n <ui-button\n *ngIf=\"cta_text\"\n bwtrackas=\"oasys.hva-banner.cta\"\n button_size=\"large\"\n [button_type]=\"bannerbox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"cta_link\"\n (clicked)=\"onCtaClicked()\"\n >\n <span>{{ cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".ui-banner__content .content__stack{align-items:flex-start}@media only screen and (min-width: 768px){.ui-banner__content .content__stack{align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
2861
2861
|
}
|
|
2862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2862
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BannerComponent, decorators: [{
|
|
2863
2863
|
type: Component,
|
|
2864
2864
|
args: [{ selector: 'ui-banner', standalone: true, imports: [
|
|
2865
2865
|
LayoutBoxComponent,
|
|
@@ -2887,11 +2887,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2887
2887
|
}] } });
|
|
2888
2888
|
|
|
2889
2889
|
class OasysBannerModule {
|
|
2890
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2891
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2892
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2890
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2891
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysBannerModule, imports: [BannerComponent], exports: [BannerComponent] });
|
|
2892
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysBannerModule });
|
|
2893
2893
|
}
|
|
2894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysBannerModule, decorators: [{
|
|
2895
2895
|
type: NgModule,
|
|
2896
2896
|
args: [{
|
|
2897
2897
|
imports: [BannerComponent],
|
|
@@ -2903,10 +2903,10 @@ class OasysPillComponent {
|
|
|
2903
2903
|
tone = 'neutral';
|
|
2904
2904
|
pill_role = 'none';
|
|
2905
2905
|
role = this.pill_role;
|
|
2906
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2907
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2906
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2907
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysPillComponent, isStandalone: true, selector: "ui-pill", inputs: { tone: "tone", pill_role: "pill_role" }, host: { properties: { "class": "\"ui-pill-\" + tone", "attr.role": "this.role" } }, ngImport: i0, template: "<div role=\"status\" class=\"text-body--supporting text-body--emphasis\"><ng-content></ng-content></div>\n", styles: [":host{border-radius:var(--oasys-radius-round);display:inline-flex;padding:var(--oasys-spacing-tiny) var(--oasys-spacing-near);text-align:center;text-wrap:nowrap}:host.ui-pill-positive{background-color:var(--oasys-color-system-background-positive);color:var(--oasys-color-system-foreground-positive)}:host.ui-pill-negative{background-color:var(--oasys-color-system-background-negative);color:var(--oasys-color-system-foreground-negative)}:host.ui-pill-neutral{background-color:var(--oasys-color-system-background-neutral);color:var(--oasys-color-brand-foreground-primary)}\n"] });
|
|
2908
2908
|
}
|
|
2909
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillComponent, decorators: [{
|
|
2910
2910
|
type: Component,
|
|
2911
2911
|
args: [{ selector: 'ui-pill', standalone: true, host: {
|
|
2912
2912
|
'[class]': '"ui-pill-" + tone',
|
|
@@ -2921,11 +2921,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2921
2921
|
}] } });
|
|
2922
2922
|
|
|
2923
2923
|
class OasysPillModule {
|
|
2924
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2925
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2926
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2924
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2925
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysPillModule, imports: [OasysPillComponent], exports: [OasysPillComponent] });
|
|
2926
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillModule });
|
|
2927
2927
|
}
|
|
2928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillModule, decorators: [{
|
|
2929
2929
|
type: NgModule,
|
|
2930
2930
|
args: [{
|
|
2931
2931
|
imports: [OasysPillComponent],
|
|
@@ -2955,10 +2955,10 @@ class OasysPillGroupComponent {
|
|
|
2955
2955
|
return false;
|
|
2956
2956
|
}
|
|
2957
2957
|
}
|
|
2958
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2959
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2958
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2959
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysPillGroupComponent, isStandalone: true, selector: "ui-pill-group", inputs: { pill_group_align: "pill_group_align", pill_group_collapse_below: "pill_group_collapse_below" }, ngImport: i0, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"pill_group_collapse_below\"\n [stack_distribute]=\"pill_group_align\"\n [stack_wrap]=\"true\"\n [stack_as_list]=\"true\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2960
2960
|
}
|
|
2961
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillGroupComponent, decorators: [{
|
|
2962
2962
|
type: Component,
|
|
2963
2963
|
args: [{ selector: 'ui-pill-group', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutStackComponent], template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"pill_group_collapse_below\"\n [stack_distribute]=\"pill_group_align\"\n [stack_wrap]=\"true\"\n [stack_as_list]=\"true\"\n>\n <ng-content></ng-content>\n</ui-stack>\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"] }]
|
|
2964
2964
|
}], ctorParameters: () => [{ type: BreakpointService }], propDecorators: { pill_group_align: [{
|
|
@@ -2968,11 +2968,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2968
2968
|
}] } });
|
|
2969
2969
|
|
|
2970
2970
|
class OasysPillGroupModule {
|
|
2971
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2972
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2973
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2971
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2972
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysPillGroupModule, imports: [OasysPillGroupComponent], exports: [OasysPillGroupComponent] });
|
|
2973
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillGroupModule });
|
|
2974
2974
|
}
|
|
2975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPillGroupModule, decorators: [{
|
|
2976
2976
|
type: NgModule,
|
|
2977
2977
|
args: [{
|
|
2978
2978
|
imports: [OasysPillGroupComponent],
|
|
@@ -3023,10 +3023,10 @@ class PromoCardComponent {
|
|
|
3023
3023
|
ctaClicked() {
|
|
3024
3024
|
this.cta_clicked.emit();
|
|
3025
3025
|
}
|
|
3026
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3027
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3026
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PromoCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3027
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PromoCardComponent, isStandalone: true, selector: "ui-promo-card", inputs: { image: "image", alt_text: "alt_text", title: "title", subtitle: "subtitle", primary_cta_text: "primary_cta_text", href_primary_cta: "href_primary_cta", background_colour: "background_colour", font_colour: "font_colour", layout: "layout" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box box_space=\"none\" [ngStyle]=\"{ 'background-color': background_colour, color: font_colour }\">\n <ui-stack [stack_gap]=\"layoutConfig.spacing\" stack_align=\"center\">\n <ui-box box_space=\"none\">\n <ui-image\n [image_fill]=\"true\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"aspectRatio\"\n ></ui-image>\n </ui-box>\n <ui-box\n [box_align_y]=\"alignment\"\n box_space_top=\"none\"\n [box_space]=\"layoutConfig.spacing\"\n [ngStyle]=\"{ 'background-color': background_colour }\"\n >\n <ui-stack stack_gap=\"near\" stack_distribute=\"center\" [stack_align]=\"alignment\">\n <h3\n [ngClass]=\"{\n 'text-heading--body--expressive': layoutConfig.headingType === 'body-expressive',\n 'text-heading--secondary': layoutConfig.headingType === 'secondary',\n }\"\n role=\"heading\"\n class=\"seo-h2\"\n >\n <span class=\"heading-title text-heading\">{{ title }}</span>\n </h3>\n <p\n [ngClass]=\"{\n 'text-body--default': layoutConfig.bodyType === 'body-default',\n 'text-body--supporting': layoutConfig.bodyType === 'body-supporting',\n }\"\n >\n {{ subtitle }}\n </p>\n <a\n class=\"text-link text-link--standalone\"\n bwtrackas=\"component.modular-content-card.cta\"\n href=\"{{ href_primary_cta }}\"\n (click)=\"ctaClicked()\"\n >{{ primary_cta_text }}</a\n >\n </ui-stack>\n </ui-box>\n </ui-stack>\n</ui-box>\n", styles: ["ui-image img{object-fit:cover}p,h3{text-align:var(--oasys-component-promo-card-heading-alignment)}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
3028
3028
|
}
|
|
3029
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PromoCardComponent, decorators: [{
|
|
3030
3030
|
type: Component,
|
|
3031
3031
|
args: [{ selector: 'ui-promo-card', standalone: true, imports: [
|
|
3032
3032
|
LayoutBoxComponent,
|
|
@@ -3059,11 +3059,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3059
3059
|
}] } });
|
|
3060
3060
|
|
|
3061
3061
|
class OasysPromoCardModule {
|
|
3062
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3063
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3064
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3062
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPromoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3063
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysPromoCardModule, imports: [PromoCardComponent], exports: [PromoCardComponent] });
|
|
3064
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPromoCardModule });
|
|
3065
3065
|
}
|
|
3066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPromoCardModule, decorators: [{
|
|
3067
3067
|
type: NgModule,
|
|
3068
3068
|
args: [{
|
|
3069
3069
|
imports: [PromoCardComponent],
|
|
@@ -3082,10 +3082,10 @@ class OasysPriceComponent {
|
|
|
3082
3082
|
price;
|
|
3083
3083
|
price_before_discount;
|
|
3084
3084
|
price_type = 'primary';
|
|
3085
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3086
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3085
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3086
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysPriceComponent, isStandalone: true, selector: "ui-price", inputs: { price: "price", price_before_discount: "price_before_discount", price_type: "price_type" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"ui-price\" [ngClass]=\"price_type\">\n <ui-stack\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_align=\"center\"\n [ngClass]=\"{ 'oasys-price-has-discount': price_before_discount }\"\n >\n <div [attr.aria-hidden]=\"true\" *ngIf=\"price_before_discount\" class=\"text-body--line-through\">\n {{ price_before_discount }}\n </div>\n <div itemprop=\"price\" class=\"price-to-pay\">{{ price }}</div>\n </ui-stack>\n</div>\n", styles: [".ui-price.hero{font-weight:var(--oasys-component-price-weight-hero)}.ui-price.primary{font-weight:var(--oasys-component-price-weight-primary)}.ui-price.supporting{font-weight:var(--oasys-component-price-weight-supporting)}.ui-price .oasys-price-has-discount .price-to-pay{color:var(--oasys-component-price-color-price-after-discount)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3087
3087
|
}
|
|
3088
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysPriceComponent, decorators: [{
|
|
3089
3089
|
type: Component,
|
|
3090
3090
|
args: [{ selector: 'ui-price', standalone: true, imports: [NgClass, LayoutStackComponent, NgIf], template: "<div class=\"ui-price\" [ngClass]=\"price_type\">\n <ui-stack\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_align=\"center\"\n [ngClass]=\"{ 'oasys-price-has-discount': price_before_discount }\"\n >\n <div [attr.aria-hidden]=\"true\" *ngIf=\"price_before_discount\" class=\"text-body--line-through\">\n {{ price_before_discount }}\n </div>\n <div itemprop=\"price\" class=\"price-to-pay\">{{ price }}</div>\n </ui-stack>\n</div>\n", styles: [".ui-price.hero{font-weight:var(--oasys-component-price-weight-hero)}.ui-price.primary{font-weight:var(--oasys-component-price-weight-primary)}.ui-price.supporting{font-weight:var(--oasys-component-price-weight-supporting)}.ui-price .oasys-price-has-discount .price-to-pay{color:var(--oasys-component-price-color-price-after-discount)}\n"] }]
|
|
3091
3091
|
}], propDecorators: { class: [{
|
|
@@ -3143,10 +3143,10 @@ class SelectCardComponent {
|
|
|
3143
3143
|
return this.tokenService.getTokenValue('--oasys-component-card-aspect-ratio-portrait');
|
|
3144
3144
|
}
|
|
3145
3145
|
}
|
|
3146
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3147
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3146
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SelectCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3147
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SelectCardComponent, isStandalone: true, selector: "ui-select-card", inputs: { image: "image", alt_text: "alt_text", image_format: "image_format", title: "title", primary_copy: "primary_copy", secondary_copy: "secondary_copy", price: "price", price_before_discount: "price_before_discount", selected: "selected", select_card_type: "select_card_type" }, outputs: { clicked: "clicked" }, providers: [TokenService], ngImport: i0, template: "<button\n role=\"button\"\n class=\"ui-select-card--{{ select_card_type }}\"\n tabindex=\"0\"\n [ngClass]=\"{ selected: selected }\"\n [attr.aria-pressed]=\"selected ? 'true' : 'false'\"\n (click)=\"onClick()\"\n>\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <ui-stack stack_gap=\"none\" stack_align=\"center\">\n <ui-box\n class=\"ui-select-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image\n *ngIf=\"image\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [image_fill]=\"true\"\n ></ui-image>\n <ng-content></ng-content>\n </ui-box>\n <ng-template\n *ngIf=\"select_card_type === 'gift-card'\"\n [ngTemplateOutlet]=\"giftcard\"\n ></ng-template>\n <ng-template\n *ngIf=\"select_card_type === 'product-card'\"\n [ngTemplateOutlet]=\"productcard\"\n ></ng-template>\n </ui-stack>\n </ui-box>\n</button>\n\n<!--- GIFT CARD TEMPLATE -->\n<ng-template #giftcard>\n <ui-box box_space=\"tight\" box_background=\"transparent\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"tight\">\n <span class=\"ui-select-card__text-body text-label--primary\">{{ title }}</span>\n\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"primary\"\n ></ui-price>\n </ui-stack>\n </ui-box>\n</ng-template>\n\n<!--- PRODUCT CARD TEMPLATE -->\n<ng-template #productcard>\n <ui-box box_fill_mode=\"fit\" box_space=\"near\" box_background=\"transparent\">\n <ui-stack stack_direction=\"y\" stack_gap=\"near\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"none\">\n <h5>{{ title }}</h5>\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_align=\"center\">\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"hero\"\n ></ui-price>\n <ui-icon\n *ngIf=\"price_before_discount\"\n class=\"ui-select-card--product-card__discount-icon\"\n icon_name=\"tag\"\n icon_size_override=\"1.5\"\n ></ui-icon>\n </ui-stack>\n </ui-stack>\n <ui-stack stack_gap=\"near\">\n <p class=\"text-body--supporting\">{{ secondary_copy }}</p>\n <p class=\"text-body--default\">{{ primary_copy }}</p>\n </ui-stack>\n </ui-stack>\n </ui-box>\n</ng-template>\n", styles: [".ui-select-card--gift-card,.ui-select-card--product-card{background-color:transparent;border:1px solid transparent;width:100%;display:block;padding:0;appearance:none;cursor:pointer;overflow:hidden}.ui-select-card--gift-card .ui-select-card__image .ui-box-content,.ui-select-card--product-card .ui-select-card__image .ui-box-content{height:100%}.ui-select-card--gift-card__text-stack,.ui-select-card--product-card__text-stack{width:100%}.ui-select-card--gift-card{border-radius:var(--oasys-radius-soften)}.ui-select-card--gift-card .ui-select-card__text-body{text-align:left;min-height:calc(var(--oasys-typography-heading-label-primary-line-height) * 2)}.ui-select-card--product-card{border-radius:var(--oasys-radius-layout);border:1px solid var(--oasys-color-brand-border-secondary)}.ui-select-card--product-card .text-body--default{text-align:left}.ui-select-card--product-card__discount-icon{border-radius:var(--oasys-radius-round);border:1px solid transparent;padding:var(--oasys-spacing-tiny);background-color:var(--oasys-color-brand-foreground-highlight)}.ui-select-card--gift-card.selected,.ui-select-card--product-card.selected{--_select-border-width: var(--oasys-border-width-primary);--_select-border-color: var(--oasys-color-interaction-border-selected);--_select-background-color: var(--oasys-color-interaction-background-selected);background-color:var(--_select-background-color);border:var(--_select-border-width) solid var(--_select-border-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OasysPriceComponent, selector: "ui-price", inputs: ["price", "price_before_discount", "price_type"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3148
3148
|
}
|
|
3149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SelectCardComponent, decorators: [{
|
|
3150
3150
|
type: Component,
|
|
3151
3151
|
args: [{ selector: 'ui-select-card', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
3152
3152
|
NgClass,
|
|
@@ -3184,11 +3184,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3184
3184
|
}] } });
|
|
3185
3185
|
|
|
3186
3186
|
class OasysSelectCardModule {
|
|
3187
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3188
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3189
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3187
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysSelectCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3188
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysSelectCardModule, imports: [SelectCardComponent], exports: [SelectCardComponent] });
|
|
3189
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysSelectCardModule });
|
|
3190
3190
|
}
|
|
3191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysSelectCardModule, decorators: [{
|
|
3192
3192
|
type: NgModule,
|
|
3193
3193
|
args: [{
|
|
3194
3194
|
imports: [SelectCardComponent],
|
|
@@ -3217,10 +3217,10 @@ class EmphasisDirective {
|
|
|
3217
3217
|
const emphasisText = this.displayParagraph.replace(regex, (match) => `<span class="text-body--emphasis">${match}</span>`);
|
|
3218
3218
|
this.element.nativeElement.innerHTML = emphasisText;
|
|
3219
3219
|
}
|
|
3220
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3221
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3220
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EmphasisDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3221
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: EmphasisDirective, isStandalone: true, selector: "[ui-emphasis]", inputs: { searchText: "searchText", displayParagraph: "displayParagraph" }, usesOnChanges: true, ngImport: i0 });
|
|
3222
3222
|
}
|
|
3223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EmphasisDirective, decorators: [{
|
|
3224
3224
|
type: Directive,
|
|
3225
3225
|
args: [{
|
|
3226
3226
|
selector: '[ui-emphasis]',
|
|
@@ -3267,7 +3267,7 @@ class ComboboxComponent {
|
|
|
3267
3267
|
textInputClicked = false;
|
|
3268
3268
|
id;
|
|
3269
3269
|
/** Whether or not the overlay panel is open. */
|
|
3270
|
-
panelOpen = signal(false);
|
|
3270
|
+
panelOpen = signal(false, ...(ngDevMode ? [{ debugName: "panelOpen" }] : []));
|
|
3271
3271
|
openedViaKeyboard = false;
|
|
3272
3272
|
/**
|
|
3273
3273
|
* Selected option
|
|
@@ -3730,16 +3730,16 @@ class ComboboxComponent {
|
|
|
3730
3730
|
resetOptionsList() {
|
|
3731
3731
|
this.displayOptions = this.options;
|
|
3732
3732
|
}
|
|
3733
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3734
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3733
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ComboboxComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
3734
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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: [
|
|
3735
3735
|
{
|
|
3736
3736
|
provide: NG_VALUE_ACCESSOR,
|
|
3737
3737
|
useExisting: forwardRef(() => ComboboxComponent),
|
|
3738
3738
|
multi: true,
|
|
3739
3739
|
},
|
|
3740
|
-
], 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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n [attr.disabled]=\"disabled || null\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n (focus)=\"onScreenReaderFocus()\"\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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (click)=\"onTextInputClick()\"\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(), 'keyboard-open': shouldShowFocus }\"\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 && (!shouldShowFocus || focusedOption === option),\n focus: shouldShowFocus && focusedOption === option,\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-selected]=\"selectedOption === option\"\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-rce h6,.ui-prose h6,article h6,.ui-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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,.ui-combobox input,.ui-combobox .select{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 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].keyboard-focus:focus,.ui-combobox div[name=combobox].keyboard-focus:focus-visible,.ui-combobox div[name=combobox].keyboard-focus: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;border-radius:var(--oasys-radius-soften);width:100%;transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}.ui-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.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:opacity var(--_ad) cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.ui-combobox-option{cursor:pointer;border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) transparent;padding:var(--oasys-spacing-near);outline:none;outline-offset:none}.ui-combobox-option:hover,.ui-combobox-option.selected{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox-option.focus{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften);border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-option:focus-visible{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-options.keyboard-open .ui-combobox-option:hover:not(.focus){background-color:transparent;border-radius:0}.ui-combobox-options.keyboard-open .ui-combobox-option.focus:hover{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox input{border:none;width:100%;background-color:transparent;cursor:pointer}.ui-combobox input:focus{outline:none}.ui-combobox-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-combobox-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-combobox-container .input-errors .hint-container{display:block!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-combobox-container:has(input:disabled) input,.ui-combobox-container:has(input:disabled) .select{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-combobox-container:has(input:disabled) .ui-combobox-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-combobox .label-container{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}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$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"] }] });
|
|
3740
|
+
], 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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n [attr.disabled]=\"disabled || null\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n (focus)=\"onScreenReaderFocus()\"\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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (click)=\"onTextInputClick()\"\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(), 'keyboard-open': shouldShowFocus }\"\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 && (!shouldShowFocus || focusedOption === option),\n focus: shouldShowFocus && focusedOption === option,\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-selected]=\"selectedOption === option\"\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-rce h6,.ui-prose h6,article h6,.ui-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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,.ui-combobox input,.ui-combobox .select{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 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].keyboard-focus:focus,.ui-combobox div[name=combobox].keyboard-focus:focus-visible,.ui-combobox div[name=combobox].keyboard-focus: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 div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}.ui-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.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:opacity var(--_ad) cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.ui-combobox-option{cursor:pointer;border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) transparent;padding:var(--oasys-spacing-near);outline:none;outline-offset:none}.ui-combobox-option:hover,.ui-combobox-option.selected{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox-option.focus{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften);border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-option:focus-visible{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-options.keyboard-open .ui-combobox-option:hover:not(.focus){background-color:transparent;border-radius:0}.ui-combobox-options.keyboard-open .ui-combobox-option.focus:hover{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox input{border:none;width:100%;background-color:transparent}.ui-combobox input:focus{outline:none}.ui-combobox input{cursor:pointer}.ui-combobox-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-combobox-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-combobox-container .input-errors .hint-container{display:block!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-combobox-container:has(input:disabled) input,.ui-combobox-container:has(input:disabled) .select{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-combobox-container:has(input:disabled) .ui-combobox-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-combobox{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;border-radius:var(--oasys-radius-soften);width:100%}.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:hover{transform:scale(1.1)}.ui-combobox .icon-container{transition:all calc(var(--oasys-animation-duration-long) * 1ms) ease;transform-origin:center}.ui-combobox .icon-container.expand{transform:rotate(-179.999deg)}.ui-combobox:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-combobox:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-combobox:has(.input-preface:not(:empty)) input,.ui-combobox:has(.input-preface:not(:empty)) .select{padding-left:var(--_left-inset)}.ui-combobox .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox .input-preface:empty{visibility:hidden}.ui-combobox{transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$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"] }] });
|
|
3741
3741
|
}
|
|
3742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ComboboxComponent, decorators: [{
|
|
3743
3743
|
type: Component,
|
|
3744
3744
|
args: [{ selector: 'ui-combobox', providers: [
|
|
3745
3745
|
{
|
|
@@ -3757,7 +3757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3757
3757
|
IconComponent,
|
|
3758
3758
|
EmphasisDirective,
|
|
3759
3759
|
OasysButtonComponent,
|
|
3760
|
-
], 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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n [attr.disabled]=\"disabled || null\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n (focus)=\"onScreenReaderFocus()\"\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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (click)=\"onTextInputClick()\"\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(), 'keyboard-open': shouldShowFocus }\"\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 && (!shouldShowFocus || focusedOption === option),\n focus: shouldShowFocus && focusedOption === option,\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-selected]=\"selectedOption === option\"\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-rce h6,.ui-prose h6,article h6,.ui-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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,.ui-combobox input,.ui-combobox .select{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 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].keyboard-focus:focus,.ui-combobox div[name=combobox].keyboard-focus:focus-visible,.ui-combobox div[name=combobox].keyboard-focus: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;border-radius:var(--oasys-radius-soften);width:100%;transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}.ui-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.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:opacity var(--_ad) cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.ui-combobox-option{cursor:pointer;border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) transparent;padding:var(--oasys-spacing-near);outline:none;outline-offset:none}.ui-combobox-option:hover,.ui-combobox-option.selected{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox-option.focus{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften);border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-option:focus-visible{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-options.keyboard-open .ui-combobox-option:hover:not(.focus){background-color:transparent;border-radius:0}.ui-combobox-options.keyboard-open .ui-combobox-option.focus:hover{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox input{border:none;width:100%;background-color:transparent;cursor:pointer}.ui-combobox input:focus{outline:none}.ui-combobox-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-combobox-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-combobox-container .input-errors .hint-container{display:block!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-combobox-container:has(input:disabled) input,.ui-combobox-container:has(input:disabled) .select{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-combobox-container:has(input:disabled) .ui-combobox-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-combobox .label-container{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}\n"] }]
|
|
3760
|
+
], 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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n [attr.disabled]=\"disabled || null\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n (focus)=\"onScreenReaderFocus()\"\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]=\"disabled ? -1 : 0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n [class.keyboard-focus]=\"shouldShowFocus\"\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 class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (click)=\"onTextInputClick()\"\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(), 'keyboard-open': shouldShowFocus }\"\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 && (!shouldShowFocus || focusedOption === option),\n focus: shouldShowFocus && focusedOption === option,\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-selected]=\"selectedOption === option\"\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-rce h6,.ui-prose h6,article h6,.ui-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-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,.ui-combobox input,.ui-combobox .select{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 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].keyboard-focus:focus,.ui-combobox div[name=combobox].keyboard-focus:focus-visible,.ui-combobox div[name=combobox].keyboard-focus: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 div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}.ui-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.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:opacity var(--_ad) cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.ui-combobox-option{cursor:pointer;border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) transparent;padding:var(--oasys-spacing-near);outline:none;outline-offset:none}.ui-combobox-option:hover,.ui-combobox-option.selected{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox-option.focus{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften);border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-option:focus-visible{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-options.keyboard-open .ui-combobox-option:hover:not(.focus){background-color:transparent;border-radius:0}.ui-combobox-options.keyboard-open .ui-combobox-option.focus:hover{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox input{border:none;width:100%;background-color:transparent}.ui-combobox input:focus{outline:none}.ui-combobox input{cursor:pointer}.ui-combobox-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-combobox-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-combobox-container .input-errors .hint-container{display:block!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-combobox-container:has(input:disabled) input,.ui-combobox-container:has(input:disabled) .select{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-combobox-container:has(input:disabled) .ui-combobox-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-combobox{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;border-radius:var(--oasys-radius-soften);width:100%}.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:hover{transform:scale(1.1)}.ui-combobox .icon-container{transition:all calc(var(--oasys-animation-duration-long) * 1ms) ease;transform-origin:center}.ui-combobox .icon-container.expand{transform:rotate(-179.999deg)}.ui-combobox:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-combobox:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-combobox:has(.input-preface:not(:empty)) input,.ui-combobox:has(.input-preface:not(:empty)) .select{padding-left:var(--_left-inset)}.ui-combobox .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox .input-preface:empty{visibility:hidden}.ui-combobox{transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}\n"] }]
|
|
3761
3761
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
3762
3762
|
type: Inject,
|
|
3763
3763
|
args: [DOCUMENT]
|
|
@@ -3892,11 +3892,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3892
3892
|
* @OasysLib
|
|
3893
3893
|
*/
|
|
3894
3894
|
class OasysComboboxModule {
|
|
3895
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3896
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3897
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3895
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysComboboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3896
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysComboboxModule, imports: [ComboboxComponent], exports: [ComboboxComponent] });
|
|
3897
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysComboboxModule, imports: [ComboboxComponent] });
|
|
3898
3898
|
}
|
|
3899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysComboboxModule, decorators: [{
|
|
3900
3900
|
type: NgModule,
|
|
3901
3901
|
args: [{
|
|
3902
3902
|
imports: [ComboboxComponent],
|
|
@@ -3947,10 +3947,10 @@ class LabelComponent {
|
|
|
3947
3947
|
this.labelStyle = this.backgroundColorOverride || this.type;
|
|
3948
3948
|
this.iconName = this.iconName || defaultIconName;
|
|
3949
3949
|
}
|
|
3950
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3951
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3950
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3951
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: LabelComponent, isStandalone: true, selector: "ui-label", inputs: { type: "type", text: "text", textStyle: "textStyle", showIcon: "showIcon", iconOverride: "iconOverride", backgroundColorOverride: "backgroundColorOverride" }, ngImport: i0, template: "<ui-box\n class=\"ui-label oasys-label-style-{{ labelStyle }}\"\n box_space=\"tiny\"\n box_space_left=\"tight\"\n box_space_right=\"tight\"\n box_fill_mode=\"fit\"\n [box_background]=\"backgroundColour\"\n>\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{ text }}</span>\n </ui-stack>\n</ui-box>\n", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: 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"] }] });
|
|
3952
3952
|
}
|
|
3953
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3953
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LabelComponent, decorators: [{
|
|
3954
3954
|
type: Component,
|
|
3955
3955
|
args: [{ selector: 'ui-label', standalone: true, imports: [LayoutBoxComponent, LayoutStackComponent, NgIf, IconComponent], template: "<ui-box\n class=\"ui-label oasys-label-style-{{ labelStyle }}\"\n box_space=\"tiny\"\n box_space_left=\"tight\"\n box_space_right=\"tight\"\n box_fill_mode=\"fit\"\n [box_background]=\"backgroundColour\"\n>\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{ text }}</span>\n </ui-stack>\n</ui-box>\n", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"] }]
|
|
3956
3956
|
}], propDecorators: { type: [{
|
|
@@ -3968,11 +3968,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3968
3968
|
}] } });
|
|
3969
3969
|
|
|
3970
3970
|
class OasysLabelModule {
|
|
3971
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3972
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3973
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3971
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3972
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysLabelModule, imports: [LabelComponent], exports: [LabelComponent] });
|
|
3973
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysLabelModule });
|
|
3974
3974
|
}
|
|
3975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysLabelModule, decorators: [{
|
|
3976
3976
|
type: NgModule,
|
|
3977
3977
|
args: [{
|
|
3978
3978
|
imports: [LabelComponent],
|
|
@@ -3990,10 +3990,10 @@ class OasysTabComponent {
|
|
|
3990
3990
|
throw new Error(this.tab_label + ': <ui-tab> can`t be empty');
|
|
3991
3991
|
}
|
|
3992
3992
|
}
|
|
3993
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3994
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3993
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3994
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysTabComponent, isStandalone: true, selector: "ui-tab", inputs: { tab_label: "tab_label", tab_active: "tab_active" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["tabContent"], descendants: true, static: true }], ngImport: i0, template: '<ng-template #tabContent><ng-content></ng-content></ng-template>', isInline: true });
|
|
3995
3995
|
}
|
|
3996
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabComponent, decorators: [{
|
|
3997
3997
|
type: Component,
|
|
3998
3998
|
args: [{
|
|
3999
3999
|
standalone: true,
|
|
@@ -4012,11 +4012,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4012
4012
|
}] } });
|
|
4013
4013
|
|
|
4014
4014
|
class OasysTabActiveComponent {
|
|
4015
|
-
templateRef = input();
|
|
4016
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
4015
|
+
templateRef = input(...(ngDevMode ? [undefined, { debugName: "templateRef" }] : []));
|
|
4016
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabActiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4017
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: OasysTabActiveComponent, isStandalone: true, selector: "ui-tab-active", inputs: { templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<div role="tabpanel"> <ng-template [ngTemplateOutlet]="templateRef()"></ng-template></div>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
4018
4018
|
}
|
|
4019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabActiveComponent, decorators: [{
|
|
4020
4020
|
type: Component,
|
|
4021
4021
|
args: [{
|
|
4022
4022
|
standalone: true,
|
|
@@ -4024,13 +4024,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4024
4024
|
selector: 'ui-tab-active',
|
|
4025
4025
|
template: '<div role="tabpanel"> <ng-template [ngTemplateOutlet]="templateRef()"></ng-template></div>',
|
|
4026
4026
|
}]
|
|
4027
|
-
}] });
|
|
4027
|
+
}], propDecorators: { templateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateRef", required: false }] }] } });
|
|
4028
4028
|
|
|
4029
4029
|
class OasysTabHeaderComponent {
|
|
4030
4030
|
tab_size = 'small';
|
|
4031
4031
|
tabs;
|
|
4032
4032
|
tab_clicked = new EventEmitter();
|
|
4033
|
-
tab_active = input();
|
|
4033
|
+
tab_active = input(...(ngDevMode ? [undefined, { debugName: "tab_active" }] : []));
|
|
4034
4034
|
activeComponent;
|
|
4035
4035
|
length;
|
|
4036
4036
|
domEles;
|
|
@@ -4077,10 +4077,10 @@ class OasysTabHeaderComponent {
|
|
|
4077
4077
|
}
|
|
4078
4078
|
}
|
|
4079
4079
|
}
|
|
4080
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4081
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
4080
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4081
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: OasysTabHeaderComponent, isStandalone: true, selector: "ui-tab-header", inputs: { tab_size: { classPropertyName: "tab_size", publicName: "tab_size", isSignal: false, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: false, isRequired: false, transformFunction: null }, tab_active: { classPropertyName: "tab_active", publicName: "tab_active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tab_clicked: "tab_clicked" }, ngImport: i0, template: "<div role=\"tablist\" aria-orientation=\"horizontal\">\n <ui-stack\n class=\"ui-tab-header\"\n stack_direction=\"x\"\n [stack_wrap]=\"false\"\n stack_gap=\"none\"\n stack_distribute=\"fit\"\n >\n <div class=\"ui-tab-header_item\" *ngFor=\"let tab of tabs; index as i\">\n <div\n class=\"ui-tab-header_item-label\"\n tabindex=\"0\"\n (click)=\"activateTab(tab)\"\n (keydown)=\"handleKeydown($event, i)\"\n role=\"tab\"\n [attr.aria-selected]=\"tab === tab_active()\"\n [attr.aria-label]=\"tab.tab_label\"\n >\n <span\n class=\"text-body--default\"\n [ngClass]=\"{ 'text-body--emphasis': tab === tab_active() }\"\n >{{ tab.tab_label }}</span\n >\n </div>\n <div [class]=\"getIndicatorClass()\" [ngClass]=\"{ active: tab === tab_active() }\"></div>\n </div>\n </ui-stack>\n</div>\n", styles: [".ui-tab-header{border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-background-disabled);display:flex;align-items:stretch}.ui-tab-header_item{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ui-tab-header_item-label{padding:var(--oasys-spacing-near);border-radius:var(--oasys-component-button-border-radius);border-width:var(--oasys-border-width-prominent);border-style:solid;border-color:transparent;white-space:normal;text-align:center;min-width:100px;flex:1;display:flex;align-items:center;justify-content:center}.ui-tab-header_item-label:hover{background-color:var(--oasys-color-interaction-background-selected);border-color:var(--oasys-color-interaction-background-selected)}.ui-tab-header_item-label:focus-visible{border-width:var(--oasys-border-width-focus);border-style:solid;border-color:var(--oasys-color-interaction-border-focus);outline:none}.ui-tab-header_item-indicator{opacity:0;height:4px;background-color:var(--oasys-color-brand-border-primary);border-radius:var(--oasys-radius-soften);margin-top:var(--oasys-spacing-tight);width:30px}.ui-tab-header_item-indicator.large{width:60px}.ui-tab-header_item-indicator.active{opacity:1;transition:all calc(var(--oasys-animation-duration-long) * 1ms)}\n"], dependencies: [{ kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
4082
4082
|
}
|
|
4083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4083
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabHeaderComponent, decorators: [{
|
|
4084
4084
|
type: Component,
|
|
4085
4085
|
args: [{ standalone: true, imports: [OasysLayoutModule, NgClass, NgFor], selector: 'ui-tab-header', template: "<div role=\"tablist\" aria-orientation=\"horizontal\">\n <ui-stack\n class=\"ui-tab-header\"\n stack_direction=\"x\"\n [stack_wrap]=\"false\"\n stack_gap=\"none\"\n stack_distribute=\"fit\"\n >\n <div class=\"ui-tab-header_item\" *ngFor=\"let tab of tabs; index as i\">\n <div\n class=\"ui-tab-header_item-label\"\n tabindex=\"0\"\n (click)=\"activateTab(tab)\"\n (keydown)=\"handleKeydown($event, i)\"\n role=\"tab\"\n [attr.aria-selected]=\"tab === tab_active()\"\n [attr.aria-label]=\"tab.tab_label\"\n >\n <span\n class=\"text-body--default\"\n [ngClass]=\"{ 'text-body--emphasis': tab === tab_active() }\"\n >{{ tab.tab_label }}</span\n >\n </div>\n <div [class]=\"getIndicatorClass()\" [ngClass]=\"{ active: tab === tab_active() }\"></div>\n </div>\n </ui-stack>\n</div>\n", styles: [".ui-tab-header{border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-background-disabled);display:flex;align-items:stretch}.ui-tab-header_item{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ui-tab-header_item-label{padding:var(--oasys-spacing-near);border-radius:var(--oasys-component-button-border-radius);border-width:var(--oasys-border-width-prominent);border-style:solid;border-color:transparent;white-space:normal;text-align:center;min-width:100px;flex:1;display:flex;align-items:center;justify-content:center}.ui-tab-header_item-label:hover{background-color:var(--oasys-color-interaction-background-selected);border-color:var(--oasys-color-interaction-background-selected)}.ui-tab-header_item-label:focus-visible{border-width:var(--oasys-border-width-focus);border-style:solid;border-color:var(--oasys-color-interaction-border-focus);outline:none}.ui-tab-header_item-indicator{opacity:0;height:4px;background-color:var(--oasys-color-brand-border-primary);border-radius:var(--oasys-radius-soften);margin-top:var(--oasys-spacing-tight);width:30px}.ui-tab-header_item-indicator.large{width:60px}.ui-tab-header_item-indicator.active{opacity:1;transition:all calc(var(--oasys-animation-duration-long) * 1ms)}\n"] }]
|
|
4086
4086
|
}], propDecorators: { tab_size: [{
|
|
@@ -4089,7 +4089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4089
4089
|
type: Input
|
|
4090
4090
|
}], tab_clicked: [{
|
|
4091
4091
|
type: Output
|
|
4092
|
-
}] } });
|
|
4092
|
+
}], tab_active: [{ type: i0.Input, args: [{ isSignal: true, alias: "tab_active", required: false }] }] } });
|
|
4093
4093
|
|
|
4094
4094
|
class OasysTabGroupComponent {
|
|
4095
4095
|
tab_size = 'small';
|
|
@@ -4109,10 +4109,10 @@ class OasysTabGroupComponent {
|
|
|
4109
4109
|
this.activeComponent = tab;
|
|
4110
4110
|
this.activeComponent.clicked.emit();
|
|
4111
4111
|
}
|
|
4112
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4113
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4112
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4113
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysTabGroupComponent, isStandalone: true, selector: "ui-tab-group", inputs: { tab_size: "tab_size" }, queries: [{ propertyName: "tabs", predicate: OasysTabComponent }], ngImport: i0, template: "<div class=\"ui-tab-group\">\n <ui-tab-header\n *ngIf=\"tabs || activeComponent\"\n [tab_size]=\"tab_size\"\n [tabs]=\"tabs\"\n [tab_active]=\"activeComponent\"\n (tab_clicked)=\"activateTab($event)\"\n ></ui-tab-header>\n\n <ui-tab-active [templateRef]=\"activeComponent?.template\"></ui-tab-active>\n</div>\n", dependencies: [{ kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: OasysTabActiveComponent, selector: "ui-tab-active", inputs: ["templateRef"] }, { kind: "component", type: OasysTabHeaderComponent, selector: "ui-tab-header", inputs: ["tab_size", "tabs", "tab_active"], outputs: ["tab_clicked"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4114
4114
|
}
|
|
4115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabGroupComponent, decorators: [{
|
|
4116
4116
|
type: Component,
|
|
4117
4117
|
args: [{ standalone: true, imports: [OasysLayoutModule, OasysTabActiveComponent, OasysTabHeaderComponent, NgIf], selector: 'ui-tab-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-tab-group\">\n <ui-tab-header\n *ngIf=\"tabs || activeComponent\"\n [tab_size]=\"tab_size\"\n [tabs]=\"tabs\"\n [tab_active]=\"activeComponent\"\n (tab_clicked)=\"activateTab($event)\"\n ></ui-tab-header>\n\n <ui-tab-active [templateRef]=\"activeComponent?.template\"></ui-tab-active>\n</div>\n" }]
|
|
4118
4118
|
}], propDecorators: { tab_size: [{
|
|
@@ -4123,15 +4123,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4123
4123
|
}] } });
|
|
4124
4124
|
|
|
4125
4125
|
class OasysTabsModule {
|
|
4126
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4127
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4127
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
4128
4128
|
OasysTabComponent,
|
|
4129
4129
|
OasysTabActiveComponent,
|
|
4130
4130
|
OasysTabHeaderComponent] });
|
|
4131
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4131
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
4132
4132
|
OasysTabActiveComponent] });
|
|
4133
4133
|
}
|
|
4134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysTabsModule, decorators: [{
|
|
4135
4135
|
type: NgModule,
|
|
4136
4136
|
args: [{
|
|
4137
4137
|
imports: [
|
|
@@ -4147,10 +4147,10 @@ class ProgressBarComponent {
|
|
|
4147
4147
|
percentage = 50;
|
|
4148
4148
|
style = 'circular';
|
|
4149
4149
|
text = '0 / 3';
|
|
4150
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4150
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4151
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ProgressBarComponent, isStandalone: true, selector: "ui-progress-bar", inputs: { percentage: "percentage", style: "style", text: "text" }, ngImport: i0, template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
4152
4152
|
}
|
|
4153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
4154
4154
|
type: Component,
|
|
4155
4155
|
args: [{ selector: 'ui-progress-bar', standalone: true, imports: [CommonModule, LayoutBoxComponent], template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"] }]
|
|
4156
4156
|
}], propDecorators: { percentage: [{
|
|
@@ -4162,8 +4162,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4162
4162
|
}] } });
|
|
4163
4163
|
|
|
4164
4164
|
class OasysFormErrorsSummaryItemComponent {
|
|
4165
|
-
abstractControl = input();
|
|
4166
|
-
error_messages = input({});
|
|
4165
|
+
abstractControl = input(...(ngDevMode ? [undefined, { debugName: "abstractControl" }] : []));
|
|
4166
|
+
error_messages = input({}, ...(ngDevMode ? [{ debugName: "error_messages" }] : []));
|
|
4167
4167
|
focusOnControl() {
|
|
4168
4168
|
const control = this.abstractControl();
|
|
4169
4169
|
// Log the control name - it's stored in the parent FormGroup
|
|
@@ -4192,42 +4192,42 @@ class OasysFormErrorsSummaryItemComponent {
|
|
|
4192
4192
|
const errorKeys = Object.keys(currentErrors);
|
|
4193
4193
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
4194
4194
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
4195
|
-
});
|
|
4196
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4197
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4195
|
+
}, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
|
|
4196
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4197
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: OasysFormErrorsSummaryItemComponent, isStandalone: true, selector: "ui-form-errors-summary-item", inputs: { abstractControl: { classPropertyName: "abstractControl", publicName: "abstractControl", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "cursor: pointer;" }, ngImport: i0, template: "@if (errorMessage() && !!abstractControl()?.errors) {\n <li\n class=\"text-link--paragraph text-body--supporting\"\n (click)=\"focusOnControl()\"\n (keydown.enter)=\"focusOnControl()\"\n tabindex=\"0\"\n aria-live=\"polite\"\n aria-labelledby=\"errors-summary-title errors-summary-item\"\n >\n <span id=\"errors-summary-item\">\n {{ errorMessage() }}\n </span>\n </li>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "ngmodule", type: OasysAlertModule }] });
|
|
4198
4198
|
}
|
|
4199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsSummaryItemComponent, decorators: [{
|
|
4200
4200
|
type: Component,
|
|
4201
4201
|
args: [{ selector: 'ui-form-errors-summary-item', standalone: true, imports: [CommonModule, OasysLayoutModule, OasysAlertModule], host: {
|
|
4202
4202
|
style: 'cursor: pointer;',
|
|
4203
4203
|
}, template: "@if (errorMessage() && !!abstractControl()?.errors) {\n <li\n class=\"text-link--paragraph text-body--supporting\"\n (click)=\"focusOnControl()\"\n (keydown.enter)=\"focusOnControl()\"\n tabindex=\"0\"\n aria-live=\"polite\"\n aria-labelledby=\"errors-summary-title errors-summary-item\"\n >\n <span id=\"errors-summary-item\">\n {{ errorMessage() }}\n </span>\n </li>\n}\n" }]
|
|
4204
|
-
}] });
|
|
4204
|
+
}], propDecorators: { abstractControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "abstractControl", required: false }] }], error_messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "error_messages", required: false }] }] } });
|
|
4205
4205
|
|
|
4206
4206
|
class OasysFormErrorsSummaryComponent {
|
|
4207
|
-
formGroup = input.required();
|
|
4207
|
+
formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : []));
|
|
4208
4208
|
errorsSummaryItems;
|
|
4209
|
-
hasErrorsSummaryItems = computed(() => this.errorsSummaryItems.length > 0);
|
|
4209
|
+
hasErrorsSummaryItems = computed(() => this.errorsSummaryItems.length > 0, ...(ngDevMode ? [{ debugName: "hasErrorsSummaryItems" }] : []));
|
|
4210
4210
|
ngAfterContentInit() {
|
|
4211
4211
|
if (this.errorsSummaryItems.length === 0) {
|
|
4212
4212
|
console.error('ui-form-errors-summary: No ui-form-errors-summary-item components found. Please add at least one ui-form-errors-summary-item.');
|
|
4213
4213
|
}
|
|
4214
4214
|
}
|
|
4215
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4216
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4215
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4216
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: OasysFormErrorsSummaryComponent, isStandalone: true, selector: "ui-form-errors-summary", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "errorsSummaryItems", predicate: OasysFormErrorsSummaryItemComponent }], ngImport: i0, template: "<div #errorsSummary>\n @if (!formGroup().valid && hasErrorsSummaryItems()) {\n <ui-box class=\"ui-form-errors-summary\" box_space=\"near\" box_align_x=\"center\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\">\n <ui-icon icon_name=\"error\" icon_size_override=\"2\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\">\n <ui-stack stack_gap=\"tight\" class=\"content\" stack_direction=\"y\">\n <div class=\"text-label--secondary\" id=\"errors-summary-title\">\n <ng-content select=\"ui-form-errors-summary-title\"></ng-content>\n </div>\n <ul>\n <ng-content></ng-content>\n </ul>\n </ui-stack>\n </ui-stack>\n </ui-stack>\n </ui-box>\n }\n</div>\n", styles: [":host{display:contents}.ui-form-errors-summary{margin-bottom:var(--oasys-spacing-near);background-color:var(--oasys-color-system-background-negative)}.ui-form-errors-summary .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-form-errors-summary .badge ui-icon{fill:currentColor}.ui-form-errors-summary .content{gap:var(--oasys-spacing-tiny)}.ui-form-errors-summary ul{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "ngmodule", type: OasysAlertModule }, { kind: "ngmodule", type: OasysIconModule }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
4217
4217
|
}
|
|
4218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsSummaryComponent, decorators: [{
|
|
4219
4219
|
type: Component,
|
|
4220
4220
|
args: [{ selector: 'ui-form-errors-summary', standalone: true, imports: [CommonModule, OasysLayoutModule, OasysAlertModule, OasysIconModule], template: "<div #errorsSummary>\n @if (!formGroup().valid && hasErrorsSummaryItems()) {\n <ui-box class=\"ui-form-errors-summary\" box_space=\"near\" box_align_x=\"center\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\">\n <ui-icon icon_name=\"error\" icon_size_override=\"2\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\">\n <ui-stack stack_gap=\"tight\" class=\"content\" stack_direction=\"y\">\n <div class=\"text-label--secondary\" id=\"errors-summary-title\">\n <ng-content select=\"ui-form-errors-summary-title\"></ng-content>\n </div>\n <ul>\n <ng-content></ng-content>\n </ul>\n </ui-stack>\n </ui-stack>\n </ui-stack>\n </ui-box>\n }\n</div>\n", styles: [":host{display:contents}.ui-form-errors-summary{margin-bottom:var(--oasys-spacing-near);background-color:var(--oasys-color-system-background-negative)}.ui-form-errors-summary .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-form-errors-summary .badge ui-icon{fill:currentColor}.ui-form-errors-summary .content{gap:var(--oasys-spacing-tiny)}.ui-form-errors-summary ul{margin:0}\n"] }]
|
|
4221
|
-
}], propDecorators: { errorsSummaryItems: [{
|
|
4221
|
+
}], propDecorators: { formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], errorsSummaryItems: [{
|
|
4222
4222
|
type: ContentChildren,
|
|
4223
4223
|
args: [OasysFormErrorsSummaryItemComponent]
|
|
4224
4224
|
}] } });
|
|
4225
4225
|
|
|
4226
4226
|
class OasysFormErrorsSummaryTitleComponent {
|
|
4227
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4228
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4227
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsSummaryTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4228
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OasysFormErrorsSummaryTitleComponent, isStandalone: true, selector: "ui-form-errors-summary-title", host: { attributes: { "role": "alert", "aria-live": "polite" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
4229
4229
|
}
|
|
4230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OasysFormErrorsSummaryTitleComponent, decorators: [{
|
|
4231
4231
|
type: Component,
|
|
4232
4232
|
args: [{
|
|
4233
4233
|
selector: 'ui-form-errors-summary-title',
|