oasys-lib 2.11.1 → 2.13.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/oasys-lib.mjs +36 -33
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/banner/index.d.ts +2 -0
- package/lib/components/banner/index.d.ts.map +1 -1
- package/lib/components/button/button.component.d.ts +5 -5
- package/lib/components/button/button.component.d.ts.map +1 -1
- package/lib/components/card/index.d.ts +2 -0
- package/lib/components/card/index.d.ts.map +1 -1
- package/lib/components/carousel/index.d.ts +2 -0
- package/lib/components/carousel/index.d.ts.map +1 -1
- package/lib/components/divider/index.d.ts +2 -0
- package/lib/components/divider/index.d.ts.map +1 -1
- package/lib/components/form/checkbox/index.d.ts +2 -0
- package/lib/components/form/checkbox/index.d.ts.map +1 -1
- package/lib/components/form/chip/index.d.ts +2 -0
- package/lib/components/form/chip/index.d.ts.map +1 -1
- package/lib/components/form/combobox/index.d.ts +2 -0
- package/lib/components/form/combobox/index.d.ts.map +1 -1
- package/lib/components/form/errors/index.d.ts +2 -0
- package/lib/components/form/errors/index.d.ts.map +1 -1
- package/lib/components/form/form-group/index.d.ts +3 -1
- package/lib/components/form/form-group/index.d.ts.map +1 -1
- package/lib/components/form/radio/index.d.ts +2 -0
- package/lib/components/form/radio/index.d.ts.map +1 -1
- package/lib/components/hero/index.d.ts +2 -0
- package/lib/components/hero/index.d.ts.map +1 -1
- package/lib/components/icon/index.d.ts +2 -0
- package/lib/components/icon/index.d.ts.map +1 -1
- package/lib/components/image/index.d.ts +2 -0
- package/lib/components/image/index.d.ts.map +1 -1
- package/lib/components/label/index.d.ts +2 -0
- package/lib/components/label/index.d.ts.map +1 -1
- package/lib/components/layout/box/box.component.d.ts +2 -1
- package/lib/components/layout/box/box.component.d.ts.map +1 -1
- package/lib/components/layout/index.d.ts +10 -0
- package/lib/components/layout/index.d.ts.map +1 -1
- package/lib/components/navigation/breadcrumbs/index.d.ts +2 -0
- package/lib/components/navigation/breadcrumbs/index.d.ts.map +1 -1
- package/lib/components/progress-bar/index.d.ts +2 -0
- package/lib/components/progress-bar/index.d.ts.map +1 -1
- package/lib/components/promo-card/index.d.ts +2 -0
- package/lib/components/promo-card/index.d.ts.map +1 -1
- package/lib/components/section/index.d.ts +2 -0
- package/lib/components/section/index.d.ts.map +1 -1
- package/lib/components/select-card/index.d.ts +2 -0
- package/lib/components/select-card/index.d.ts.map +1 -1
- package/lib/components/seo-block/index.d.ts +2 -0
- package/lib/components/seo-block/index.d.ts.map +1 -1
- package/lib/components/text/index.d.ts +2 -0
- package/lib/components/text/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
- package/src/assets/global/state-focus.scss +5 -10
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -195,6 +195,7 @@ class LayoutBoxComponent {
|
|
|
195
195
|
changes;
|
|
196
196
|
tokenService;
|
|
197
197
|
box_space = 'default';
|
|
198
|
+
box_role;
|
|
198
199
|
box_space_top;
|
|
199
200
|
box_space_right;
|
|
200
201
|
box_space_bottom;
|
|
@@ -333,15 +334,17 @@ class LayoutBoxComponent {
|
|
|
333
334
|
}
|
|
334
335
|
}
|
|
335
336
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
336
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
337
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_role: "box_role", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
337
338
|
}
|
|
338
339
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBoxComponent, decorators: [{
|
|
339
340
|
type: Component,
|
|
340
|
-
args: [{ selector: 'ui-box', template: '<div class="ui-box-content"><ng-content></ng-content></div>', host: {
|
|
341
|
+
args: [{ selector: 'ui-box', template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', host: {
|
|
341
342
|
'[class]': 'boxLayoutClasses',
|
|
342
343
|
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [TokenService], styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"] }]
|
|
343
344
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TokenService }], propDecorators: { box_space: [{
|
|
344
345
|
type: Input
|
|
346
|
+
}], box_role: [{
|
|
347
|
+
type: Input
|
|
345
348
|
}], box_space_top: [{
|
|
346
349
|
type: Input
|
|
347
350
|
}], box_space_right: [{
|
|
@@ -470,11 +473,11 @@ class IconComponent {
|
|
|
470
473
|
});
|
|
471
474
|
}
|
|
472
475
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IconComponent, deps: [{ token: DOCUMENT }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
473
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IconComponent, isStandalone: true, selector: "ui-icon", inputs: { icon_size: "icon_size", icon_size_override: "icon_size_override", icon_name: "icon_name", icon_context: "icon_context", alt_text: "alt_text", icon_class: "icon_class" }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
476
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IconComponent, isStandalone: true, selector: "ui-icon", inputs: { icon_size: "icon_size", icon_size_override: "icon_size_override", icon_name: "icon_name", icon_context: "icon_context", alt_text: "alt_text", icon_class: "icon_class" }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"alt_text.length > 0 ? 'img' : 'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
474
477
|
}
|
|
475
478
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IconComponent, decorators: [{
|
|
476
479
|
type: Component,
|
|
477
|
-
args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, NgClass], providers: [TokenService], template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"] }]
|
|
480
|
+
args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, NgClass], providers: [TokenService], template: "<div *ngIf=\"iconPath\" class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"iconSizeInPixels\"\n [attr.height]=\"iconSizeInPixels\"\n [attr.class]=\"icon_class\"\n [attr.alt]=\"alt_text\"\n [attr.role]=\"alt_text.length > 0 ? 'img' : 'presentation'\"\n >\n <use [attr.xlink:href]=\"iconPath\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"] }]
|
|
478
481
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
479
482
|
type: Inject,
|
|
480
483
|
args: [DOCUMENT]
|
|
@@ -572,7 +575,7 @@ class OasysButtonComponent {
|
|
|
572
575
|
this.computedButtonDisplayClasses = this.buttonDisplayClasses();
|
|
573
576
|
}
|
|
574
577
|
ngAfterViewInit() {
|
|
575
|
-
if (!this.aria_label && !this.ngContent && !this.elementRef.
|
|
578
|
+
if (!this.aria_label && !this.ngContent && !this.elementRef?.nativeElement.innerText.length) {
|
|
576
579
|
throw new Error(`
|
|
577
580
|
No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, \
|
|
578
581
|
this includes icon-only buttons.
|
|
@@ -589,10 +592,10 @@ class OasysButtonComponent {
|
|
|
589
592
|
if (this.aria_label) {
|
|
590
593
|
return this.aria_label;
|
|
591
594
|
}
|
|
592
|
-
else if (this.ngContent
|
|
595
|
+
else if (this.ngContent?.nativeElement.innerText.length) {
|
|
593
596
|
return this.ngContent.nativeElement.innerText;
|
|
594
597
|
}
|
|
595
|
-
else if (!this.ngContent && this.elementRef.
|
|
598
|
+
else if (!this.ngContent && this.elementRef?.nativeElement.innerText.length) {
|
|
596
599
|
return this.elementRef.nativeElement.innerText;
|
|
597
600
|
}
|
|
598
601
|
return '';
|
|
@@ -600,13 +603,13 @@ class OasysButtonComponent {
|
|
|
600
603
|
buttonDisplayClasses = () => [
|
|
601
604
|
`type-${this.button_type}`,
|
|
602
605
|
`size-${this.button_size}`,
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
606
|
+
this.button_icon ? 'button--has-icon' : '',
|
|
607
|
+
this.button_text_nowrap ? 'button--nowrap' : '',
|
|
608
|
+
this.button_full_width ? 'button--full-width' : '',
|
|
609
|
+
this.button_icon ? 'button--icon--' + this.button_icon_placement : '',
|
|
610
|
+
this.outlineButtonTypes.includes(this.button_type) ? 'button--outline' : '',
|
|
611
|
+
this.button_selected ? 'button--selected' : '',
|
|
612
|
+
this.button_type === 'chip' ? 'button--chip' : '',
|
|
610
613
|
].filter(Boolean);
|
|
611
614
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
612
615
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: OasysButtonComponent, isStandalone: true, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -751,7 +754,7 @@ class OasysAlertComponent {
|
|
|
751
754
|
return true;
|
|
752
755
|
}
|
|
753
756
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: OasysAlertComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
754
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: OasysAlertComponent, isStandalone: true, selector: "ui-alert", inputs: { direction: "direction", tone: "tone", aria_live: "aria_live", button_size: "button_size" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], viewQueries: [{ propertyName: "cancelbuttoncontainer", first: true, predicate: ["cancelbuttoncontainer"], descendants: true, read: ElementRef }, { propertyName: "alertHost", first: true, predicate: ["alertHost"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack\n #alertHost\n class=\"content\"\n stack_direction=\"y\"\n role=\"alert\"\n [attr.aria-live]=\"cancelButton ? 'off' : aria_live\"\n [tabindex]=\"cancelButton ? -1 : 0\"\n >\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack\n [stack_wrap]=\"isVertical\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_distribute=\"end\"\n >\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n #cancelbuttoncontainer\n button_type=\"tertiary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}.ui-alert .content:focus{outline:unset}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
757
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: OasysAlertComponent, isStandalone: true, selector: "ui-alert", inputs: { direction: "direction", tone: "tone", aria_live: "aria_live", button_size: "button_size" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], viewQueries: [{ propertyName: "cancelbuttoncontainer", first: true, predicate: ["cancelbuttoncontainer"], descendants: true, read: ElementRef }, { propertyName: "alertHost", first: true, predicate: ["alertHost"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack\n #alertHost\n class=\"content\"\n stack_direction=\"y\"\n role=\"alert\"\n [attr.aria-live]=\"cancelButton ? 'off' : aria_live\"\n [tabindex]=\"cancelButton ? -1 : 0\"\n >\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack\n [stack_wrap]=\"isVertical\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n stack_distribute=\"end\"\n >\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n #cancelbuttoncontainer\n button_type=\"tertiary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n [button_size]=\"buttonSize\"\n [button_text_nowrap]=\"!isVertical\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--oasys-color-system-background-neutral)}.ui-alert.negative{background-color:var(--oasys-color-system-background-negative)}.ui-alert.positive{background-color:var(--oasys-color-system-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary);background-color:var(--oasys-color-system-foreground-neutral)}.ui-alert .badge.negative{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-alert .badge.positive{color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:var(--oasys-spacing-tiny)}.ui-alert .content:focus{outline:unset}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
755
758
|
}
|
|
756
759
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: OasysAlertComponent, decorators: [{
|
|
757
760
|
type: Component,
|
|
@@ -837,7 +840,7 @@ class BreadcrumbsComponent {
|
|
|
837
840
|
}
|
|
838
841
|
}
|
|
839
842
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
840
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BreadcrumbsComponent, isStandalone: true, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"transparent\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"false\" stack_gap=\"none\">\n <ui-button\n *ngIf=\"i < values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n <ui-icon\n *ngIf=\"i < values.length - 1\"\n icon_name=\"chevron-right\"\n icon_size=\"small\"\n icon_class=\"buttonIcon\"\n aria-hidden=\"true\"\n ></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button\n *ngIf=\"i === values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n [attr.aria-current]=\"item.name\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
843
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BreadcrumbsComponent, isStandalone: true, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"transparent\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" [stack_wrap]=\"false\" stack_gap=\"none\">\n <ui-button\n *ngIf=\"i < values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n <ui-icon\n *ngIf=\"i < values.length - 1\"\n icon_name=\"chevron-right\"\n icon_size=\"small\"\n icon_class=\"buttonIcon\"\n aria-hidden=\"true\"\n ></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button\n *ngIf=\"i === values.length - 1\"\n button_size=\"small\"\n button_type=\"tertiary\"\n href=\"{{ item.href }}\"\n [attr.aria-current]=\"item.name\"\n >\n <span> {{ item.name }} </span>\n </ui-button>\n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
841
844
|
}
|
|
842
845
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
843
846
|
type: Component,
|
|
@@ -1207,7 +1210,7 @@ class CardComponent {
|
|
|
1207
1210
|
}
|
|
1208
1211
|
}
|
|
1209
1212
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1210
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CardComponent, isStandalone: true, selector: "ui-card", inputs: { label_text: "label_text", image: "image", alt_text: "alt_text", image_format: "image_format", small_title_left: "small_title_left", small_sub_title_right: "small_sub_title_right", standard_content: "standard_content", bold_content: "bold_content" }, host: { listeners: { "window:resize": "setStackPlacement($event)" } }, providers: [TokenService], viewQueries: [{ propertyName: "imageLabel", first: true, predicate: ["imagelabel"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-card\" box_background=\"core-primary\" box_space=\"none\">\n <ui-stack stack_align=\"center\" stack_gap=\"tight\">\n <ui-box\n class=\"ui-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n </ui-box>\n <ui-stack stack_gap=\"tight\" [ngStyle]=\"{ 'margin-top': stackOffset }\">\n <ui-box\n #imagelabel\n *ngIf=\"label_text\"\n class=\"card__image-label center-content\"\n box_background=\"tint-highlight\"\n box_align_x=\"center\"\n box_align_y=\"center\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"tight\"\n box_space_top=\"tight\"\n >\n <h5>{{ label_text }}</h5>\n </ui-box>\n <ui-box\n *ngIf=\"small_title_left || small_sub_title_right\"\n [box_space_top]=\"label_text ? 'none' : 'tight'\"\n box_space=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" stack_gap=\"tight\">\n <span class=\"text-body--supporting text-color--supporting\">{{ small_title_left }}</span>\n <span class=\"text-body--supporting text-color--supporting\">{{\n small_sub_title_right\n }}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">\n {{ standard_content }}\n </p>\n <p *ngIf=\"bold_content\" class=\"text-label--primary text-body--emphasis\">{{ bold_content }}</p>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [".ui-card__image{position:relative}.ui-card__image ui-image{position:absolute;height:100%;object-fit:cover;width:100%;left:0}.ui-card .center-content{text-align:center;align-self:center}.ui-card .card__image-label{width:auto;height:auto;border-radius:var(--oasys-radius-soften);margin:0 var(--oasys-spacing-tight);text-align:center;overflow:hidden;z-index:2}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1213
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CardComponent, isStandalone: true, selector: "ui-card", inputs: { label_text: "label_text", image: "image", alt_text: "alt_text", image_format: "image_format", small_title_left: "small_title_left", small_sub_title_right: "small_sub_title_right", standard_content: "standard_content", bold_content: "bold_content" }, host: { listeners: { "window:resize": "setStackPlacement($event)" } }, providers: [TokenService], viewQueries: [{ propertyName: "imageLabel", first: true, predicate: ["imagelabel"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box class=\"ui-card\" box_background=\"core-primary\" box_space=\"none\">\n <ui-stack stack_align=\"center\" stack_gap=\"tight\">\n <ui-box\n class=\"ui-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image [image_src]=\"image\" [image_alt_text]=\"alt_text\" [image_fill]=\"true\"></ui-image>\n </ui-box>\n <ui-stack stack_gap=\"tight\" [ngStyle]=\"{ 'margin-top': stackOffset }\">\n <ui-box\n #imagelabel\n *ngIf=\"label_text\"\n class=\"card__image-label center-content\"\n box_background=\"tint-highlight\"\n box_align_x=\"center\"\n box_align_y=\"center\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"tight\"\n box_space_top=\"tight\"\n >\n <h5>{{ label_text }}</h5>\n </ui-box>\n <ui-box\n *ngIf=\"small_title_left || small_sub_title_right\"\n [box_space_top]=\"label_text ? 'none' : 'tight'\"\n box_space=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" stack_gap=\"tight\">\n <span class=\"text-body--supporting text-color--supporting\">{{ small_title_left }}</span>\n <span class=\"text-body--supporting text-color--supporting\">{{\n small_sub_title_right\n }}</span>\n </ui-stack>\n </ui-box>\n <p *ngIf=\"standard_content\" class=\"text-label--default center-content\">\n {{ standard_content }}\n </p>\n <p *ngIf=\"bold_content\" class=\"text-label--primary text-body--emphasis\">{{ bold_content }}</p>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [".ui-card__image{position:relative}.ui-card__image ui-image{position:absolute;height:100%;object-fit:cover;width:100%;left:0}.ui-card .center-content{text-align:center;align-self:center}.ui-card .card__image-label{width:auto;height:auto;border-radius:var(--oasys-radius-soften);margin:0 var(--oasys-spacing-tight);text-align:center;overflow:hidden;z-index:2}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1211
1214
|
}
|
|
1212
1215
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardComponent, decorators: [{
|
|
1213
1216
|
type: Component,
|
|
@@ -1257,7 +1260,7 @@ class DividerComponent {
|
|
|
1257
1260
|
: `ui-divider--type-${this.divider_type}`;
|
|
1258
1261
|
}
|
|
1259
1262
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1260
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DividerComponent, isStandalone: true, selector: "ui-divider", inputs: { divider_type: "divider_type" }, ngImport: i0, template: "<ui-box\n box_fill_mode=\"fill\"\n box_space=\"none\"\n box_background=\"core-secondary\"\n [ngClass]=\"getClass()\"\n></ui-box>\n", styles: ["ui-divider{display:block;width:100%}ui-divider ui-box.ui-divider--type-secondary:after{content:\"\";display:block;height:var(--oasys-size-unit-1);width:100%}ui-divider ui-box.ui-divider--type-primary:after{content:\"\";display:block;height:var(--oasys-size-unit-8);width:100%}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1263
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DividerComponent, isStandalone: true, selector: "ui-divider", inputs: { divider_type: "divider_type" }, ngImport: i0, template: "<ui-box\n box_fill_mode=\"fill\"\n box_space=\"none\"\n box_background=\"core-secondary\"\n [ngClass]=\"getClass()\"\n></ui-box>\n", styles: ["ui-divider{display:block;width:100%}ui-divider ui-box.ui-divider--type-secondary:after{content:\"\";display:block;height:var(--oasys-size-unit-1);width:100%}ui-divider ui-box.ui-divider--type-primary:after{content:\"\";display:block;height:var(--oasys-size-unit-8);width:100%}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1261
1264
|
}
|
|
1262
1265
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DividerComponent, decorators: [{
|
|
1263
1266
|
type: Component,
|
|
@@ -1651,7 +1654,7 @@ class TextInputComponent {
|
|
|
1651
1654
|
useExisting: forwardRef(() => TextInputComponent),
|
|
1652
1655
|
multi: true,
|
|
1653
1656
|
},
|
|
1654
|
-
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "prefaceContent", first: true, predicate: ["prefaceContent"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n <div class=\"ui-text-input\">\n <ui-stack stack_direction=\"x\">\n <div class=\"input-preface\" [attr.id]=\"'preface_' + id\" #prefaceContent>\n <ng-content select=\"[preface]\"></ng-content>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"safariAutocorrect\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"autocomplete || null\"\n [minlength]=\"minlength || null\"\n [maxlength]=\"maxlength\"\n [pattern]=\"pattern || null\"\n [required]=\"!optional\"\n [spellcheck]=\"autocorrect\"\n [type]=\"textInputType\"\n [value]=\"textValue\"\n [attr.inputmode]=\"getInputMode()\"\n [attr.aria-describedby]=\"getAriaDescribedBy()\"\n [attr.aria-label]=\"accessibleAriaLabel()\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-stack>\n <ui-stack\n class=\"label-container\"\n stack_direction=\"x\"\n [stack_distribute]=\"type === 'password' ? 'space-between' : 'start'\"\n >\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n @if (type === 'password') {\n <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\">\n @if (!showPassword) {\n <span>{{ show_password_string }}</span>\n } @else if (showPassword) {\n <span>{{ hide_password_string }}</span>\n }\n </a>\n }\n </ui-stack>\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\" [attr.id]=\"'error_' + id\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (shouldShowHint()) {\n <ui-box\n class=\"ui-text-input__hint-container\"\n [ngClass]=\"{ 'ui-text-input__hint-expanded': shouldShowHint() }\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div\n class=\"ui-text-input-hint text-body--supporting text-color--supporting\"\n [attr.id]=\"'hint_' + id\"\n >\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-text-input-container .ui-text-input input:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-body-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-body-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-text-input-container .ui-text-input input,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--oasys-spacing-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container{display:none!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-combobox,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .hint-container,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .hint-container{display:none!important}.ui-checkbox input,.ui-radio input,.ui-text-input input,.ui-combobox input{appearance:none;margin:0;border:none}.ui-checkbox input,.ui-radio input{cursor:pointer}.ui-checkbox,.ui-radio{--_inset: var(--oasys-spacing-near);--_radius: var(--oasys-radius-soften);--_transition_duration: calc(var(--oasys-animation-duration) * 1ms)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--oasys-radius-soften)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--oasys-typography-heading-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--oasys-spacing-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--oasys-component-checkbox-icon-inset);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color calc(var(--_transition_duration) * 1ms),border-color calc(var(--_transition_duration) * 1ms)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-border-selected);border-color:var(--oasys-color-interaction-border-selected);color:var(--oasys-color-brand-foreground-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--oasys-color-interaction-border-selected)!important}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--oasys-color-system-foreground-negative)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--oasys-color-system-foreground-negative)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)!important}:host{display:block;width:100%}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .ui-text-input,:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .hint-container{display:none!important}.ui-text-input-container .ui-text-input{--_label-height: var(--oasys-typography-body-supporting-line-height);--_label-input-gap: var(--oasys-spacing-tiny);--_label-top-inset: var(--oasys-spacing-near);--_input-inset-top: calc( var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset) );--_preface-width: var(--oasys-component-text-input-preface-width);position:relative;transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-text-input-container .ui-text-input,.ui-text-input-container .ui-text-input input{border-radius:var(--oasys-radius-soften);width:100%}.ui-text-input-container .ui-text-input input{padding:var(--oasys-spacing-near);padding-top:var(--_input-inset-top)}.ui-text-input-container .ui-text-input .label-container{position:absolute;top:var(--oasys-spacing-near);left:var(--oasys-spacing-near);right:var(--oasys-spacing-near);width:calc(100% - var(--oasys-spacing-near) - var(--oasys-spacing-near))}.ui-text-input-container .ui-text-input .label-container,.ui-text-input-container .ui-text-input .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-text-input-container .ui-text-input a{pointer-events:all}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) input{padding-left:var(--_left-inset)}.ui-text-input-container .ui-text-input .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-text-input-container .ui-text-input .input-preface:empty{visibility:hidden}.ui-text-input-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container .input-errors .hint-container{display:block!important}.ui-text-input-container .ui-text-input__hint-container{overflow:hidden;transition:all calc(var(--oasys-animation-duration-medium) * 1ms) ease-in-out;max-height:0;opacity:0;transform:translateY(-8px)}.ui-text-input-container .ui-text-input__hint-container.ui-text-input__hint-expanded{max-height:fit-content;opacity:1;transform:translateY(0)}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-text-input-container:has(input:disabled) input{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-text-input-container:has(input:disabled) .ui-text-input{background-color:var(--oasys-component-text-input-color-disabled-background)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
1657
|
+
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "prefaceContent", first: true, predicate: ["prefaceContent"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n <div class=\"ui-text-input\">\n <ui-stack stack_direction=\"x\">\n <div class=\"input-preface\" [attr.id]=\"'preface_' + id\" #prefaceContent>\n <ng-content select=\"[preface]\"></ng-content>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"safariAutocorrect\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"autocomplete || null\"\n [minlength]=\"minlength || null\"\n [maxlength]=\"maxlength\"\n [pattern]=\"pattern || null\"\n [required]=\"!optional\"\n [spellcheck]=\"autocorrect\"\n [type]=\"textInputType\"\n [value]=\"textValue\"\n [attr.inputmode]=\"getInputMode()\"\n [attr.aria-describedby]=\"getAriaDescribedBy()\"\n [attr.aria-label]=\"accessibleAriaLabel()\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-stack>\n <ui-stack\n class=\"label-container\"\n stack_direction=\"x\"\n [stack_distribute]=\"type === 'password' ? 'space-between' : 'start'\"\n >\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n @if (type === 'password') {\n <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\">\n @if (!showPassword) {\n <span>{{ show_password_string }}</span>\n } @else if (showPassword) {\n <span>{{ hide_password_string }}</span>\n }\n </a>\n }\n </ui-stack>\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\" [attr.id]=\"'error_' + id\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (shouldShowHint()) {\n <ui-box\n class=\"ui-text-input__hint-container\"\n [ngClass]=\"{ 'ui-text-input__hint-expanded': shouldShowHint() }\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div\n class=\"ui-text-input-hint text-body--supporting text-color--supporting\"\n [attr.id]=\"'hint_' + id\"\n >\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-text-input-container .ui-text-input input:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-body-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-body-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-text-input-container .ui-text-input input,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--oasys-spacing-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container{display:none!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-combobox,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .hint-container,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .hint-container{display:none!important}.ui-checkbox input,.ui-radio input,.ui-text-input input,.ui-combobox input{appearance:none;margin:0;border:none}.ui-checkbox input,.ui-radio input{cursor:pointer}.ui-checkbox,.ui-radio{--_inset: var(--oasys-spacing-near);--_radius: var(--oasys-radius-soften);--_transition_duration: calc(var(--oasys-animation-duration) * 1ms)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--oasys-radius-soften)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--oasys-typography-heading-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--oasys-spacing-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--oasys-component-checkbox-icon-inset);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color calc(var(--_transition_duration) * 1ms),border-color calc(var(--_transition_duration) * 1ms)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-border-selected);border-color:var(--oasys-color-interaction-border-selected);color:var(--oasys-color-brand-foreground-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--oasys-color-interaction-border-selected)!important}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--oasys-color-system-foreground-negative)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--oasys-color-system-foreground-negative)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)!important}:host{display:block;width:100%}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .ui-text-input,:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-text-input-container .hint-container{display:none!important}.ui-text-input-container .ui-text-input{--_label-height: var(--oasys-typography-body-supporting-line-height);--_label-input-gap: var(--oasys-spacing-tiny);--_label-top-inset: var(--oasys-spacing-near);--_input-inset-top: calc( var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset) );--_preface-width: var(--oasys-component-text-input-preface-width);position:relative;transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-text-input-container .ui-text-input,.ui-text-input-container .ui-text-input input{border-radius:var(--oasys-radius-soften);width:100%}.ui-text-input-container .ui-text-input input{padding:var(--oasys-spacing-near);padding-top:var(--_input-inset-top)}.ui-text-input-container .ui-text-input .label-container{position:absolute;top:var(--oasys-spacing-near);left:var(--oasys-spacing-near);right:var(--oasys-spacing-near);width:calc(100% - var(--oasys-spacing-near) - var(--oasys-spacing-near))}.ui-text-input-container .ui-text-input .label-container,.ui-text-input-container .ui-text-input .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-text-input-container .ui-text-input a{pointer-events:all}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) input{padding-left:var(--_left-inset)}.ui-text-input-container .ui-text-input .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-text-input-container .ui-text-input .input-preface:empty{visibility:hidden}.ui-text-input-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container .input-errors .hint-container{display:block!important}.ui-text-input-container .ui-text-input__hint-container{overflow:hidden;transition:all calc(var(--oasys-animation-duration-medium) * 1ms) ease-in-out;max-height:0;opacity:0;transform:translateY(-8px)}.ui-text-input-container .ui-text-input__hint-container.ui-text-input__hint-expanded{max-height:fit-content;opacity:1;transform:translateY(0)}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .ui-combobox,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .input-errors .input-errors-content,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus-within)) .hint-container,.ui-text-input-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-text-input-container:has(input:disabled) input{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-text-input-container:has(input:disabled) .ui-text-input{background-color:var(--oasys-component-text-input-color-disabled-background)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
1655
1658
|
}
|
|
1656
1659
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
1657
1660
|
type: Component,
|
|
@@ -2014,7 +2017,7 @@ class FormErrorsComponent {
|
|
|
2014
2017
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
2015
2018
|
});
|
|
2016
2019
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FormErrorsComponent, isStandalone: true, selector: "ui-form-errors", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (errorMessage()) {\n <ui-box\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"text-color--error\">{{ errorMessage() }}</div>\n </ui-box>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
2020
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FormErrorsComponent, isStandalone: true, selector: "ui-form-errors", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (errorMessage()) {\n <ui-box\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"text-color--error\">{{ errorMessage() }}</div>\n </ui-box>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
2018
2021
|
}
|
|
2019
2022
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
2020
2023
|
type: Component,
|
|
@@ -2192,7 +2195,7 @@ class HeroComponent {
|
|
|
2192
2195
|
this.heroInsetSpaceLarge = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-large');
|
|
2193
2196
|
}
|
|
2194
2197
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeroComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2195
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeroComponent, isStandalone: true, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", non_brand_background_colour: "non_brand_background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", text_on_dark_override: "text_on_dark_override", heading_level: "heading_level", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], viewQueries: [{ propertyName: "herobox", first: true, predicate: ["herobox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid\n [ngStyle]=\"{ 'min-height': min_container_height ? min_container_height + 'px' : 'auto' }\"\n grid_gap=\"none\"\n grid_collapse_below=\"tablet\"\n >\n <ui-column\n [columns]=\"5\"\n [ngClass]=\"{ 'image-left': image_left_desktop, 'image-top': image_top_mobile }\"\n >\n <ui-box\n box_fill_mode=\"fill\"\n box_align_y=\"center\"\n box_background=\"transparent\"\n [box_space]=\"{\n mobile: heroInsetSpaceSmall,\n tablet: heroInsetSpaceSmall,\n laptop: heroInsetSpaceLarge,\n desktop: heroInsetSpaceLarge,\n }\"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n stack_gap=\"default\"\n >\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true' ? true : false\n \"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\"\n [heading_level]=\"heading_level\"\n >\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'primary-inverse'\n : 'primary'\n \"\n [href]=\"href_primary_cta\"\n >\n <span>{{ primary_cta_text }}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'secondary-inverse'\n : 'secondary'\n \"\n [href]=\"href_secondary_cta\"\n >\n <span>{{ secondary_cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source\n [srcset]=\"\n image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 1440px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 1200px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 992px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 768px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\"\n media=\"(min-width: 454px)\"\n type=\"image/webp\"\n />\n <img\n fetchpriority=\"high\"\n [src]=\"image + '?w=430&h=430&fm=webp&q=75'\"\n [attr.alt]=\"alt_text\"\n width=\"100%\"\n height=\"100%\"\n style=\"object-fit: cover\"\n />\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
2198
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeroComponent, isStandalone: true, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", non_brand_background_colour: "non_brand_background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", text_on_dark_override: "text_on_dark_override", heading_level: "heading_level", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], viewQueries: [{ propertyName: "herobox", first: true, predicate: ["herobox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid\n [ngStyle]=\"{ 'min-height': min_container_height ? min_container_height + 'px' : 'auto' }\"\n grid_gap=\"none\"\n grid_collapse_below=\"tablet\"\n >\n <ui-column\n [columns]=\"5\"\n [ngClass]=\"{ 'image-left': image_left_desktop, 'image-top': image_top_mobile }\"\n >\n <ui-box\n box_fill_mode=\"fill\"\n box_align_y=\"center\"\n box_background=\"transparent\"\n [box_space]=\"{\n mobile: heroInsetSpaceSmall,\n tablet: heroInsetSpaceSmall,\n laptop: heroInsetSpaceLarge,\n desktop: heroInsetSpaceLarge,\n }\"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n stack_gap=\"default\"\n >\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true' ? true : false\n \"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\"\n [heading_level]=\"heading_level\"\n >\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'primary-inverse'\n : 'primary'\n \"\n [href]=\"href_primary_cta\"\n >\n <span>{{ primary_cta_text }}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"\n herobox.backgroundIsDark || text_on_dark_override === 'true'\n ? 'secondary-inverse'\n : 'secondary'\n \"\n [href]=\"href_secondary_cta\"\n >\n <span>{{ secondary_cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source\n [srcset]=\"\n image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 1440px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 1200px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 992px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"\n image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\n \"\n media=\"(min-width: 768px)\"\n type=\"image/webp\"\n />\n <source\n [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\"\n media=\"(min-width: 454px)\"\n type=\"image/webp\"\n />\n <img\n fetchpriority=\"high\"\n [src]=\"image + '?w=430&h=430&fm=webp&q=75'\"\n [attr.alt]=\"alt_text\"\n width=\"100%\"\n height=\"100%\"\n style=\"object-fit: cover\"\n />\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
2196
2199
|
}
|
|
2197
2200
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeroComponent, decorators: [{
|
|
2198
2201
|
type: Component,
|
|
@@ -2298,7 +2301,7 @@ class SeoBlockComponent {
|
|
|
2298
2301
|
}
|
|
2299
2302
|
}
|
|
2300
2303
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeoBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2301
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SeoBlockComponent, isStandalone: true, selector: "ui-seo-block", inputs: { heading_paragraph: "heading_paragraph", heading_links: "heading_links", main_content: "main_content", expanded_content: "expanded_content", links: "links", read_more_content_text: "read_more_content_text", read_less_content_text: "read_less_content_text", show_more_links_text: "show_more_links_text", show_less_links_text: "show_less_links_text" }, ngImport: i0, template: "<ui-box>\n <ui-grid>\n <ui-column [columns]=\"6\">\n <ui-box\n box_space=\"none\"\n [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded',\n }\"\n >\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-primary\"\n heading_title=\"{{ heading_paragraph }}\"\n ></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
|
|
2304
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SeoBlockComponent, isStandalone: true, selector: "ui-seo-block", inputs: { heading_paragraph: "heading_paragraph", heading_links: "heading_links", main_content: "main_content", expanded_content: "expanded_content", links: "links", read_more_content_text: "read_more_content_text", read_less_content_text: "read_less_content_text", show_more_links_text: "show_more_links_text", show_less_links_text: "show_less_links_text" }, ngImport: i0, template: "<ui-box>\n <ui-grid>\n <ui-column [columns]=\"6\">\n <ui-box\n box_space=\"none\"\n [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded',\n }\"\n >\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-primary\"\n heading_title=\"{{ heading_paragraph }}\"\n heading_level=\"h2\"\n ></ui-heading>\n </ui-box>\n <ui-box box_space=\"none\">\n <p>\n <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n <span\n id=\"expanded-content\"\n class=\"text-body--default\"\n class=\"ui-prose\"\n *ngIf=\"expandedContentVisible\"\n [innerHTML]=\"expanded_content\"\n ></span>\n </p>\n </ui-box>\n <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n <button\n (click)=\"showMoreContent(!expandedContentVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedContentVisible\"\n [attr.aria-controls]=\"'expanded-content'\"\n >\n {{ expandedContentVisible ? read_less_content_text : read_more_content_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"6\">\n <ui-box box_space=\"none\">\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-secondary\"\n heading_level=\"h3\"\n heading_title=\"{{ heading_links }}\"\n ></ui-heading>\n </ui-box>\n <ui-stack stack_gap=\"tight\">\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [ngStyle]=\"{ 'column-count': linksColumnsNumber }\"\n class=\"links-container text-body--supporting\"\n box_role=\"list\"\n id=\"expanded-links\"\n >\n <ng-container *ngFor=\"let link of linksValues; index as i\">\n <li>\n <ui-box\n box_space=\"none\"\n box_space_bottom=\"tight\"\n box_fill_mode=\"fit\"\n class=\"link-container\"\n [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\"\n >\n <a href=\"{{ link.href }}\">\n {{ link.name }}\n </a>\n </ui-box>\n </li>\n </ng-container>\n </ui-box>\n <ui-box\n box_space=\"none\"\n class=\"hidden-desktop hidden-tablet\"\n *ngIf=\"linksValues.length > 4\"\n >\n <button\n (click)=\"showMoreLinks(!expandedLinksVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedLinksVisible\"\n [attr.aria-controls]=\"'expanded-links'\"\n >\n {{ expandedLinksVisible ? show_less_links_text : show_more_links_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".oasys-focus-style,[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,button:focus-visible,button:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}button{all:unset;cursor:pointer;font-weight:var(--oasys-typography-body-emphasis-hero-font-weight);text-decoration:underline}.links-container{display:block}@media only screen and (max-width: 767px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2302
2305
|
}
|
|
2303
2306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SeoBlockComponent, decorators: [{
|
|
2304
2307
|
type: Component,
|
|
@@ -2313,7 +2316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2313
2316
|
NgStyle,
|
|
2314
2317
|
NgFor,
|
|
2315
2318
|
NgClass,
|
|
2316
|
-
], template: "<ui-box>\n <ui-grid>\n <ui-column [columns]=\"6\">\n <ui-box\n box_space=\"none\"\n [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded',\n }\"\n >\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-primary\"\n heading_title=\"{{ heading_paragraph }}\"\n ></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
|
|
2319
|
+
], template: "<ui-box>\n <ui-grid>\n <ui-column [columns]=\"6\">\n <ui-box\n box_space=\"none\"\n [box_space_right]=\"{\n mobile: 'none',\n tablet: 'expanded',\n laptop: 'expanded',\n desktop: 'expanded',\n }\"\n >\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-primary\"\n heading_title=\"{{ heading_paragraph }}\"\n heading_level=\"h2\"\n ></ui-heading>\n </ui-box>\n <ui-box box_space=\"none\">\n <p>\n <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n <span\n id=\"expanded-content\"\n class=\"text-body--default\"\n class=\"ui-prose\"\n *ngIf=\"expandedContentVisible\"\n [innerHTML]=\"expanded_content\"\n ></span>\n </p>\n </ui-box>\n <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n <button\n (click)=\"showMoreContent(!expandedContentVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedContentVisible\"\n [attr.aria-controls]=\"'expanded-content'\"\n >\n {{ expandedContentVisible ? read_less_content_text : read_more_content_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column [columns]=\"6\">\n <ui-box box_space=\"none\">\n <ui-stack stack_gap=\"near\">\n <ui-box box_space=\"none\">\n <ui-heading\n heading_type=\"functional-secondary\"\n heading_level=\"h3\"\n heading_title=\"{{ heading_links }}\"\n ></ui-heading>\n </ui-box>\n <ui-stack stack_gap=\"tight\">\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [ngStyle]=\"{ 'column-count': linksColumnsNumber }\"\n class=\"links-container text-body--supporting\"\n box_role=\"list\"\n id=\"expanded-links\"\n >\n <ng-container *ngFor=\"let link of linksValues; index as i\">\n <li>\n <ui-box\n box_space=\"none\"\n box_space_bottom=\"tight\"\n box_fill_mode=\"fit\"\n class=\"link-container\"\n [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\"\n >\n <a href=\"{{ link.href }}\">\n {{ link.name }}\n </a>\n </ui-box>\n </li>\n </ng-container>\n </ui-box>\n <ui-box\n box_space=\"none\"\n class=\"hidden-desktop hidden-tablet\"\n *ngIf=\"linksValues.length > 4\"\n >\n <button\n (click)=\"showMoreLinks(!expandedLinksVisible)\"\n class=\"text-link text-link--standalone\"\n [attr.aria-expanded]=\"expandedLinksVisible\"\n [attr.aria-controls]=\"'expanded-links'\"\n >\n {{ expandedLinksVisible ? show_less_links_text : show_more_links_text }}\n </button>\n </ui-box>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".oasys-focus-style,[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,button:focus-visible,button:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}button{all:unset;cursor:pointer;font-weight:var(--oasys-typography-body-emphasis-hero-font-weight);text-decoration:underline}.links-container{display:block}@media only screen and (max-width: 767px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"] }]
|
|
2317
2320
|
}], propDecorators: { heading_paragraph: [{
|
|
2318
2321
|
type: Input
|
|
2319
2322
|
}], heading_links: [{
|
|
@@ -2437,7 +2440,7 @@ class SectionComponent {
|
|
|
2437
2440
|
}
|
|
2438
2441
|
}
|
|
2439
2442
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SectionComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2440
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SectionComponent, isStandalone: true, selector: "ui-section", inputs: { brand_background_colour: "brand_background_colour", non_brand_background_colour: "non_brand_background_colour", text_on_dark_override: "text_on_dark_override", image_on_left: "image_on_left", section_type: "section_type", heading_title: "heading_title", heading_subtitle: "heading_subtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n id=\"ui-box-{{ uiBoxId }}\"\n [box_background]=\"brand_background_colour\"\n [box_space_left]=\"section_type === 'spotlight' && !image_on_left ? 'none' : undefined\"\n [box_space_right]=\"section_type === 'spotlight' && image_on_left ? 'none' : undefined\"\n [box_space]=\"\n section_type === 'spotlight'\n ? 'none'\n : {\n mobile: containerInsetSpaceSmall,\n tablet: containerInsetSpaceLarge,\n laptop: containerInsetSpaceLarge,\n desktop: containerInsetSpaceLarge,\n }\n \"\n>\n <ui-grid [grid_gap]=\"section_type === 'spotlight' ? 'none' : 'default'\">\n <ui-column\n [columns]=\"6\"\n [ngClass]=\"{ 'image-left': image_on_left, 'image-top-mobile': image_on_left }\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\" box_align_y=\"center\">\n <ui-image\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"imageAspectRatio\"\n ></ui-image>\n </ui-box>\n </ui-column>\n\n <ui-column [columns]=\"6\">\n <ui-box\n [box_background]=\"brand_background_colour\"\n box_align_y=\"center\"\n [box_space]=\"\n section_type === 'spotlight'\n ? {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceLarge,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n : {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceSmall,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n \"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n [stack_wrap]=\"true\"\n >\n <ui-heading\n [heading_type]=\"section_type === 'spotlight' ? 'primary' : 'functional-primary'\"\n [heading_title]=\"heading_title\"\n [heading_subtitle]=\"heading_subtitle\"\n >\n </ui-heading>\n\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"start\"\n [stack_distribute]=\"section_type === 'spotlight' ? 'center' : 'start'\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <a\n class=\"text-link text-link--standalone\"\n [href]=\"href_primary_cta\"\n bwtrackas=\"oasys.story-block.primary-cta\"\n >{{ primary_cta_text }}</a\n >\n <a\n *ngIf=\"section_type !== 'spotlight'\"\n class=\"text-link text-link--standalone\"\n [href]=\"href_secondary_cta\"\n bwtrackas=\"oasys.story-block.secondary-cta\"\n >{{ secondary_cta_text }}</a\n >\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["ui-grid ui-column img{width:100%;display:block}ui-grid .image-left{order:1}@media only screen and (max-width: 767px){ui-grid .image-top-mobile{order:0}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2443
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SectionComponent, isStandalone: true, selector: "ui-section", inputs: { brand_background_colour: "brand_background_colour", non_brand_background_colour: "non_brand_background_colour", text_on_dark_override: "text_on_dark_override", image_on_left: "image_on_left", section_type: "section_type", heading_title: "heading_title", heading_subtitle: "heading_subtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n id=\"ui-box-{{ uiBoxId }}\"\n [box_background]=\"brand_background_colour\"\n [box_space_left]=\"section_type === 'spotlight' && !image_on_left ? 'none' : undefined\"\n [box_space_right]=\"section_type === 'spotlight' && image_on_left ? 'none' : undefined\"\n [box_space]=\"\n section_type === 'spotlight'\n ? 'none'\n : {\n mobile: containerInsetSpaceSmall,\n tablet: containerInsetSpaceLarge,\n laptop: containerInsetSpaceLarge,\n desktop: containerInsetSpaceLarge,\n }\n \"\n>\n <ui-grid [grid_gap]=\"section_type === 'spotlight' ? 'none' : 'default'\">\n <ui-column\n [columns]=\"6\"\n [ngClass]=\"{ 'image-left': image_on_left, 'image-top-mobile': image_on_left }\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\" box_align_y=\"center\">\n <ui-image\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"imageAspectRatio\"\n ></ui-image>\n </ui-box>\n </ui-column>\n\n <ui-column [columns]=\"6\">\n <ui-box\n [box_background]=\"brand_background_colour\"\n box_align_y=\"center\"\n [box_space]=\"\n section_type === 'spotlight'\n ? {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceLarge,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n : {\n mobile: contentInsetSpaceSmall,\n tablet: contentInsetSpaceSmall,\n laptop: contentInsetSpaceLarge,\n desktop: contentInsetSpaceLarge,\n }\n \"\n >\n <ui-stack\n stack_direction=\"y\"\n stack_align=\"center\"\n stack_distribute=\"center\"\n [stack_wrap]=\"true\"\n >\n <ui-heading\n [heading_type]=\"section_type === 'spotlight' ? 'primary' : 'functional-primary'\"\n [heading_title]=\"heading_title\"\n [heading_subtitle]=\"heading_subtitle\"\n >\n </ui-heading>\n\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"start\"\n [stack_distribute]=\"section_type === 'spotlight' ? 'center' : 'start'\"\n [stack_wrap]=\"true\"\n stack_gap=\"near\"\n >\n <a\n class=\"text-link text-link--standalone\"\n [href]=\"href_primary_cta\"\n bwtrackas=\"oasys.story-block.primary-cta\"\n >{{ primary_cta_text }}</a\n >\n <a\n *ngIf=\"section_type !== 'spotlight'\"\n class=\"text-link text-link--standalone\"\n [href]=\"href_secondary_cta\"\n bwtrackas=\"oasys.story-block.secondary-cta\"\n >{{ secondary_cta_text }}</a\n >\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["ui-grid ui-column img{width:100%;display:block}ui-grid .image-left{order:1}@media only screen and (max-width: 767px){ui-grid .image-top-mobile{order:0}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2441
2444
|
}
|
|
2442
2445
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SectionComponent, decorators: [{
|
|
2443
2446
|
type: Component,
|
|
@@ -2718,7 +2721,7 @@ class CarouselComponent {
|
|
|
2718
2721
|
this.activeIndexOnSlideChange.emit(swiper.activeIndex);
|
|
2719
2722
|
}
|
|
2720
2723
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselComponent, deps: [{ token: TokenService }, { token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2721
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselComponent, isStandalone: true, selector: "ui-carousel", inputs: { rewind: "rewind", carousel_overflow: "carousel_overflow", carousel_gap: "carousel_gap", carousel_pagination: "carousel_pagination", carousel_slides_per_view_desktop: "carousel_slides_per_view_desktop", carousel_slides_per_view_laptop: "carousel_slides_per_view_laptop", carousel_slides_per_view_tablet: "carousel_slides_per_view_tablet", carousel_slides_per_view_mobile: "carousel_slides_per_view_mobile", text_for_left_arrow: "text_for_left_arrow", text_for_right_arrow: "text_for_right_arrow", carousel_rows_per_row_mobile: "carousel_rows_per_row_mobile", carousel_loading: "carousel_loading", carousel_free_mode: "carousel_free_mode", center_insufficient_slides: "center_insufficient_slides", center_active_slide: "center_active_slide", start_slide: "start_slide", offset_scrollbar_top: "offset_scrollbar_top" }, outputs: { activeIndexOnSlideChange: "activeIndexOnSlideChange" }, providers: [TokenService], viewQueries: [{ propertyName: "swiper", first: true, predicate: ["swiper"], descendants: true, static: true }, { propertyName: "carouselscrollbarplaceholder", first: true, predicate: ["carouselscrollbarplaceholder"], descendants: true, read: ElementRef }, { propertyName: "carouselctastack", first: true, predicate: ["carouselctastack"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box\n class=\"ui-carousel\"\n [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n box_align_y=\"center\"\n box_space=\"none\"\n [box_content_fill_width]=\"true\"\n box_background=\"transparent\"\n>\n <ui-stack #carouselctastack>\n <!-- Custom navigation buttons -->\n <ui-stack\n *ngIf=\"carousel_pagination === 'small-arrows'\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_distribute=\"end\"\n >\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n box_space_bottom=\"none\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <div\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n class=\"ui-carousel__small-arrows\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </div>\n </ui-box>\n </ui-stack>\n\n <!-- Swiper WebComponent-->\n <swiper-container\n #swiper\n init=\"false\"\n touch-start-prevent-default=\"false\"\n prevent-clicks-propagation=\"true\"\n >\n <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n >\n <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n <ui-box\n *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width: 767px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2724
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CarouselComponent, isStandalone: true, selector: "ui-carousel", inputs: { rewind: "rewind", carousel_overflow: "carousel_overflow", carousel_gap: "carousel_gap", carousel_pagination: "carousel_pagination", carousel_slides_per_view_desktop: "carousel_slides_per_view_desktop", carousel_slides_per_view_laptop: "carousel_slides_per_view_laptop", carousel_slides_per_view_tablet: "carousel_slides_per_view_tablet", carousel_slides_per_view_mobile: "carousel_slides_per_view_mobile", text_for_left_arrow: "text_for_left_arrow", text_for_right_arrow: "text_for_right_arrow", carousel_rows_per_row_mobile: "carousel_rows_per_row_mobile", carousel_loading: "carousel_loading", carousel_free_mode: "carousel_free_mode", center_insufficient_slides: "center_insufficient_slides", center_active_slide: "center_active_slide", start_slide: "start_slide", offset_scrollbar_top: "offset_scrollbar_top" }, outputs: { activeIndexOnSlideChange: "activeIndexOnSlideChange" }, providers: [TokenService], viewQueries: [{ propertyName: "swiper", first: true, predicate: ["swiper"], descendants: true, static: true }, { propertyName: "carouselscrollbarplaceholder", first: true, predicate: ["carouselscrollbarplaceholder"], descendants: true, read: ElementRef }, { propertyName: "carouselctastack", first: true, predicate: ["carouselctastack"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box\n class=\"ui-carousel\"\n [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n box_align_y=\"center\"\n box_space=\"none\"\n [box_content_fill_width]=\"true\"\n box_background=\"transparent\"\n>\n <ui-stack #carouselctastack>\n <!-- Custom navigation buttons -->\n <ui-stack\n *ngIf=\"carousel_pagination === 'small-arrows'\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_distribute=\"end\"\n >\n <ui-box\n box_space=\"none\"\n box_fill_mode=\"fit\"\n box_space_bottom=\"none\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <div\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n class=\"ui-carousel__small-arrows\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"small\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"tertiary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </div>\n </ui-box>\n </ui-stack>\n\n <!-- Swiper WebComponent-->\n <swiper-container\n #swiper\n init=\"false\"\n touch-start-prevent-default=\"false\"\n prevent-clicks-propagation=\"true\"\n >\n <ng-content></ng-content>\n </swiper-container>\n\n <!-- Custom navigation buttons -->\n <ui-stack\n stack_direction=\"x\"\n stack_align=\"center\"\n *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n >\n <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n <ui-box\n *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n box_space=\"none\"\n box_fill_mode=\"fit\"\n [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n box_background=\"transparent\"\n >\n <ui-stack\n *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n stack_direction=\"x\"\n stack_gap=\"near\"\n >\n <!-- Previous button-->\n <ui-button\n class=\"ui-carousel__previous\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-left\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_left_arrow\"\n (clicked)=\"previousSlide()\"\n >\n Prevous slide\n </ui-button>\n <!-- Next button-->\n <ui-button\n class=\"ui-carousel__next\"\n button_size=\"large\"\n button_icon_placement=\"iconOnly\"\n button_icon=\"arrow-right\"\n button_type=\"secondary\"\n [aria_label]=\"text_for_right_arrow\"\n (clicked)=\"nextSlide()\"\n >\n Next slide\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width: 767px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2722
2725
|
}
|
|
2723
2726
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
2724
2727
|
type: Component,
|
|
@@ -2847,7 +2850,7 @@ class BannerComponent {
|
|
|
2847
2850
|
this.cta_clicked.emit();
|
|
2848
2851
|
}
|
|
2849
2852
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BannerComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2850
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BannerComponent, isStandalone: true, selector: "ui-banner", inputs: { background_colour: "background_colour", cta_text: "cta_text", banner_title: "banner_title", banner_surtitle: "banner_surtitle", banner_subtitle: "banner_subtitle", cta_link: "cta_link" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n [box_background]=\"background_colour\"\n box_space_left=\"none\"\n box_space_right=\"none\"\n box_fill_mode=\"fill\"\n box_align_x=\"center\"\n class=\"ui-banner\"\n #bannerbox\n>\n <ui-grid grid_collapse_below=\"tablet\">\n <ui-column\n [columns]=\"{ mobile: 12, tablet: 10, laptop: 8, desktop: 8 }\"\n [column_inset]=\"{ mobile: 0, tablet: 1, laptop: 2, desktop: 2 }\"\n class=\"ui-banner__content\"\n >\n <ui-box\n [box_space]=\"{ mobile: mobilePadding, tablet: 'none' }\"\n box_space_top=\"none\"\n box_space_bottom=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_gap=\"near\"\n stack_collapse_below=\"tablet\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_gap=\"near\"\n >\n <!-- This is a stack as the icon will go here above the ui-heading -->\n <ui-heading\n *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n heading_type=\"functional-primary\"\n [heading_title]=\"banner_title\"\n [heading_surtitle]=\"banner_surtitle\"\n [heading_subtitle]=\"banner_subtitle\"\n >\n </ui-heading>\n </ui-stack>\n <ui-button\n *ngIf=\"cta_text\"\n bwtrackas=\"oasys.hva-banner.cta\"\n button_size=\"large\"\n [button_type]=\"bannerbox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"cta_link\"\n (clicked)=\"onCtaClicked()\"\n >\n <span>{{ cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".ui-banner__content .content__stack{align-items:flex-start}@media only screen and (min-width: 768px){.ui-banner__content .content__stack{align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
2853
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BannerComponent, isStandalone: true, selector: "ui-banner", inputs: { background_colour: "background_colour", cta_text: "cta_text", banner_title: "banner_title", banner_surtitle: "banner_surtitle", banner_subtitle: "banner_subtitle", cta_link: "cta_link" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box\n [box_background]=\"background_colour\"\n box_space_left=\"none\"\n box_space_right=\"none\"\n box_fill_mode=\"fill\"\n box_align_x=\"center\"\n class=\"ui-banner\"\n #bannerbox\n>\n <ui-grid grid_collapse_below=\"tablet\">\n <ui-column\n [columns]=\"{ mobile: 12, tablet: 10, laptop: 8, desktop: 8 }\"\n [column_inset]=\"{ mobile: 0, tablet: 1, laptop: 2, desktop: 2 }\"\n class=\"ui-banner__content\"\n >\n <ui-box\n [box_space]=\"{ mobile: mobilePadding, tablet: 'none' }\"\n box_space_top=\"none\"\n box_space_bottom=\"none\"\n box_background=\"transparent\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_gap=\"near\"\n stack_collapse_below=\"tablet\"\n >\n <ui-stack\n class=\"content__stack\"\n stack_direction=\"x\"\n stack_align=\"center\"\n stack_gap=\"near\"\n >\n <!-- This is a stack as the icon will go here above the ui-heading -->\n <ui-heading\n *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n heading_type=\"functional-primary\"\n [heading_title]=\"banner_title\"\n [heading_surtitle]=\"banner_surtitle\"\n [heading_subtitle]=\"banner_subtitle\"\n >\n </ui-heading>\n </ui-stack>\n <ui-button\n *ngIf=\"cta_text\"\n bwtrackas=\"oasys.hva-banner.cta\"\n button_size=\"large\"\n [button_type]=\"bannerbox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"cta_link\"\n (clicked)=\"onCtaClicked()\"\n >\n <span>{{ cta_text }}</span>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: [".ui-banner__content .content__stack{align-items:flex-start}@media only screen and (min-width: 768px){.ui-banner__content .content__stack{align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
2851
2854
|
}
|
|
2852
2855
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BannerComponent, decorators: [{
|
|
2853
2856
|
type: Component,
|
|
@@ -3014,7 +3017,7 @@ class PromoCardComponent {
|
|
|
3014
3017
|
this.cta_clicked.emit();
|
|
3015
3018
|
}
|
|
3016
3019
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PromoCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: PromoCardComponent, isStandalone: true, selector: "ui-promo-card", inputs: { image: "image", alt_text: "alt_text", title: "title", subtitle: "subtitle", primary_cta_text: "primary_cta_text", href_primary_cta: "href_primary_cta", background_colour: "background_colour", font_colour: "font_colour", layout: "layout" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box box_space=\"none\" [ngStyle]=\"{ 'background-color': background_colour, color: font_colour }\">\n <ui-stack [stack_gap]=\"layoutConfig.spacing\" stack_align=\"center\">\n <ui-box box_space=\"none\">\n <ui-image\n [image_fill]=\"true\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"aspectRatio\"\n ></ui-image>\n </ui-box>\n <ui-box\n [box_align_y]=\"alignment\"\n box_space_top=\"none\"\n [box_space]=\"layoutConfig.spacing\"\n [ngStyle]=\"{ 'background-color': background_colour }\"\n >\n <ui-stack stack_gap=\"near\" stack_distribute=\"center\" [stack_align]=\"alignment\">\n <h3\n [ngClass]=\"{\n 'text-heading--body--expressive': layoutConfig.headingType === 'body-expressive',\n 'text-heading--secondary': layoutConfig.headingType === 'secondary',\n }\"\n role=\"heading\"\n class=\"seo-h2\"\n >\n <span class=\"heading-title text-heading\">{{ title }}</span>\n </h3>\n <p\n [ngClass]=\"{\n 'text-body--default': layoutConfig.bodyType === 'body-default',\n 'text-body--supporting': layoutConfig.bodyType === 'body-supporting',\n }\"\n >\n {{ subtitle }}\n </p>\n <a\n class=\"text-link text-link--standalone\"\n bwtrackas=\"component.modular-content-card.cta\"\n href=\"{{ href_primary_cta }}\"\n (click)=\"ctaClicked()\"\n >{{ primary_cta_text }}</a\n >\n </ui-stack>\n </ui-box>\n </ui-stack>\n</ui-box>\n", styles: ["ui-image img{object-fit:cover}p,h3{text-align:var(--oasys-component-promo-card-heading-alignment)}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
3020
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: PromoCardComponent, isStandalone: true, selector: "ui-promo-card", inputs: { image: "image", alt_text: "alt_text", title: "title", subtitle: "subtitle", primary_cta_text: "primary_cta_text", href_primary_cta: "href_primary_cta", background_colour: "background_colour", font_colour: "font_colour", layout: "layout" }, outputs: { cta_clicked: "cta_clicked" }, providers: [TokenService], ngImport: i0, template: "<ui-box box_space=\"none\" [ngStyle]=\"{ 'background-color': background_colour, color: font_colour }\">\n <ui-stack [stack_gap]=\"layoutConfig.spacing\" stack_align=\"center\">\n <ui-box box_space=\"none\">\n <ui-image\n [image_fill]=\"true\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [preload_aspect_ratio]=\"aspectRatio\"\n ></ui-image>\n </ui-box>\n <ui-box\n [box_align_y]=\"alignment\"\n box_space_top=\"none\"\n [box_space]=\"layoutConfig.spacing\"\n [ngStyle]=\"{ 'background-color': background_colour }\"\n >\n <ui-stack stack_gap=\"near\" stack_distribute=\"center\" [stack_align]=\"alignment\">\n <h3\n [ngClass]=\"{\n 'text-heading--body--expressive': layoutConfig.headingType === 'body-expressive',\n 'text-heading--secondary': layoutConfig.headingType === 'secondary',\n }\"\n role=\"heading\"\n class=\"seo-h2\"\n >\n <span class=\"heading-title text-heading\">{{ title }}</span>\n </h3>\n <p\n [ngClass]=\"{\n 'text-body--default': layoutConfig.bodyType === 'body-default',\n 'text-body--supporting': layoutConfig.bodyType === 'body-supporting',\n }\"\n >\n {{ subtitle }}\n </p>\n <a\n class=\"text-link text-link--standalone\"\n bwtrackas=\"component.modular-content-card.cta\"\n href=\"{{ href_primary_cta }}\"\n (click)=\"ctaClicked()\"\n >{{ primary_cta_text }}</a\n >\n </ui-stack>\n </ui-box>\n </ui-stack>\n</ui-box>\n", styles: ["ui-image img{object-fit:cover}p,h3{text-align:var(--oasys-component-promo-card-heading-alignment)}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }] });
|
|
3018
3021
|
}
|
|
3019
3022
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PromoCardComponent, decorators: [{
|
|
3020
3023
|
type: Component,
|
|
@@ -3134,7 +3137,7 @@ class SelectCardComponent {
|
|
|
3134
3137
|
}
|
|
3135
3138
|
}
|
|
3136
3139
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SelectCardComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3137
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SelectCardComponent, isStandalone: true, selector: "ui-select-card", inputs: { image: "image", alt_text: "alt_text", image_format: "image_format", title: "title", primary_copy: "primary_copy", secondary_copy: "secondary_copy", price: "price", price_before_discount: "price_before_discount", selected: "selected", select_card_type: "select_card_type" }, outputs: { clicked: "clicked" }, providers: [TokenService], ngImport: i0, template: "<button\n role=\"button\"\n class=\"ui-select-card--{{ select_card_type }}\"\n tabindex=\"0\"\n [ngClass]=\"{ selected: selected }\"\n [attr.aria-pressed]=\"selected ? 'true' : 'false'\"\n (click)=\"onClick()\"\n>\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <ui-stack stack_gap=\"none\" stack_align=\"center\">\n <ui-box\n class=\"ui-select-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image\n *ngIf=\"image\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [image_fill]=\"true\"\n ></ui-image>\n <ng-content></ng-content>\n </ui-box>\n <ng-template\n *ngIf=\"select_card_type === 'gift-card'\"\n [ngTemplateOutlet]=\"giftcard\"\n ></ng-template>\n <ng-template\n *ngIf=\"select_card_type === 'product-card'\"\n [ngTemplateOutlet]=\"productcard\"\n ></ng-template>\n </ui-stack>\n </ui-box>\n</button>\n\n<!--- GIFT CARD TEMPLATE -->\n<ng-template #giftcard>\n <ui-box box_space=\"tight\" box_background=\"transparent\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"tight\">\n <span class=\"ui-select-card__text-body text-label--primary\">{{ title }}</span>\n\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"primary\"\n ></ui-price>\n </ui-stack>\n </ui-box>\n</ng-template>\n\n<!--- PRODUCT CARD TEMPLATE -->\n<ng-template #productcard>\n <ui-box box_fill_mode=\"fit\" box_space=\"near\" box_background=\"transparent\">\n <ui-stack stack_direction=\"y\" stack_gap=\"near\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"none\">\n <h5>{{ title }}</h5>\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_align=\"center\">\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"hero\"\n ></ui-price>\n <ui-icon\n *ngIf=\"price_before_discount\"\n class=\"ui-select-card--product-card__discount-icon\"\n icon_name=\"tag\"\n icon_size_override=\"1.5\"\n ></ui-icon>\n </ui-stack>\n </ui-stack>\n <ui-stack stack_gap=\"near\">\n <p class=\"text-body--supporting\">{{ secondary_copy }}</p>\n <p class=\"text-body--default\">{{ primary_copy }}</p>\n </ui-stack>\n </ui-stack>\n </ui-box>\n</ng-template>\n", styles: [".ui-select-card--gift-card,.ui-select-card--product-card{background-color:transparent;border:1px solid transparent;width:100%;display:block;padding:0;appearance:none;cursor:pointer;overflow:hidden}.ui-select-card--gift-card .ui-select-card__image .ui-box-content,.ui-select-card--product-card .ui-select-card__image .ui-box-content{height:100%}.ui-select-card--gift-card__text-stack,.ui-select-card--product-card__text-stack{width:100%}.ui-select-card--gift-card{border-radius:var(--oasys-radius-soften)}.ui-select-card--gift-card .ui-select-card__text-body{text-align:left;min-height:calc(var(--oasys-typography-heading-label-primary-line-height) * 2)}.ui-select-card--product-card{border-radius:var(--oasys-radius-layout);border:1px solid var(--oasys-color-brand-border-secondary)}.ui-select-card--product-card .text-body--default{text-align:left}.ui-select-card--product-card__discount-icon{border-radius:var(--oasys-radius-round);border:1px solid transparent;padding:var(--oasys-spacing-tiny);background-color:var(--oasys-color-brand-foreground-highlight)}.ui-select-card--gift-card.selected,.ui-select-card--product-card.selected{--_select-border-width: var(--oasys-border-width-primary);--_select-border-color: var(--oasys-color-interaction-border-selected);--_select-background-color: var(--oasys-color-interaction-background-selected);background-color:var(--_select-background-color);border:var(--_select-border-width) solid var(--_select-border-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OasysPriceComponent, selector: "ui-price", inputs: ["price", "price_before_discount", "price_type"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SelectCardComponent, isStandalone: true, selector: "ui-select-card", inputs: { image: "image", alt_text: "alt_text", image_format: "image_format", title: "title", primary_copy: "primary_copy", secondary_copy: "secondary_copy", price: "price", price_before_discount: "price_before_discount", selected: "selected", select_card_type: "select_card_type" }, outputs: { clicked: "clicked" }, providers: [TokenService], ngImport: i0, template: "<button\n role=\"button\"\n class=\"ui-select-card--{{ select_card_type }}\"\n tabindex=\"0\"\n [ngClass]=\"{ selected: selected }\"\n [attr.aria-pressed]=\"selected ? 'true' : 'false'\"\n (click)=\"onClick()\"\n>\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <ui-stack stack_gap=\"none\" stack_align=\"center\">\n <ui-box\n class=\"ui-select-card__image\"\n [ngStyle]=\"{ 'aspect-ratio': aspectRatio }\"\n box_background=\"transparent\"\n box_align_x=\"center\"\n box_space=\"none\"\n >\n <ui-image\n *ngIf=\"image\"\n [image_src]=\"image\"\n [image_alt_text]=\"alt_text\"\n [image_fill]=\"true\"\n ></ui-image>\n <ng-content></ng-content>\n </ui-box>\n <ng-template\n *ngIf=\"select_card_type === 'gift-card'\"\n [ngTemplateOutlet]=\"giftcard\"\n ></ng-template>\n <ng-template\n *ngIf=\"select_card_type === 'product-card'\"\n [ngTemplateOutlet]=\"productcard\"\n ></ng-template>\n </ui-stack>\n </ui-box>\n</button>\n\n<!--- GIFT CARD TEMPLATE -->\n<ng-template #giftcard>\n <ui-box box_space=\"tight\" box_background=\"transparent\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"tight\">\n <span class=\"ui-select-card__text-body text-label--primary\">{{ title }}</span>\n\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"primary\"\n ></ui-price>\n </ui-stack>\n </ui-box>\n</ng-template>\n\n<!--- PRODUCT CARD TEMPLATE -->\n<ng-template #productcard>\n <ui-box box_fill_mode=\"fit\" box_space=\"near\" box_background=\"transparent\">\n <ui-stack stack_direction=\"y\" stack_gap=\"near\">\n <ui-stack class=\"ui-select-card__text-stack\" stack_direction=\"y\" stack_gap=\"none\">\n <h5>{{ title }}</h5>\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_align=\"center\">\n <ui-price\n [price]=\"price\"\n [price_before_discount]=\"price_before_discount\"\n price_type=\"hero\"\n ></ui-price>\n <ui-icon\n *ngIf=\"price_before_discount\"\n class=\"ui-select-card--product-card__discount-icon\"\n icon_name=\"tag\"\n icon_size_override=\"1.5\"\n ></ui-icon>\n </ui-stack>\n </ui-stack>\n <ui-stack stack_gap=\"near\">\n <p class=\"text-body--supporting\">{{ secondary_copy }}</p>\n <p class=\"text-body--default\">{{ primary_copy }}</p>\n </ui-stack>\n </ui-stack>\n </ui-box>\n</ng-template>\n", styles: [".ui-select-card--gift-card,.ui-select-card--product-card{background-color:transparent;border:1px solid transparent;width:100%;display:block;padding:0;appearance:none;cursor:pointer;overflow:hidden}.ui-select-card--gift-card .ui-select-card__image .ui-box-content,.ui-select-card--product-card .ui-select-card__image .ui-box-content{height:100%}.ui-select-card--gift-card__text-stack,.ui-select-card--product-card__text-stack{width:100%}.ui-select-card--gift-card{border-radius:var(--oasys-radius-soften)}.ui-select-card--gift-card .ui-select-card__text-body{text-align:left;min-height:calc(var(--oasys-typography-heading-label-primary-line-height) * 2)}.ui-select-card--product-card{border-radius:var(--oasys-radius-layout);border:1px solid var(--oasys-color-brand-border-secondary)}.ui-select-card--product-card .text-body--default{text-align:left}.ui-select-card--product-card__discount-icon{border-radius:var(--oasys-radius-round);border:1px solid transparent;padding:var(--oasys-spacing-tiny);background-color:var(--oasys-color-brand-foreground-highlight)}.ui-select-card--gift-card.selected,.ui-select-card--product-card.selected{--_select-border-width: var(--oasys-border-width-primary);--_select-border-color: var(--oasys-color-interaction-border-selected);--_select-background-color: var(--oasys-color-interaction-background-selected);background-color:var(--_select-background-color);border:var(--_select-border-width) solid var(--_select-border-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImageComponent, selector: "ui-image", inputs: ["image_src", "image_alt_text", "image_aria_describedby", "image_fill", "fetchpriority", "loading", "preload_aspect_ratio", "image_width"], outputs: ["image_loaded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OasysPriceComponent, selector: "ui-price", inputs: ["price", "price_before_discount", "price_type"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3138
3141
|
}
|
|
3139
3142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SelectCardComponent, decorators: [{
|
|
3140
3143
|
type: Component,
|
|
@@ -3601,7 +3604,7 @@ class ComboboxComponent {
|
|
|
3601
3604
|
useExisting: forwardRef(() => ComboboxComponent),
|
|
3602
3605
|
multi: true,
|
|
3603
3606
|
},
|
|
3604
|
-
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true, read: ElementRef }, { propertyName: "optionsList", predicate: ["option"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ui-stack class=\"ui-combobox-container\" stack_gap=\"tight\">\n <div class=\"ui-combobox text-body--default text-body--regular\">\n <!-- Compbobox Options Input -->\n @if (type === 'options') {\n <div\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <!-- Select Label Area -->\n <div class=\"label-container\" stack_direction=\"x\">\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChange($event)\"\n (blur)=\"onModelChange(textValue)\"\n [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'on'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"selectedOption\"\n [placeholder]=\"placeholder || ''\"\n readonly=\"readonly\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n <!-- Select Icon Chevron Area -->\n <div class=\"icon-container\" [ngClass]=\"{ expand: panelOpen() }\">\n <ui-icon icon_name=\"chevron-down\"></ui-icon>\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Autocomplete Input -->\n @if (type === 'autocomplete') {\n <div\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <!-- Select Label Area -->\n <div class=\"label-container\" stack_direction=\"x\">\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChangeAutocomplete($event)\"\n [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'list'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"textValue\"\n [placeholder]=\"placeholder || ''\"\n role=\"combobox\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div class=\"icon-container\" [attr.aria-label]=\"'clean'\" (click)=\"cleanInput()\">\n @if (textValue) {\n <ui-icon icon_name=\"close\"></ui-icon>\n }\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Options Panel -->\n @if (panelOpen()) {\n <div\n class=\"ui-combobox-options\"\n [ngClass]=\"{ expand: panelOpen() }\"\n role=\"listbox\"\n id=\"activedescendent-list\"\n >\n <!-- Autocomplete Options Panel Header -->\n @if (header && type === 'autocomplete') {\n <div class=\"ui-combobox-header text-body--supporting\">\n <span>{{ header }}</span>\n </div>\n }\n\n <!-- Options list -->\n @for (option of displayOptions; track option; let i = $index) {\n <div\n #option\n class=\"ui-combobox-option\"\n [ngClass]=\"{\n selected: selectedOption === option,\n focus: focusedOption === option,\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-label]=\"\n selectedOption === option\n ? option[displayOptionKey] + ' is selected'\n : option[displayOptionKey]\n \"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <!-- Option display -->\n <div\n [attr.value]=\"valueKey ? option[valueKey] : option.value\"\n [attr.ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n @if (option.icon_name || (iconNameKey && option[iconNameKey])) {\n <ui-icon\n [icon_name]=\"iconNameKey ? option[iconNameKey] : option.icon_name\"\n ></ui-icon>\n }\n <!-- Display options label -->\n @if (type === 'options') {\n <span>{{ option[displayOptionKey] }}</span>\n }\n\n <!-- Display autocomplete option information and emphasis-->\n @if (type === 'autocomplete') {\n <ui-stack stack_gap=\"tiny\">\n <span\n ui-emphasis\n [searchText]=\"textValue\"\n [displayParagraph]=\"option[displayOptionKey]\"\n >\n </span>\n <p class=\"foreground-secondary-text\">\n {{ option[subtextOptionKey] }}\n </p>\n </ui-stack>\n }\n </ui-stack>\n </div>\n\n <!-- Selected icon -->\n @if (selectedOption === option) {\n <ui-icon icon_name=\"tick\"></ui-icon>\n }\n </ui-stack>\n </div>\n }\n <!-- Autocomplete Options Panel Footer -->\n @if (footer && type === 'autocomplete') {\n <div class=\"ui-combobox-footer\">\n <ui-button button_type=\"tertiary\" (click)=\"onFooterAction()\">\n {{ footer }}\n </ui-button>\n </div>\n }\n </div>\n }\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (hint) {\n <ui-box\n class=\"hint-container\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-body-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-body-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-combobox input,.ui-combobox .select,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--oasys-spacing-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container{display:none!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-combobox,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .hint-container,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .hint-container{display:none!important}.ui-checkbox input,.ui-radio input,.ui-text-input input,.ui-combobox input{appearance:none;margin:0;border:none}.ui-checkbox input,.ui-radio input{cursor:pointer}.ui-checkbox,.ui-radio{--_inset: var(--oasys-spacing-near);--_radius: var(--oasys-radius-soften);--_transition_duration: calc(var(--oasys-animation-duration) * 1ms)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--oasys-radius-soften)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--oasys-typography-heading-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--oasys-spacing-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--oasys-component-checkbox-icon-inset);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color calc(var(--_transition_duration) * 1ms),border-color calc(var(--_transition_duration) * 1ms)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-border-selected);border-color:var(--oasys-color-interaction-border-selected);color:var(--oasys-color-brand-foreground-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--oasys-color-interaction-border-selected)!important}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--oasys-color-system-foreground-negative)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--oasys-color-system-foreground-negative)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)!important}.oasys-focus-style,.ui-combobox div[name=combobox]:focus,.ui-combobox div[name=combobox]:focus-visible,.ui-combobox div[name=combobox]:focus-within,[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,button:focus-visible,button:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}:host{display:block;width:100%}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .ui-text-input,:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .hint-container{display:none!important}.foreground-secondary-text{color:var(--oasys-color-brand-foreground-secondary)}.ui-combobox{background-color:var(--oasys-color-white);--_label-height: var(--oasys-typography-body-supporting-line-height);--_label-input-gap: var(--oasys-spacing-tiny);--_label-top-inset: var(--oasys-spacing-near);--_input-inset-top: calc( var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset) );--_preface-width: var(--oasys-component-text-input-preface-width);position:relative;transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.ui-combobox-footer{cursor:pointer;border-top:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-header{color:var(--oasys-color-brand-foreground-secondary);border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-options{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);background-color:var(--oasys-color-white);box-shadow:0 24px 36px #2626261a;border-radius:var(--oasys-radius-soften);box-sizing:border-box;width:100%;height:auto;margin-top:var(--oasys-spacing-near);position:absolute;pointer-events:auto;outline:0;overflow:auto;transform-origin:top center;grid-template-rows:0fr;opacity:0;transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));transition:opacity var(--_ad);will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.ui-combobox-option{cursor:pointer;border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) transparent;padding:var(--oasys-spacing-near);outline:none;outline-offset:none}.ui-combobox-option:hover,.ui-combobox-option.selected{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox-option.focus{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-option:focus-visible{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-combobox-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-combobox-container .input-errors .hint-container{display:block!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-combobox-container:has(input:disabled) input,.ui-combobox-container:has(input:disabled) .select{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-combobox-container:has(input:disabled) .ui-combobox-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-combobox{border-radius:var(--oasys-radius-soften);width:100%}.ui-combobox input{border:none;width:100%;background-color:transparent;cursor:pointer}.ui-combobox input:focus{outline:none}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox .label-container{padding-top:var(--oasys-spacing-near);padding-left:var(--oasys-spacing-near);width:calc(100% - var(--oasys-spacing-near) - var(--oasys-spacing-near))}.ui-combobox .label-container,.ui-combobox .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-combobox .icon-container{transition:all calc(var(--oasys-animation-duration-long) * 1ms) ease;transform-origin:center}.ui-combobox .icon-container:hover{transform:scale(1.1)}.ui-combobox .icon-container.expand{transform:rotate(-179.999deg)}.ui-combobox:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-combobox:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-combobox:has(.input-preface:not(:empty)) input,.ui-combobox:has(.input-preface:not(:empty)) .select{padding-left:var(--_left-inset)}.ui-combobox .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox .input-preface:empty{visibility:hidden}.ui-combobox div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: EmphasisDirective, selector: "[ui-emphasis]", inputs: ["searchText", "displayParagraph"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
3607
|
+
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }, { propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true, read: ElementRef }, { propertyName: "optionsList", predicate: ["option"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ui-stack class=\"ui-combobox-container\" stack_gap=\"tight\">\n <div class=\"ui-combobox text-body--default text-body--regular\">\n <!-- Compbobox Options Input -->\n @if (type === 'options') {\n <div\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (mousedown)=\"togglePanel()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <!-- Select Label Area -->\n <div class=\"label-container\" stack_direction=\"x\">\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChange($event)\"\n (blur)=\"onModelChange(textValue)\"\n [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'on'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"selectedOption\"\n [placeholder]=\"placeholder || ''\"\n readonly=\"readonly\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n <!-- Select Icon Chevron Area -->\n <div class=\"icon-container\" [ngClass]=\"{ expand: panelOpen() }\">\n <ui-icon icon_name=\"chevron-down\"></ui-icon>\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Autocomplete Input -->\n @if (type === 'autocomplete') {\n <div\n #combobox\n name=\"combobox\"\n tabindex=\"0\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocusInput()\"\n role=\"combobox\"\n id=\"activedescendent-edit\"\n [attr.aria-label]=\"label\"\n [attr.aria-activedescendant]=\"panelOpen() ? 'activedescendent-opt-' + focusedId : null\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-controls]=\"'activedescendent-list'\"\n aria-readonly=\"true\"\n aria-owns=\"activedescendent-list\"\n aria-autocomplete=\"list\"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <ui-box box_space=\"none\" box_background=\"transparent\">\n <!-- Select Label Area -->\n <div class=\"label-container\" stack_direction=\"x\">\n <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{ label }}</label>\n </div>\n <input\n #textinput\n [id]=\"id\"\n [name]=\"id\"\n [ngModel]=\"textValue\"\n (ngModelChange)=\"onModelChangeAutocomplete($event)\"\n [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n [attr.autocorrect]=\"'on'\"\n [attr.disabled]=\"disabled || null\"\n [autofocus]=\"autofocus\"\n [autocomplete]=\"'list'\"\n [required]=\"!optional\"\n [spellcheck]=\"'on'\"\n [type]=\"'text'\"\n [value]=\"textValue\"\n [placeholder]=\"placeholder || ''\"\n role=\"combobox\"\n tabindex=\"-1\"\n class=\"text-body--default text-body--regular\"\n />\n </ui-box>\n\n <!-- Combobox Icon Clear Area -->\n <div class=\"icon-container\" [attr.aria-label]=\"'clean'\" (click)=\"cleanInput()\">\n @if (textValue) {\n <ui-icon icon_name=\"close\"></ui-icon>\n }\n </div>\n </ui-stack>\n </div>\n }\n <!-- Combobox Options Panel -->\n @if (panelOpen()) {\n <div\n class=\"ui-combobox-options\"\n [ngClass]=\"{ expand: panelOpen() }\"\n role=\"listbox\"\n id=\"activedescendent-list\"\n >\n <!-- Autocomplete Options Panel Header -->\n @if (header && type === 'autocomplete') {\n <div class=\"ui-combobox-header text-body--supporting\">\n <span>{{ header }}</span>\n </div>\n }\n\n <!-- Options list -->\n @for (option of displayOptions; track option; let i = $index) {\n <div\n #option\n class=\"ui-combobox-option\"\n [ngClass]=\"{\n selected: selectedOption === option,\n focus: focusedOption === option,\n }\"\n (click)=\"selectOption(option, i)\"\n (keydown)=\"onKeyDown($event)\"\n [id]=\"'activedescendent-opt-' + i\"\n [attr.aria-label]=\"\n selectedOption === option\n ? option[displayOptionKey] + ' is selected'\n : option[displayOptionKey]\n \"\n >\n <ui-stack\n stack_direction=\"x\"\n stack_distribute=\"space-between\"\n stack_align=\"center\"\n stack_gap=\"tight\"\n >\n <!-- Option display -->\n <div\n [attr.value]=\"valueKey ? option[valueKey] : option.value\"\n [attr.ngValue]=\"displayKey ? option[displayKey] : option.label\"\n >\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tight\">\n @if (option.icon_name || (iconNameKey && option[iconNameKey])) {\n <ui-icon\n [icon_name]=\"iconNameKey ? option[iconNameKey] : option.icon_name\"\n ></ui-icon>\n }\n <!-- Display options label -->\n @if (type === 'options') {\n <span>{{ option[displayOptionKey] }}</span>\n }\n\n <!-- Display autocomplete option information and emphasis-->\n @if (type === 'autocomplete') {\n <ui-stack stack_gap=\"tiny\">\n <span\n ui-emphasis\n [searchText]=\"textValue\"\n [displayParagraph]=\"option[displayOptionKey]\"\n >\n </span>\n <p class=\"foreground-secondary-text\">\n {{ option[subtextOptionKey] }}\n </p>\n </ui-stack>\n }\n </ui-stack>\n </div>\n\n <!-- Selected icon -->\n @if (selectedOption === option) {\n <ui-icon icon_name=\"tick\"></ui-icon>\n }\n </ui-stack>\n </div>\n }\n <!-- Autocomplete Options Panel Footer -->\n @if (footer && type === 'autocomplete') {\n <div class=\"ui-combobox-footer\">\n <ui-button button_type=\"tertiary\" (click)=\"onFooterAction()\">\n {{ footer }}\n </ui-button>\n </div>\n }\n </div>\n }\n </div>\n <ui-stack stack_gap=\"none\">\n <div class=\"input-errors\">\n <div class=\"input-errors-content\">\n <ng-content select=\"ui-form-errors\"></ng-content>\n </div>\n </div>\n @if (hint) {\n <ui-box\n class=\"hint-container\"\n box_background=\"transparent\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">\n {{ hint }}\n </div>\n </ui-box>\n }\n </ui-stack>\n</ui-stack>\n", styles: ["html{font-size:62.5%}html,html body{font-family:var(--oasys-typography-body-body-font-family);font-weight:var(--oasys-typography-body-body-font-weight);font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);color:var(--oasys-color-brand-foreground-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-family:var(--oasys-typography-heading-hero-desktop-font-family)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){h1:not(.seo-h1){font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-hero-desktop-font-size);line-height:var(--oasys-typography-heading-hero-desktop-line-height);font-weight:var(--oasys-typography-heading-hero-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--hero,h1.text-heading--hero,h2.text-heading--hero,h3.text-heading--hero,h4.text-heading--hero,h5.text-heading--hero,h6.text-heading--hero{font-size:var(--oasys-typography-heading-hero-mobile-font-size);line-height:var(--oasys-typography-heading-hero-mobile-line-height);font-weight:var(--oasys-typography-heading-hero-mobile-font-weight)}}h2{font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h2{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-primary-desktop-font-size);line-height:var(--oasys-typography-heading-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--primary,h1.text-heading--primary,h2.text-heading--primary,h3.text-heading--primary,h4.text-heading--primary,h5.text-heading--primary,h6.text-heading--primary{font-size:var(--oasys-typography-heading-primary-mobile-font-size);line-height:var(--oasys-typography-heading-primary-mobile-line-height);font-weight:var(--oasys-typography-heading-primary-mobile-font-weight)}}h3{font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}.text-heading--secondary,h1.text-heading--secondary,h2.text-heading--secondary,h3.text-heading--secondary,h4.text-heading--secondary,h5.text-heading--secondary,h6.text-heading--secondary{font-family:var(--oasys-typography-heading-hero-desktop-font-family);font-size:var(--oasys-typography-heading-secondary-font-size);line-height:var(--oasys-typography-heading-secondary-line-height);font-weight:var(--oasys-typography-heading-secondary-font-weight)}h4{font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){h4{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-primary-desktop-font-size);line-height:var(--oasys-typography-heading-func-primary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-primary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2,h1.text-heading--functional--primary,h2.text-heading--functional--primary,h3.text-heading--functional--primary,h4.text-heading--functional--primary,h5.text-heading--functional--primary,h6.text-heading--functional--primary{font-size:var(--oasys-typography-heading-func-primary-mobile-font-size);line-height:var(--oasys-typography-heading-func-primary-mobile-line-height)}}h5{font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){h5{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-family:var(--oasys-typography-heading-func-primary-desktop-font-family);font-size:var(--oasys-typography-heading-func-secondary-desktop-font-size);line-height:var(--oasys-typography-heading-func-secondary-desktop-line-height);font-weight:var(--oasys-typography-heading-func-secondary-desktop-font-weight)}@media only screen and (max-width: 767px){.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3,h1.text-heading--functional--secondary,h2.text-heading--functional--secondary,h3.text-heading--functional--secondary,h4.text-heading--functional--secondary,h5.text-heading--functional--secondary,h6.text-heading--functional--secondary{font-size:var(--oasys-typography-heading-func-secondary-mobile-font-size);line-height:var(--oasys-typography-heading-func-secondary-mobile-line-height);font-weight:var(--oasys-typography-heading-func-secondary-mobile-font-weight)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--oasys-typography-heading-label-primary-font-size);line-height:var(--oasys-typography-heading-label-primary-line-height);font-weight:var(--oasys-typography-heading-label-primary-font-weight)}.text-label--secondary{font-size:var(--oasys-typography-heading-label-secondary-font-size);line-height:var(--oasys-typography-heading-label-secondary-line-height);font-weight:var(--oasys-typography-heading-label-secondary-font-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote,.text-heading--body--expressive{font-size:var(--oasys-typography-body-expressive-font-size);line-height:var(--oasys-typography-body-expressive-line-height);font-weight:var(--oasys-typography-body-expressive-font-weight)}.text-body--hero,.ui-combobox input:-webkit-autofill:first-line,.ui-combobox .select:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--oasys-typography-body-hero-font-size);line-height:var(--oasys-typography-body-hero-line-height);font-weight:var(--oasys-typography-body-hero-font-weight)}.text-body--default,.ui-rce p{font-size:var(--oasys-typography-body-body-font-size);line-height:var(--oasys-typography-body-body-line-height);font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--supporting{font-size:var(--oasys-typography-body-supporting-font-size);line-height:var(--oasys-typography-body-supporting-line-height);font-weight:var(--oasys-typography-body-supporting-body-weight)}.text-body--micro{font-size:var(--oasys-typography-body-micro-font-size);line-height:var(--oasys-typography-body-micro-line-height);font-weight:var(--oasys-typography-body-micro-body-weight)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--oasys-typography-body-body-font-weight)}.text-body--line-through{text-decoration:var(--oasys-typography-body-line-through-body-text-decoration)}.text-body--emphasis,.ui-combobox input,.ui-combobox .select,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--oasys-typography-body-emphasis-hero-font-weight)}.text-color--on-light{color:var(--oasys-color-brand-foreground-primary)}.text-color--on-light.text-color--supporting,.text-color--on-light .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--on-dark{color:var(--oasys-color-brand-foreground-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--oasys-color-brand-foreground-secondary-on-dark)}.text-color--supporting{color:var(--oasys-color-brand-foreground-secondary)}.text-color--error{color:var(--oasys-color-system-foreground-negative)}.text-color--highlight{color:var(--oasys-color-brand-foreground-highlight)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--oasys-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--oasys-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--oasys-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--oasys-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--oasys-size-unit-8);background:var(--oasys-color-brand-background-secondary);margin-top:var(--oasys-spacing-expanded);margin-bottom:var(--oasys-spacing-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--oasys-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--oasys-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--oasys-spacing-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--oasys-spacing-near);margin-right:var(--oasys-spacing-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--oasys-spacing-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-text-input,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container,form.ng-dirty .ui-combobox-container:has(input.ng-invalid.ng-input-did-change:not(:focus-within)) .hint-container{display:none!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-combobox,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-text-input,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .hint-container,form.ng-dirty.ng-submitted .ui-combobox-container:has(input.ng-invalid) .hint-container{display:none!important}.ui-checkbox input,.ui-radio input,.ui-text-input input,.ui-combobox input{appearance:none;margin:0;border:none}.ui-checkbox input,.ui-radio input{cursor:pointer}.ui-checkbox,.ui-radio{--_inset: var(--oasys-spacing-near);--_radius: var(--oasys-radius-soften);--_transition_duration: calc(var(--oasys-animation-duration) * 1ms)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--oasys-radius-soften)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--oasys-typography-heading-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--oasys-spacing-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--oasys-component-checkbox-icon-inset);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color calc(var(--_transition_duration) * 1ms),border-color calc(var(--_transition_duration) * 1ms)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-background-selected)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--oasys-color-interaction-border-selected);border-color:var(--oasys-color-interaction-border-selected);color:var(--oasys-color-brand-foreground-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--oasys-color-interaction-border-selected)!important}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--oasys-color-system-foreground-negative)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--oasys-color-system-foreground-negative)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selected)!important}.oasys-focus-style,.ui-combobox div[name=combobox]:focus,.ui-combobox div[name=combobox]:focus-visible,.ui-combobox div[name=combobox]:focus-within,[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,button:focus-visible,button:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}:host{display:block;width:100%}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .ui-text-input,:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .input-errors .input-errors-content{visibility:visible!important}:host.ng-touched.ng-dirty.ng-invalid:not(:focus-within) .ui-combobox-container .hint-container{display:none!important}.foreground-secondary-text{color:var(--oasys-color-brand-foreground-secondary)}.ui-combobox{background-color:var(--oasys-color-white);--_label-height: var(--oasys-typography-body-supporting-line-height);--_label-input-gap: var(--oasys-spacing-tiny);--_label-top-inset: var(--oasys-spacing-near);--_input-inset-top: calc( var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset) );--_preface-width: var(--oasys-component-text-input-preface-width);position:relative;transition:border calc(var(--oasys-animation-duration-long) * 1ms);border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-footer,.ui-combobox-header{padding:var(--oasys-spacing-tight) var(--oasys-spacing-near);text-align:center}.ui-combobox-footer{cursor:pointer;border-top:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-header{color:var(--oasys-color-brand-foreground-secondary);border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox-options{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);background-color:var(--oasys-color-white);box-shadow:0 24px 36px #2626261a;border-radius:var(--oasys-radius-soften);box-sizing:border-box;width:100%;height:auto;margin-top:var(--oasys-spacing-near);position:absolute;pointer-events:auto;outline:0;overflow:auto;transform-origin:top center;grid-template-rows:0fr;opacity:0;transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));transition:opacity var(--_ad);will-change:opacity;z-index:1000}.ui-combobox-options.expand{opacity:1}.ui-combobox-option{cursor:pointer;border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) transparent;padding:var(--oasys-spacing-near);outline:none;outline-offset:none}.ui-combobox-option:hover,.ui-combobox-option.selected{background-color:var(--oasys-color-interaction-background-selected);border-radius:var(--oasys-radius-soften)}.ui-combobox-option.focus{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-option:focus-visible{border-left:var(--oasys-border-width-focus-offset) var(--oasys-component-box-border-style-solid) var(--oasys-color-interaction-border-focus)}.ui-combobox-container .input-errors{--_ad: calc(var(--oasys-animation-duration-long) * 1ms);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--oasys-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-combobox-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-combobox-container .input-errors .hint-container{display:block!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .ui-combobox,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-text-input,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .ui-combobox{border:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-danger)}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .input-errors .input-errors-content,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .input-errors .input-errors-content{visibility:visible!important}.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus-within)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched.ng-dirty:not(:focus)) .hint-container,.ui-combobox-container:has(.ng-invalid.ng-touched:not(:focus-within)) .hint-container{display:none!important}.ui-combobox-container:has(input:disabled) input,.ui-combobox-container:has(input:disabled) .select{background-color:none;color:var(--oasys-component-text-input-color-disabled-foreground)}.ui-combobox-container:has(input:disabled) .ui-combobox-input{background-color:var(--oasys-component-text-input-color-disabled-background)}.ui-combobox{border-radius:var(--oasys-radius-soften);width:100%}.ui-combobox input{border:none;width:100%;background-color:transparent;cursor:pointer}.ui-combobox input:focus{outline:none}.ui-combobox input,.ui-combobox .select{padding:var(--oasys-spacing-near);padding-top:var(--oasys-spacing-tiny)}.ui-combobox .label-container{padding-top:var(--oasys-spacing-near);padding-left:var(--oasys-spacing-near);width:calc(100% - var(--oasys-spacing-near) - var(--oasys-spacing-near))}.ui-combobox .label-container,.ui-combobox .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-combobox .icon-container{transition:all calc(var(--oasys-animation-duration-long) * 1ms) ease;transform-origin:center}.ui-combobox .icon-container:hover{transform:scale(1.1)}.ui-combobox .icon-container.expand{transform:rotate(-179.999deg)}.ui-combobox:has(.input-preface:not(:empty)){--_left-inset: calc(var(--oasys-spacing-near) + var(--_preface-width))}.ui-combobox:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--oasys-spacing-near))}.ui-combobox:has(.input-preface:not(:empty)) input,.ui-combobox:has(.input-preface:not(:empty)) .select{padding-left:var(--_left-inset)}.ui-combobox .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-border-selectable)}.ui-combobox .input-preface:empty{visibility:hidden}.ui-combobox div[name=combobox]{cursor:pointer;padding-right:var(--oasys-spacing-near)}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: EmphasisDirective, selector: "[ui-emphasis]", inputs: ["searchText", "displayParagraph"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }] });
|
|
3605
3608
|
}
|
|
3606
3609
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ComboboxComponent, decorators: [{
|
|
3607
3610
|
type: Component,
|
|
@@ -3812,7 +3815,7 @@ class LabelComponent {
|
|
|
3812
3815
|
this.iconName = this.iconName || defaultIconName;
|
|
3813
3816
|
}
|
|
3814
3817
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3815
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LabelComponent, isStandalone: true, selector: "ui-label", inputs: { type: "type", text: "text", textStyle: "textStyle", showIcon: "showIcon", iconOverride: "iconOverride", backgroundColorOverride: "backgroundColorOverride" }, ngImport: i0, template: "<ui-box\n class=\"ui-label oasys-label-style-{{ labelStyle }}\"\n box_space=\"tiny\"\n box_space_left=\"tight\"\n box_space_right=\"tight\"\n box_fill_mode=\"fit\"\n [box_background]=\"backgroundColour\"\n>\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{ text }}</span>\n </ui-stack>\n</ui-box>\n", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
3818
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LabelComponent, isStandalone: true, selector: "ui-label", inputs: { type: "type", text: "text", textStyle: "textStyle", showIcon: "showIcon", iconOverride: "iconOverride", backgroundColorOverride: "backgroundColorOverride" }, ngImport: i0, template: "<ui-box\n class=\"ui-label oasys-label-style-{{ labelStyle }}\"\n box_space=\"tiny\"\n box_space_left=\"tight\"\n box_space_right=\"tight\"\n box_fill_mode=\"fit\"\n [box_background]=\"backgroundColour\"\n>\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{ text }}</span>\n </ui-stack>\n</ui-box>\n", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
3816
3819
|
}
|
|
3817
3820
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LabelComponent, decorators: [{
|
|
3818
3821
|
type: Component,
|
|
@@ -4012,7 +4015,7 @@ class ProgressBarComponent {
|
|
|
4012
4015
|
style = 'circular';
|
|
4013
4016
|
text = '0 / 3';
|
|
4014
4017
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4015
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ProgressBarComponent, isStandalone: true, selector: "ui-progress-bar", inputs: { percentage: "percentage", style: "style", text: "text" }, ngImport: i0, template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
4018
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ProgressBarComponent, isStandalone: true, selector: "ui-progress-bar", inputs: { percentage: "percentage", style: "style", text: "text" }, ngImport: i0, template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
4016
4019
|
}
|
|
4017
4020
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
4018
4021
|
type: Component,
|
|
@@ -4077,7 +4080,7 @@ class OasysFormErrorsSummaryComponent {
|
|
|
4077
4080
|
}
|
|
4078
4081
|
}
|
|
4079
4082
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: OasysFormErrorsSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4080
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: OasysFormErrorsSummaryComponent, isStandalone: true, selector: "ui-form-errors-summary", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "errorsSummaryItems", predicate: OasysFormErrorsSummaryItemComponent }], ngImport: i0, template: "<div #errorsSummary>\n @if (!formGroup().valid && hasErrorsSummaryItems()) {\n <ui-box class=\"ui-form-errors-summary\" box_space=\"near\" box_align_x=\"center\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\">\n <ui-icon icon_name=\"error\" icon_size_override=\"2\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\">\n <ui-stack stack_gap=\"tight\" class=\"content\" stack_direction=\"y\">\n <div class=\"text-label--secondary\" id=\"errors-summary-title\">\n <ng-content select=\"ui-form-errors-summary-title\"></ng-content>\n </div>\n <ul>\n <ng-content></ng-content>\n </ul>\n </ui-stack>\n </ui-stack>\n </ui-stack>\n </ui-box>\n }\n</div>\n", styles: [":host{display:contents}.ui-form-errors-summary{margin-bottom:var(--oasys-spacing-near);background-color:var(--oasys-color-system-background-negative)}.ui-form-errors-summary .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-form-errors-summary .badge ui-icon{fill:currentColor}.ui-form-errors-summary .content{gap:var(--oasys-spacing-tiny)}.ui-form-errors-summary ul{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "ngmodule", type: OasysAlertModule }, { kind: "ngmodule", type: OasysIconModule }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
4083
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: OasysFormErrorsSummaryComponent, isStandalone: true, selector: "ui-form-errors-summary", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "errorsSummaryItems", predicate: OasysFormErrorsSummaryItemComponent }], ngImport: i0, template: "<div #errorsSummary>\n @if (!formGroup().valid && hasErrorsSummaryItems()) {\n <ui-box class=\"ui-form-errors-summary\" box_space=\"near\" box_align_x=\"center\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\">\n <ui-icon icon_name=\"error\" icon_size_override=\"2\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\">\n <ui-stack stack_gap=\"tight\" class=\"content\" stack_direction=\"y\">\n <div class=\"text-label--secondary\" id=\"errors-summary-title\">\n <ng-content select=\"ui-form-errors-summary-title\"></ng-content>\n </div>\n <ul>\n <ng-content></ng-content>\n </ul>\n </ui-stack>\n </ui-stack>\n </ui-stack>\n </ui-box>\n }\n</div>\n", styles: [":host{display:contents}.ui-form-errors-summary{margin-bottom:var(--oasys-spacing-near);background-color:var(--oasys-color-system-background-negative)}.ui-form-errors-summary .badge{padding:2px;border-radius:9999px;color:var(--oasys-color-brand-foreground-primary-on-dark);background-color:var(--oasys-color-system-foreground-negative)}.ui-form-errors-summary .badge ui-icon{fill:currentColor}.ui-form-errors-summary .content{gap:var(--oasys-spacing-tiny)}.ui-form-errors-summary ul{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "ngmodule", type: OasysAlertModule }, { kind: "ngmodule", type: OasysIconModule }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
4081
4084
|
}
|
|
4082
4085
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: OasysFormErrorsSummaryComponent, decorators: [{
|
|
4083
4086
|
type: Component,
|
|
@@ -4113,5 +4116,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4113
4116
|
* Generated bundle index. Do not edit.
|
|
4114
4117
|
*/
|
|
4115
4118
|
|
|
4116
|
-
export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, ComboboxComponent, DividerComponent, FormErrorsComponent, FormGroupComponent, HeroComponent, IconComponent, ImageComponent, LabelComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, MEDIA_BASE_URL_TOKEN, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, OasysBannerModule, OasysBreadcrumbModule, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, OasysCardModule, OasysCarouselModule, OasysCheckboxModule, OasysChipModule, OasysComboboxModule, OasysDividerModule, OasysFormErrorsModule, OasysFormErrorsSummaryComponent, OasysFormErrorsSummaryItemComponent, OasysFormErrorsSummaryTitleComponent, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, OasysHeroModule, OasysIconModule, OasysImageModule, OasysLabelModule, OasysLayoutModule, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, OasysPromoCardModule, OasysRadioModule, OasysSelectCardModule, OasysSeoBlockModule, OasysTabComponent, OasysTabGroupComponent, OasysTabsModule, TextInputComponent as OasysTextInputComponent, OasysTextInputModule, OasysTextModule, ProgressBarComponent, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SWIPER_PROVIDER_TOKEN, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, SwiperProvider, TextComponent };
|
|
4119
|
+
export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, ComboboxComponent, DividerComponent, FormErrorsComponent, FormGroupComponent, HeroComponent, IconComponent, ImageComponent, LabelComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, MEDIA_BASE_URL_TOKEN, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, BannerComponent as OasysBannerComponent, OasysBannerModule, OasysBreadcrumbModule, BreadcrumbsComponent as OasysBreadcrumbsComponent, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, CardComponent as OasysCardComponent, OasysCardModule, CarouselComponent as OasysCarouselComponent, OasysCarouselModule, CheckboxComponent as OasysCheckboxComponent, OasysCheckboxModule, ChipComponent as OasysChipComponent, OasysChipModule, ComboboxComponent as OasysComboboxComponent, OasysComboboxModule, DividerComponent as OasysDividerComponent, OasysDividerModule, FormErrorsComponent as OasysFormErrorsComponent, OasysFormErrorsModule, OasysFormErrorsSummaryComponent, OasysFormErrorsSummaryItemComponent, OasysFormErrorsSummaryTitleComponent, FormGroupComponent as OasysFormGroupComponent, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, HeroComponent as OasysHeroComponent, OasysHeroModule, IconComponent as OasysIconComponent, OasysIconModule, ImageComponent as OasysImageComponent, OasysImageModule, LabelComponent as OasysLabelComponent, OasysLabelModule, LayoutBoxComponent as OasysLayoutBoxComponent, LayoutContainerComponent as OasysLayoutContainerComponent, LayoutGridColumnComponent as OasysLayoutGridColumnComponent, LayoutGridComponent as OasysLayoutGridComponent, OasysLayoutModule, LayoutStackComponent as OasysLayoutStackComponent, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, ProgressBarComponent as OasysProgressBarComponent, PromoCardComponent as OasysPromoCardComponent, OasysPromoCardModule, RadioComponent as OasysRadioComponent, OasysRadioModule, SectionComponent as OasysSectionComponent, SelectCardComponent as OasysSelectCardComponent, OasysSelectCardModule, SeoBlockComponent as OasysSeoBlockComponent, OasysSeoBlockModule, OasysTabComponent, OasysTabGroupComponent, OasysTabsModule, TextComponent as OasysTextComponent, TextInputComponent as OasysTextInputComponent, OasysTextInputModule, OasysTextModule, ProgressBarComponent, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SWIPER_PROVIDER_TOKEN, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, SwiperProvider, TextComponent };
|
|
4117
4120
|
//# sourceMappingURL=oasys-lib.mjs.map
|