oasys-lib 1.25.2 → 1.25.4
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/bundles/oasys-lib.umd.js +2454 -0
- package/bundles/oasys-lib.umd.js.map +1 -0
- package/{esm2020/lib/components/alert/alert-cancel.directive.mjs → esm2015/lib/components/alert/alert-cancel.directive.js} +4 -4
- package/{esm2020/lib/components/alert/alert-confirm.directive.mjs → esm2015/lib/components/alert/alert-confirm.directive.js} +4 -4
- package/{esm2020/lib/components/alert/alert-content.directive.mjs → esm2015/lib/components/alert/alert-content.directive.js} +4 -4
- package/{esm2020/lib/components/alert/alert-title.directive.mjs → esm2015/lib/components/alert/alert-title.directive.js} +4 -4
- package/esm2015/lib/components/alert/alert.component.js +61 -0
- package/{esm2020/lib/components/alert/alert.module.mjs → esm2015/lib/components/alert/alert.module.js} +11 -9
- package/esm2015/lib/components/banner/banner.component.js +48 -0
- package/esm2015/lib/components/banner/banner.module.js +25 -0
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +35 -0
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.module.js +22 -0
- package/esm2015/lib/components/button/button.component.js +99 -0
- package/esm2015/lib/components/button/button.module.js +21 -0
- package/esm2015/lib/components/button-group/button-group.component.js +57 -0
- package/esm2015/lib/components/button-group/button-group.module.js +21 -0
- package/esm2015/lib/components/card/card.component.js +76 -0
- package/esm2015/lib/components/card/card.module.js +24 -0
- package/esm2015/lib/components/carousel/carousel.component.js +185 -0
- package/esm2015/lib/components/carousel/carousel.module.js +24 -0
- package/esm2015/lib/components/divider/divider.component.js +27 -0
- package/esm2015/lib/components/divider/divider.module.js +20 -0
- package/esm2015/lib/components/heading/heading.component.js +84 -0
- package/esm2015/lib/components/heading/heading.module.js +22 -0
- package/esm2015/lib/components/hero/hero.component.js +67 -0
- package/esm2015/lib/components/hero/hero.module.js +25 -0
- package/esm2015/lib/components/icon/icon.component.js +58 -0
- package/esm2015/lib/components/icon/icon.module.js +21 -0
- package/esm2015/lib/components/image/image.component.js +76 -0
- package/esm2015/lib/components/image/image.module.js +33 -0
- package/esm2015/lib/components/layout/box/box.component.js +127 -0
- package/esm2015/lib/components/layout/container/container.component.js +45 -0
- package/esm2015/lib/components/layout/grid/grid-column.component.js +59 -0
- package/esm2015/lib/components/layout/grid/grid.component.js +50 -0
- package/{esm2020/lib/components/layout/layout.module.mjs → esm2015/lib/components/layout/layout.module.js} +5 -5
- package/esm2015/lib/components/layout/stack/stack.component.js +69 -0
- package/esm2015/lib/components/section/section.component.js +92 -0
- package/esm2015/lib/components/section/section.module.js +24 -0
- package/esm2015/lib/components/seo-block/seo-block.component.js +69 -0
- package/{esm2020/lib/components/seo-block/seo-block.module.mjs → esm2015/lib/components/seo-block/seo-block.module.js} +11 -9
- package/esm2015/lib/components/text/text.component.js +36 -0
- package/esm2015/lib/components/text/text.module.js +19 -0
- package/esm2015/lib/directives/directives.module.js +22 -0
- package/{esm2020/lib/directives/href/href.directive.mjs → esm2015/lib/directives/href/href.directive.js} +4 -4
- package/{esm2020/lib/services/breakpoint.service.mjs → esm2015/lib/services/breakpoint.service.js} +4 -4
- package/{esm2020/lib/services/href.service.mjs → esm2015/lib/services/href.service.js} +4 -4
- package/esm2015/lib/services/image.service.js +71 -0
- package/{esm2020/lib/services/token.service.mjs → esm2015/lib/services/token.service.js} +4 -4
- package/fesm2015/oasys-lib.js +1902 -0
- package/fesm2015/oasys-lib.js.map +1 -0
- package/lib/components/alert/alert-cancel.directive.d.ts +1 -1
- package/lib/components/alert/alert-confirm.directive.d.ts +1 -1
- package/lib/components/alert/alert-content.directive.d.ts +1 -1
- package/lib/components/alert/alert-title.directive.d.ts +1 -1
- package/lib/components/alert/alert.component.d.ts +1 -1
- package/lib/components/banner/banner.component.d.ts +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +1 -1
- package/lib/components/button/button.component.d.ts +1 -1
- package/lib/components/button-group/button-group.component.d.ts +1 -1
- package/lib/components/card/card.component.d.ts +1 -1
- package/lib/components/carousel/carousel.component.d.ts +1 -1
- package/lib/components/divider/divider.component.d.ts +1 -1
- package/lib/components/heading/heading.component.d.ts +1 -1
- package/lib/components/hero/hero.component.d.ts +1 -1
- package/lib/components/icon/icon.component.d.ts +1 -1
- package/lib/components/image/image.component.d.ts +1 -1
- package/lib/components/layout/box/box.component.d.ts +1 -1
- package/lib/components/layout/container/container.component.d.ts +1 -1
- package/lib/components/layout/grid/grid-column.component.d.ts +1 -1
- package/lib/components/layout/grid/grid.component.d.ts +1 -1
- package/lib/components/layout/stack/stack.component.d.ts +1 -1
- package/lib/components/section/section.component.d.ts +1 -1
- package/lib/components/seo-block/seo-block.component.d.ts +1 -1
- package/lib/components/text/text.component.d.ts +1 -1
- package/lib/directives/href/href.directive.d.ts +1 -1
- package/package.json +9 -22
- package/src/assets/bloomandwild/variables.css +89 -89
- package/src/assets/bloomon/variables.css +89 -89
- package/src/assets/global/scss-breakpoints.scss +2 -2
- package/src/assets/global/variables.css +1 -1
- package/esm2020/lib/components/alert/alert.component.mjs +0 -57
- package/esm2020/lib/components/banner/banner.component.mjs +0 -44
- package/esm2020/lib/components/banner/banner.module.mjs +0 -25
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.component.mjs +0 -29
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.module.mjs +0 -22
- package/esm2020/lib/components/button/button.component.mjs +0 -92
- package/esm2020/lib/components/button/button.module.mjs +0 -21
- package/esm2020/lib/components/button-group/button-group.component.mjs +0 -51
- package/esm2020/lib/components/button-group/button-group.module.mjs +0 -21
- package/esm2020/lib/components/card/card.component.mjs +0 -71
- package/esm2020/lib/components/card/card.module.mjs +0 -24
- package/esm2020/lib/components/carousel/carousel.component.mjs +0 -180
- package/esm2020/lib/components/carousel/carousel.module.mjs +0 -24
- package/esm2020/lib/components/divider/divider.component.mjs +0 -22
- package/esm2020/lib/components/divider/divider.module.mjs +0 -20
- package/esm2020/lib/components/heading/heading.component.mjs +0 -79
- package/esm2020/lib/components/heading/heading.module.mjs +0 -22
- package/esm2020/lib/components/hero/hero.component.mjs +0 -63
- package/esm2020/lib/components/hero/hero.module.mjs +0 -25
- package/esm2020/lib/components/icon/icon.component.mjs +0 -53
- package/esm2020/lib/components/icon/icon.module.mjs +0 -21
- package/esm2020/lib/components/image/image.component.mjs +0 -72
- package/esm2020/lib/components/image/image.module.mjs +0 -33
- package/esm2020/lib/components/layout/box/box.component.mjs +0 -120
- package/esm2020/lib/components/layout/container/container.component.mjs +0 -39
- package/esm2020/lib/components/layout/grid/grid-column.component.mjs +0 -52
- package/esm2020/lib/components/layout/grid/grid.component.mjs +0 -43
- package/esm2020/lib/components/layout/stack/stack.component.mjs +0 -62
- package/esm2020/lib/components/section/section.component.mjs +0 -88
- package/esm2020/lib/components/section/section.module.mjs +0 -24
- package/esm2020/lib/components/seo-block/seo-block.component.mjs +0 -64
- package/esm2020/lib/components/text/text.component.mjs +0 -30
- package/esm2020/lib/components/text/text.module.mjs +0 -19
- package/esm2020/lib/directives/directives.module.mjs +0 -22
- package/esm2020/lib/services/image.service.mjs +0 -70
- package/fesm2015/oasys-lib.mjs +0 -1803
- package/fesm2015/oasys-lib.mjs.map +0 -1
- package/fesm2020/oasys-lib.mjs +0 -1788
- package/fesm2020/oasys-lib.mjs.map +0 -1
- /package/{esm2020/lib/components/alert/index.mjs → esm2015/lib/components/alert/index.js} +0 -0
- /package/{esm2020/lib/components/banner/index.mjs → esm2015/lib/components/banner/index.js} +0 -0
- /package/{esm2020/lib/components/breadcrumbs/index.mjs → esm2015/lib/components/breadcrumbs/index.js} +0 -0
- /package/{esm2020/lib/components/button/button.mjs → esm2015/lib/components/button/button.js} +0 -0
- /package/{esm2020/lib/components/button/index.mjs → esm2015/lib/components/button/index.js} +0 -0
- /package/{esm2020/lib/components/button-group/index.mjs → esm2015/lib/components/button-group/index.js} +0 -0
- /package/{esm2020/lib/components/card/card.mjs → esm2015/lib/components/card/card.js} +0 -0
- /package/{esm2020/lib/components/card/index.mjs → esm2015/lib/components/card/index.js} +0 -0
- /package/{esm2020/lib/components/carousel/index.mjs → esm2015/lib/components/carousel/index.js} +0 -0
- /package/{esm2020/lib/components/divider/divider.mjs → esm2015/lib/components/divider/divider.js} +0 -0
- /package/{esm2020/lib/components/divider/index.mjs → esm2015/lib/components/divider/index.js} +0 -0
- /package/{esm2020/lib/components/heading/heading.mjs → esm2015/lib/components/heading/heading.js} +0 -0
- /package/{esm2020/lib/components/heading/index.mjs → esm2015/lib/components/heading/index.js} +0 -0
- /package/{esm2020/lib/components/hero/index.mjs → esm2015/lib/components/hero/index.js} +0 -0
- /package/{esm2020/lib/components/icon/icon.mjs → esm2015/lib/components/icon/icon.js} +0 -0
- /package/{esm2020/lib/components/icon/index.mjs → esm2015/lib/components/icon/index.js} +0 -0
- /package/{esm2020/lib/components/image/index.mjs → esm2015/lib/components/image/index.js} +0 -0
- /package/{esm2020/lib/components/layout/Layout.mjs → esm2015/lib/components/layout/Layout.js} +0 -0
- /package/{esm2020/lib/components/layout/index.mjs → esm2015/lib/components/layout/index.js} +0 -0
- /package/{esm2020/lib/components/section/index.mjs → esm2015/lib/components/section/index.js} +0 -0
- /package/{esm2020/lib/components/seo-block/index.mjs → esm2015/lib/components/seo-block/index.js} +0 -0
- /package/{esm2020/lib/components/text/index.mjs → esm2015/lib/components/text/index.js} +0 -0
- /package/{esm2020/lib/components/text/text.mjs → esm2015/lib/components/text/text.js} +0 -0
- /package/{esm2020/lib/injection-tokens/frontend-app-injection.tokens.mjs → esm2015/lib/injection-tokens/frontend-app-injection.tokens.js} +0 -0
- /package/{esm2020/oasys-lib.mjs → esm2015/oasys-lib.js} +0 -0
- /package/{esm2020/public-api.mjs → esm2015/public-api.js} +0 -0
- /package/{index.d.ts → oasys-lib.d.ts} +0 -0
|
@@ -0,0 +1,2454 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/layout'), require('@angular/common'), require('@angular/router'), require('swiper/element/bundle')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('oasys-lib', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/cdk/layout', '@angular/common', '@angular/router', 'swiper/element/bundle'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["oasys-lib"] = {}, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.cdk.layout, global.ng.common, global.ng.router, global.bundle));
|
|
5
|
+
})(this, (function (exports, i0, rxjs, operators, i1, i6, router, bundle) { 'use strict';
|
|
6
|
+
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
|
+
var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
|
|
28
|
+
|
|
29
|
+
var OasysAlertCancelDirective = /** @class */ (function () {
|
|
30
|
+
function OasysAlertCancelDirective(elem) {
|
|
31
|
+
this.elem = elem;
|
|
32
|
+
this.text = '';
|
|
33
|
+
}
|
|
34
|
+
OasysAlertCancelDirective.prototype.ngAfterContentChecked = function () {
|
|
35
|
+
this.text = this.elem.nativeElement.innerText;
|
|
36
|
+
};
|
|
37
|
+
return OasysAlertCancelDirective;
|
|
38
|
+
}());
|
|
39
|
+
OasysAlertCancelDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertCancelDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
40
|
+
OasysAlertCancelDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: OasysAlertCancelDirective, selector: "ui-alert-cancel, [ui-alert-cancel]", ngImport: i0__namespace });
|
|
41
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertCancelDirective, decorators: [{
|
|
42
|
+
type: i0.Directive,
|
|
43
|
+
args: [{
|
|
44
|
+
selector: 'ui-alert-cancel, [ui-alert-cancel]',
|
|
45
|
+
}]
|
|
46
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; } });
|
|
47
|
+
|
|
48
|
+
var OasysAlertConfirmDirective = /** @class */ (function () {
|
|
49
|
+
function OasysAlertConfirmDirective(elem) {
|
|
50
|
+
this.elem = elem;
|
|
51
|
+
this.text = '';
|
|
52
|
+
}
|
|
53
|
+
OasysAlertConfirmDirective.prototype.ngAfterContentChecked = function () {
|
|
54
|
+
this.text = this.elem.nativeElement.innerText;
|
|
55
|
+
};
|
|
56
|
+
return OasysAlertConfirmDirective;
|
|
57
|
+
}());
|
|
58
|
+
OasysAlertConfirmDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertConfirmDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
59
|
+
OasysAlertConfirmDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: OasysAlertConfirmDirective, selector: "ui-alert-confirm, [ui-alert-confirm]", ngImport: i0__namespace });
|
|
60
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertConfirmDirective, decorators: [{
|
|
61
|
+
type: i0.Directive,
|
|
62
|
+
args: [{
|
|
63
|
+
selector: 'ui-alert-confirm, [ui-alert-confirm]',
|
|
64
|
+
}]
|
|
65
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; } });
|
|
66
|
+
|
|
67
|
+
var OasysAlertContentDirective = /** @class */ (function () {
|
|
68
|
+
function OasysAlertContentDirective() {
|
|
69
|
+
}
|
|
70
|
+
return OasysAlertContentDirective;
|
|
71
|
+
}());
|
|
72
|
+
OasysAlertContentDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertContentDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
73
|
+
OasysAlertContentDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: OasysAlertContentDirective, selector: "ui-alert-content, [ui-alert-content]", ngImport: i0__namespace });
|
|
74
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertContentDirective, decorators: [{
|
|
75
|
+
type: i0.Directive,
|
|
76
|
+
args: [{
|
|
77
|
+
selector: 'ui-alert-content, [ui-alert-content]',
|
|
78
|
+
}]
|
|
79
|
+
}] });
|
|
80
|
+
|
|
81
|
+
var OasysAlertTitleDirective = /** @class */ (function () {
|
|
82
|
+
function OasysAlertTitleDirective() {
|
|
83
|
+
}
|
|
84
|
+
return OasysAlertTitleDirective;
|
|
85
|
+
}());
|
|
86
|
+
OasysAlertTitleDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertTitleDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
87
|
+
OasysAlertTitleDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: OasysAlertTitleDirective, selector: "ui-alert-title, [ui-alert-title]", ngImport: i0__namespace });
|
|
88
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertTitleDirective, decorators: [{
|
|
89
|
+
type: i0.Directive,
|
|
90
|
+
args: [{
|
|
91
|
+
selector: 'ui-alert-title, [ui-alert-title]',
|
|
92
|
+
}]
|
|
93
|
+
}] });
|
|
94
|
+
|
|
95
|
+
/******************************************************************************
|
|
96
|
+
Copyright (c) Microsoft Corporation.
|
|
97
|
+
|
|
98
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
99
|
+
purpose with or without fee is hereby granted.
|
|
100
|
+
|
|
101
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
102
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
103
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
104
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
105
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
106
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
107
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
108
|
+
***************************************************************************** */
|
|
109
|
+
/* global Reflect, Promise */
|
|
110
|
+
var extendStatics = function (d, b) {
|
|
111
|
+
extendStatics = Object.setPrototypeOf ||
|
|
112
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
113
|
+
function (d, b) { for (var p in b)
|
|
114
|
+
if (Object.prototype.hasOwnProperty.call(b, p))
|
|
115
|
+
d[p] = b[p]; };
|
|
116
|
+
return extendStatics(d, b);
|
|
117
|
+
};
|
|
118
|
+
function __extends(d, b) {
|
|
119
|
+
if (typeof b !== "function" && b !== null)
|
|
120
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
121
|
+
extendStatics(d, b);
|
|
122
|
+
function __() { this.constructor = d; }
|
|
123
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
124
|
+
}
|
|
125
|
+
var __assign = function () {
|
|
126
|
+
__assign = Object.assign || function __assign(t) {
|
|
127
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
128
|
+
s = arguments[i];
|
|
129
|
+
for (var p in s)
|
|
130
|
+
if (Object.prototype.hasOwnProperty.call(s, p))
|
|
131
|
+
t[p] = s[p];
|
|
132
|
+
}
|
|
133
|
+
return t;
|
|
134
|
+
};
|
|
135
|
+
return __assign.apply(this, arguments);
|
|
136
|
+
};
|
|
137
|
+
function __rest(s, e) {
|
|
138
|
+
var t = {};
|
|
139
|
+
for (var p in s)
|
|
140
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
141
|
+
t[p] = s[p];
|
|
142
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
143
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
144
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
145
|
+
t[p[i]] = s[p[i]];
|
|
146
|
+
}
|
|
147
|
+
return t;
|
|
148
|
+
}
|
|
149
|
+
function __decorate(decorators, target, key, desc) {
|
|
150
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
151
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
152
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
153
|
+
else
|
|
154
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
155
|
+
if (d = decorators[i])
|
|
156
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
157
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
158
|
+
}
|
|
159
|
+
function __param(paramIndex, decorator) {
|
|
160
|
+
return function (target, key) { decorator(target, key, paramIndex); };
|
|
161
|
+
}
|
|
162
|
+
function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
163
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function")
|
|
164
|
+
throw new TypeError("Function expected"); return f; }
|
|
165
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
166
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
167
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
168
|
+
var _, done = false;
|
|
169
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
170
|
+
var context = {};
|
|
171
|
+
for (var p in contextIn)
|
|
172
|
+
context[p] = p === "access" ? {} : contextIn[p];
|
|
173
|
+
for (var p in contextIn.access)
|
|
174
|
+
context.access[p] = contextIn.access[p];
|
|
175
|
+
context.addInitializer = function (f) { if (done)
|
|
176
|
+
throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
177
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
178
|
+
if (kind === "accessor") {
|
|
179
|
+
if (result === void 0)
|
|
180
|
+
continue;
|
|
181
|
+
if (result === null || typeof result !== "object")
|
|
182
|
+
throw new TypeError("Object expected");
|
|
183
|
+
if (_ = accept(result.get))
|
|
184
|
+
descriptor.get = _;
|
|
185
|
+
if (_ = accept(result.set))
|
|
186
|
+
descriptor.set = _;
|
|
187
|
+
if (_ = accept(result.init))
|
|
188
|
+
initializers.push(_);
|
|
189
|
+
}
|
|
190
|
+
else if (_ = accept(result)) {
|
|
191
|
+
if (kind === "field")
|
|
192
|
+
initializers.push(_);
|
|
193
|
+
else
|
|
194
|
+
descriptor[key] = _;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
if (target)
|
|
198
|
+
Object.defineProperty(target, contextIn.name, descriptor);
|
|
199
|
+
done = true;
|
|
200
|
+
}
|
|
201
|
+
;
|
|
202
|
+
function __runInitializers(thisArg, initializers, value) {
|
|
203
|
+
var useValue = arguments.length > 2;
|
|
204
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
205
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
206
|
+
}
|
|
207
|
+
return useValue ? value : void 0;
|
|
208
|
+
}
|
|
209
|
+
;
|
|
210
|
+
function __propKey(x) {
|
|
211
|
+
return typeof x === "symbol" ? x : "".concat(x);
|
|
212
|
+
}
|
|
213
|
+
;
|
|
214
|
+
function __setFunctionName(f, name, prefix) {
|
|
215
|
+
if (typeof name === "symbol")
|
|
216
|
+
name = name.description ? "[".concat(name.description, "]") : "";
|
|
217
|
+
return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
|
|
218
|
+
}
|
|
219
|
+
;
|
|
220
|
+
function __metadata(metadataKey, metadataValue) {
|
|
221
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
222
|
+
return Reflect.metadata(metadataKey, metadataValue);
|
|
223
|
+
}
|
|
224
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
225
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
226
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
227
|
+
function fulfilled(value) { try {
|
|
228
|
+
step(generator.next(value));
|
|
229
|
+
}
|
|
230
|
+
catch (e) {
|
|
231
|
+
reject(e);
|
|
232
|
+
} }
|
|
233
|
+
function rejected(value) { try {
|
|
234
|
+
step(generator["throw"](value));
|
|
235
|
+
}
|
|
236
|
+
catch (e) {
|
|
237
|
+
reject(e);
|
|
238
|
+
} }
|
|
239
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
240
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
241
|
+
});
|
|
242
|
+
}
|
|
243
|
+
function __generator(thisArg, body) {
|
|
244
|
+
var _ = { label: 0, sent: function () { if (t[0] & 1)
|
|
245
|
+
throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
246
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
|
|
247
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
248
|
+
function step(op) {
|
|
249
|
+
if (f)
|
|
250
|
+
throw new TypeError("Generator is already executing.");
|
|
251
|
+
while (g && (g = 0, op[0] && (_ = 0)), _)
|
|
252
|
+
try {
|
|
253
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
|
|
254
|
+
return t;
|
|
255
|
+
if (y = 0, t)
|
|
256
|
+
op = [op[0] & 2, t.value];
|
|
257
|
+
switch (op[0]) {
|
|
258
|
+
case 0:
|
|
259
|
+
case 1:
|
|
260
|
+
t = op;
|
|
261
|
+
break;
|
|
262
|
+
case 4:
|
|
263
|
+
_.label++;
|
|
264
|
+
return { value: op[1], done: false };
|
|
265
|
+
case 5:
|
|
266
|
+
_.label++;
|
|
267
|
+
y = op[1];
|
|
268
|
+
op = [0];
|
|
269
|
+
continue;
|
|
270
|
+
case 7:
|
|
271
|
+
op = _.ops.pop();
|
|
272
|
+
_.trys.pop();
|
|
273
|
+
continue;
|
|
274
|
+
default:
|
|
275
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
276
|
+
_ = 0;
|
|
277
|
+
continue;
|
|
278
|
+
}
|
|
279
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
|
|
280
|
+
_.label = op[1];
|
|
281
|
+
break;
|
|
282
|
+
}
|
|
283
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
284
|
+
_.label = t[1];
|
|
285
|
+
t = op;
|
|
286
|
+
break;
|
|
287
|
+
}
|
|
288
|
+
if (t && _.label < t[2]) {
|
|
289
|
+
_.label = t[2];
|
|
290
|
+
_.ops.push(op);
|
|
291
|
+
break;
|
|
292
|
+
}
|
|
293
|
+
if (t[2])
|
|
294
|
+
_.ops.pop();
|
|
295
|
+
_.trys.pop();
|
|
296
|
+
continue;
|
|
297
|
+
}
|
|
298
|
+
op = body.call(thisArg, _);
|
|
299
|
+
}
|
|
300
|
+
catch (e) {
|
|
301
|
+
op = [6, e];
|
|
302
|
+
y = 0;
|
|
303
|
+
}
|
|
304
|
+
finally {
|
|
305
|
+
f = t = 0;
|
|
306
|
+
}
|
|
307
|
+
if (op[0] & 5)
|
|
308
|
+
throw op[1];
|
|
309
|
+
return { value: op[0] ? op[1] : void 0, done: true };
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
var __createBinding = Object.create ? (function (o, m, k, k2) {
|
|
313
|
+
if (k2 === undefined)
|
|
314
|
+
k2 = k;
|
|
315
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
316
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
317
|
+
desc = { enumerable: true, get: function () { return m[k]; } };
|
|
318
|
+
}
|
|
319
|
+
Object.defineProperty(o, k2, desc);
|
|
320
|
+
}) : (function (o, m, k, k2) {
|
|
321
|
+
if (k2 === undefined)
|
|
322
|
+
k2 = k;
|
|
323
|
+
o[k2] = m[k];
|
|
324
|
+
});
|
|
325
|
+
function __exportStar(m, o) {
|
|
326
|
+
for (var p in m)
|
|
327
|
+
if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
|
|
328
|
+
__createBinding(o, m, p);
|
|
329
|
+
}
|
|
330
|
+
function __values(o) {
|
|
331
|
+
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
332
|
+
if (m)
|
|
333
|
+
return m.call(o);
|
|
334
|
+
if (o && typeof o.length === "number")
|
|
335
|
+
return {
|
|
336
|
+
next: function () {
|
|
337
|
+
if (o && i >= o.length)
|
|
338
|
+
o = void 0;
|
|
339
|
+
return { value: o && o[i++], done: !o };
|
|
340
|
+
}
|
|
341
|
+
};
|
|
342
|
+
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
343
|
+
}
|
|
344
|
+
function __read(o, n) {
|
|
345
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
346
|
+
if (!m)
|
|
347
|
+
return o;
|
|
348
|
+
var i = m.call(o), r, ar = [], e;
|
|
349
|
+
try {
|
|
350
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
|
|
351
|
+
ar.push(r.value);
|
|
352
|
+
}
|
|
353
|
+
catch (error) {
|
|
354
|
+
e = { error: error };
|
|
355
|
+
}
|
|
356
|
+
finally {
|
|
357
|
+
try {
|
|
358
|
+
if (r && !r.done && (m = i["return"]))
|
|
359
|
+
m.call(i);
|
|
360
|
+
}
|
|
361
|
+
finally {
|
|
362
|
+
if (e)
|
|
363
|
+
throw e.error;
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
return ar;
|
|
367
|
+
}
|
|
368
|
+
/** @deprecated */
|
|
369
|
+
function __spread() {
|
|
370
|
+
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
371
|
+
ar = ar.concat(__read(arguments[i]));
|
|
372
|
+
return ar;
|
|
373
|
+
}
|
|
374
|
+
/** @deprecated */
|
|
375
|
+
function __spreadArrays() {
|
|
376
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
|
|
377
|
+
s += arguments[i].length;
|
|
378
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
379
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
380
|
+
r[k] = a[j];
|
|
381
|
+
return r;
|
|
382
|
+
}
|
|
383
|
+
function __spreadArray(to, from, pack) {
|
|
384
|
+
if (pack || arguments.length === 2)
|
|
385
|
+
for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
386
|
+
if (ar || !(i in from)) {
|
|
387
|
+
if (!ar)
|
|
388
|
+
ar = Array.prototype.slice.call(from, 0, i);
|
|
389
|
+
ar[i] = from[i];
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
393
|
+
}
|
|
394
|
+
function __await(v) {
|
|
395
|
+
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
396
|
+
}
|
|
397
|
+
function __asyncGenerator(thisArg, _arguments, generator) {
|
|
398
|
+
if (!Symbol.asyncIterator)
|
|
399
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
400
|
+
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
|
401
|
+
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
|
402
|
+
function verb(n) { if (g[n])
|
|
403
|
+
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
|
404
|
+
function resume(n, v) { try {
|
|
405
|
+
step(g[n](v));
|
|
406
|
+
}
|
|
407
|
+
catch (e) {
|
|
408
|
+
settle(q[0][3], e);
|
|
409
|
+
} }
|
|
410
|
+
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
|
411
|
+
function fulfill(value) { resume("next", value); }
|
|
412
|
+
function reject(value) { resume("throw", value); }
|
|
413
|
+
function settle(f, v) { if (f(v), q.shift(), q.length)
|
|
414
|
+
resume(q[0][0], q[0][1]); }
|
|
415
|
+
}
|
|
416
|
+
function __asyncDelegator(o) {
|
|
417
|
+
var i, p;
|
|
418
|
+
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
|
419
|
+
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
|
|
420
|
+
}
|
|
421
|
+
function __asyncValues(o) {
|
|
422
|
+
if (!Symbol.asyncIterator)
|
|
423
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
424
|
+
var m = o[Symbol.asyncIterator], i;
|
|
425
|
+
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
|
|
426
|
+
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
|
|
427
|
+
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
|
|
428
|
+
}
|
|
429
|
+
function __makeTemplateObject(cooked, raw) {
|
|
430
|
+
if (Object.defineProperty) {
|
|
431
|
+
Object.defineProperty(cooked, "raw", { value: raw });
|
|
432
|
+
}
|
|
433
|
+
else {
|
|
434
|
+
cooked.raw = raw;
|
|
435
|
+
}
|
|
436
|
+
return cooked;
|
|
437
|
+
}
|
|
438
|
+
;
|
|
439
|
+
var __setModuleDefault = Object.create ? (function (o, v) {
|
|
440
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
441
|
+
}) : function (o, v) {
|
|
442
|
+
o["default"] = v;
|
|
443
|
+
};
|
|
444
|
+
function __importStar(mod) {
|
|
445
|
+
if (mod && mod.__esModule)
|
|
446
|
+
return mod;
|
|
447
|
+
var result = {};
|
|
448
|
+
if (mod != null)
|
|
449
|
+
for (var k in mod)
|
|
450
|
+
if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
|
|
451
|
+
__createBinding(result, mod, k);
|
|
452
|
+
__setModuleDefault(result, mod);
|
|
453
|
+
return result;
|
|
454
|
+
}
|
|
455
|
+
function __importDefault(mod) {
|
|
456
|
+
return (mod && mod.__esModule) ? mod : { default: mod };
|
|
457
|
+
}
|
|
458
|
+
function __classPrivateFieldGet(receiver, state, kind, f) {
|
|
459
|
+
if (kind === "a" && !f)
|
|
460
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
461
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
462
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
463
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
464
|
+
}
|
|
465
|
+
function __classPrivateFieldSet(receiver, state, value, kind, f) {
|
|
466
|
+
if (kind === "m")
|
|
467
|
+
throw new TypeError("Private method is not writable");
|
|
468
|
+
if (kind === "a" && !f)
|
|
469
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
470
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
471
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
472
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
473
|
+
}
|
|
474
|
+
function __classPrivateFieldIn(state, receiver) {
|
|
475
|
+
if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
|
|
476
|
+
throw new TypeError("Cannot use 'in' operator on non-object");
|
|
477
|
+
return typeof state === "function" ? receiver === state : state.has(receiver);
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
var Breakpoint;
|
|
481
|
+
(function (Breakpoint) {
|
|
482
|
+
Breakpoint["MOBILE"] = "(min-width: 0px)";
|
|
483
|
+
Breakpoint["TABLET"] = "(min-width: 768px)";
|
|
484
|
+
Breakpoint["LAPTOP"] = "(min-width: 1080px)";
|
|
485
|
+
Breakpoint["DESKTOP"] = "(min-width: 1440px)";
|
|
486
|
+
})(Breakpoint || (Breakpoint = {}));
|
|
487
|
+
var BreakpointService = /** @class */ (function () {
|
|
488
|
+
function BreakpointService(breakpointObserver) {
|
|
489
|
+
var _this = this;
|
|
490
|
+
this.breakpointObserver = breakpointObserver;
|
|
491
|
+
this.currentSize = new rxjs.BehaviorSubject(Breakpoint.MOBILE);
|
|
492
|
+
this.breakpoints = [
|
|
493
|
+
Breakpoint.DESKTOP,
|
|
494
|
+
Breakpoint.LAPTOP,
|
|
495
|
+
Breakpoint.TABLET,
|
|
496
|
+
Breakpoint.MOBILE,
|
|
497
|
+
];
|
|
498
|
+
this.isDestroyed = new rxjs.Subject();
|
|
499
|
+
breakpointObserver
|
|
500
|
+
.observe(this.breakpoints)
|
|
501
|
+
.pipe(operators.takeUntil(this.isDestroyed))
|
|
502
|
+
.subscribe(function (result) {
|
|
503
|
+
var e_1, _a;
|
|
504
|
+
try {
|
|
505
|
+
for (var _b = __values(Object.keys(result.breakpoints)), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
506
|
+
var match = _c.value;
|
|
507
|
+
if (result.breakpoints[match]) {
|
|
508
|
+
return _this.currentSize.next(match);
|
|
509
|
+
}
|
|
510
|
+
}
|
|
511
|
+
}
|
|
512
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
513
|
+
finally {
|
|
514
|
+
try {
|
|
515
|
+
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
516
|
+
}
|
|
517
|
+
finally { if (e_1) throw e_1.error; }
|
|
518
|
+
}
|
|
519
|
+
});
|
|
520
|
+
}
|
|
521
|
+
BreakpointService.prototype.ngOnDestroy = function () {
|
|
522
|
+
this.isDestroyed.next();
|
|
523
|
+
this.isDestroyed.complete();
|
|
524
|
+
};
|
|
525
|
+
return BreakpointService;
|
|
526
|
+
}());
|
|
527
|
+
BreakpointService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BreakpointService, deps: [{ token: i1__namespace.BreakpointObserver }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
528
|
+
BreakpointService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BreakpointService, providedIn: 'root' });
|
|
529
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BreakpointService, decorators: [{
|
|
530
|
+
type: i0.Injectable,
|
|
531
|
+
args: [{
|
|
532
|
+
providedIn: 'root',
|
|
533
|
+
}]
|
|
534
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.BreakpointObserver }]; } });
|
|
535
|
+
|
|
536
|
+
var TokenService = /** @class */ (function () {
|
|
537
|
+
function TokenService(document) {
|
|
538
|
+
this.document = document;
|
|
539
|
+
this.brandCustomPropertyName = '--utility-brand-name';
|
|
540
|
+
}
|
|
541
|
+
/*
|
|
542
|
+
Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)
|
|
543
|
+
Because variables are scoped via a selector (ie: ':root .bloomon {}')
|
|
544
|
+
we cannot get brand-specific custom properties programatically
|
|
545
|
+
|
|
546
|
+
Important: Ensure that the component requiring the brand name has locally scoped the custom property:
|
|
547
|
+
| ui-icon {
|
|
548
|
+
| --icon-component-brand: var(--utility-brand-name);
|
|
549
|
+
| }
|
|
550
|
+
*/
|
|
551
|
+
TokenService.prototype.getBrandName = function () {
|
|
552
|
+
return this.getTokenValue(this.brandCustomPropertyName);
|
|
553
|
+
};
|
|
554
|
+
TokenService.prototype.getTokenValue = function (tokenName, element) {
|
|
555
|
+
var rootElement = element || this.document.querySelector('[class*="brand-tokens"]');
|
|
556
|
+
if (!rootElement) {
|
|
557
|
+
return '';
|
|
558
|
+
}
|
|
559
|
+
return this.document.defaultView.getComputedStyle(rootElement)
|
|
560
|
+
.getPropertyValue(tokenName)
|
|
561
|
+
.trim() || '';
|
|
562
|
+
};
|
|
563
|
+
return TokenService;
|
|
564
|
+
}());
|
|
565
|
+
TokenService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TokenService, deps: [{ token: i6.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
566
|
+
TokenService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TokenService });
|
|
567
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TokenService, decorators: [{
|
|
568
|
+
type: i0.Injectable
|
|
569
|
+
}], ctorParameters: function () {
|
|
570
|
+
return [{ type: Document, decorators: [{
|
|
571
|
+
type: i0.Inject,
|
|
572
|
+
args: [i6.DOCUMENT]
|
|
573
|
+
}] }];
|
|
574
|
+
} });
|
|
575
|
+
|
|
576
|
+
var LayoutBoxComponent = /** @class */ (function () {
|
|
577
|
+
function LayoutBoxComponent(changes, tokenService) {
|
|
578
|
+
this.changes = changes;
|
|
579
|
+
this.tokenService = tokenService;
|
|
580
|
+
this.didFirstInit = false;
|
|
581
|
+
this.prefix = 'ui-layout-box';
|
|
582
|
+
this.backgroundIsDark = false;
|
|
583
|
+
this.box_space = 'default';
|
|
584
|
+
this.box_align_x = 'start';
|
|
585
|
+
this.box_align_y = 'start';
|
|
586
|
+
this.box_fill_mode = 'fill';
|
|
587
|
+
this.box_background = 'core-primary';
|
|
588
|
+
this.box_content_fill_width = false;
|
|
589
|
+
}
|
|
590
|
+
/**
|
|
591
|
+
* Check the passed string to see if it contains JSON
|
|
592
|
+
*
|
|
593
|
+
* @param string
|
|
594
|
+
* @returns - boolean
|
|
595
|
+
*/
|
|
596
|
+
LayoutBoxComponent.prototype.stringContainsJson = function (string) {
|
|
597
|
+
try {
|
|
598
|
+
JSON.parse(string);
|
|
599
|
+
}
|
|
600
|
+
catch (e) {
|
|
601
|
+
return false;
|
|
602
|
+
}
|
|
603
|
+
return true;
|
|
604
|
+
};
|
|
605
|
+
LayoutBoxComponent.prototype.getSizeClasses = function (spaceInput, overrideName) {
|
|
606
|
+
var _this = this;
|
|
607
|
+
if (!spaceInput || spaceInput === undefined) {
|
|
608
|
+
return null;
|
|
609
|
+
}
|
|
610
|
+
// Used for responsive spacing, check if the input is either an object or JSON
|
|
611
|
+
if (typeof spaceInput === 'object' || this.stringContainsJson(spaceInput)) {
|
|
612
|
+
// If JSON then convert this to an object
|
|
613
|
+
var spaceInputObject_1 = typeof spaceInput === 'object' ? spaceInput : JSON.parse(spaceInput);
|
|
614
|
+
return Object.keys(spaceInputObject_1).map(function (key) {
|
|
615
|
+
return _this.prefix + "-" + spaceInputObject_1[key] + "-" + key + (overrideName ? "-" + overrideName : "");
|
|
616
|
+
});
|
|
617
|
+
}
|
|
618
|
+
return [
|
|
619
|
+
this.prefix,
|
|
620
|
+
this.prefix + "-" + spaceInput + (overrideName ? "-" + overrideName : "")
|
|
621
|
+
];
|
|
622
|
+
};
|
|
623
|
+
LayoutBoxComponent.prototype.getOverrideClasses = function (spaceOverrides) {
|
|
624
|
+
var _this = this;
|
|
625
|
+
var spaceTypes = ['top', 'right', 'bottom', 'left'];
|
|
626
|
+
return spaceOverrides.map(function (item, index) {
|
|
627
|
+
return _this.getSizeClasses(item, spaceTypes[index]);
|
|
628
|
+
}).filter(Boolean);
|
|
629
|
+
};
|
|
630
|
+
LayoutBoxComponent.prototype.getAlignmentClasses = function (alignmentOverride) {
|
|
631
|
+
var _this = this;
|
|
632
|
+
var spaceTypes = ['align-x', 'distribute-y'];
|
|
633
|
+
return alignmentOverride.map(function (item, index) {
|
|
634
|
+
return item ? _this.prefix + "-" + spaceTypes[index] + "-" + item : undefined;
|
|
635
|
+
}).filter(Boolean);
|
|
636
|
+
};
|
|
637
|
+
LayoutBoxComponent.prototype.getBackgroundClass = function () {
|
|
638
|
+
var value = this.box_background ? this.prefix + "-background-" + this.box_background : "";
|
|
639
|
+
return value;
|
|
640
|
+
};
|
|
641
|
+
LayoutBoxComponent.prototype.ngOnChanges = function () {
|
|
642
|
+
if (!this.didFirstInit) {
|
|
643
|
+
return;
|
|
644
|
+
}
|
|
645
|
+
this.ngOnInit();
|
|
646
|
+
this.changes.markForCheck();
|
|
647
|
+
};
|
|
648
|
+
LayoutBoxComponent.prototype.ngOnInit = function () {
|
|
649
|
+
var spaceOverrides = [this.box_space_top, this.box_space_right, this.box_space_bottom, this.box_space_left];
|
|
650
|
+
var alignmentOverride = [this.box_align_x, this.box_align_y];
|
|
651
|
+
this.backgroundIsDark = this.tokenService.getTokenValue("--semantic-on-dark-" + this.box_background) === 'on-dark';
|
|
652
|
+
// Basic basic classes
|
|
653
|
+
this.boxLayoutClasses = [
|
|
654
|
+
this.getSizeClasses(this.box_space),
|
|
655
|
+
this.getOverrideClasses(spaceOverrides),
|
|
656
|
+
this.getAlignmentClasses(alignmentOverride),
|
|
657
|
+
this.getBackgroundClass(),
|
|
658
|
+
this.box_fill_mode === 'fit' ? this.prefix + "-fit-content" : this.prefix + "-fill-container",
|
|
659
|
+
this.backgroundIsDark ? 'text-color--on-dark' : '',
|
|
660
|
+
this.box_content_fill_width ? '' : this.prefix + "-content-max-width"
|
|
661
|
+
].flat(10).filter(Boolean);
|
|
662
|
+
this.didFirstInit = true;
|
|
663
|
+
};
|
|
664
|
+
return LayoutBoxComponent;
|
|
665
|
+
}());
|
|
666
|
+
LayoutBoxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutBoxComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
667
|
+
LayoutBoxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LayoutBoxComponent, selector: "ui-box", inputs: { box_space: "box_space", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width" }, host: { properties: { "class": "boxLayoutClasses" } }, usesOnChanges: true, ngImport: i0__namespace, template: '<div class="ui-box-content"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box-none{padding:var(--semantic-spacing-box-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-none-tablet{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--semantic-spacing-box-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-tight{padding:var(--semantic-spacing-box-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tight-tablet{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--semantic-spacing-box-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-near{padding:var(--semantic-spacing-box-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-near-tablet{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--semantic-spacing-box-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-default{padding:var(--semantic-spacing-box-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-default-tablet{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--semantic-spacing-box-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-expanded{padding:var(--semantic-spacing-box-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-expanded-tablet{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-section-inset{padding:var(--semantic-spacing-box-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-background-transparent{background-color:var(--semantic-color-background-transparent)}ui-box.ui-layout-box-background-core-primary{background-color:var(--semantic-color-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{background-color:var(--semantic-color-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{background-color:var(--semantic-color-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{background-color:var(--semantic-color-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{background-color:var(--semantic-color-background-tint-highlight)}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:-moz-fit-content;width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--box-content-max-size: calc(1440px - calc(var(--semantic-spacing-container-gutter-size-large) * 2));max-width:var(--box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
668
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutBoxComponent, decorators: [{
|
|
669
|
+
type: i0.Component,
|
|
670
|
+
args: [{
|
|
671
|
+
selector: 'ui-box',
|
|
672
|
+
template: '<div class="ui-box-content"><ng-content></ng-content></div>',
|
|
673
|
+
host: {
|
|
674
|
+
'[class]': 'boxLayoutClasses'
|
|
675
|
+
},
|
|
676
|
+
styleUrls: ['./box.component.scss'],
|
|
677
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
678
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
679
|
+
}]
|
|
680
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: TokenService }]; }, propDecorators: { box_space: [{
|
|
681
|
+
type: i0.Input
|
|
682
|
+
}], box_space_top: [{
|
|
683
|
+
type: i0.Input
|
|
684
|
+
}], box_space_right: [{
|
|
685
|
+
type: i0.Input
|
|
686
|
+
}], box_space_bottom: [{
|
|
687
|
+
type: i0.Input
|
|
688
|
+
}], box_space_left: [{
|
|
689
|
+
type: i0.Input
|
|
690
|
+
}], box_align_x: [{
|
|
691
|
+
type: i0.Input
|
|
692
|
+
}], box_align_y: [{
|
|
693
|
+
type: i0.Input
|
|
694
|
+
}], box_fill_mode: [{
|
|
695
|
+
type: i0.Input
|
|
696
|
+
}], box_background: [{
|
|
697
|
+
type: i0.Input
|
|
698
|
+
}], box_content_fill_width: [{
|
|
699
|
+
type: i0.Input
|
|
700
|
+
}] } });
|
|
701
|
+
|
|
702
|
+
var LayoutStackComponent = /** @class */ (function () {
|
|
703
|
+
function LayoutStackComponent(changes) {
|
|
704
|
+
this.changes = changes;
|
|
705
|
+
this.didFirstInit = false;
|
|
706
|
+
this.prefix = 'ui-layout-stack';
|
|
707
|
+
this.stack_gap = 'default';
|
|
708
|
+
this.stack_align = 'start';
|
|
709
|
+
this.stack_direction = 'y';
|
|
710
|
+
this.stack_distribute = 'start';
|
|
711
|
+
this.stack_wrap = false;
|
|
712
|
+
this.stack_collapse_below = 'none';
|
|
713
|
+
}
|
|
714
|
+
LayoutStackComponent.prototype.defaultDistribution = function () {
|
|
715
|
+
if (this.stack_distribute) {
|
|
716
|
+
return this.stack_distribute;
|
|
717
|
+
}
|
|
718
|
+
return this.stack_direction === 'x' ? 'fit' : 'fill';
|
|
719
|
+
};
|
|
720
|
+
LayoutStackComponent.prototype.ngOnChanges = function () {
|
|
721
|
+
if (!this.didFirstInit) {
|
|
722
|
+
return;
|
|
723
|
+
}
|
|
724
|
+
this.ngOnInit();
|
|
725
|
+
this.changes.markForCheck();
|
|
726
|
+
};
|
|
727
|
+
LayoutStackComponent.prototype.ngOnInit = function () {
|
|
728
|
+
this.stack_distribute = this.defaultDistribution();
|
|
729
|
+
this.stackLayoutClasses = [
|
|
730
|
+
this.prefix,
|
|
731
|
+
this.prefix + "-" + this.stack_gap,
|
|
732
|
+
this.prefix + "-align-" + this.stack_align,
|
|
733
|
+
this.prefix + "-distribute-" + this.stack_distribute,
|
|
734
|
+
this.prefix + "-direction-" + this.stack_direction,
|
|
735
|
+
this.prefix + "-" + (this.stack_wrap ? 'wrap' : 'no-wrap'),
|
|
736
|
+
this.prefix + "-collapse-below-" + this.stack_collapse_below
|
|
737
|
+
];
|
|
738
|
+
this.didFirstInit = true;
|
|
739
|
+
};
|
|
740
|
+
return LayoutStackComponent;
|
|
741
|
+
}());
|
|
742
|
+
LayoutStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutStackComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
743
|
+
LayoutStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LayoutStackComponent, selector: "ui-stack", inputs: { stack_gap: "stack_gap", stack_align: "stack_align", stack_direction: "stack_direction", stack_distribute: "stack_distribute", stack_wrap: "stack_wrap", stack_collapse_below: "stack_collapse_below" }, host: { properties: { "class": "stackLayoutClasses" } }, usesOnChanges: true, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{grid-gap:var(--semantic-spacing-stack-none);gap:var(--semantic-spacing-stack-none)}.ui-layout-stack-tight{grid-gap:var(--semantic-spacing-stack-tight);gap:var(--semantic-spacing-stack-tight)}.ui-layout-stack-near{grid-gap:var(--semantic-spacing-stack-near);gap:var(--semantic-spacing-stack-near)}.ui-layout-stack-default{grid-gap:var(--semantic-spacing-stack-default);gap:var(--semantic-spacing-stack-default)}.ui-layout-stack-expanded{grid-gap:var(--semantic-spacing-stack-expanded);gap:var(--semantic-spacing-stack-expanded)}.ui-layout-stack-section{grid-gap:var(--semantic-spacing-stack-section);gap:var(--semantic-spacing-stack-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}}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
744
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutStackComponent, decorators: [{
|
|
745
|
+
type: i0.Component,
|
|
746
|
+
args: [{
|
|
747
|
+
selector: 'ui-stack',
|
|
748
|
+
template: '<ng-content></ng-content>',
|
|
749
|
+
host: {
|
|
750
|
+
'[class]': 'stackLayoutClasses'
|
|
751
|
+
},
|
|
752
|
+
styleUrls: ['./stack.component.scss'],
|
|
753
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
754
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
755
|
+
}]
|
|
756
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { stack_gap: [{
|
|
757
|
+
type: i0.Input
|
|
758
|
+
}], stack_align: [{
|
|
759
|
+
type: i0.Input
|
|
760
|
+
}], stack_direction: [{
|
|
761
|
+
type: i0.Input
|
|
762
|
+
}], stack_distribute: [{
|
|
763
|
+
type: i0.Input
|
|
764
|
+
}], stack_wrap: [{
|
|
765
|
+
type: i0.Input
|
|
766
|
+
}], stack_collapse_below: [{
|
|
767
|
+
type: i0.Input
|
|
768
|
+
}] } });
|
|
769
|
+
|
|
770
|
+
var IconComponent = /** @class */ (function () {
|
|
771
|
+
function IconComponent(document, tokenService) {
|
|
772
|
+
this.document = document;
|
|
773
|
+
this.tokenService = tokenService;
|
|
774
|
+
this.icon_size = 'large';
|
|
775
|
+
this.icon_context = 'none';
|
|
776
|
+
}
|
|
777
|
+
IconComponent.prototype.convertRemToPixels = function (remString) {
|
|
778
|
+
var remNumber = parseFloat(remString.replace('rem', ''));
|
|
779
|
+
return remNumber * parseFloat(getComputedStyle(this.document.documentElement).fontSize);
|
|
780
|
+
};
|
|
781
|
+
IconComponent.prototype.ngOnChanges = function () {
|
|
782
|
+
this.ngOnInit();
|
|
783
|
+
};
|
|
784
|
+
IconComponent.prototype.ngOnInit = function () {
|
|
785
|
+
this.iconBrandPath = "" + this.tokenService.getBrandName();
|
|
786
|
+
this.size = this.tokenService.getTokenValue("--global-size-icon-" + this.icon_size);
|
|
787
|
+
this.iconDisplayClasses = [
|
|
788
|
+
"icon-context-" + this.icon_context,
|
|
789
|
+
"icon-size-" + this.icon_size
|
|
790
|
+
];
|
|
791
|
+
var sizeInPixels = this.convertRemToPixels(this.size);
|
|
792
|
+
this.icon_width = sizeInPixels;
|
|
793
|
+
this.icon_height = sizeInPixels;
|
|
794
|
+
};
|
|
795
|
+
return IconComponent;
|
|
796
|
+
}());
|
|
797
|
+
IconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: IconComponent, deps: [{ token: i6.DOCUMENT }, { token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
798
|
+
IconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IconComponent, selector: "ui-icon", inputs: { icon_size: "icon_size", icon_name: "icon_name", icon_context: "icon_context", icon_width: "icon_width", icon_height: "icon_height", icon_class: "icon_class" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" [attr.width]=\"icon_width\" [attr.height]=\"icon_height\" [attr.class]=\"icon_class\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{icon_name}}\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}\n"], directives: [{ type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
799
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: IconComponent, decorators: [{
|
|
800
|
+
type: i0.Component,
|
|
801
|
+
args: [{
|
|
802
|
+
selector: 'ui-icon',
|
|
803
|
+
templateUrl: './icon.component.html',
|
|
804
|
+
styleUrls: ['./icon.component.scss'],
|
|
805
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
806
|
+
}]
|
|
807
|
+
}], ctorParameters: function () {
|
|
808
|
+
return [{ type: Document, decorators: [{
|
|
809
|
+
type: i0.Inject,
|
|
810
|
+
args: [i6.DOCUMENT]
|
|
811
|
+
}] }, { type: TokenService }];
|
|
812
|
+
}, propDecorators: { icon_size: [{
|
|
813
|
+
type: i0.Input
|
|
814
|
+
}], icon_name: [{
|
|
815
|
+
type: i0.Input
|
|
816
|
+
}], icon_context: [{
|
|
817
|
+
type: i0.Input
|
|
818
|
+
}], icon_width: [{
|
|
819
|
+
type: i0.Input
|
|
820
|
+
}], icon_height: [{
|
|
821
|
+
type: i0.Input
|
|
822
|
+
}], icon_class: [{
|
|
823
|
+
type: i0.Input
|
|
824
|
+
}] } });
|
|
825
|
+
|
|
826
|
+
var ROUTING_HANDLER = new i0.InjectionToken('ROUTING_HANDLER');
|
|
827
|
+
|
|
828
|
+
var OasysHrefDirective = /** @class */ (function () {
|
|
829
|
+
function OasysHrefDirective(el, routingHandler) {
|
|
830
|
+
this.routingHandler = routingHandler;
|
|
831
|
+
this.element = el;
|
|
832
|
+
}
|
|
833
|
+
OasysHrefDirective.prototype.onClick = function (event) {
|
|
834
|
+
this.routingHandler.handleRoutingOnClick(this.element.nativeElement, event);
|
|
835
|
+
};
|
|
836
|
+
OasysHrefDirective.prototype.ngAfterViewInit = function () {
|
|
837
|
+
this.routingHandler.handleHrefDomains(this.element.nativeElement);
|
|
838
|
+
};
|
|
839
|
+
return OasysHrefDirective;
|
|
840
|
+
}());
|
|
841
|
+
OasysHrefDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHrefDirective, deps: [{ token: i0__namespace.ElementRef }, { token: ROUTING_HANDLER }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
842
|
+
OasysHrefDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0__namespace });
|
|
843
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHrefDirective, decorators: [{
|
|
844
|
+
type: i0.Directive,
|
|
845
|
+
args: [{
|
|
846
|
+
selector: 'a, uiHref, [uiHref]'
|
|
847
|
+
}]
|
|
848
|
+
}], ctorParameters: function () {
|
|
849
|
+
return [{ type: i0__namespace.ElementRef }, { type: undefined, decorators: [{
|
|
850
|
+
type: i0.Inject,
|
|
851
|
+
args: [ROUTING_HANDLER]
|
|
852
|
+
}] }];
|
|
853
|
+
}, propDecorators: { onClick: [{
|
|
854
|
+
type: i0.HostListener,
|
|
855
|
+
args: ['click', ['$event']]
|
|
856
|
+
}] } });
|
|
857
|
+
;
|
|
858
|
+
|
|
859
|
+
var OasysButtonComponent = /** @class */ (function () {
|
|
860
|
+
function OasysButtonComponent(changes) {
|
|
861
|
+
this.changes = changes;
|
|
862
|
+
this.button_icon_placement = 'leading';
|
|
863
|
+
// Button Stylings
|
|
864
|
+
this.button_size = 'large';
|
|
865
|
+
this.button_full_width = false;
|
|
866
|
+
this.button_type = 'primary';
|
|
867
|
+
this.button_disabled = false;
|
|
868
|
+
this.button_text_nowrap = false;
|
|
869
|
+
this.clicked = new i0.EventEmitter();
|
|
870
|
+
this.iconContext = 'none';
|
|
871
|
+
this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
|
|
872
|
+
}
|
|
873
|
+
OasysButtonComponent.prototype.onClick = function () {
|
|
874
|
+
this.clicked.emit();
|
|
875
|
+
};
|
|
876
|
+
OasysButtonComponent.prototype.createButton = function () {
|
|
877
|
+
return {
|
|
878
|
+
buttonIcon: this.button_icon,
|
|
879
|
+
buttonIconPlacement: this.button_icon_placement,
|
|
880
|
+
buttonType: this.button_type,
|
|
881
|
+
buttonSize: this.button_size,
|
|
882
|
+
buttonDisabled: this.button_disabled,
|
|
883
|
+
href: this.href,
|
|
884
|
+
target: '',
|
|
885
|
+
buttonDisplayClasses: [
|
|
886
|
+
"type-" + this.button_type,
|
|
887
|
+
"size-" + this.button_size,
|
|
888
|
+
"" + (this.button_icon ? 'button--has-icon' : ''),
|
|
889
|
+
"" + (this.button_text_nowrap ? 'button--nowrap' : ''),
|
|
890
|
+
"" + (this.button_full_width ? 'button--full-width' : ''),
|
|
891
|
+
"" + (this.button_icon ? 'button--icon--' + this.button_icon_placement : ''),
|
|
892
|
+
"" + (this.outlineButtonTypes.indexOf(this.button_type) !== -1 ? 'button--outline' : '')
|
|
893
|
+
].filter(function (d) { return !!d; })
|
|
894
|
+
};
|
|
895
|
+
};
|
|
896
|
+
OasysButtonComponent.prototype.ngAfterViewInit = function () {
|
|
897
|
+
var _a, _b;
|
|
898
|
+
if ((_b = (_a = this.ngContent) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.innerText) {
|
|
899
|
+
this.accessibleButtonContent = this.ngContent.nativeElement.innerText;
|
|
900
|
+
}
|
|
901
|
+
else {
|
|
902
|
+
throw new Error("\n No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.\n\n Pass content using the template variable #buttontext eg:\n ui-button()\n span(#buttontext) Buy All The Things\n ");
|
|
903
|
+
}
|
|
904
|
+
};
|
|
905
|
+
OasysButtonComponent.prototype.ngOnChanges = function () {
|
|
906
|
+
this.button = this.createButton();
|
|
907
|
+
this.changes.markForCheck();
|
|
908
|
+
};
|
|
909
|
+
OasysButtonComponent.prototype.ngOnInit = function () {
|
|
910
|
+
this.button = this.createButton();
|
|
911
|
+
};
|
|
912
|
+
return OasysButtonComponent;
|
|
913
|
+
}());
|
|
914
|
+
OasysButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
915
|
+
OasysButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_full_width: "button_full_width", button_type: "button_type", button_disabled: "button_disabled", button_text_nowrap: "button_text_nowrap", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n <ng-content></ng-content>\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=\"!button.href\" \n (click)=\"onClick()\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n role=\"button\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a \n *ngIf=\"button.href\"\n [href]=\"button.href\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n [ngClass]=\"button.buttonDisplayClasses\">\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(--component-button-border-width);border-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;grid-gap:var(--component-button-content-stack);gap:var(--component-button-content-stack);min-height:var(--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(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--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;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible,ui-button a:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus,ui-button a:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus,ui-button a:focus{outline:none}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-inset-y) var(--component-button-size-large-inset-x);font-size:var(--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(--component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-inset-y) var(--component-button-size-small-inset-x);font-size:var(--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(--component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--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}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
916
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonComponent, decorators: [{
|
|
917
|
+
type: i0.Component,
|
|
918
|
+
args: [{
|
|
919
|
+
selector: 'ui-button',
|
|
920
|
+
templateUrl: './button.component.html',
|
|
921
|
+
styleUrls: ['./button.component.scss'],
|
|
922
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
923
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
924
|
+
}]
|
|
925
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { button_icon: [{
|
|
926
|
+
type: i0.Input
|
|
927
|
+
}], button_icon_placement: [{
|
|
928
|
+
type: i0.Input
|
|
929
|
+
}], ngContent: [{
|
|
930
|
+
type: i0.ContentChild,
|
|
931
|
+
args: ['buttontext']
|
|
932
|
+
}], button_size: [{
|
|
933
|
+
type: i0.Input
|
|
934
|
+
}], button_full_width: [{
|
|
935
|
+
type: i0.Input
|
|
936
|
+
}], button_type: [{
|
|
937
|
+
type: i0.Input
|
|
938
|
+
}], button_disabled: [{
|
|
939
|
+
type: i0.Input
|
|
940
|
+
}], button_text_nowrap: [{
|
|
941
|
+
type: i0.Input
|
|
942
|
+
}], href: [{
|
|
943
|
+
type: i0.Input
|
|
944
|
+
}], clicked: [{
|
|
945
|
+
type: i0.Output
|
|
946
|
+
}] } });
|
|
947
|
+
|
|
948
|
+
var OasysAlertComponent = /** @class */ (function () {
|
|
949
|
+
function OasysAlertComponent(breakpointService) {
|
|
950
|
+
this.breakpointService = breakpointService;
|
|
951
|
+
this.direction = 'dynamic';
|
|
952
|
+
this.tone = 'neutral';
|
|
953
|
+
this.cancel = new i0.EventEmitter();
|
|
954
|
+
this.confirm = new i0.EventEmitter();
|
|
955
|
+
}
|
|
956
|
+
Object.defineProperty(OasysAlertComponent.prototype, "isVertical", {
|
|
957
|
+
get: function () {
|
|
958
|
+
switch (this.direction) {
|
|
959
|
+
case 'vertical':
|
|
960
|
+
return true;
|
|
961
|
+
case 'horizontal':
|
|
962
|
+
return false;
|
|
963
|
+
default:
|
|
964
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE;
|
|
965
|
+
}
|
|
966
|
+
},
|
|
967
|
+
enumerable: false,
|
|
968
|
+
configurable: true
|
|
969
|
+
});
|
|
970
|
+
OasysAlertComponent.prototype.cancelled = function () {
|
|
971
|
+
this.cancel.emit();
|
|
972
|
+
};
|
|
973
|
+
OasysAlertComponent.prototype.confirmed = function () {
|
|
974
|
+
this.confirm.emit();
|
|
975
|
+
};
|
|
976
|
+
return OasysAlertComponent;
|
|
977
|
+
}());
|
|
978
|
+
OasysAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertComponent, deps: [{ token: BreakpointService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
979
|
+
OasysAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0__namespace, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"true\"\n (clicked)=\"cancelled()\"\n >\n <span #buttontext>\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </span>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n button_text_nowrap=\"true\"\n (clicked)=\"confirmed()\"\n >\n <span #buttontext>\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </span>\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(--component-alert-background-neutral)}.ui-alert.negative{background-color:var(--component-alert-background-negative)}.ui-alert.positive{background-color:var(--component-alert-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--global-color-black);background-color:var(--component-alert-badge-neutral)}.ui-alert .badge.negative{color:var(--global-color-white);background-color:var(--component-alert-badge-negative)}.ui-alert .badge.positive{color:var(--global-color-white);background-color:var(--component-alert-badge-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{grid-gap:4px;gap:4px}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }, { type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }], directives: [{ type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
980
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertComponent, decorators: [{
|
|
981
|
+
type: i0.Component,
|
|
982
|
+
args: [{
|
|
983
|
+
selector: 'ui-alert',
|
|
984
|
+
templateUrl: './alert.component.html',
|
|
985
|
+
styleUrls: ['./alert.component.scss'],
|
|
986
|
+
}]
|
|
987
|
+
}], ctorParameters: function () { return [{ type: BreakpointService }]; }, propDecorators: { direction: [{
|
|
988
|
+
type: i0.Input
|
|
989
|
+
}], tone: [{
|
|
990
|
+
type: i0.Input
|
|
991
|
+
}], cancel: [{
|
|
992
|
+
type: i0.Output
|
|
993
|
+
}], confirm: [{
|
|
994
|
+
type: i0.Output
|
|
995
|
+
}], cancelButton: [{
|
|
996
|
+
type: i0.ContentChild,
|
|
997
|
+
args: [OasysAlertCancelDirective]
|
|
998
|
+
}], confirmButton: [{
|
|
999
|
+
type: i0.ContentChild,
|
|
1000
|
+
args: [OasysAlertConfirmDirective]
|
|
1001
|
+
}] } });
|
|
1002
|
+
|
|
1003
|
+
var HrefService = /** @class */ (function () {
|
|
1004
|
+
function HrefService() {
|
|
1005
|
+
}
|
|
1006
|
+
HrefService.prototype.handleRoutingOnClick = function () {
|
|
1007
|
+
// throw new Error('handleRoutingOnClick has not been implemented');
|
|
1008
|
+
};
|
|
1009
|
+
HrefService.prototype.handleHrefDomains = function () {
|
|
1010
|
+
// throw new Error('handleHrefDomains has not been implemented');
|
|
1011
|
+
};
|
|
1012
|
+
return HrefService;
|
|
1013
|
+
}());
|
|
1014
|
+
HrefService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HrefService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1015
|
+
HrefService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HrefService, providedIn: 'root' });
|
|
1016
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HrefService, decorators: [{
|
|
1017
|
+
type: i0.Injectable,
|
|
1018
|
+
args: [{ providedIn: 'root' }]
|
|
1019
|
+
}] });
|
|
1020
|
+
|
|
1021
|
+
var OasysDirectivesModule = /** @class */ (function () {
|
|
1022
|
+
function OasysDirectivesModule() {
|
|
1023
|
+
}
|
|
1024
|
+
return OasysDirectivesModule;
|
|
1025
|
+
}());
|
|
1026
|
+
OasysDirectivesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDirectivesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1027
|
+
OasysDirectivesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDirectivesModule, declarations: [OasysHrefDirective], imports: [i6.CommonModule, router.RouterModule], exports: [OasysHrefDirective] });
|
|
1028
|
+
OasysDirectivesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDirectivesModule, providers: [{ provide: ROUTING_HANDLER, useClass: HrefService }], imports: [[i6.CommonModule, router.RouterModule]] });
|
|
1029
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDirectivesModule, decorators: [{
|
|
1030
|
+
type: i0.NgModule,
|
|
1031
|
+
args: [{
|
|
1032
|
+
declarations: [OasysHrefDirective],
|
|
1033
|
+
imports: [i6.CommonModule, router.RouterModule],
|
|
1034
|
+
exports: [OasysHrefDirective],
|
|
1035
|
+
providers: [{ provide: ROUTING_HANDLER, useClass: HrefService }],
|
|
1036
|
+
}]
|
|
1037
|
+
}] });
|
|
1038
|
+
|
|
1039
|
+
var OasysIconModule = /** @class */ (function () {
|
|
1040
|
+
function OasysIconModule() {
|
|
1041
|
+
}
|
|
1042
|
+
return OasysIconModule;
|
|
1043
|
+
}());
|
|
1044
|
+
OasysIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1045
|
+
OasysIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysIconModule, declarations: [IconComponent], imports: [i6.CommonModule, OasysDirectivesModule], exports: [IconComponent] });
|
|
1046
|
+
OasysIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysIconModule, providers: [TokenService], imports: [[i6.CommonModule, OasysDirectivesModule]] });
|
|
1047
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysIconModule, decorators: [{
|
|
1048
|
+
type: i0.NgModule,
|
|
1049
|
+
args: [{
|
|
1050
|
+
declarations: [IconComponent],
|
|
1051
|
+
imports: [i6.CommonModule, OasysDirectivesModule],
|
|
1052
|
+
exports: [IconComponent],
|
|
1053
|
+
providers: [TokenService],
|
|
1054
|
+
}]
|
|
1055
|
+
}] });
|
|
1056
|
+
|
|
1057
|
+
var OasysButtonModule = /** @class */ (function () {
|
|
1058
|
+
function OasysButtonModule() {
|
|
1059
|
+
}
|
|
1060
|
+
return OasysButtonModule;
|
|
1061
|
+
}());
|
|
1062
|
+
OasysButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1063
|
+
OasysButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonModule, declarations: [OasysButtonComponent], imports: [i6.CommonModule, router.RouterModule, OasysIconModule, OasysDirectivesModule], exports: [OasysButtonComponent] });
|
|
1064
|
+
OasysButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonModule, imports: [[i6.CommonModule, router.RouterModule, OasysIconModule, OasysDirectivesModule]] });
|
|
1065
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonModule, decorators: [{
|
|
1066
|
+
type: i0.NgModule,
|
|
1067
|
+
args: [{
|
|
1068
|
+
declarations: [OasysButtonComponent],
|
|
1069
|
+
imports: [i6.CommonModule, router.RouterModule, OasysIconModule, OasysDirectivesModule],
|
|
1070
|
+
exports: [OasysButtonComponent],
|
|
1071
|
+
}]
|
|
1072
|
+
}] });
|
|
1073
|
+
|
|
1074
|
+
var LayoutContainerComponent = /** @class */ (function () {
|
|
1075
|
+
function LayoutContainerComponent(changes) {
|
|
1076
|
+
this.changes = changes;
|
|
1077
|
+
this.container_fluid = false;
|
|
1078
|
+
this.container_gutter = true;
|
|
1079
|
+
this.prefix = 'ui-layout-container';
|
|
1080
|
+
}
|
|
1081
|
+
LayoutContainerComponent.prototype.ngOnChanges = function () {
|
|
1082
|
+
this.ngOnInit();
|
|
1083
|
+
this.changes.markForCheck();
|
|
1084
|
+
};
|
|
1085
|
+
LayoutContainerComponent.prototype.ngOnInit = function () {
|
|
1086
|
+
this.containerLayoutClasses = [
|
|
1087
|
+
this.prefix,
|
|
1088
|
+
this.container_fluid ? this.prefix + "-fluid" : '',
|
|
1089
|
+
this.container_gutter === true || this.container_gutter === 'true' ? '' : this.prefix + "-no-gutter"
|
|
1090
|
+
].flat(10).filter(Boolean);
|
|
1091
|
+
};
|
|
1092
|
+
return LayoutContainerComponent;
|
|
1093
|
+
}());
|
|
1094
|
+
LayoutContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutContainerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1095
|
+
LayoutContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LayoutContainerComponent, selector: "ui-container", inputs: { container_fluid: "container_fluid", container_gutter: "container_gutter" }, host: { properties: { "class": "containerLayoutClasses" } }, usesOnChanges: true, ngImport: i0__namespace, template: "\n <ng-content></ng-content>\n ", isInline: true, styles: [":host{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small);display:block;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--container-component-gutter-size)}@media only screen and (max-width: 767px){:host{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small)}}@media only screen and (min-width: 768px){:host{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small)}}@media only screen and (min-width: 1080px){:host{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-large)}}@media only screen and (min-width: 1440px){:host{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-large)}}@media only screen and (max-width: 767px){:host{max-width:100%}}@media only screen and (min-width: 768px){:host{max-width:767px}}@media only screen and (min-width: 1080px){:host{max-width:1080px}}@media only screen and (min-width: 1440px){:host{max-width:1440px}}:host.ui-layout-container-no-gutter{padding:0}:host.ui-layout-container-fluid{max-width:100%}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1096
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutContainerComponent, decorators: [{
|
|
1097
|
+
type: i0.Component,
|
|
1098
|
+
args: [{
|
|
1099
|
+
selector: 'ui-container',
|
|
1100
|
+
template: "\n <ng-content></ng-content>\n ",
|
|
1101
|
+
host: {
|
|
1102
|
+
'[class]': 'containerLayoutClasses'
|
|
1103
|
+
},
|
|
1104
|
+
styleUrls: ['./container.component.scss'],
|
|
1105
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1106
|
+
}]
|
|
1107
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { container_fluid: [{
|
|
1108
|
+
type: i0.Input
|
|
1109
|
+
}], container_gutter: [{
|
|
1110
|
+
type: i0.Input
|
|
1111
|
+
}] } });
|
|
1112
|
+
|
|
1113
|
+
var LayoutGridColumnComponent = /** @class */ (function () {
|
|
1114
|
+
function LayoutGridColumnComponent(changes) {
|
|
1115
|
+
this.changes = changes;
|
|
1116
|
+
this.didFirstInit = false;
|
|
1117
|
+
this.prefix = 'ui-layout-column';
|
|
1118
|
+
this.columns = 12;
|
|
1119
|
+
}
|
|
1120
|
+
LayoutGridColumnComponent.prototype.getSizeClasses = function (columns, classString) {
|
|
1121
|
+
var _this = this;
|
|
1122
|
+
if (!columns) {
|
|
1123
|
+
return [''];
|
|
1124
|
+
}
|
|
1125
|
+
if (typeof columns === 'object') {
|
|
1126
|
+
return Object.keys(columns).map(function (key) {
|
|
1127
|
+
return "" + _this.prefix + classString + key + "-" + columns[key];
|
|
1128
|
+
});
|
|
1129
|
+
}
|
|
1130
|
+
return [
|
|
1131
|
+
this.prefix,
|
|
1132
|
+
"" + this.prefix + classString + columns,
|
|
1133
|
+
];
|
|
1134
|
+
};
|
|
1135
|
+
LayoutGridColumnComponent.prototype.ngOnChanges = function () {
|
|
1136
|
+
if (!this.didFirstInit) {
|
|
1137
|
+
return;
|
|
1138
|
+
}
|
|
1139
|
+
this.ngOnInit();
|
|
1140
|
+
this.changes.markForCheck();
|
|
1141
|
+
};
|
|
1142
|
+
LayoutGridColumnComponent.prototype.ngOnInit = function () {
|
|
1143
|
+
this.columnLayoutClasses = [
|
|
1144
|
+
this.prefix,
|
|
1145
|
+
this.getSizeClasses(this.columns, '-col-'),
|
|
1146
|
+
this.getSizeClasses(this.column_inset, '-col-inset-')
|
|
1147
|
+
].flat(10).filter(Boolean);
|
|
1148
|
+
this.didFirstInit = true;
|
|
1149
|
+
};
|
|
1150
|
+
return LayoutGridColumnComponent;
|
|
1151
|
+
}());
|
|
1152
|
+
LayoutGridColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutGridColumnComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1153
|
+
LayoutGridColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LayoutGridColumnComponent, selector: "ui-column", inputs: { columns: "columns", column_inset: "column_inset" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-expanded{grid-gap:var(--semantic-spacing-grid-expanded);gap:var(--semantic-spacing-grid-expanded)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1154
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutGridColumnComponent, decorators: [{
|
|
1155
|
+
type: i0.Component,
|
|
1156
|
+
args: [{
|
|
1157
|
+
selector: 'ui-column',
|
|
1158
|
+
template: '<ng-content></ng-content>',
|
|
1159
|
+
host: {
|
|
1160
|
+
'[class]': 'columnLayoutClasses'
|
|
1161
|
+
},
|
|
1162
|
+
styleUrls: ['./grid.component.scss'],
|
|
1163
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1164
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1165
|
+
}]
|
|
1166
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { columns: [{
|
|
1167
|
+
type: i0.Input
|
|
1168
|
+
}], column_inset: [{
|
|
1169
|
+
type: i0.Input
|
|
1170
|
+
}] } });
|
|
1171
|
+
|
|
1172
|
+
var LayoutGridComponent = /** @class */ (function () {
|
|
1173
|
+
function LayoutGridComponent(changes) {
|
|
1174
|
+
this.changes = changes;
|
|
1175
|
+
this.didFirstInit = false;
|
|
1176
|
+
this.prefix = 'ui-layout-grid';
|
|
1177
|
+
this.grid_auto = false;
|
|
1178
|
+
this.grid_collapse_below = 'tablet';
|
|
1179
|
+
this.grid_gap = 'default';
|
|
1180
|
+
}
|
|
1181
|
+
LayoutGridComponent.prototype.ngOnChanges = function () {
|
|
1182
|
+
if (!this.didFirstInit) {
|
|
1183
|
+
return;
|
|
1184
|
+
}
|
|
1185
|
+
this.ngOnInit();
|
|
1186
|
+
this.changes.markForCheck();
|
|
1187
|
+
};
|
|
1188
|
+
LayoutGridComponent.prototype.ngOnInit = function () {
|
|
1189
|
+
this.gridLayoutClasses = [
|
|
1190
|
+
this.prefix,
|
|
1191
|
+
this.prefix + "-" + this.grid_gap,
|
|
1192
|
+
this.prefix + "-" + (this.grid_auto ? 'width-auto' : ''),
|
|
1193
|
+
this.prefix + "-collapse-below-" + this.grid_collapse_below,
|
|
1194
|
+
];
|
|
1195
|
+
this.didFirstInit = true;
|
|
1196
|
+
};
|
|
1197
|
+
return LayoutGridComponent;
|
|
1198
|
+
}());
|
|
1199
|
+
LayoutGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutGridComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1200
|
+
LayoutGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LayoutGridComponent, selector: "ui-grid", inputs: { grid_auto: "grid_auto", grid_collapse_below: "grid_collapse_below", grid_gap: "grid_gap" }, host: { properties: { "class": "gridLayoutClasses" } }, usesOnChanges: true, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-expanded{grid-gap:var(--semantic-spacing-grid-expanded);gap:var(--semantic-spacing-grid-expanded)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1201
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LayoutGridComponent, decorators: [{
|
|
1202
|
+
type: i0.Component,
|
|
1203
|
+
args: [{
|
|
1204
|
+
selector: 'ui-grid',
|
|
1205
|
+
template: '<ng-content></ng-content>',
|
|
1206
|
+
host: {
|
|
1207
|
+
'[class]': 'gridLayoutClasses'
|
|
1208
|
+
},
|
|
1209
|
+
styleUrls: ['./grid.component.scss'],
|
|
1210
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1211
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1212
|
+
}]
|
|
1213
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { grid_auto: [{
|
|
1214
|
+
type: i0.Input
|
|
1215
|
+
}], grid_collapse_below: [{
|
|
1216
|
+
type: i0.Input
|
|
1217
|
+
}], grid_gap: [{
|
|
1218
|
+
type: i0.Input
|
|
1219
|
+
}] } });
|
|
1220
|
+
|
|
1221
|
+
var OasysLayoutModule = /** @class */ (function () {
|
|
1222
|
+
function OasysLayoutModule() {
|
|
1223
|
+
}
|
|
1224
|
+
return OasysLayoutModule;
|
|
1225
|
+
}());
|
|
1226
|
+
OasysLayoutModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysLayoutModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1227
|
+
OasysLayoutModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysLayoutModule, declarations: [LayoutBoxComponent,
|
|
1228
|
+
LayoutContainerComponent,
|
|
1229
|
+
LayoutGridComponent,
|
|
1230
|
+
LayoutGridColumnComponent,
|
|
1231
|
+
LayoutStackComponent], imports: [OasysDirectivesModule], exports: [LayoutBoxComponent,
|
|
1232
|
+
LayoutContainerComponent,
|
|
1233
|
+
LayoutGridComponent,
|
|
1234
|
+
LayoutGridColumnComponent,
|
|
1235
|
+
LayoutStackComponent] });
|
|
1236
|
+
OasysLayoutModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysLayoutModule, providers: [TokenService], imports: [[OasysDirectivesModule]] });
|
|
1237
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysLayoutModule, decorators: [{
|
|
1238
|
+
type: i0.NgModule,
|
|
1239
|
+
args: [{
|
|
1240
|
+
declarations: [
|
|
1241
|
+
LayoutBoxComponent,
|
|
1242
|
+
LayoutContainerComponent,
|
|
1243
|
+
LayoutGridComponent,
|
|
1244
|
+
LayoutGridColumnComponent,
|
|
1245
|
+
LayoutStackComponent,
|
|
1246
|
+
],
|
|
1247
|
+
imports: [OasysDirectivesModule],
|
|
1248
|
+
exports: [
|
|
1249
|
+
LayoutBoxComponent,
|
|
1250
|
+
LayoutContainerComponent,
|
|
1251
|
+
LayoutGridComponent,
|
|
1252
|
+
LayoutGridColumnComponent,
|
|
1253
|
+
LayoutStackComponent,
|
|
1254
|
+
],
|
|
1255
|
+
providers: [TokenService],
|
|
1256
|
+
}]
|
|
1257
|
+
}] });
|
|
1258
|
+
|
|
1259
|
+
var OasysAlertModule = /** @class */ (function () {
|
|
1260
|
+
function OasysAlertModule() {
|
|
1261
|
+
}
|
|
1262
|
+
return OasysAlertModule;
|
|
1263
|
+
}());
|
|
1264
|
+
OasysAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1265
|
+
OasysAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertModule, declarations: [OasysAlertCancelDirective,
|
|
1266
|
+
OasysAlertConfirmDirective,
|
|
1267
|
+
OasysAlertContentDirective,
|
|
1268
|
+
OasysAlertTitleDirective,
|
|
1269
|
+
OasysAlertComponent], imports: [i6.CommonModule,
|
|
1270
|
+
OasysLayoutModule,
|
|
1271
|
+
OasysButtonModule,
|
|
1272
|
+
OasysIconModule,
|
|
1273
|
+
OasysDirectivesModule], exports: [OasysAlertCancelDirective,
|
|
1274
|
+
OasysAlertConfirmDirective,
|
|
1275
|
+
OasysAlertContentDirective,
|
|
1276
|
+
OasysAlertTitleDirective,
|
|
1277
|
+
OasysAlertComponent] });
|
|
1278
|
+
OasysAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertModule, imports: [[
|
|
1279
|
+
i6.CommonModule,
|
|
1280
|
+
OasysLayoutModule,
|
|
1281
|
+
OasysButtonModule,
|
|
1282
|
+
OasysIconModule,
|
|
1283
|
+
OasysDirectivesModule
|
|
1284
|
+
]] });
|
|
1285
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysAlertModule, decorators: [{
|
|
1286
|
+
type: i0.NgModule,
|
|
1287
|
+
args: [{
|
|
1288
|
+
declarations: [
|
|
1289
|
+
OasysAlertCancelDirective,
|
|
1290
|
+
OasysAlertConfirmDirective,
|
|
1291
|
+
OasysAlertContentDirective,
|
|
1292
|
+
OasysAlertTitleDirective,
|
|
1293
|
+
OasysAlertComponent,
|
|
1294
|
+
],
|
|
1295
|
+
imports: [
|
|
1296
|
+
i6.CommonModule,
|
|
1297
|
+
OasysLayoutModule,
|
|
1298
|
+
OasysButtonModule,
|
|
1299
|
+
OasysIconModule,
|
|
1300
|
+
OasysDirectivesModule
|
|
1301
|
+
],
|
|
1302
|
+
exports: [
|
|
1303
|
+
OasysAlertCancelDirective,
|
|
1304
|
+
OasysAlertConfirmDirective,
|
|
1305
|
+
OasysAlertContentDirective,
|
|
1306
|
+
OasysAlertTitleDirective,
|
|
1307
|
+
OasysAlertComponent,
|
|
1308
|
+
],
|
|
1309
|
+
}]
|
|
1310
|
+
}] });
|
|
1311
|
+
|
|
1312
|
+
var BreadcrumbsComponent = /** @class */ (function () {
|
|
1313
|
+
function BreadcrumbsComponent() {
|
|
1314
|
+
}
|
|
1315
|
+
BreadcrumbsComponent.prototype.ngOnInit = function () {
|
|
1316
|
+
var _a;
|
|
1317
|
+
if (typeof this.breadcrumbs_values === 'string') {
|
|
1318
|
+
this.values = (_a = JSON.parse(this.breadcrumbs_values)) !== null && _a !== void 0 ? _a : [];
|
|
1319
|
+
}
|
|
1320
|
+
else {
|
|
1321
|
+
this.values = this.breadcrumbs_values;
|
|
1322
|
+
}
|
|
1323
|
+
};
|
|
1324
|
+
return BreadcrumbsComponent;
|
|
1325
|
+
}());
|
|
1326
|
+
BreadcrumbsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BreadcrumbsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1327
|
+
BreadcrumbsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: BreadcrumbsComponent, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0__namespace, 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=\"none\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"false\" stack_gap=\"none\">\n <ui-button *ngIf=\"i<values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\"> \n <span #buttontext> {{item.name}} </span>\n </ui-button> \n <ui-icon *ngIf=\"i<values.length-1\" icon_name=\"chevron-right\" icon_size=\"small\" icon_class=\"buttonIcon\" aria-hidden=\"true\"></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button *ngIf=\"i===values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span #buttontext> {{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"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1328
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BreadcrumbsComponent, decorators: [{
|
|
1329
|
+
type: i0.Component,
|
|
1330
|
+
args: [{
|
|
1331
|
+
selector: 'ui-breadcrumbs',
|
|
1332
|
+
templateUrl: './breadcrumbs.component.html',
|
|
1333
|
+
styleUrls: ['./breadcrumbs.component.scss'],
|
|
1334
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1335
|
+
}]
|
|
1336
|
+
}], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs_values: [{
|
|
1337
|
+
type: i0.Input
|
|
1338
|
+
}] } });
|
|
1339
|
+
|
|
1340
|
+
var OasysBreadcrumbModule = /** @class */ (function () {
|
|
1341
|
+
function OasysBreadcrumbModule() {
|
|
1342
|
+
}
|
|
1343
|
+
return OasysBreadcrumbModule;
|
|
1344
|
+
}());
|
|
1345
|
+
OasysBreadcrumbModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBreadcrumbModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1346
|
+
OasysBreadcrumbModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBreadcrumbModule, declarations: [BreadcrumbsComponent], imports: [i6.CommonModule, OasysButtonModule, OasysIconModule, OasysLayoutModule, OasysDirectivesModule], exports: [BreadcrumbsComponent] });
|
|
1347
|
+
OasysBreadcrumbModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBreadcrumbModule, imports: [[i6.CommonModule, OasysButtonModule, OasysIconModule, OasysLayoutModule, OasysDirectivesModule]] });
|
|
1348
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBreadcrumbModule, decorators: [{
|
|
1349
|
+
type: i0.NgModule,
|
|
1350
|
+
args: [{
|
|
1351
|
+
declarations: [BreadcrumbsComponent],
|
|
1352
|
+
imports: [i6.CommonModule, OasysButtonModule, OasysIconModule, OasysLayoutModule, OasysDirectivesModule],
|
|
1353
|
+
exports: [BreadcrumbsComponent],
|
|
1354
|
+
}]
|
|
1355
|
+
}] });
|
|
1356
|
+
|
|
1357
|
+
var OasysButtonGroupComponent = /** @class */ (function () {
|
|
1358
|
+
function OasysButtonGroupComponent(breakpointService) {
|
|
1359
|
+
this.breakpointService = breakpointService;
|
|
1360
|
+
this.button_group_align = 'start';
|
|
1361
|
+
this.button_group_collapse_below = 'tablet';
|
|
1362
|
+
// Used for only 'ghost' buttons (button_type="tertiary")
|
|
1363
|
+
// applies a negative X margin so that the text of a button aligns with
|
|
1364
|
+
// other content. Do not use unless all buttons are of type Tertiary.
|
|
1365
|
+
this.button_group_ghost_align = 'none';
|
|
1366
|
+
}
|
|
1367
|
+
Object.defineProperty(OasysButtonGroupComponent.prototype, "class", {
|
|
1368
|
+
get: function () {
|
|
1369
|
+
return "\n ui-button-group-ghost-" + this.button_group_ghost_align + "\n ";
|
|
1370
|
+
},
|
|
1371
|
+
enumerable: false,
|
|
1372
|
+
configurable: true
|
|
1373
|
+
});
|
|
1374
|
+
OasysButtonGroupComponent.prototype.ngOnInit = function () {
|
|
1375
|
+
};
|
|
1376
|
+
Object.defineProperty(OasysButtonGroupComponent.prototype, "shouldCollapse", {
|
|
1377
|
+
get: function () {
|
|
1378
|
+
switch (this.button_group_collapse_below) {
|
|
1379
|
+
case 'tablet':
|
|
1380
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE;
|
|
1381
|
+
case 'laptop':
|
|
1382
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET;
|
|
1383
|
+
case 'desktop':
|
|
1384
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET || this.breakpointService.currentSize.value === Breakpoint.LAPTOP;
|
|
1385
|
+
default:
|
|
1386
|
+
return false;
|
|
1387
|
+
}
|
|
1388
|
+
},
|
|
1389
|
+
enumerable: false,
|
|
1390
|
+
configurable: true
|
|
1391
|
+
});
|
|
1392
|
+
return OasysButtonGroupComponent;
|
|
1393
|
+
}());
|
|
1394
|
+
OasysButtonGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonGroupComponent, deps: [{ token: BreakpointService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1395
|
+
OasysButtonGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OasysButtonGroupComponent, selector: "ui-button-group", inputs: { button_group_align: "button_group_align", button_group_collapse_below: "button_group_collapse_below", button_group_ghost_align: "button_group_ghost_align" }, host: { properties: { "class": "this.class" } }, ngImport: i0__namespace, template: "<ui-stack\n stack_gap=\"near\"\n stack_direction=\"x\"\n [stack_collapse_below]=\"button_group_collapse_below\"\n [stack_distribute]=\"button_group_align\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-button-group{display:block}ui-button-group>ui-stack>*:not(ui-button){display:none}ui-button-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}ui-button-group.ui-button-group-ghost-small{margin:0 calc(calc(var(--component-button-size-small-inset-x) + var(--component-button-border-width)) * -1)}ui-button-group.ui-button-group-ghost-large{margin:0 calc(calc(var(--component-button-size-large-inset-x) + var(--component-button-border-width)) * -1)}\n"], components: [{ type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1396
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonGroupComponent, decorators: [{
|
|
1397
|
+
type: i0.Component,
|
|
1398
|
+
args: [{
|
|
1399
|
+
selector: 'ui-button-group',
|
|
1400
|
+
templateUrl: './button-group.component.html',
|
|
1401
|
+
styleUrls: ['./button-group.component.scss'],
|
|
1402
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1403
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1404
|
+
}]
|
|
1405
|
+
}], ctorParameters: function () { return [{ type: BreakpointService }]; }, propDecorators: { button_group_align: [{
|
|
1406
|
+
type: i0.Input
|
|
1407
|
+
}], button_group_collapse_below: [{
|
|
1408
|
+
type: i0.Input
|
|
1409
|
+
}], button_group_ghost_align: [{
|
|
1410
|
+
type: i0.Input
|
|
1411
|
+
}], class: [{
|
|
1412
|
+
type: i0.HostBinding,
|
|
1413
|
+
args: ['class']
|
|
1414
|
+
}] } });
|
|
1415
|
+
|
|
1416
|
+
var OasysButtonGroupModule = /** @class */ (function () {
|
|
1417
|
+
function OasysButtonGroupModule() {
|
|
1418
|
+
}
|
|
1419
|
+
return OasysButtonGroupModule;
|
|
1420
|
+
}());
|
|
1421
|
+
OasysButtonGroupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonGroupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1422
|
+
OasysButtonGroupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonGroupModule, declarations: [OasysButtonGroupComponent], imports: [OasysLayoutModule, i6.CommonModule, router.RouterModule, OasysButtonModule], exports: [OasysButtonGroupComponent] });
|
|
1423
|
+
OasysButtonGroupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonGroupModule, imports: [[OasysLayoutModule, i6.CommonModule, router.RouterModule, OasysButtonModule]] });
|
|
1424
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysButtonGroupModule, decorators: [{
|
|
1425
|
+
type: i0.NgModule,
|
|
1426
|
+
args: [{
|
|
1427
|
+
declarations: [OasysButtonGroupComponent],
|
|
1428
|
+
imports: [OasysLayoutModule, i6.CommonModule, router.RouterModule, OasysButtonModule],
|
|
1429
|
+
exports: [OasysButtonGroupComponent],
|
|
1430
|
+
}]
|
|
1431
|
+
}] });
|
|
1432
|
+
|
|
1433
|
+
var ImageService = /** @class */ (function () {
|
|
1434
|
+
function ImageService(env) {
|
|
1435
|
+
var _a;
|
|
1436
|
+
this.fallbackBreakpoint = 768;
|
|
1437
|
+
this.breakpoints = [
|
|
1438
|
+
320, 360, 375, 414, 640, 750, 768, 1080, 1280, 1366, 1440, 1536, 1600, 1680, 1920, 2560, 3440,
|
|
1439
|
+
3840,
|
|
1440
|
+
];
|
|
1441
|
+
this.mediaUrl = (_a = env === null || env === void 0 ? void 0 : env.mediaUrl) !== null && _a !== void 0 ? _a : 'https://media.bloomdev.org';
|
|
1442
|
+
}
|
|
1443
|
+
ImageService.prototype.getQualityForWidth = function (width) {
|
|
1444
|
+
return width > 1440 ? 50 : 75;
|
|
1445
|
+
};
|
|
1446
|
+
ImageService.prototype.generateUrl = function (baseUrl, format, width, quality, cdnType) {
|
|
1447
|
+
switch (cdnType) {
|
|
1448
|
+
case 'thumbor':
|
|
1449
|
+
return this.mediaUrl + "/v1/" + width + "x0/filters:format(" + format + "):quality(" + quality + ")/" + baseUrl;
|
|
1450
|
+
case 'contentful':
|
|
1451
|
+
return baseUrl + "?w=" + width + "&fm=" + format + "&q=" + quality;
|
|
1452
|
+
default:
|
|
1453
|
+
return baseUrl;
|
|
1454
|
+
}
|
|
1455
|
+
};
|
|
1456
|
+
ImageService.prototype.generateUrls = function (baseUrl, format, sizes, isFallback, cdnType) {
|
|
1457
|
+
var _this = this;
|
|
1458
|
+
return sizes
|
|
1459
|
+
.map(function (width) {
|
|
1460
|
+
var quality = isFallback ? 100 : _this.getQualityForWidth(width);
|
|
1461
|
+
var url = _this.generateUrl(baseUrl, format, width, quality, cdnType);
|
|
1462
|
+
return isFallback ? url : url + " " + width + "w";
|
|
1463
|
+
})
|
|
1464
|
+
.join(', ');
|
|
1465
|
+
};
|
|
1466
|
+
ImageService.prototype.detectCdnType = function (baseUrl) {
|
|
1467
|
+
if (baseUrl.includes('assets-0.bloomandwild.com') ||
|
|
1468
|
+
baseUrl.includes('bw-site-images-processed-staging.s3.amazonaws.com')) {
|
|
1469
|
+
return 'thumbor';
|
|
1470
|
+
}
|
|
1471
|
+
else if (baseUrl.includes('images.ctfassets.net/')) {
|
|
1472
|
+
return 'contentful';
|
|
1473
|
+
}
|
|
1474
|
+
};
|
|
1475
|
+
ImageService.prototype.getImageUrlsFromCDN = function (baseUrl, format, sizes, isFallback) {
|
|
1476
|
+
var cdnType = this.detectCdnType(baseUrl);
|
|
1477
|
+
if (isFallback) {
|
|
1478
|
+
sizes = [this.fallbackBreakpoint];
|
|
1479
|
+
}
|
|
1480
|
+
return this.generateUrls(baseUrl, format, sizes, isFallback, cdnType);
|
|
1481
|
+
};
|
|
1482
|
+
ImageService.prototype.generateImageUrl = function (baseUrl) {
|
|
1483
|
+
return {
|
|
1484
|
+
srcSetUrls: this.getImageUrlsFromCDN(baseUrl, 'webp', this.breakpoints, false),
|
|
1485
|
+
fallbackUrl: this.getImageUrlsFromCDN(baseUrl, 'jpg', this.breakpoints, true),
|
|
1486
|
+
};
|
|
1487
|
+
};
|
|
1488
|
+
return ImageService;
|
|
1489
|
+
}());
|
|
1490
|
+
ImageService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageService, deps: [{ token: 'env', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1491
|
+
ImageService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageService, providedIn: 'root' });
|
|
1492
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageService, decorators: [{
|
|
1493
|
+
type: i0.Injectable,
|
|
1494
|
+
args: [{
|
|
1495
|
+
providedIn: 'root',
|
|
1496
|
+
}]
|
|
1497
|
+
}], ctorParameters: function () {
|
|
1498
|
+
return [{ type: undefined, decorators: [{
|
|
1499
|
+
type: i0.Inject,
|
|
1500
|
+
args: ['env']
|
|
1501
|
+
}, {
|
|
1502
|
+
type: i0.Optional
|
|
1503
|
+
}] }];
|
|
1504
|
+
} });
|
|
1505
|
+
|
|
1506
|
+
var ImageComponent = /** @class */ (function () {
|
|
1507
|
+
function ImageComponent(imageService, el) {
|
|
1508
|
+
this.imageService = imageService;
|
|
1509
|
+
this.el = el;
|
|
1510
|
+
this.image_src = '';
|
|
1511
|
+
this.fetchpriority = 'auto';
|
|
1512
|
+
this.loading = 'lazy';
|
|
1513
|
+
this.preload_aspect_ratio = '1:1';
|
|
1514
|
+
}
|
|
1515
|
+
Object.defineProperty(ImageComponent.prototype, "class", {
|
|
1516
|
+
get: function () {
|
|
1517
|
+
return "" + (this.image_fill ? 'imageFill' : '');
|
|
1518
|
+
},
|
|
1519
|
+
enumerable: false,
|
|
1520
|
+
configurable: true
|
|
1521
|
+
});
|
|
1522
|
+
ImageComponent.prototype.setupLazyLoading = function () {
|
|
1523
|
+
var _this = this;
|
|
1524
|
+
var options = {
|
|
1525
|
+
removeAfterObserved: true,
|
|
1526
|
+
root: null,
|
|
1527
|
+
rootMargin: '200px',
|
|
1528
|
+
threshold: 0.01
|
|
1529
|
+
};
|
|
1530
|
+
this.intersectionObserver = new IntersectionObserver(function (entries) {
|
|
1531
|
+
entries.forEach(function (entry) {
|
|
1532
|
+
if (entry.isIntersecting) {
|
|
1533
|
+
var imageElement_1 = _this.el.nativeElement.querySelector('img');
|
|
1534
|
+
var sourceElement = _this.el.nativeElement.querySelector('source');
|
|
1535
|
+
imageElement_1.setAttribute('src', _this.imageUrlResponse.fallbackUrl);
|
|
1536
|
+
sourceElement.setAttribute('srcset', _this.imageUrlResponse.srcSetUrls);
|
|
1537
|
+
_this.intersectionObserver.unobserve(entry.target);
|
|
1538
|
+
}
|
|
1539
|
+
});
|
|
1540
|
+
}, options);
|
|
1541
|
+
var imageElement = this.el.nativeElement.querySelector('img');
|
|
1542
|
+
this.intersectionObserver.observe(imageElement);
|
|
1543
|
+
};
|
|
1544
|
+
ImageComponent.prototype.ngOnInit = function () {
|
|
1545
|
+
var ratios = this.preload_aspect_ratio.split(':');
|
|
1546
|
+
this.imageRatioWidth = parseInt(ratios[0], 10);
|
|
1547
|
+
this.imageRatioHeight = parseInt(ratios[1], 10);
|
|
1548
|
+
this.imageUrlResponse = this.imageService.generateImageUrl(this.image_src);
|
|
1549
|
+
if (!('loading' in HTMLImageElement.prototype)) {
|
|
1550
|
+
this.setupLazyLoading();
|
|
1551
|
+
}
|
|
1552
|
+
if (!this.image_alt_text) {
|
|
1553
|
+
console.error("Image is missing an alt tag, image url is " + this.image_src);
|
|
1554
|
+
}
|
|
1555
|
+
};
|
|
1556
|
+
return ImageComponent;
|
|
1557
|
+
}());
|
|
1558
|
+
ImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageComponent, deps: [{ token: ImageService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1559
|
+
ImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ImageComponent, selector: "ui-image", inputs: { image_src: "image_src", image_alt_text: "image_alt_text", image_fill: "image_fill", fetchpriority: "fetchpriority", loading: "loading", preload_aspect_ratio: "preload_aspect_ratio" }, host: { properties: { "class": "this.class" } }, ngImport: i0__namespace, template: "<picture>\n <source\n srcset=\"{{imageUrlResponse.srcSetUrls}}\"\n type=\"image/webp\"/>\n\n <img\n [ngClass]=\"{'imageFill': image_fill}\"\n [attr.width]=\"imageRatioWidth\"\n [attr.height]=\"imageRatioHeight\"\n [attr.src]=\"imageUrlResponse.fallbackUrl\"\n [attr.loading]=\"loading\"\n [attr.fetchpriority]=\"fetchpriority\"\n />\n</picture>\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"], directives: [{ type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1560
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageComponent, decorators: [{
|
|
1561
|
+
type: i0.Component,
|
|
1562
|
+
args: [{
|
|
1563
|
+
selector: 'ui-image',
|
|
1564
|
+
templateUrl: './image.component.html',
|
|
1565
|
+
styleUrls: ['./image.component.scss']
|
|
1566
|
+
}]
|
|
1567
|
+
}], ctorParameters: function () { return [{ type: ImageService }, { type: i0__namespace.ElementRef }]; }, propDecorators: { image_src: [{
|
|
1568
|
+
type: i0.Input
|
|
1569
|
+
}], image_alt_text: [{
|
|
1570
|
+
type: i0.Input
|
|
1571
|
+
}], image_fill: [{
|
|
1572
|
+
type: i0.Input
|
|
1573
|
+
}], fetchpriority: [{
|
|
1574
|
+
type: i0.Input
|
|
1575
|
+
}], loading: [{
|
|
1576
|
+
type: i0.Input
|
|
1577
|
+
}], preload_aspect_ratio: [{
|
|
1578
|
+
type: i0.Input
|
|
1579
|
+
}], class: [{
|
|
1580
|
+
type: i0.HostBinding,
|
|
1581
|
+
args: ['class']
|
|
1582
|
+
}] } });
|
|
1583
|
+
|
|
1584
|
+
var CardComponent = /** @class */ (function () {
|
|
1585
|
+
function CardComponent(tokenService) {
|
|
1586
|
+
this.tokenService = tokenService;
|
|
1587
|
+
}
|
|
1588
|
+
CardComponent.prototype.ngOnInit = function () {
|
|
1589
|
+
this.aspectRatio = this.setImageAspectRatio(this.image_format);
|
|
1590
|
+
};
|
|
1591
|
+
CardComponent.prototype.ngAfterViewInit = function () {
|
|
1592
|
+
this.setStackPlacement();
|
|
1593
|
+
};
|
|
1594
|
+
/**
|
|
1595
|
+
* This calculates the stack offset based on the image labels height.
|
|
1596
|
+
*/
|
|
1597
|
+
CardComponent.prototype.setStackPlacement = function () {
|
|
1598
|
+
var _a, _b;
|
|
1599
|
+
this.stackOffset = "calc(-" + ((_b = (_a = this.imageLabel) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.offsetHeight) / 2 + "px - " + this.tokenService.getTokenValue('--semantic-spacing-box-tight');
|
|
1600
|
+
};
|
|
1601
|
+
/**
|
|
1602
|
+
* This function retrieves the appropriate design token value based on the passed imageFormat choice
|
|
1603
|
+
*
|
|
1604
|
+
* @param format - The format of the image e.g. square, portrait, landscape
|
|
1605
|
+
* @returns - string to be used as the aspect ratio
|
|
1606
|
+
*/
|
|
1607
|
+
CardComponent.prototype.setImageAspectRatio = function (format) {
|
|
1608
|
+
switch (format) {
|
|
1609
|
+
case 'square':
|
|
1610
|
+
return this.tokenService.getTokenValue('--component-card-aspect-ratio-square');
|
|
1611
|
+
case 'portrait':
|
|
1612
|
+
return this.tokenService.getTokenValue('--component-card-aspect-ratio-portrait');
|
|
1613
|
+
case 'landscape':
|
|
1614
|
+
return this.tokenService.getTokenValue('--component-card-aspect-ratio-landscape');
|
|
1615
|
+
default:
|
|
1616
|
+
return this.tokenService.getTokenValue('--component-card-aspect-ratio-portrait');
|
|
1617
|
+
}
|
|
1618
|
+
};
|
|
1619
|
+
return CardComponent;
|
|
1620
|
+
}());
|
|
1621
|
+
CardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardComponent, deps: [{ token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1622
|
+
CardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CardComponent, selector: "ui-card", inputs: { label_text: "label_text", image: "image", alt_text: "alt_text", image_format: "image_format", small_title_left: "small_title_left", small_sub_title_right: "small_sub_title_right", standard_content: "standard_content", bold_content: "bold_content" }, host: { listeners: { "window:resize": "setStackPlacement($event)" } }, viewQueries: [{ propertyName: "imageLabel", first: true, predicate: ["imagelabel"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<ui-box class=\"ui-card\" box_background=\"core-primary\" box_space=\"none\">\n <ui-stack stack_align=\"center\" stack_gap=\"tight\">\n <ui-box\n class=\"ui-card__image\"\n [ngStyle]=\"{'aspect-ratio': aspectRatio}\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\">\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n </ui-box>\n <ui-stack stack_gap=\"tight\" [ngStyle]=\"{'margin-top': stackOffset}\">\n <ui-box\n #imagelabel\n *ngIf=\"label_text\"\n class=\"card__image-label center-content\"\n box_background=\"tint-highlight\"\n box_align_x=\"center\"\n box_align_y=\"center\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"tight\"\n box_space_top=\"tight\">\n <h5>{{label_text}}</h5>\n </ui-box>\n <ui-box *ngIf=\"small_title_left || small_sub_title_right\" [box_space_top]=\"label_text ? 'none' : 'tight'\" box_space=\"none\" box_background=\"transparent\" >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" stack_gap=\"tight\">\n <span class=\"text-body--supporting text-color--supporting\">{{small_title_left}}</span>\n <span class=\"text-body--supporting text-color--supporting\">{{small_sub_title_right}}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">{{standard_content}}</p>\n <p *ngIf=\"bold_content\" class=\"text-label--primary text-body--emphasis\">{{bold_content}}</p>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [".ui-card__image{position:relative}.ui-card__image ui-image{position:absolute;height:100%;object-fit:cover;width:100%;left:0}.ui-card .center-content{text-align:center;align-self:center}.ui-card .card__image-label{width:auto;height:auto;border-radius:2px;margin:0 8px;text-align:center;overflow:hidden;z-index:2}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio"] }], directives: [{ type: i6__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1623
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardComponent, decorators: [{
|
|
1624
|
+
type: i0.Component,
|
|
1625
|
+
args: [{
|
|
1626
|
+
selector: 'ui-card',
|
|
1627
|
+
templateUrl: './card.component.html',
|
|
1628
|
+
styleUrls: ['./card.component.scss']
|
|
1629
|
+
}]
|
|
1630
|
+
}], ctorParameters: function () { return [{ type: TokenService }]; }, propDecorators: { imageLabel: [{
|
|
1631
|
+
type: i0.ViewChild,
|
|
1632
|
+
args: ["imagelabel", { static: false, read: i0.ElementRef }]
|
|
1633
|
+
}], label_text: [{
|
|
1634
|
+
type: i0.Input
|
|
1635
|
+
}], image: [{
|
|
1636
|
+
type: i0.Input
|
|
1637
|
+
}], alt_text: [{
|
|
1638
|
+
type: i0.Input
|
|
1639
|
+
}], image_format: [{
|
|
1640
|
+
type: i0.Input
|
|
1641
|
+
}], small_title_left: [{
|
|
1642
|
+
type: i0.Input
|
|
1643
|
+
}], small_sub_title_right: [{
|
|
1644
|
+
type: i0.Input
|
|
1645
|
+
}], standard_content: [{
|
|
1646
|
+
type: i0.Input
|
|
1647
|
+
}], bold_content: [{
|
|
1648
|
+
type: i0.Input
|
|
1649
|
+
}], setStackPlacement: [{
|
|
1650
|
+
type: i0.HostListener,
|
|
1651
|
+
args: ['window:resize', ['$event']]
|
|
1652
|
+
}] } });
|
|
1653
|
+
|
|
1654
|
+
var OasysImageModule = /** @class */ (function () {
|
|
1655
|
+
function OasysImageModule() {
|
|
1656
|
+
}
|
|
1657
|
+
OasysImageModule.forRoot = function (environment) {
|
|
1658
|
+
return {
|
|
1659
|
+
ngModule: OasysImageModule,
|
|
1660
|
+
providers: [
|
|
1661
|
+
ImageService,
|
|
1662
|
+
{
|
|
1663
|
+
provide: 'env',
|
|
1664
|
+
useValue: environment,
|
|
1665
|
+
},
|
|
1666
|
+
],
|
|
1667
|
+
};
|
|
1668
|
+
};
|
|
1669
|
+
return OasysImageModule;
|
|
1670
|
+
}());
|
|
1671
|
+
OasysImageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysImageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1672
|
+
OasysImageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysImageModule, declarations: [ImageComponent], imports: [i6.CommonModule, OasysDirectivesModule], exports: [ImageComponent] });
|
|
1673
|
+
OasysImageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysImageModule, providers: [ImageService], imports: [[i6.CommonModule, OasysDirectivesModule]] });
|
|
1674
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysImageModule, decorators: [{
|
|
1675
|
+
type: i0.NgModule,
|
|
1676
|
+
args: [{
|
|
1677
|
+
declarations: [ImageComponent],
|
|
1678
|
+
imports: [i6.CommonModule, OasysDirectivesModule],
|
|
1679
|
+
exports: [ImageComponent],
|
|
1680
|
+
providers: [ImageService],
|
|
1681
|
+
}]
|
|
1682
|
+
}] });
|
|
1683
|
+
|
|
1684
|
+
var OasysCardModule = /** @class */ (function () {
|
|
1685
|
+
function OasysCardModule() {
|
|
1686
|
+
}
|
|
1687
|
+
return OasysCardModule;
|
|
1688
|
+
}());
|
|
1689
|
+
OasysCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1690
|
+
OasysCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCardModule, declarations: [CardComponent], imports: [i6.CommonModule, OasysLayoutModule, router.RouterModule, OasysImageModule, OasysDirectivesModule], exports: [CardComponent] });
|
|
1691
|
+
OasysCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCardModule, providers: [TokenService], imports: [[i6.CommonModule, OasysLayoutModule, router.RouterModule, OasysImageModule, OasysDirectivesModule]] });
|
|
1692
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCardModule, decorators: [{
|
|
1693
|
+
type: i0.NgModule,
|
|
1694
|
+
args: [{
|
|
1695
|
+
declarations: [CardComponent],
|
|
1696
|
+
imports: [i6.CommonModule, OasysLayoutModule, router.RouterModule, OasysImageModule, OasysDirectivesModule],
|
|
1697
|
+
exports: [CardComponent],
|
|
1698
|
+
providers: [TokenService],
|
|
1699
|
+
}]
|
|
1700
|
+
}] });
|
|
1701
|
+
|
|
1702
|
+
var DividerComponent = /** @class */ (function () {
|
|
1703
|
+
function DividerComponent() {
|
|
1704
|
+
this.divider_type = 'secondary';
|
|
1705
|
+
}
|
|
1706
|
+
DividerComponent.prototype.getClass = function () {
|
|
1707
|
+
return this.divider_type === 'secondary' ? "ui-divider--type-" + this.divider_type : "ui-divider--type-" + this.divider_type;
|
|
1708
|
+
};
|
|
1709
|
+
return DividerComponent;
|
|
1710
|
+
}());
|
|
1711
|
+
DividerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DividerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1712
|
+
DividerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DividerComponent, selector: "ui-divider", inputs: { divider_type: "divider_type" }, ngImport: i0__namespace, template: "<ui-box box_fill_mode=\"fill\" box_space=\"none\" box_background=\"core-secondary\" [ngClass]=\"getClass()\"></ui-box>", styles: ["ui-divider{display:block;width:100%}ui-divider ui-box.ui-divider--type-secondary:after{content:\"\";display:block;height:var(--global-size-unit-01);width:100%}ui-divider ui-box.ui-divider--type-primary:after{content:\"\";display:block;height:var(--global-size-unit-08);width:100%}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }], directives: [{ type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1713
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DividerComponent, decorators: [{
|
|
1714
|
+
type: i0.Component,
|
|
1715
|
+
args: [{
|
|
1716
|
+
selector: 'ui-divider',
|
|
1717
|
+
templateUrl: './divider.component.html',
|
|
1718
|
+
styleUrls: ['./divider.component.scss'],
|
|
1719
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1720
|
+
}]
|
|
1721
|
+
}], propDecorators: { divider_type: [{
|
|
1722
|
+
type: i0.Input
|
|
1723
|
+
}] } });
|
|
1724
|
+
|
|
1725
|
+
var OasysDividerModule = /** @class */ (function () {
|
|
1726
|
+
function OasysDividerModule() {
|
|
1727
|
+
}
|
|
1728
|
+
return OasysDividerModule;
|
|
1729
|
+
}());
|
|
1730
|
+
OasysDividerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDividerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1731
|
+
OasysDividerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDividerModule, declarations: [DividerComponent], imports: [i6.CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [DividerComponent] });
|
|
1732
|
+
OasysDividerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDividerModule, imports: [[i6.CommonModule, OasysLayoutModule, OasysDirectivesModule]] });
|
|
1733
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysDividerModule, decorators: [{
|
|
1734
|
+
type: i0.NgModule,
|
|
1735
|
+
args: [{
|
|
1736
|
+
declarations: [DividerComponent],
|
|
1737
|
+
imports: [i6.CommonModule, OasysLayoutModule, OasysDirectivesModule],
|
|
1738
|
+
exports: [DividerComponent],
|
|
1739
|
+
}]
|
|
1740
|
+
}] });
|
|
1741
|
+
|
|
1742
|
+
var OasysHeadingComponent = /** @class */ (function () {
|
|
1743
|
+
function OasysHeadingComponent(tokenService) {
|
|
1744
|
+
this.tokenService = tokenService;
|
|
1745
|
+
this.heading_type = 'primary';
|
|
1746
|
+
this.heading_seo_priority = false;
|
|
1747
|
+
this.heading_subtitle = '';
|
|
1748
|
+
this.heading_surtitle = '';
|
|
1749
|
+
}
|
|
1750
|
+
Object.defineProperty(OasysHeadingComponent.prototype, "class", {
|
|
1751
|
+
get: function () {
|
|
1752
|
+
return "\n " + (this.heading_on_dark ? 'text-color--on-dark' : '') + "\n ui-heading-alignment-" + this.headingAlignment + "\n ";
|
|
1753
|
+
},
|
|
1754
|
+
enumerable: false,
|
|
1755
|
+
configurable: true
|
|
1756
|
+
});
|
|
1757
|
+
OasysHeadingComponent.prototype.headingTypeIsFunctional = function (headingType) {
|
|
1758
|
+
return (headingType || '').indexOf('functional') !== -1;
|
|
1759
|
+
};
|
|
1760
|
+
OasysHeadingComponent.prototype.setupHeadingStackAlignment = function (headingType) {
|
|
1761
|
+
if (this.heading_alignment_override) {
|
|
1762
|
+
this.headingAlignment = this.heading_alignment_override;
|
|
1763
|
+
return;
|
|
1764
|
+
}
|
|
1765
|
+
var alignment = this.tokenService.getTokenValue('--component-heading-alignment-default');
|
|
1766
|
+
var functionalAlignment = this.tokenService.getTokenValue('--component-heading-alignment-functional');
|
|
1767
|
+
this.headingAlignment = this.headingTypeIsFunctional(headingType) ? functionalAlignment : alignment;
|
|
1768
|
+
};
|
|
1769
|
+
OasysHeadingComponent.prototype.setupHeadingStackGap = function (headingType) {
|
|
1770
|
+
if (this.headingTypeIsFunctional(headingType)) {
|
|
1771
|
+
this.headingGap = this.tokenService.getTokenValue('--component-heading-gap-functional');
|
|
1772
|
+
return;
|
|
1773
|
+
}
|
|
1774
|
+
if (this.heading_type === 'secondary') {
|
|
1775
|
+
this.headingGap = this.tokenService.getTokenValue('--component-heading-gap-secondary');
|
|
1776
|
+
return;
|
|
1777
|
+
}
|
|
1778
|
+
if (this.heading_type === 'primary') {
|
|
1779
|
+
this.headingGap = this.tokenService.getTokenValue('--component-heading-gap-primary');
|
|
1780
|
+
return;
|
|
1781
|
+
}
|
|
1782
|
+
// Hero gap
|
|
1783
|
+
this.headingGap = this.tokenService.getTokenValue('--component-heading-gap-default');
|
|
1784
|
+
};
|
|
1785
|
+
OasysHeadingComponent.prototype.ngOnInit = function () {
|
|
1786
|
+
this.setupHeadingStackAlignment(this.heading_type);
|
|
1787
|
+
this.setupHeadingStackGap(this.heading_type);
|
|
1788
|
+
this.heading_priority = this.heading_priority || this.heading_seo_priority ? 1 : 2;
|
|
1789
|
+
};
|
|
1790
|
+
return OasysHeadingComponent;
|
|
1791
|
+
}());
|
|
1792
|
+
OasysHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeadingComponent, deps: [{ token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1793
|
+
OasysHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OasysHeadingComponent, selector: "ui-heading", inputs: { heading_type: "heading_type", heading_on_dark: "heading_on_dark", heading_title: "heading_title", heading_seo_priority: "heading_seo_priority", heading_priority: "heading_priority", heading_alignment_override: "heading_alignment_override", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle" }, host: { properties: { "class": "this.class" } }, ngImport: i0__namespace, template: "<div>\n <ui-stack [stack_align]=\"headingAlignment\" [stack_gap]=\"headingGap\">\n\n <p *ngIf=\"heading_surtitle && heading_surtitle.length\" class=\"heading-surtitle text-body--supporting text-color--supporting\">\n {{heading_surtitle}}\n </p>\n\n <ng-template #content>\n <span\n class=\"heading-title\"\n [ngClass]=\"{\n 'text-heading': !headingTypeIsFunctional(heading_type),\n 'text-heading--functional': headingTypeIsFunctional(heading_type),\n\n 'text-heading--hero': heading_type === 'hero',\n 'text-heading--primary': heading_type === 'primary',\n 'text-heading--secondary': heading_type === 'secondary',\n 'text-heading--functional--primary': heading_type === 'functional-primary',\n 'text-heading--functional--secondary': heading_type === 'functional-secondary'\n }\"\n >{{heading_title}}</span>\n </ng-template>\n\n <h1 role=\"heading\" [attr.aria-level]=\"heading_priority\" class=\"seo-h1\" *ngIf=\"heading_seo_priority\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </h1>\n <span role=\"heading\" [attr.aria-level]=\"heading_priority\" *ngIf=\"!heading_seo_priority\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </span>\n\n <p\n *ngIf=\"heading_subtitle && heading_subtitle.length\"\n class=\"heading-subtitle\"\n [ngClass]=\"{\n 'text-body--hero': heading_type === 'hero',\n 'text-body--default': heading_type !== 'hero'\n }\"\n >{{heading_subtitle}}</p>\n\n </ui-stack>\n</div>", styles: ["ui-heading.ui-heading-alignment-start{text-align:start}ui-heading.ui-heading-alignment-center{text-align:center}\n"], components: [{ type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1794
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeadingComponent, decorators: [{
|
|
1795
|
+
type: i0.Component,
|
|
1796
|
+
args: [{
|
|
1797
|
+
selector: 'ui-heading',
|
|
1798
|
+
templateUrl: './heading.component.html',
|
|
1799
|
+
styleUrls: ['./heading.component.scss'],
|
|
1800
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
1801
|
+
}]
|
|
1802
|
+
}], ctorParameters: function () { return [{ type: TokenService }]; }, propDecorators: { heading_type: [{
|
|
1803
|
+
type: i0.Input
|
|
1804
|
+
}], heading_on_dark: [{
|
|
1805
|
+
type: i0.Input
|
|
1806
|
+
}], heading_title: [{
|
|
1807
|
+
type: i0.Input
|
|
1808
|
+
}], heading_seo_priority: [{
|
|
1809
|
+
type: i0.Input
|
|
1810
|
+
}], heading_priority: [{
|
|
1811
|
+
type: i0.Input
|
|
1812
|
+
}], heading_alignment_override: [{
|
|
1813
|
+
type: i0.Input
|
|
1814
|
+
}], heading_subtitle: [{
|
|
1815
|
+
type: i0.Input
|
|
1816
|
+
}], heading_surtitle: [{
|
|
1817
|
+
type: i0.Input
|
|
1818
|
+
}], class: [{
|
|
1819
|
+
type: i0.HostBinding,
|
|
1820
|
+
args: ['class']
|
|
1821
|
+
}] } });
|
|
1822
|
+
|
|
1823
|
+
var OasysHeadingModule = /** @class */ (function () {
|
|
1824
|
+
function OasysHeadingModule() {
|
|
1825
|
+
}
|
|
1826
|
+
return OasysHeadingModule;
|
|
1827
|
+
}());
|
|
1828
|
+
OasysHeadingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeadingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1829
|
+
OasysHeadingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeadingModule, declarations: [OasysHeadingComponent], imports: [i6.CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [OasysHeadingComponent] });
|
|
1830
|
+
OasysHeadingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeadingModule, providers: [TokenService], imports: [[i6.CommonModule, OasysLayoutModule, OasysDirectivesModule]] });
|
|
1831
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeadingModule, decorators: [{
|
|
1832
|
+
type: i0.NgModule,
|
|
1833
|
+
args: [{
|
|
1834
|
+
declarations: [OasysHeadingComponent],
|
|
1835
|
+
imports: [i6.CommonModule, OasysLayoutModule, OasysDirectivesModule],
|
|
1836
|
+
exports: [OasysHeadingComponent],
|
|
1837
|
+
providers: [TokenService],
|
|
1838
|
+
}]
|
|
1839
|
+
}] });
|
|
1840
|
+
|
|
1841
|
+
var HeroComponent = /** @class */ (function () {
|
|
1842
|
+
function HeroComponent(tokenService) {
|
|
1843
|
+
this.tokenService = tokenService;
|
|
1844
|
+
this.image_left_desktop = false;
|
|
1845
|
+
this.image_top_mobile = true;
|
|
1846
|
+
this.media_type = 'image';
|
|
1847
|
+
// Event input variables
|
|
1848
|
+
this.href_primary_cta = '';
|
|
1849
|
+
this.href_secondary_cta = '';
|
|
1850
|
+
}
|
|
1851
|
+
HeroComponent.prototype.ngOnInit = function () {
|
|
1852
|
+
this.heroCtaAlignment = this.tokenService.getTokenValue('--component-hero-actions-alignment');
|
|
1853
|
+
this.backgroundIsDark = this.tokenService.getTokenValue("--semantic-on-dark-" + this.background_colour);
|
|
1854
|
+
this.heroInsetSpaceSmall = this.tokenService.getTokenValue("--component-hero-inset-spacing-small");
|
|
1855
|
+
this.heroInsetSpaceLarge = this.tokenService.getTokenValue("--component-hero-inset-spacing-large");
|
|
1856
|
+
};
|
|
1857
|
+
return HeroComponent;
|
|
1858
|
+
}());
|
|
1859
|
+
HeroComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HeroComponent, deps: [{ token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1860
|
+
HeroComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: HeroComponent, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", 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", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, ngImport: i0__namespace, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\">\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"backgroundIsDark === 'on-dark' ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"backgroundIsDark === 'on-dark' ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span #buttontext>{{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]=\"backgroundIsDark === 'on-dark' ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span #buttontext>{{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 <ui-image\n *ngIf=\"media_type === 'image'\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n preload_aspect_ratio=\"5:4\"\n [image_fill]=\"true\"></ui-image>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { 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"] }, { type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio"] }], directives: [{ type: i6__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1861
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HeroComponent, decorators: [{
|
|
1862
|
+
type: i0.Component,
|
|
1863
|
+
args: [{
|
|
1864
|
+
selector: 'ui-hero',
|
|
1865
|
+
templateUrl: './hero.component.html',
|
|
1866
|
+
styleUrls: ['./hero.component.scss']
|
|
1867
|
+
}]
|
|
1868
|
+
}], ctorParameters: function () { return [{ type: TokenService }]; }, propDecorators: { min_container_height: [{
|
|
1869
|
+
type: i0.Input
|
|
1870
|
+
}], image_left_desktop: [{
|
|
1871
|
+
type: i0.Input
|
|
1872
|
+
}], image_top_mobile: [{
|
|
1873
|
+
type: i0.Input
|
|
1874
|
+
}], background_colour: [{
|
|
1875
|
+
type: i0.Input
|
|
1876
|
+
}], heading_title: [{
|
|
1877
|
+
type: i0.Input
|
|
1878
|
+
}], heading_subtitle: [{
|
|
1879
|
+
type: i0.Input
|
|
1880
|
+
}], heading_surtitle: [{
|
|
1881
|
+
type: i0.Input
|
|
1882
|
+
}], primary_cta_text: [{
|
|
1883
|
+
type: i0.Input
|
|
1884
|
+
}], secondary_cta_text: [{
|
|
1885
|
+
type: i0.Input
|
|
1886
|
+
}], image: [{
|
|
1887
|
+
type: i0.Input
|
|
1888
|
+
}], alt_text: [{
|
|
1889
|
+
type: i0.Input
|
|
1890
|
+
}], media_type: [{
|
|
1891
|
+
type: i0.Input
|
|
1892
|
+
}], href_primary_cta: [{
|
|
1893
|
+
type: i0.Input
|
|
1894
|
+
}], href_secondary_cta: [{
|
|
1895
|
+
type: i0.Input
|
|
1896
|
+
}] } });
|
|
1897
|
+
|
|
1898
|
+
var OasysHeroModule = /** @class */ (function () {
|
|
1899
|
+
function OasysHeroModule() {
|
|
1900
|
+
}
|
|
1901
|
+
return OasysHeroModule;
|
|
1902
|
+
}());
|
|
1903
|
+
OasysHeroModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeroModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1904
|
+
OasysHeroModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeroModule, declarations: [HeroComponent], imports: [i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysImageModule, OasysDirectivesModule], exports: [HeroComponent] });
|
|
1905
|
+
OasysHeroModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeroModule, providers: [TokenService], imports: [[i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysImageModule, OasysDirectivesModule]] });
|
|
1906
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysHeroModule, decorators: [{
|
|
1907
|
+
type: i0.NgModule,
|
|
1908
|
+
args: [{
|
|
1909
|
+
declarations: [HeroComponent],
|
|
1910
|
+
imports: [i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysImageModule, OasysDirectivesModule],
|
|
1911
|
+
exports: [HeroComponent],
|
|
1912
|
+
providers: [TokenService],
|
|
1913
|
+
}]
|
|
1914
|
+
}] });
|
|
1915
|
+
|
|
1916
|
+
var SeoBlockComponent = /** @class */ (function () {
|
|
1917
|
+
function SeoBlockComponent() {
|
|
1918
|
+
this.expandedLinksVisible = false;
|
|
1919
|
+
this.expandedContentVisible = false;
|
|
1920
|
+
}
|
|
1921
|
+
SeoBlockComponent.prototype.showMoreLinks = function (flag) {
|
|
1922
|
+
this.expandedLinksVisible = flag;
|
|
1923
|
+
};
|
|
1924
|
+
SeoBlockComponent.prototype.showMoreContent = function (flag) {
|
|
1925
|
+
this.expandedContentVisible = flag;
|
|
1926
|
+
};
|
|
1927
|
+
SeoBlockComponent.prototype.ngOnInit = function () {
|
|
1928
|
+
var _a;
|
|
1929
|
+
// This is to fix a bug in Oasys that threats arrays as string initially
|
|
1930
|
+
if (typeof this.links === 'string') {
|
|
1931
|
+
this.linksValues = (_a = JSON.parse(this.links)) !== null && _a !== void 0 ? _a : [];
|
|
1932
|
+
}
|
|
1933
|
+
else {
|
|
1934
|
+
this.linksValues = this.links;
|
|
1935
|
+
}
|
|
1936
|
+
if (this.linksValues.length <= 10) {
|
|
1937
|
+
this.linksColumnsNumber = 1;
|
|
1938
|
+
}
|
|
1939
|
+
else if (this.linksValues.length <= 20) {
|
|
1940
|
+
this.linksColumnsNumber = 2;
|
|
1941
|
+
}
|
|
1942
|
+
else {
|
|
1943
|
+
this.linksColumnsNumber = 3;
|
|
1944
|
+
}
|
|
1945
|
+
};
|
|
1946
|
+
return SeoBlockComponent;
|
|
1947
|
+
}());
|
|
1948
|
+
SeoBlockComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SeoBlockComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1949
|
+
SeoBlockComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SeoBlockComponent, selector: "ui-seo-block", inputs: { heading_paragraph: "heading_paragraph", heading_links: "heading_links", main_content: "main_content", expanded_content: "expanded_content", links: "links", read_more_content_text: "read_more_content_text", read_less_content_text: "read_less_content_text", show_more_links_text: "show_more_links_text", show_less_links_text: "show_less_links_text" }, ngImport: i0__namespace, template: "<ui-box>\n <ui-grid>\n <ui-column columns=\"6\">\n <ui-box box_space=\"none\" [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded'\n }\">\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading heading_type=\"functional-primary\" heading_title=\"{{ heading_paragraph }}\"></ui-heading>\n </ui-box>\n <ui-box box_space=\"none\">\n <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n <span class=\"text-body--default\" class=\"ui-prose\" *ngIf=\"expandedContentVisible\"\n [innerHTML]=\"expanded_content\"></span>\n </ui-box>\n <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n <span *ngIf=\"!expandedContentVisible\" role=\"button\" (click)=\"showMoreContent(true)\"\n class=\"text-link text-link--standalone\">\n {{read_more_content_text}}\n </span>\n <span *ngIf=\"expandedContentVisible\" role=\"button\" (click)=\"showMoreContent(false)\"\n class=\"text-link text-link--standalone\">\n {{read_less_content_text}}\n </span>\n </ui-box>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"6\">\n <ui-box box_space=\"none\">\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading heading_type=\"functional-secondary\" heading_title=\"{{ heading_links }}\"></ui-heading>\n </ui-box>\n <ui-stack stack_gap=\"tight\">\n <ui-box box_space=\"none\" box_fill_mode=\"fit\" [ngStyle]=\"{'column-count': linksColumnsNumber}\"\n class=\"links-container text-body--supporting\">\n <ng-container *ngFor=\"let link of linksValues; index as i\">\n <ui-box box_space=\"none\" box_space_bottom=\"tight\" box_fill_mode=\"fit\" class=\"link-container\"\n [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\">\n <a href=\"{{ link.href }}\">\n {{ link.name }}\n </a>\n </ui-box>\n </ng-container>\n </ui-box>\n <ui-box box_space=\"none\" class=\"hidden-desktop hidden-tablet\" *ngIf=\"linksValues.length > 4\">\n <span *ngIf=\"!expandedLinksVisible\" (click)=\"showMoreLinks(true)\" class=\"text-link text-link--standalone\">\n {{show_more_links_text}}\n </span>\n <span *ngIf=\"expandedLinksVisible\" (click)=\"showMoreLinks(false)\" class=\"text-link text-link--standalone\">\n {{show_less_links_text}}\n </span>\n </ui-box>\n </ui-stack>\n\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".links-container{display:block}@media only screen and (max-width: 767px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { 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"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
1950
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SeoBlockComponent, decorators: [{
|
|
1951
|
+
type: i0.Component,
|
|
1952
|
+
args: [{
|
|
1953
|
+
selector: 'ui-seo-block',
|
|
1954
|
+
templateUrl: './seo-block.component.html',
|
|
1955
|
+
styleUrls: ['./seo-block.component.scss'],
|
|
1956
|
+
}]
|
|
1957
|
+
}], ctorParameters: function () { return []; }, propDecorators: { heading_paragraph: [{
|
|
1958
|
+
type: i0.Input
|
|
1959
|
+
}], heading_links: [{
|
|
1960
|
+
type: i0.Input
|
|
1961
|
+
}], main_content: [{
|
|
1962
|
+
type: i0.Input
|
|
1963
|
+
}], expanded_content: [{
|
|
1964
|
+
type: i0.Input
|
|
1965
|
+
}], links: [{
|
|
1966
|
+
type: i0.Input
|
|
1967
|
+
}], read_more_content_text: [{
|
|
1968
|
+
type: i0.Input
|
|
1969
|
+
}], read_less_content_text: [{
|
|
1970
|
+
type: i0.Input
|
|
1971
|
+
}], show_more_links_text: [{
|
|
1972
|
+
type: i0.Input
|
|
1973
|
+
}], show_less_links_text: [{
|
|
1974
|
+
type: i0.Input
|
|
1975
|
+
}] } });
|
|
1976
|
+
|
|
1977
|
+
var OasysSeoBlockModule = /** @class */ (function () {
|
|
1978
|
+
function OasysSeoBlockModule() {
|
|
1979
|
+
}
|
|
1980
|
+
return OasysSeoBlockModule;
|
|
1981
|
+
}());
|
|
1982
|
+
OasysSeoBlockModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysSeoBlockModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1983
|
+
OasysSeoBlockModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysSeoBlockModule, declarations: [SeoBlockComponent], imports: [i6.CommonModule,
|
|
1984
|
+
OasysButtonModule,
|
|
1985
|
+
OasysHeadingModule,
|
|
1986
|
+
OasysLayoutModule,
|
|
1987
|
+
OasysDirectivesModule], exports: [SeoBlockComponent] });
|
|
1988
|
+
OasysSeoBlockModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysSeoBlockModule, providers: [TokenService], imports: [[
|
|
1989
|
+
i6.CommonModule,
|
|
1990
|
+
OasysButtonModule,
|
|
1991
|
+
OasysHeadingModule,
|
|
1992
|
+
OasysLayoutModule,
|
|
1993
|
+
OasysDirectivesModule
|
|
1994
|
+
]] });
|
|
1995
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysSeoBlockModule, decorators: [{
|
|
1996
|
+
type: i0.NgModule,
|
|
1997
|
+
args: [{
|
|
1998
|
+
declarations: [SeoBlockComponent],
|
|
1999
|
+
imports: [
|
|
2000
|
+
i6.CommonModule,
|
|
2001
|
+
OasysButtonModule,
|
|
2002
|
+
OasysHeadingModule,
|
|
2003
|
+
OasysLayoutModule,
|
|
2004
|
+
OasysDirectivesModule
|
|
2005
|
+
],
|
|
2006
|
+
exports: [SeoBlockComponent],
|
|
2007
|
+
providers: [TokenService],
|
|
2008
|
+
}]
|
|
2009
|
+
}] });
|
|
2010
|
+
|
|
2011
|
+
var TextComponent = /** @class */ (function () {
|
|
2012
|
+
function TextComponent() {
|
|
2013
|
+
this.textAlign = 'left';
|
|
2014
|
+
this.textWeight = 'normal';
|
|
2015
|
+
this.textTransform = 'none';
|
|
2016
|
+
}
|
|
2017
|
+
TextComponent.prototype.ngOnInit = function () {
|
|
2018
|
+
this.uiTextClasses = [
|
|
2019
|
+
"ui-text--align-" + this.textAlign,
|
|
2020
|
+
"ui-text--weight-" + this.textWeight,
|
|
2021
|
+
"ui-text--transform-" + this.textTransform,
|
|
2022
|
+
].join(' ');
|
|
2023
|
+
};
|
|
2024
|
+
return TextComponent;
|
|
2025
|
+
}());
|
|
2026
|
+
TextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2027
|
+
TextComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TextComponent, selector: "ui-text", inputs: { textAlign: "textAlign", textWeight: "textWeight", textTransform: "textTransform" }, ngImport: i0__namespace, template: "<span class=\"ui-text\" [ngClass]=\"uiTextClasses\"><ng-content></ng-content></span>", styles: [".ui-text{font-size:var(--size-font-base);font-family:var(--font-family-body);font-weight:var(--font-weight-normal)}.ui-text.ui-text--weight-medium{font-weight:var(--font-weight-medium)}.ui-text.ui-text--weight-bold{font-weight:var(--font-weight-bold)}.ui-text.ui-text--transform-uppercase{text-transform:uppercase}.ui-text.ui-text--align-left{text-align:left}.ui-text.ui-text--align-center{text-align:center}.ui-text.ui-text--align-right{text-align:right}\n"], directives: [{ type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
2028
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TextComponent, decorators: [{
|
|
2029
|
+
type: i0.Component,
|
|
2030
|
+
args: [{
|
|
2031
|
+
selector: 'ui-text',
|
|
2032
|
+
templateUrl: './text.component.html',
|
|
2033
|
+
styleUrls: ['./text.component.scss'],
|
|
2034
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
2035
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2036
|
+
}]
|
|
2037
|
+
}], ctorParameters: function () { return []; }, propDecorators: { textAlign: [{
|
|
2038
|
+
type: i0.Input
|
|
2039
|
+
}], textWeight: [{
|
|
2040
|
+
type: i0.Input
|
|
2041
|
+
}], textTransform: [{
|
|
2042
|
+
type: i0.Input
|
|
2043
|
+
}] } });
|
|
2044
|
+
|
|
2045
|
+
var OasysTextModule = /** @class */ (function () {
|
|
2046
|
+
function OasysTextModule() {
|
|
2047
|
+
}
|
|
2048
|
+
return OasysTextModule;
|
|
2049
|
+
}());
|
|
2050
|
+
OasysTextModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysTextModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2051
|
+
OasysTextModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysTextModule, declarations: [TextComponent], imports: [i6.CommonModule, OasysDirectivesModule], exports: [TextComponent] });
|
|
2052
|
+
OasysTextModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysTextModule, imports: [[i6.CommonModule, OasysDirectivesModule]] });
|
|
2053
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysTextModule, decorators: [{
|
|
2054
|
+
type: i0.NgModule,
|
|
2055
|
+
args: [{
|
|
2056
|
+
declarations: [TextComponent],
|
|
2057
|
+
imports: [i6.CommonModule, OasysDirectivesModule],
|
|
2058
|
+
exports: [TextComponent],
|
|
2059
|
+
}]
|
|
2060
|
+
}] });
|
|
2061
|
+
|
|
2062
|
+
var SectionComponent = /** @class */ (function () {
|
|
2063
|
+
function SectionComponent(tokenService) {
|
|
2064
|
+
this.tokenService = tokenService;
|
|
2065
|
+
this.text_on_dark_override = false; // This is for custom/non-brand BG colours
|
|
2066
|
+
this.image_on_left = false;
|
|
2067
|
+
this.section_type = 'inform';
|
|
2068
|
+
// Event input variables
|
|
2069
|
+
this.href_primary_cta = '';
|
|
2070
|
+
this.href_secondary_cta = '';
|
|
2071
|
+
this.outterContainer = {};
|
|
2072
|
+
this.innerContainer = {};
|
|
2073
|
+
}
|
|
2074
|
+
SectionComponent.prototype.ngAfterViewInit = function () {
|
|
2075
|
+
if (this.non_brand_background_colour) {
|
|
2076
|
+
this.setNonBrandBackgroundColour();
|
|
2077
|
+
}
|
|
2078
|
+
this.backgroundIsDark = this.tokenService.getTokenValue("--semantic-on-dark-" + this.brand_background_colour);
|
|
2079
|
+
};
|
|
2080
|
+
SectionComponent.prototype.ngOnInit = function () {
|
|
2081
|
+
this.containerInsetSpaceSmall = this.tokenService.getTokenValue("--component-section-inset-spacing-container-small");
|
|
2082
|
+
this.containerInsetSpaceLarge = this.tokenService.getTokenValue("--component-section-inset-spacing-container-large");
|
|
2083
|
+
this.contentInsetSpaceSmall = this.tokenService.getTokenValue("--component-section-inset-spacing-content-small-" + this.section_type);
|
|
2084
|
+
this.contentInsetSpaceLarge = this.tokenService.getTokenValue("--component-section-inset-spacing-content-large-" + this.section_type);
|
|
2085
|
+
this.imageAspectRatio = this.tokenService.getTokenValue("--component-section-image-aspect-ratio-" + this.section_type);
|
|
2086
|
+
// Setting a unique ID, this is important & needed to apply
|
|
2087
|
+
// styles to ui-box
|
|
2088
|
+
this.uiBoxId = Date.now() + '-' + Math.random();
|
|
2089
|
+
};
|
|
2090
|
+
/**
|
|
2091
|
+
* Users are able to set custom non brand background colours
|
|
2092
|
+
* If a non brand background colour is provided we ignore branded colours
|
|
2093
|
+
* even if they are provided.
|
|
2094
|
+
*/
|
|
2095
|
+
SectionComponent.prototype.setNonBrandBackgroundColour = function () {
|
|
2096
|
+
var box = document.getElementById("ui-box-" + this.uiBoxId);
|
|
2097
|
+
if (box) {
|
|
2098
|
+
this.brand_background_colour = undefined;
|
|
2099
|
+
box.style.background = this.non_brand_background_colour;
|
|
2100
|
+
if (this.text_on_dark_override) {
|
|
2101
|
+
box.classList.add('text-color--on-dark');
|
|
2102
|
+
}
|
|
2103
|
+
}
|
|
2104
|
+
};
|
|
2105
|
+
return SectionComponent;
|
|
2106
|
+
}());
|
|
2107
|
+
SectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SectionComponent, deps: [{ token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2108
|
+
SectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SectionComponent, selector: "ui-section", inputs: { brand_background_colour: "brand_background_colour", non_brand_background_colour: "non_brand_background_colour", text_on_dark_override: "text_on_dark_override", image_on_left: "image_on_left", section_type: "section_type", heading_title: "heading_title", heading_subtitle: "heading_subtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, ngImport: i0__namespace, template: "<ui-box\nid=\"ui-box-{{uiBoxId}}\"\n[box_background]=\"brand_background_colour\"\n[box_space_left]=\"section_type === 'spotlight' && !image_on_left ? 'none' : ''\"\n[box_space_right]=\"section_type === 'spotlight' && image_on_left ? 'none' : ''\"\n[box_space]=\"section_type === 'spotlight' ? 'none' : {mobile: containerInsetSpaceSmall, tablet: containerInsetSpaceLarge, laptop: containerInsetSpaceLarge, desktop: containerInsetSpaceLarge}\">\n\n <ui-grid [grid_gap]=\"section_type === 'spotlight' ? 'none' : 'default'\">\n <ui-column columns=\"6\" [ngClass]=\"{'image-left': image_on_left, 'image-top-mobile': image_on_left}\">\n <ui-box\n box_space=\"none\"\n box_background=\"none\"\n box_align_y=\"center\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [preload_aspect_ratio]=\"imageAspectRatio\"></ui-image>\n </ui-box>\n </ui-column>\n\n <ui-column columns=\"6\">\n <ui-box\n [box_background]=\"brand_background_colour\"\n box_align_y=\"center\"\n [box_space]=\"section_type === 'spotlight' ? {mobile: contentInsetSpaceSmall, tablet: contentInsetSpaceLarge, laptop: contentInsetSpaceLarge, desktop: contentInsetSpaceLarge} : {mobile: contentInsetSpaceSmall, tablet: contentInsetSpaceSmall, laptop: contentInsetSpaceLarge, desktop: contentInsetSpaceLarge}\">\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n stack_wrap=\"true\"\n >\n <ui-heading\n [heading_type]=\"section_type === 'spotlight' ? 'primary' : 'functional-primary'\"\n [heading_title]=\"heading_title\"\n [heading_subtitle]=\"heading_subtitle\">\n </ui-heading>\n\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"start\"\n [stack_distribute]=\"section_type === 'spotlight' ? 'center' : 'start'\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n\n <a class=\"text-link text-link--standalone\" [href]=\"href_primary_cta\" bwtrackas=\"oasys.story-block.primary-cta\">{{primary_cta_text}}</a>\n <a *ngIf=\"section_type !== 'spotlight'\" class=\"text-link text-link--standalone\" [href]=\"href_secondary_cta\" bwtrackas=\"oasys.story-block.secondary-cta\">{{secondary_cta_text}}</a>\n\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>", styles: ["ui-grid ui-column img{width:100%;display:block}ui-grid .image-left{order:1}@media only screen and (max-width: 767px){ui-grid .image-top-mobile{order:0}}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { 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"] }], directives: [{ type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2109
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SectionComponent, decorators: [{
|
|
2110
|
+
type: i0.Component,
|
|
2111
|
+
args: [{
|
|
2112
|
+
selector: 'ui-section',
|
|
2113
|
+
templateUrl: './section.component.html',
|
|
2114
|
+
styleUrls: ['./section.component.scss']
|
|
2115
|
+
}]
|
|
2116
|
+
}], ctorParameters: function () { return [{ type: TokenService }]; }, propDecorators: { brand_background_colour: [{
|
|
2117
|
+
type: i0.Input
|
|
2118
|
+
}], non_brand_background_colour: [{
|
|
2119
|
+
type: i0.Input
|
|
2120
|
+
}], text_on_dark_override: [{
|
|
2121
|
+
type: i0.Input
|
|
2122
|
+
}], image_on_left: [{
|
|
2123
|
+
type: i0.Input
|
|
2124
|
+
}], section_type: [{
|
|
2125
|
+
type: i0.Input
|
|
2126
|
+
}], heading_title: [{
|
|
2127
|
+
type: i0.Input
|
|
2128
|
+
}], heading_subtitle: [{
|
|
2129
|
+
type: i0.Input
|
|
2130
|
+
}], primary_cta_text: [{
|
|
2131
|
+
type: i0.Input
|
|
2132
|
+
}], secondary_cta_text: [{
|
|
2133
|
+
type: i0.Input
|
|
2134
|
+
}], image: [{
|
|
2135
|
+
type: i0.Input
|
|
2136
|
+
}], alt_text: [{
|
|
2137
|
+
type: i0.Input
|
|
2138
|
+
}], href_primary_cta: [{
|
|
2139
|
+
type: i0.Input
|
|
2140
|
+
}], href_secondary_cta: [{
|
|
2141
|
+
type: i0.Input
|
|
2142
|
+
}] } });
|
|
2143
|
+
|
|
2144
|
+
var SectionModule = /** @class */ (function () {
|
|
2145
|
+
function SectionModule() {
|
|
2146
|
+
}
|
|
2147
|
+
return SectionModule;
|
|
2148
|
+
}());
|
|
2149
|
+
SectionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SectionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2150
|
+
SectionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SectionModule, declarations: [SectionComponent], imports: [i6.CommonModule, OasysHeadingModule, OasysImageModule, OasysLayoutModule, OasysDirectivesModule], exports: [SectionComponent] });
|
|
2151
|
+
SectionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SectionModule, providers: [TokenService], imports: [[i6.CommonModule, OasysHeadingModule, OasysImageModule, OasysLayoutModule, OasysDirectivesModule]] });
|
|
2152
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SectionModule, decorators: [{
|
|
2153
|
+
type: i0.NgModule,
|
|
2154
|
+
args: [{
|
|
2155
|
+
declarations: [SectionComponent],
|
|
2156
|
+
imports: [i6.CommonModule, OasysHeadingModule, OasysImageModule, OasysLayoutModule, OasysDirectivesModule],
|
|
2157
|
+
exports: [SectionComponent],
|
|
2158
|
+
providers: [TokenService]
|
|
2159
|
+
}]
|
|
2160
|
+
}] });
|
|
2161
|
+
|
|
2162
|
+
/* This component wraps around the swiper.js library WebComponent */
|
|
2163
|
+
var CarouselComponent = /** @class */ (function () {
|
|
2164
|
+
function CarouselComponent(tokenService, document, element) {
|
|
2165
|
+
this.tokenService = tokenService;
|
|
2166
|
+
this.document = document;
|
|
2167
|
+
this.element = element;
|
|
2168
|
+
// Rewinds the slides back to the start when the user reaches the end when set to true
|
|
2169
|
+
this.rewind = false;
|
|
2170
|
+
this.carousel_overflow = false;
|
|
2171
|
+
this.carousel_gap = 'default';
|
|
2172
|
+
this.carousel_pagination = 'none';
|
|
2173
|
+
this.carousel_align = 'start';
|
|
2174
|
+
this.carousel_slides_per_view_desktop = 4;
|
|
2175
|
+
this.carousel_slides_per_view_laptop = 3;
|
|
2176
|
+
this.carousel_slides_per_view_tablet = 2.5;
|
|
2177
|
+
this.carousel_slides_per_view_mobile = 1.25;
|
|
2178
|
+
// register swiper custom elements
|
|
2179
|
+
bundle.register();
|
|
2180
|
+
}
|
|
2181
|
+
CarouselComponent.prototype.ngOnInit = function () {
|
|
2182
|
+
// Initialise swiper
|
|
2183
|
+
this.initSwiper();
|
|
2184
|
+
};
|
|
2185
|
+
CarouselComponent.prototype.ngAfterViewInit = function () {
|
|
2186
|
+
this.setupScrollbarLayoutProperties();
|
|
2187
|
+
};
|
|
2188
|
+
CarouselComponent.prototype.getStyle = function (element, style) {
|
|
2189
|
+
return this.document.defaultView.getComputedStyle(element, null).getPropertyValue(style);
|
|
2190
|
+
};
|
|
2191
|
+
/**
|
|
2192
|
+
* Set the scrollbar placement and width based on carouselscrollbarplaceholder and carouselctastack
|
|
2193
|
+
*/
|
|
2194
|
+
CarouselComponent.prototype.setupScrollbarLayoutProperties = function () {
|
|
2195
|
+
if (this.carousel_pagination !== 'scroll-arrows') {
|
|
2196
|
+
return;
|
|
2197
|
+
}
|
|
2198
|
+
var carouselStack = this.carouselctastack.nativeElement;
|
|
2199
|
+
var scrollbarElement = this.carouselscrollbarplaceholder.nativeElement;
|
|
2200
|
+
var scrollbarHeight = this.document.defaultView.getComputedStyle(document.documentElement).getPropertyValue("--swiper-scrollbar-size");
|
|
2201
|
+
this.element.nativeElement.style.setProperty("--ui-carousel-scrollbar-width", scrollbarElement.offsetWidth - parseInt(this.getStyle(carouselStack, 'gap'), 10) + "px");
|
|
2202
|
+
this.element.nativeElement.style.setProperty("--ui-carousel-scrollbar-offset-top", parseInt(this.getStyle(carouselStack, 'gap'), 10) + (scrollbarElement.offsetHeight / 2) + (parseInt(scrollbarHeight, 10) / 2) + "px");
|
|
2203
|
+
};
|
|
2204
|
+
/**
|
|
2205
|
+
* Set the dynamic swiper params and initialise the swiper instance
|
|
2206
|
+
*/
|
|
2207
|
+
CarouselComponent.prototype.initSwiper = function () {
|
|
2208
|
+
var _this = this;
|
|
2209
|
+
// Colour overides
|
|
2210
|
+
var scrollbarBackgroundColour = this.tokenService.getTokenValue('--global-color-linen-grey-20');
|
|
2211
|
+
var scrollbarSliderColour = this.tokenService.getTokenValue('--global-color-grey-90');
|
|
2212
|
+
// swiper element
|
|
2213
|
+
var swiperEl = this.swiper.nativeElement;
|
|
2214
|
+
var carouselGap = this.tokenService.getTokenValue("--semantic-spacing-stack-" + this.carousel_gap);
|
|
2215
|
+
// swiper parameters
|
|
2216
|
+
var swiperParams = {
|
|
2217
|
+
rewind: this.rewind,
|
|
2218
|
+
grabCursor: true,
|
|
2219
|
+
spaceBetween: (parseInt(carouselGap, 10) * 10) || 0,
|
|
2220
|
+
scrollbar: {
|
|
2221
|
+
enabled: this.carousel_pagination === 'scroll-arrows',
|
|
2222
|
+
draggable: true,
|
|
2223
|
+
},
|
|
2224
|
+
injectStyles: [
|
|
2225
|
+
"\n .swiper-scrollbar.swiper-scrollbar-horizontal {\n position: relative;\n top: var(--ui-carousel-scrollbar-offset-top);\n width: var(--ui-carousel-scrollbar-width);\n height: 2px;\n background: " + scrollbarBackgroundColour + "\n }\n\n .swiper-scrollbar-drag {\n background: " + scrollbarSliderColour + "\n }\n\n .swiper-wrapper {\n align-items: " + (this.carousel_align === 'center' ? this.carousel_align : 'flex-' + this.carousel_align) + "\n }\n ",
|
|
2226
|
+
],
|
|
2227
|
+
breakpoints: {
|
|
2228
|
+
0: {
|
|
2229
|
+
scrollbar: {
|
|
2230
|
+
enabled: this.carousel_pagination === 'scroll-arrows',
|
|
2231
|
+
draggable: true
|
|
2232
|
+
},
|
|
2233
|
+
slidesPerView: this.carousel_slides_per_view_mobile
|
|
2234
|
+
},
|
|
2235
|
+
767: {
|
|
2236
|
+
scrollbar: {
|
|
2237
|
+
enabled: this.carousel_pagination === 'scroll-arrows',
|
|
2238
|
+
draggable: true
|
|
2239
|
+
},
|
|
2240
|
+
slidesPerView: this.carousel_slides_per_view_tablet
|
|
2241
|
+
},
|
|
2242
|
+
1080: {
|
|
2243
|
+
scrollbar: {
|
|
2244
|
+
enabled: this.carousel_pagination === 'scroll-arrows',
|
|
2245
|
+
draggable: true
|
|
2246
|
+
},
|
|
2247
|
+
slidesPerView: this.carousel_slides_per_view_laptop
|
|
2248
|
+
},
|
|
2249
|
+
1440: {
|
|
2250
|
+
scrollbar: {
|
|
2251
|
+
enabled: this.carousel_pagination === 'scroll-arrows',
|
|
2252
|
+
draggable: true
|
|
2253
|
+
},
|
|
2254
|
+
slidesPerView: this.carousel_slides_per_view_desktop
|
|
2255
|
+
}
|
|
2256
|
+
},
|
|
2257
|
+
on: {},
|
|
2258
|
+
};
|
|
2259
|
+
// now we need to assign all parameters to the Swiper element
|
|
2260
|
+
Object.assign(swiperEl, swiperParams);
|
|
2261
|
+
// and now initialize it
|
|
2262
|
+
swiperEl.initialize();
|
|
2263
|
+
swiperEl.addEventListener('resize', function () {
|
|
2264
|
+
_this.setupScrollbarLayoutProperties();
|
|
2265
|
+
});
|
|
2266
|
+
};
|
|
2267
|
+
/**
|
|
2268
|
+
* Move the carousel on to the next slide
|
|
2269
|
+
*/
|
|
2270
|
+
CarouselComponent.prototype.nextSlide = function () {
|
|
2271
|
+
this.swiper.nativeElement.swiper.slideNext();
|
|
2272
|
+
};
|
|
2273
|
+
/**
|
|
2274
|
+
* Move the carousel back to the previous slide
|
|
2275
|
+
*/
|
|
2276
|
+
CarouselComponent.prototype.previousSlide = function () {
|
|
2277
|
+
this.swiper.nativeElement.swiper.slidePrev();
|
|
2278
|
+
};
|
|
2279
|
+
return CarouselComponent;
|
|
2280
|
+
}());
|
|
2281
|
+
CarouselComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CarouselComponent, deps: [{ token: TokenService }, { token: i6.DOCUMENT }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2282
|
+
CarouselComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CarouselComponent, selector: "ui-carousel", inputs: { rewind: "rewind", carousel_overflow: "carousel_overflow", carousel_gap: "carousel_gap", carousel_pagination: "carousel_pagination", carousel_align: "carousel_align", 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" }, viewQueries: [{ propertyName: "swiper", first: true, predicate: ["swiper"], descendants: true, static: true }, { propertyName: "carouselscrollbarplaceholder", first: true, predicate: ["carouselscrollbarplaceholder"], descendants: true, read: i0.ElementRef }, { propertyName: "carouselctastack", first: true, predicate: ["carouselctastack"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<ui-box\nclass=\"ui-carousel\"\n[ngClass]=\"{'ui-carousel-overflow': carousel_overflow}\"\nbox_align_y=\"center\"\nbox_space=\"none\"\nbox_content_fill_width=\"true\">\n\n <ui-stack #carouselctastack>\n <!-- Swiper WebComponent-->\n <swiper-container\n #swiper\n init=\"false\"\n center-insufficient-slides=\"true\"\n prevent-clicks-propagation=\"true\">\n <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack stack_direction=\"x\" stack_align=\"center\" *ngIf=\"carousel_pagination === 'scroll-arrows'\">\n <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n <ui-box box_space=\"none\" box_fill_mode=\"fit\" [box_space_right]=\"{mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none'}\">\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\">\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"secondary\"\n (clicked)=\"previousSlide()\">\n <span #buttontext>Prevous slide</span>\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 (clicked)=\"nextSlide()\">\n <span #buttontext>Next slide</span>\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 swiper-container{width:100%}.ui-carousel.ui-carousel-overflow swiper-container{overflow:visible!important}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }], directives: [{ type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
2283
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CarouselComponent, decorators: [{
|
|
2284
|
+
type: i0.Component,
|
|
2285
|
+
args: [{
|
|
2286
|
+
selector: 'ui-carousel',
|
|
2287
|
+
templateUrl: './carousel.component.html',
|
|
2288
|
+
styleUrls: ['./carousel.component.scss'],
|
|
2289
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
2290
|
+
}]
|
|
2291
|
+
}], ctorParameters: function () {
|
|
2292
|
+
return [{ type: TokenService }, { type: Document, decorators: [{
|
|
2293
|
+
type: i0.Inject,
|
|
2294
|
+
args: [i6.DOCUMENT]
|
|
2295
|
+
}] }, { type: i0__namespace.ElementRef }];
|
|
2296
|
+
}, propDecorators: { swiper: [{
|
|
2297
|
+
type: i0.ViewChild,
|
|
2298
|
+
args: ["swiper", { static: true }]
|
|
2299
|
+
}], carouselscrollbarplaceholder: [{
|
|
2300
|
+
type: i0.ViewChild,
|
|
2301
|
+
args: ["carouselscrollbarplaceholder", { static: false, read: i0.ElementRef }]
|
|
2302
|
+
}], carouselctastack: [{
|
|
2303
|
+
type: i0.ViewChild,
|
|
2304
|
+
args: ["carouselctastack", { static: false, read: i0.ElementRef }]
|
|
2305
|
+
}], rewind: [{
|
|
2306
|
+
type: i0.Input
|
|
2307
|
+
}], carousel_overflow: [{
|
|
2308
|
+
type: i0.Input
|
|
2309
|
+
}], carousel_gap: [{
|
|
2310
|
+
type: i0.Input
|
|
2311
|
+
}], carousel_pagination: [{
|
|
2312
|
+
type: i0.Input
|
|
2313
|
+
}], carousel_align: [{
|
|
2314
|
+
type: i0.Input
|
|
2315
|
+
}], carousel_slides_per_view_desktop: [{
|
|
2316
|
+
type: i0.Input
|
|
2317
|
+
}], carousel_slides_per_view_laptop: [{
|
|
2318
|
+
type: i0.Input
|
|
2319
|
+
}], carousel_slides_per_view_tablet: [{
|
|
2320
|
+
type: i0.Input
|
|
2321
|
+
}], carousel_slides_per_view_mobile: [{
|
|
2322
|
+
type: i0.Input
|
|
2323
|
+
}] } });
|
|
2324
|
+
|
|
2325
|
+
var OasysCarouselModule = /** @class */ (function () {
|
|
2326
|
+
function OasysCarouselModule() {
|
|
2327
|
+
}
|
|
2328
|
+
return OasysCarouselModule;
|
|
2329
|
+
}());
|
|
2330
|
+
OasysCarouselModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCarouselModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2331
|
+
OasysCarouselModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCarouselModule, declarations: [CarouselComponent], imports: [i6.CommonModule, OasysButtonModule, OasysLayoutModule, OasysDirectivesModule], exports: [CarouselComponent] });
|
|
2332
|
+
OasysCarouselModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCarouselModule, providers: [TokenService], imports: [[i6.CommonModule, OasysButtonModule, OasysLayoutModule, OasysDirectivesModule]] });
|
|
2333
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysCarouselModule, decorators: [{
|
|
2334
|
+
type: i0.NgModule,
|
|
2335
|
+
args: [{
|
|
2336
|
+
declarations: [CarouselComponent],
|
|
2337
|
+
imports: [i6.CommonModule, OasysButtonModule, OasysLayoutModule, OasysDirectivesModule],
|
|
2338
|
+
exports: [CarouselComponent],
|
|
2339
|
+
providers: [TokenService],
|
|
2340
|
+
schemas: [i0.CUSTOM_ELEMENTS_SCHEMA]
|
|
2341
|
+
}]
|
|
2342
|
+
}] });
|
|
2343
|
+
|
|
2344
|
+
var BannerComponent = /** @class */ (function () {
|
|
2345
|
+
function BannerComponent(tokenService) {
|
|
2346
|
+
this.tokenService = tokenService;
|
|
2347
|
+
this.background_colour = 'tint-highlight';
|
|
2348
|
+
this.cta_clicked = new i0.EventEmitter();
|
|
2349
|
+
}
|
|
2350
|
+
BannerComponent.prototype.ngOnInit = function () {
|
|
2351
|
+
this.backgroundIsDark = this.tokenService.getTokenValue("--semantic-on-dark-" + this.background_colour);
|
|
2352
|
+
};
|
|
2353
|
+
BannerComponent.prototype.onCtaClicked = function () {
|
|
2354
|
+
this.cta_clicked.emit();
|
|
2355
|
+
};
|
|
2356
|
+
return BannerComponent;
|
|
2357
|
+
}());
|
|
2358
|
+
BannerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BannerComponent, deps: [{ token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2359
|
+
BannerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: BannerComponent, selector: "ui-banner", inputs: { background_colour: "background_colour", cta_text: "cta_text", banner_title: "banner_title", banner_surtitle: "banner_surtitle", banner_subtitle: "banner_subtitle", cta_link: "cta_link" }, outputs: { cta_clicked: "cta_clicked" }, ngImport: i0__namespace, 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 <ui-grid grid_collapse_below=\"tablet\">\n <ui-column\n [columns]=\"{mobile: '12', tablet: '10', laptop: '8', desktop: '8'}\"\n [column_inset]=\"{mobile: '0', tablet: '1', laptop: '2', desktop: '2'}\"\n class=\"ui-banner__content\">\n <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_distribute=\"space-between\" stack_align=\"center\" stack_gap=\"near\">\n <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_align=\"center\" stack_gap=\"near\">\n <!-- This is a stack as the icon will go here above the ui-heading -->\n <ui-heading\n *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n heading_type=\"functional-primary\"\n [heading_title]=\"banner_title\"\n [heading_surtitle]=\"banner_surtitle\"\n [heading_subtitle]=\"banner_subtitle\">\n </ui-heading>\n </ui-stack>\n <ui-button\n *ngIf=\"cta_text\"\n bwtrackas=\"oasys.hva-banner.cta\"\n button_size=\"large\"\n [button_type]=\"backgroundIsDark === 'on-dark' ? 'primary-inverse' : 'primary'\"\n [href]=\"cta_link\"\n (clicked)=\"onCtaClicked()\">\n <span #buttontext>{{cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (max-width: 767px){.ui-banner__content{padding:0 var(--semantic-spacing-stack-default)}}.ui-banner__content .content__stack{flex-direction:column;align-items:flex-start}@media only screen and (min-width: 768px){.ui-banner__content .content__stack{flex-direction:row;align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { 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"] }, { type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2360
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BannerComponent, decorators: [{
|
|
2361
|
+
type: i0.Component,
|
|
2362
|
+
args: [{
|
|
2363
|
+
selector: 'ui-banner',
|
|
2364
|
+
templateUrl: './banner.component.html',
|
|
2365
|
+
styleUrls: ['./banner.component.scss']
|
|
2366
|
+
}]
|
|
2367
|
+
}], ctorParameters: function () { return [{ type: TokenService }]; }, propDecorators: { background_colour: [{
|
|
2368
|
+
type: i0.Input
|
|
2369
|
+
}], cta_text: [{
|
|
2370
|
+
type: i0.Input
|
|
2371
|
+
}], banner_title: [{
|
|
2372
|
+
type: i0.Input
|
|
2373
|
+
}], banner_surtitle: [{
|
|
2374
|
+
type: i0.Input
|
|
2375
|
+
}], banner_subtitle: [{
|
|
2376
|
+
type: i0.Input
|
|
2377
|
+
}], cta_link: [{
|
|
2378
|
+
type: i0.Input
|
|
2379
|
+
}], cta_clicked: [{
|
|
2380
|
+
type: i0.Output
|
|
2381
|
+
}] } });
|
|
2382
|
+
|
|
2383
|
+
var OasysBannerModule = /** @class */ (function () {
|
|
2384
|
+
function OasysBannerModule() {
|
|
2385
|
+
}
|
|
2386
|
+
return OasysBannerModule;
|
|
2387
|
+
}());
|
|
2388
|
+
OasysBannerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBannerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2389
|
+
OasysBannerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBannerModule, declarations: [BannerComponent], imports: [i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule], exports: [BannerComponent] });
|
|
2390
|
+
OasysBannerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBannerModule, providers: [TokenService], imports: [[i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule]] });
|
|
2391
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OasysBannerModule, decorators: [{
|
|
2392
|
+
type: i0.NgModule,
|
|
2393
|
+
args: [{
|
|
2394
|
+
declarations: [BannerComponent],
|
|
2395
|
+
imports: [i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule],
|
|
2396
|
+
exports: [BannerComponent],
|
|
2397
|
+
providers: [TokenService],
|
|
2398
|
+
}]
|
|
2399
|
+
}] });
|
|
2400
|
+
|
|
2401
|
+
/*
|
|
2402
|
+
* Public API Surface of oasys-lib
|
|
2403
|
+
*/
|
|
2404
|
+
|
|
2405
|
+
/**
|
|
2406
|
+
* Generated bundle index. Do not edit.
|
|
2407
|
+
*/
|
|
2408
|
+
|
|
2409
|
+
exports.BannerComponent = BannerComponent;
|
|
2410
|
+
exports.BreadcrumbsComponent = BreadcrumbsComponent;
|
|
2411
|
+
exports.CardComponent = CardComponent;
|
|
2412
|
+
exports.CarouselComponent = CarouselComponent;
|
|
2413
|
+
exports.DividerComponent = DividerComponent;
|
|
2414
|
+
exports.HeroComponent = HeroComponent;
|
|
2415
|
+
exports.IconComponent = IconComponent;
|
|
2416
|
+
exports.ImageComponent = ImageComponent;
|
|
2417
|
+
exports.LayoutBoxComponent = LayoutBoxComponent;
|
|
2418
|
+
exports.LayoutContainerComponent = LayoutContainerComponent;
|
|
2419
|
+
exports.LayoutGridColumnComponent = LayoutGridColumnComponent;
|
|
2420
|
+
exports.LayoutGridComponent = LayoutGridComponent;
|
|
2421
|
+
exports.LayoutStackComponent = LayoutStackComponent;
|
|
2422
|
+
exports.OasysAlertCancelDirective = OasysAlertCancelDirective;
|
|
2423
|
+
exports.OasysAlertComponent = OasysAlertComponent;
|
|
2424
|
+
exports.OasysAlertConfirmDirective = OasysAlertConfirmDirective;
|
|
2425
|
+
exports.OasysAlertContentDirective = OasysAlertContentDirective;
|
|
2426
|
+
exports.OasysAlertModule = OasysAlertModule;
|
|
2427
|
+
exports.OasysAlertTitleDirective = OasysAlertTitleDirective;
|
|
2428
|
+
exports.OasysBannerModule = OasysBannerModule;
|
|
2429
|
+
exports.OasysBreadcrumbModule = OasysBreadcrumbModule;
|
|
2430
|
+
exports.OasysButtonComponent = OasysButtonComponent;
|
|
2431
|
+
exports.OasysButtonGroupComponent = OasysButtonGroupComponent;
|
|
2432
|
+
exports.OasysButtonGroupModule = OasysButtonGroupModule;
|
|
2433
|
+
exports.OasysButtonModule = OasysButtonModule;
|
|
2434
|
+
exports.OasysCardModule = OasysCardModule;
|
|
2435
|
+
exports.OasysCarouselModule = OasysCarouselModule;
|
|
2436
|
+
exports.OasysDividerModule = OasysDividerModule;
|
|
2437
|
+
exports.OasysHeadingComponent = OasysHeadingComponent;
|
|
2438
|
+
exports.OasysHeadingModule = OasysHeadingModule;
|
|
2439
|
+
exports.OasysHeroModule = OasysHeroModule;
|
|
2440
|
+
exports.OasysIconModule = OasysIconModule;
|
|
2441
|
+
exports.OasysImageModule = OasysImageModule;
|
|
2442
|
+
exports.OasysLayoutModule = OasysLayoutModule;
|
|
2443
|
+
exports.OasysSeoBlockModule = OasysSeoBlockModule;
|
|
2444
|
+
exports.OasysTextModule = OasysTextModule;
|
|
2445
|
+
exports.ROUTING_HANDLER = ROUTING_HANDLER;
|
|
2446
|
+
exports.SectionComponent = SectionComponent;
|
|
2447
|
+
exports.SectionModule = SectionModule;
|
|
2448
|
+
exports.SeoBlockComponent = SeoBlockComponent;
|
|
2449
|
+
exports.TextComponent = TextComponent;
|
|
2450
|
+
|
|
2451
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2452
|
+
|
|
2453
|
+
}));
|
|
2454
|
+
//# sourceMappingURL=oasys-lib.umd.js.map
|