oasys-lib 1.4.2 → 1.5.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.
Files changed (27) hide show
  1. package/bundles/oasys-lib.umd.js +72 -11
  2. package/bundles/oasys-lib.umd.js.map +1 -1
  3. package/esm2015/lib/components/hero/hero.component.js +65 -0
  4. package/esm2015/lib/components/layout/Layout.js +1 -1
  5. package/esm2015/lib/components/layout/box/box.component.js +4 -4
  6. package/esm2015/lib/components/layout/container/container.component.js +1 -1
  7. package/esm2015/lib/components/layout/grid/grid.component.js +2 -2
  8. package/esm2015/lib/components/layout/stack/stack.component.js +1 -1
  9. package/esm2015/lib/oasys-lib.module.js +10 -5
  10. package/esm2015/public-api.js +2 -1
  11. package/fesm2015/oasys-lib.js +71 -12
  12. package/fesm2015/oasys-lib.js.map +1 -1
  13. package/lib/components/hero/hero.component.d.ts +28 -0
  14. package/lib/components/hero/hero.component.d.ts.map +1 -0
  15. package/lib/components/layout/Layout.d.ts +1 -1
  16. package/lib/components/layout/Layout.d.ts.map +1 -1
  17. package/lib/components/layout/box/box.component.d.ts.map +1 -1
  18. package/lib/oasys-lib.module.d.ts +4 -3
  19. package/lib/oasys-lib.module.d.ts.map +1 -1
  20. package/package.json +1 -1
  21. package/public-api.d.ts +1 -0
  22. package/public-api.d.ts.map +1 -1
  23. package/src/assets/bloomandwild/variables.css +12 -5
  24. package/src/assets/bloomon/variables.css +12 -5
  25. package/src/assets/global/responsive.scss +1 -1
  26. package/src/assets/global/scss-breakpoints.scss +1 -1
  27. package/src/assets/global/variables.css +1 -1
package/esm2015/lib/components/layout/grid/grid.component.js CHANGED
@@ -28,7 +28,7 @@ export class LayoutGridComponent {
28
28
  }
29
29
  }
30
30
  LayoutGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
31
- LayoutGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridComponent, selector: "ui-grid", inputs: { gridAuto: "gridAuto", gridCollapseBelow: "gridCollapseBelow", gridGap: "gridGap" }, host: { properties: { "class": "gridLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
31
+ LayoutGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridComponent, selector: "ui-grid", inputs: { gridAuto: "gridAuto", gridCollapseBelow: "gridCollapseBelow", gridGap: "gridGap" }, host: { properties: { "class": "gridLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 768px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
32
32
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridComponent, decorators: [{
33
33
  type: Component,
34
34
  args: [{
@@ -85,7 +85,7 @@ export class LayoutGridColumnComponent {
85
85
  }
86
86
  }
87
87
  LayoutGridColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridColumnComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
88
- LayoutGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridColumnComponent, selector: "ui-column", inputs: { columns: "columns" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
88
+ LayoutGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridColumnComponent, selector: "ui-column", inputs: { columns: "columns" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 768px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
89
89
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridColumnComponent, decorators: [{
90
90
  type: Component,
91
91
  args: [{
package/esm2015/lib/components/layout/stack/stack.component.js CHANGED
@@ -38,7 +38,7 @@ export class LayoutStackComponent {
38
38
  }
39
39
  }
40
40
  LayoutStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutStackComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
41
- LayoutStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutStackComponent, selector: "ui-stack", inputs: { stackGap: "stackGap", stackAlign: "stackAlign", stackDirection: "stackDirection", stackDistribute: "stackDistribute", stackWrap: "stackWrap" }, host: { properties: { "class": "stackLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{grid-gap:var(--semantic-spacing-stack-none);gap:var(--semantic-spacing-stack-none)}.ui-layout-stack-tight{grid-gap:var(--semantic-spacing-stack-tight);gap:var(--semantic-spacing-stack-tight)}.ui-layout-stack-near{grid-gap:var(--semantic-spacing-stack-near);gap:var(--semantic-spacing-stack-near)}.ui-layout-stack-default{grid-gap:var(--semantic-spacing-stack-default);gap:var(--semantic-spacing-stack-default)}.ui-layout-stack-expanded{grid-gap:var(--semantic-spacing-stack-expanded);gap:var(--semantic-spacing-stack-expanded)}.ui-layout-stack-section{grid-gap:var(--semantic-spacing-stack-section);gap:var(--semantic-spacing-stack-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset;height:100%}.ui-layout-stack-distribute-start{justify-content:flex-start;height:100%}.ui-layout-stack-distribute-center{justify-content:center;height:100%}.ui-layout-stack-distribute-end{justify-content:flex-end;height:100%}.ui-layout-stack-distribute-space-between{justify-content:space-between;height:100%}.ui-layout-stack-distribute-space-around{justify-content:space-around;height:100%}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly;height:100%}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
41
+ LayoutStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutStackComponent, selector: "ui-stack", inputs: { stackGap: "stackGap", stackAlign: "stackAlign", stackDirection: "stackDirection", stackDistribute: "stackDistribute", stackWrap: "stackWrap" }, host: { properties: { "class": "stackLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{grid-gap:var(--semantic-spacing-stack-none);gap:var(--semantic-spacing-stack-none)}.ui-layout-stack-tight{grid-gap:var(--semantic-spacing-stack-tight);gap:var(--semantic-spacing-stack-tight)}.ui-layout-stack-near{grid-gap:var(--semantic-spacing-stack-near);gap:var(--semantic-spacing-stack-near)}.ui-layout-stack-default{grid-gap:var(--semantic-spacing-stack-default);gap:var(--semantic-spacing-stack-default)}.ui-layout-stack-expanded{grid-gap:var(--semantic-spacing-stack-expanded);gap:var(--semantic-spacing-stack-expanded)}.ui-layout-stack-section{grid-gap:var(--semantic-spacing-stack-section);gap:var(--semantic-spacing-stack-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
42
42
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutStackComponent, decorators: [{
43
43
  type: Component,
44
44
  args: [{
package/esm2015/lib/oasys-lib.module.js CHANGED
@@ -10,6 +10,7 @@ import { LayoutStackComponent } from './components/layout/stack/stack.component'
10
10
  import { LayoutGridComponent, LayoutGridColumnComponent } from './components/layout/grid/grid.component';
11
11
  import { LayoutContainerComponent } from './components/layout/container/container.component';
12
12
  import { OasysHeadingComponent } from './components/heading/heading.component';
13
+ import { HeroComponent } from './components/hero/hero.component';
13
14
  import * as i0 from "@angular/core";
14
15
  import * as i1 from "@angular/router";
15
16
  export class OasysLibModule {
@@ -22,13 +23,15 @@ OasysLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
22
23
  LayoutGridComponent,
23
24
  LayoutGridColumnComponent,
24
25
  LayoutContainerComponent,
25
- OasysHeadingComponent], imports: [CommonModule, i1.RouterModule], exports: [OasysButtonComponent,
26
+ OasysHeadingComponent,
27
+ HeroComponent], imports: [CommonModule, i1.RouterModule], exports: [OasysButtonComponent,
26
28
  LayoutBoxComponent,
27
29
  LayoutStackComponent,
28
30
  LayoutGridComponent,
29
31
  LayoutGridColumnComponent,
30
32
  LayoutContainerComponent,
31
- OasysHeadingComponent] });
33
+ OasysHeadingComponent,
34
+ HeroComponent] });
32
35
  OasysLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, providers: [
33
36
  WindowService,
34
37
  TokenService
@@ -47,7 +50,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
47
50
  LayoutGridComponent,
48
51
  LayoutGridColumnComponent,
49
52
  LayoutContainerComponent,
50
- OasysHeadingComponent
53
+ OasysHeadingComponent,
54
+ HeroComponent
51
55
  ],
52
56
  imports: [
53
57
  CommonModule,
@@ -60,7 +64,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
60
64
  LayoutGridComponent,
61
65
  LayoutGridColumnComponent,
62
66
  LayoutContainerComponent,
63
- OasysHeadingComponent
67
+ OasysHeadingComponent,
68
+ HeroComponent
64
69
  ],
65
70
  providers: [
66
71
  WindowService,
@@ -71,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
71
76
  ]
72
77
  }]
73
78
  }] });
74
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2FzeXMtbGliLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL29hc3lzLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN6RyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM3RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7O0FBb0MvRSxNQUFNLE9BQU8sY0FBYzs7NEdBQWQsY0FBYzs2R0FBZCxjQUFjLGlCQTlCdkIsb0JBQW9CO1FBQ3BCLGFBQWE7UUFDYixrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLG1CQUFtQjtRQUNuQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLHFCQUFxQixhQUdyQixZQUFZLDhCQUlaLG9CQUFvQjtRQUNwQixrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLG1CQUFtQjtRQUNuQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLHFCQUFxQjs2R0FVWixjQUFjLGFBUmQ7UUFDVCxhQUFhO1FBQ2IsWUFBWTtLQUNiLFlBaEJRO1lBQ1AsWUFBWTtZQUNaLFlBQVksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO1NBQzFCOzRGQWtCVSxjQUFjO2tCQWhDMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3dCQUNwQixhQUFhO3dCQUNiLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixtQkFBbUI7d0JBQ25CLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4QixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO3FCQUMxQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3dCQUNuQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3FCQUN0QjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1QsYUFBYTt3QkFDYixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxnQkFBZ0I7cUJBQ2pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVBQX0JBU0VfSFJFRiwgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlLCBOT19FUlJPUlNfU0NIRU1BIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgT2FzeXNCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IExheW91dEJveENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9sYXlvdXQvYm94L2JveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2luZG93U2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvd2luZG93LnNlcnZpY2UnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy90b2tlbi5zZXJ2aWNlJztcbmltcG9ydCB7IExheW91dFN0YWNrQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2xheW91dC9zdGFjay9zdGFjay5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGF5b3V0R3JpZENvbXBvbmVudCwgTGF5b3V0R3JpZENvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9sYXlvdXQvZ3JpZC9ncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbGF5b3V0L2NvbnRhaW5lci9jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE9hc3lzSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9oZWFkaW5nL2hlYWRpbmcuY29tcG9uZW50JztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIE9hc3lzQnV0dG9uQ29tcG9uZW50LFxuICAgIEljb25Db21wb25lbnQsXG4gICAgTGF5b3V0Qm94Q29tcG9uZW50LFxuICAgIExheW91dFN0YWNrQ29tcG9uZW50LFxuICAgIExheW91dEdyaWRDb21wb25lbnQsXG4gICAgTGF5b3V0R3JpZENvbHVtbkNvbXBvbmVudCxcbiAgICBMYXlvdXRDb250YWluZXJDb21wb25lbnQsXG4gICAgT2FzeXNIZWFkaW5nQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLmZvckNoaWxkKFtdKVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgT2FzeXNCdXR0b25Db21wb25lbnQsXG4gICAgTGF5b3V0Qm94Q29tcG9uZW50LFxuICAgIExheW91dFN0YWNrQ29tcG9uZW50LFxuICAgIExheW91dEdyaWRDb21wb25lbnQsXG4gICAgTGF5b3V0R3JpZENvbHVtbkNvbXBvbmVudCxcbiAgICBMYXlvdXRDb250YWluZXJDb21wb25lbnQsXG4gICAgT2FzeXNIZWFkaW5nQ29tcG9uZW50XG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIFdpbmRvd1NlcnZpY2UsXG4gICAgVG9rZW5TZXJ2aWNlXG4gIF0sXG4gIHNjaGVtYXM6IFtcbiAgICBOT19FUlJPUlNfU0NIRU1BXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNMaWJNb2R1bGUgeyB9XG4iXX0=
79
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2FzeXMtbGliLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL29hc3lzLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN6RyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM3RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7OztBQXNDakUsTUFBTSxPQUFPLGNBQWM7OzRHQUFkLGNBQWM7NkdBQWQsY0FBYyxpQkFoQ3ZCLG9CQUFvQjtRQUNwQixhQUFhO1FBQ2Isa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQixtQkFBbUI7UUFDbkIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4QixxQkFBcUI7UUFDckIsYUFBYSxhQUdiLFlBQVksOEJBSVosb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsbUJBQW1CO1FBQ25CLHlCQUF5QjtRQUN6Qix3QkFBd0I7UUFDeEIscUJBQXFCO1FBQ3JCLGFBQWE7NkdBVUosY0FBYyxhQVJkO1FBQ1QsYUFBYTtRQUNiLFlBQVk7S0FDYixZQWpCUTtZQUNQLFlBQVk7WUFDWixZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztTQUMxQjs0RkFtQlUsY0FBYztrQkFsQzFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjt3QkFDcEIsYUFBYTt3QkFDYixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3dCQUNuQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3dCQUNyQixhQUFhO3FCQUNkO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO3FCQUMxQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3dCQUNuQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3dCQUNyQixhQUFhO3FCQUNkO29CQUNELFNBQVMsRUFBRTt3QkFDVCxhQUFhO3dCQUNiLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBUFBfQkFTRV9IUkVGLCBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUsIE5PX0VSUk9SU19TQ0hFTUEgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBPYXN5c0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGF5b3V0Qm94Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2xheW91dC9ib3gvYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBXaW5kb3dTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy93aW5kb3cuc2VydmljZSc7XG5pbXBvcnQgeyBUb2tlblNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgTGF5b3V0U3RhY2tDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbGF5b3V0L3N0YWNrL3N0YWNrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRHcmlkQ29tcG9uZW50LCBMYXlvdXRHcmlkQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2xheW91dC9ncmlkL2dyaWQuY29tcG9uZW50JztcbmltcG9ydCB7IExheW91dENvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9sYXlvdXQvY29udGFpbmVyL2NvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgT2FzeXNIZWFkaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2hlYWRpbmcvaGVhZGluZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSGVyb0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9oZXJvL2hlcm8uY29tcG9uZW50JztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIE9hc3lzQnV0dG9uQ29tcG9uZW50LFxuICAgIEljb25Db21wb25lbnQsXG4gICAgTGF5b3V0Qm94Q29tcG9uZW50LFxuICAgIExheW91dFN0YWNrQ29tcG9uZW50LFxuICAgIExheW91dEdyaWRDb21wb25lbnQsXG4gICAgTGF5b3V0R3JpZENvbHVtbkNvbXBvbmVudCxcbiAgICBMYXlvdXRDb250YWluZXJDb21wb25lbnQsXG4gICAgT2FzeXNIZWFkaW5nQ29tcG9uZW50LFxuICAgIEhlcm9Db21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUuZm9yQ2hpbGQoW10pXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBPYXN5c0J1dHRvbkNvbXBvbmVudCxcbiAgICBMYXlvdXRCb3hDb21wb25lbnQsXG4gICAgTGF5b3V0U3RhY2tDb21wb25lbnQsXG4gICAgTGF5b3V0R3JpZENvbXBvbmVudCxcbiAgICBMYXlvdXRHcmlkQ29sdW1uQ29tcG9uZW50LFxuICAgIExheW91dENvbnRhaW5lckNvbXBvbmVudCxcbiAgICBPYXN5c0hlYWRpbmdDb21wb25lbnQsXG4gICAgSGVyb0NvbXBvbmVudFxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgICBXaW5kb3dTZXJ2aWNlLFxuICAgIFRva2VuU2VydmljZVxuICBdLFxuICBzY2hlbWFzOiBbXG4gICAgTk9fRVJST1JTX1NDSEVNQVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzTGliTW9kdWxlIHsgfVxuIl19
package/esm2015/public-api.js CHANGED
@@ -9,4 +9,5 @@ export * from './lib/components/layout/stack/stack.component';
9
9
  export * from './lib/components/layout/grid/grid.component';
10
10
  export * from './lib/components/layout/container/container.component';
11
11
  export * from './lib/components/heading/heading.component';
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUdILGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygb2FzeXMtbGliXG4gKi9cblxuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9vYXN5cy1saWIubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sYXlvdXQvYm94L2JveC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sYXlvdXQvc3RhY2svc3RhY2suY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbGF5b3V0L2dyaWQvZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sYXlvdXQvY29udGFpbmVyL2NvbnRhaW5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9oZWFkaW5nL2hlYWRpbmcuY29tcG9uZW50JztcblxuXG4iXX0=
12
+ export * from './lib/components/hero/hero.component';
13
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUdILGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHNDQUFzQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBvYXN5cy1saWJcbiAqL1xuXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL29hc3lzLWxpYi5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xheW91dC9ib3gvYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xheW91dC9zdGFjay9zdGFjay5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sYXlvdXQvZ3JpZC9ncmlkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xheW91dC9jb250YWluZXIvY29udGFpbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2hlYWRpbmcvaGVhZGluZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9oZXJvL2hlcm8uY29tcG9uZW50JztcblxuXG4iXX0=
package/fesm2015/oasys-lib.js CHANGED
@@ -211,7 +211,7 @@ class LayoutBoxComponent {
211
211
  this.boxAlignX = 'start';
212
212
  this.boxAlignY = 'start';
213
213
  this.boxFillMode = 'fill';
214
- this.boxBackground = 'primary';
214
+ this.boxBackground = 'core-primary';
215
215
  }
216
216
  getSizeClasses(spaceInput, overrideName) {
217
217
  if (!spaceInput || spaceInput === undefined) {
@@ -234,7 +234,7 @@ class LayoutBoxComponent {
234
234
  }).filter(Boolean);
235
235
  }
236
236
  getAlignmentClasses(alignmentOverride) {
237
- const spaceTypes = ['align-x', 'align-y'];
237
+ const spaceTypes = ['align-x', 'distribute-y'];
238
238
  return alignmentOverride.map((item, index) => {
239
239
  return item ? `${this.prefix}-${spaceTypes[index]}-${item}` : undefined;
240
240
  }).filter(Boolean);
@@ -265,7 +265,7 @@ class LayoutBoxComponent {
265
265
  }
266
266
  }
267
267
  LayoutBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
268
- LayoutBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutBoxComponent, selector: "ui-box", inputs: { boxSpace: "boxSpace", boxSpaceTop: "boxSpaceTop", boxSpaceRight: "boxSpaceRight", boxSpaceBottom: "boxSpaceBottom", boxSpaceLeft: "boxSpaceLeft", boxAlignX: "boxAlignX", boxAlignY: "boxAlignY", boxFillMode: "boxFillMode", boxBackground: "boxBackground" }, host: { properties: { "class": "boxLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box-none{padding:var(--semantic-spacing-box-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-none-tablet{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--semantic-spacing-box-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-tight{padding:var(--semantic-spacing-box-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-tight-tablet{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--semantic-spacing-box-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-near{padding:var(--semantic-spacing-box-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-near-tablet{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--semantic-spacing-box-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-default{padding:var(--semantic-spacing-box-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-default-tablet{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--semantic-spacing-box-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-expanded{padding:var(--semantic-spacing-box-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-expanded-tablet{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-section-inset{padding:var(--semantic-spacing-box-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-background-transparent{background-color:var(--semantic-color-background-transparent)}ui-box.ui-layout-box-background-primary{background-color:var(--semantic-color-background-primary)}ui-box.ui-layout-box-background-secondary{background-color:var(--semantic-color-background-secondary)}ui-box.ui-layout-box-background-tertiary{background-color:var(--semantic-color-background-tertiary)}ui-box.ui-layout-box-background-quaternary{background-color:var(--semantic-color-background-quaternary)}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-fit-content{width:-moz-fit-content;width:fit-content}ui-box.ui-layout-box-fill-container{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
268
+ LayoutBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutBoxComponent, selector: "ui-box", inputs: { boxSpace: "boxSpace", boxSpaceTop: "boxSpaceTop", boxSpaceRight: "boxSpaceRight", boxSpaceBottom: "boxSpaceBottom", boxSpaceLeft: "boxSpaceLeft", boxAlignX: "boxAlignX", boxAlignY: "boxAlignY", boxFillMode: "boxFillMode", boxBackground: "boxBackground" }, host: { properties: { "class": "boxLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box-none{padding:var(--semantic-spacing-box-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-none-tablet{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--semantic-spacing-box-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-tight{padding:var(--semantic-spacing-box-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-tight-tablet{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--semantic-spacing-box-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-near{padding:var(--semantic-spacing-box-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-near-tablet{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--semantic-spacing-box-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-default{padding:var(--semantic-spacing-box-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-default-tablet{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--semantic-spacing-box-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-expanded{padding:var(--semantic-spacing-box-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-expanded-tablet{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-section-inset{padding:var(--semantic-spacing-box-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 768px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-background-transparent{background-color:var(--semantic-color-background-transparent)}ui-box.ui-layout-box-background-core-primary{background-color:var(--semantic-color-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{background-color:var(--semantic-color-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{background-color:var(--semantic-color-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{background-color:var(--semantic-color-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{background-color:var(--semantic-color-background-tint-highlight)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:-moz-fit-content;width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
269
269
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, decorators: [{
270
270
  type: Component,
271
271
  args: [{
@@ -336,7 +336,7 @@ class LayoutStackComponent {
336
336
  }
337
337
  }
338
338
  LayoutStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutStackComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
339
- LayoutStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutStackComponent, selector: "ui-stack", inputs: { stackGap: "stackGap", stackAlign: "stackAlign", stackDirection: "stackDirection", stackDistribute: "stackDistribute", stackWrap: "stackWrap" }, host: { properties: { "class": "stackLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{grid-gap:var(--semantic-spacing-stack-none);gap:var(--semantic-spacing-stack-none)}.ui-layout-stack-tight{grid-gap:var(--semantic-spacing-stack-tight);gap:var(--semantic-spacing-stack-tight)}.ui-layout-stack-near{grid-gap:var(--semantic-spacing-stack-near);gap:var(--semantic-spacing-stack-near)}.ui-layout-stack-default{grid-gap:var(--semantic-spacing-stack-default);gap:var(--semantic-spacing-stack-default)}.ui-layout-stack-expanded{grid-gap:var(--semantic-spacing-stack-expanded);gap:var(--semantic-spacing-stack-expanded)}.ui-layout-stack-section{grid-gap:var(--semantic-spacing-stack-section);gap:var(--semantic-spacing-stack-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset;height:100%}.ui-layout-stack-distribute-start{justify-content:flex-start;height:100%}.ui-layout-stack-distribute-center{justify-content:center;height:100%}.ui-layout-stack-distribute-end{justify-content:flex-end;height:100%}.ui-layout-stack-distribute-space-between{justify-content:space-between;height:100%}.ui-layout-stack-distribute-space-around{justify-content:space-around;height:100%}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly;height:100%}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
339
+ LayoutStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutStackComponent, selector: "ui-stack", inputs: { stackGap: "stackGap", stackAlign: "stackAlign", stackDirection: "stackDirection", stackDistribute: "stackDistribute", stackWrap: "stackWrap" }, host: { properties: { "class": "stackLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{grid-gap:var(--semantic-spacing-stack-none);gap:var(--semantic-spacing-stack-none)}.ui-layout-stack-tight{grid-gap:var(--semantic-spacing-stack-tight);gap:var(--semantic-spacing-stack-tight)}.ui-layout-stack-near{grid-gap:var(--semantic-spacing-stack-near);gap:var(--semantic-spacing-stack-near)}.ui-layout-stack-default{grid-gap:var(--semantic-spacing-stack-default);gap:var(--semantic-spacing-stack-default)}.ui-layout-stack-expanded{grid-gap:var(--semantic-spacing-stack-expanded);gap:var(--semantic-spacing-stack-expanded)}.ui-layout-stack-section{grid-gap:var(--semantic-spacing-stack-section);gap:var(--semantic-spacing-stack-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
340
340
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutStackComponent, decorators: [{
341
341
  type: Component,
342
342
  args: [{
@@ -388,7 +388,7 @@ class LayoutGridComponent {
388
388
  }
389
389
  }
390
390
  LayoutGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
391
- LayoutGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridComponent, selector: "ui-grid", inputs: { gridAuto: "gridAuto", gridCollapseBelow: "gridCollapseBelow", gridGap: "gridGap" }, host: { properties: { "class": "gridLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
391
+ LayoutGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridComponent, selector: "ui-grid", inputs: { gridAuto: "gridAuto", gridCollapseBelow: "gridCollapseBelow", gridGap: "gridGap" }, host: { properties: { "class": "gridLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 768px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
392
392
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridComponent, decorators: [{
393
393
  type: Component,
394
394
  args: [{
@@ -445,7 +445,7 @@ class LayoutGridColumnComponent {
445
445
  }
446
446
  }
447
447
  LayoutGridColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridColumnComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
448
- LayoutGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridColumnComponent, selector: "ui-column", inputs: { columns: "columns" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
448
+ LayoutGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutGridColumnComponent, selector: "ui-column", inputs: { columns: "columns" }, host: { properties: { "class": "columnLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-grid{width:100%}ui-grid.ui-layout-grid-default{grid-gap:var(--semantic-spacing-grid-default);gap:var(--semantic-spacing-grid-default)}ui-grid.ui-layout-grid-none{grid-gap:var(--semantic-spacing-grid-none);gap:var(--semantic-spacing-grid-none)}ui-grid.ui-layout-grid-width-auto{display:flex;flex-wrap:nowrap}ui-grid.ui-layout-grid-width-auto ui-column{flex:1 1 0}ui-grid:not(.ui-layout-grid-width-auto){display:grid;grid-template-columns:repeat(12,1fr)}ui-grid:not(.ui-layout-grid-width-auto) ui-column{grid-column:span 12}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-col-12{grid-column:span 12}@media only screen and (max-width: 767px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-mobile-12{grid-column:span 12}}@media only screen and (min-width: 768px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-tablet-12{grid-column:span 12}}@media only screen and (min-width: 1080px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-laptop-12{grid-column:span 12}}@media only screen and (min-width: 1440px){ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-1{grid-column:span 1}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-2{grid-column:span 2}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-3{grid-column:span 3}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-4{grid-column:span 4}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-5{grid-column:span 5}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-6{grid-column:span 6}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-7{grid-column:span 7}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-8{grid-column:span 8}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-9{grid-column:span 9}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-10{grid-column:span 10}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-11{grid-column:span 11}ui-grid:not(.ui-layout-grid-width-auto) ui-column.ui-layout-column-desktop-12{grid-column:span 12}}@media only screen and (max-width: 767px){ui-grid.ui-layout-grid-collapse-below-tablet{display:flex;flex-direction:column}}@media only screen and (max-width: 1079px){ui-grid.ui-layout-grid-collapse-below-laptop{display:flex;flex-direction:column}}@media only screen and (max-width: 1439px){ui-grid.ui-layout-grid-collapse-below-desktop{display:flex;flex-direction:column}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
449
449
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutGridColumnComponent, decorators: [{
450
450
  type: Component,
451
451
  args: [{
@@ -508,7 +508,7 @@ LayoutContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
508
508
  <ng-content></ng-content>
509
509
 
510
510
  </ui-box>
511
- `, isInline: true, styles: ["ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small);display:block;width:100%;max-width:1440px;margin:0 auto}@media only screen and (max-width: 767px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small)}}@media only screen and (min-width: 767px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small)}}@media only screen and (min-width: 1080px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-large)}}@media only screen and (min-width: 1440px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-large)}}@media only screen and (max-width: 767px){ui-container{max-width:100%}}@media only screen and (min-width: 767px){ui-container{max-width:calc(767px - var(--container-component-gutter-size))}}@media only screen and (min-width: 1080px){ui-container{max-width:calc(1080px - var(--container-component-gutter-size))}}@media only screen and (min-width: 1440px){ui-container{max-width:calc(1440px - var(--container-component-gutter-size))}}ui-container.ui-layout-container-fluid{max-width:100%}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["boxSpace", "boxSpaceTop", "boxSpaceRight", "boxSpaceBottom", "boxSpaceLeft", "boxAlignX", "boxAlignY", "boxFillMode", "boxBackground"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
511
+ `, isInline: true, styles: ["ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small);display:block;width:100%;max-width:1440px;margin:0 auto}@media only screen and (max-width: 767px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small)}}@media only screen and (min-width: 768px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-small)}}@media only screen and (min-width: 1080px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-large)}}@media only screen and (min-width: 1440px){ui-container{--container-component-gutter-size: var(--semantic-spacing-container-gutter-size-large)}}@media only screen and (max-width: 767px){ui-container{max-width:100%}}@media only screen and (min-width: 768px){ui-container{max-width:calc(767px - var(--container-component-gutter-size))}}@media only screen and (min-width: 1080px){ui-container{max-width:calc(1080px - var(--container-component-gutter-size))}}@media only screen and (min-width: 1440px){ui-container{max-width:calc(1440px - var(--container-component-gutter-size))}}ui-container.ui-layout-container-fluid{max-width:100%}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["boxSpace", "boxSpaceTop", "boxSpaceRight", "boxSpaceBottom", "boxSpaceLeft", "boxAlignX", "boxAlignY", "boxFillMode", "boxBackground"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
512
512
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutContainerComponent, decorators: [{
513
513
  type: Component,
514
514
  args: [{
@@ -612,6 +612,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
612
612
  args: ['class']
613
613
  }] } });
614
614
 
615
+ class HeroComponent {
616
+ constructor(tokenService) {
617
+ this.tokenService = tokenService;
618
+ this.imageLeftDesktop = false;
619
+ this.imageTopMobile = true;
620
+ this.mediaType = 'image';
621
+ // Event input variables
622
+ this.hrefPrimaryCta = '';
623
+ this.hrefSecondaryCta = '';
624
+ }
625
+ ngOnInit() {
626
+ this.heroCtaAlignment = this.tokenService.getTokenValue('--component-hero-actions-alignment');
627
+ this.backgroundIsDark = this.tokenService.getTokenValue(`--component-hero-${this.backgroundColour}`);
628
+ }
629
+ }
630
+ HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeroComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
631
+ HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HeroComponent, selector: "ui-hero", inputs: { minContainerHeight: "minContainerHeight", imageLeftDesktop: "imageLeftDesktop", imageTopMobile: "imageTopMobile", backgroundColour: "backgroundColour", headingTitle: "headingTitle", headingSubtitle: "headingSubtitle", headingSurtitle: "headingSurtitle", primaryCtaText: "primaryCtaText", secondaryCtaText: "secondaryCtaText", image: "image", altText: "altText", mediaType: "mediaType", hrefPrimaryCta: "hrefPrimaryCta", hrefSecondaryCta: "hrefSecondaryCta" }, ngImport: i0, template: "<ui-box [boxBackground]=\"backgroundColour\" boxSpace=\"none\">\n <ui-grid [ngStyle]=\"{'min-height' : minContainerHeight ? minContainerHeight + 'px' : 'auto'}\" gridGap=\"none\" gridCollapseBelow=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': imageLeftDesktop, 'image-top': imageTopMobile}\">\n <ui-box boxFillMode=\"fill\" boxAlignY=\"center\" boxBackground=\"transparent\" boxSpace=\"expanded\">\n <ui-stack stackDirection=\"y\" stackAlign=\"center\" stackDistribute=\"center\" stackGap=\"default\">\n <ui-heading\n headingType=\"primary\"\n [headingOnDark]=\"backgroundIsDark === 'on-dark' ? true : false\"\n [headingTitle]=\"headingTitle\"\n [headingSeoPriority]=\"true\"\n [headingSubtitle]=\"headingSubtitle\"\n [headingSurtitle]=\"headingSurtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack \n *ngIf=\"primaryCtaText\" \n class=\"cta-container\" \n stackDirection=\"x\" \n [stackAlign]=\"heroCtaAlignment\" \n [stackDistribute]=\"heroCtaAlignment\"\n stackWrap=\"true\"\n stackGap=\"near\">\n <ui-button\n buttonSize=\"large\"\n [buttonType]=\"backgroundIsDark === 'on-dark' ? 'primary-inverse' : 'primary'\"\n [href]=\"hrefPrimaryCta\">\n <span #buttonText>{{primaryCtaText}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondaryCtaText\"\n buttonSize=\"large\"\n [buttonType]=\"backgroundIsDark === 'on-dark' ? 'secondary-inverse' : 'secondary'\"\n [href]=\"hrefSecondaryCta\">\n <span #buttonText>{{secondaryCtaText}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"mediaType === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"altText\">\n </picture>\n <ng-content *ngIf=\"mediaType === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["ui-grid ui-column{position:relative}ui-grid ui-column img{width:100%}@media only screen and (min-width: 768px){ui-grid ui-column img{position:absolute;height:100%;object-fit:cover}}@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["boxSpace", "boxSpaceTop", "boxSpaceRight", "boxSpaceBottom", "boxSpaceLeft", "boxAlignX", "boxAlignY", "boxFillMode", "boxBackground"] }, { type: LayoutGridComponent, selector: "ui-grid", inputs: ["gridAuto", "gridCollapseBelow", "gridGap"] }, { type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stackGap", "stackAlign", "stackDirection", "stackDistribute", "stackWrap"] }, { type: OasysHeadingComponent, selector: "ui-heading", inputs: ["headingType", "headingOnDark", "headingTitle", "headingSeoPriority", "headingPriority", "headingAlignmentOverride", "headingSubtitle", "headingSurtitle"] }, { type: OasysButtonComponent, selector: "ui-button", inputs: ["buttonIcon", "buttonIconPlacement", "buttonSize", "buttonFullWidth", "buttonType", "buttonDisabled", "href"], outputs: ["clicked"] }], directives: [{ type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
632
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeroComponent, decorators: [{
633
+ type: Component,
634
+ args: [{
635
+ selector: 'ui-hero',
636
+ templateUrl: './hero.component.html',
637
+ styleUrls: ['./hero.component.scss'],
638
+ encapsulation: ViewEncapsulation.None
639
+ }]
640
+ }], ctorParameters: function () { return [{ type: TokenService }]; }, propDecorators: { minContainerHeight: [{
641
+ type: Input
642
+ }], imageLeftDesktop: [{
643
+ type: Input
644
+ }], imageTopMobile: [{
645
+ type: Input
646
+ }], backgroundColour: [{
647
+ type: Input
648
+ }], headingTitle: [{
649
+ type: Input
650
+ }], headingSubtitle: [{
651
+ type: Input
652
+ }], headingSurtitle: [{
653
+ type: Input
654
+ }], primaryCtaText: [{
655
+ type: Input
656
+ }], secondaryCtaText: [{
657
+ type: Input
658
+ }], image: [{
659
+ type: Input
660
+ }], altText: [{
661
+ type: Input
662
+ }], mediaType: [{
663
+ type: Input
664
+ }], hrefPrimaryCta: [{
665
+ type: Input
666
+ }], hrefSecondaryCta: [{
667
+ type: Input
668
+ }] } });
669
+
615
670
  class OasysLibModule {
616
671
  }
617
672
  OasysLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -622,13 +677,15 @@ OasysLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
622
677
  LayoutGridComponent,
623
678
  LayoutGridColumnComponent,
624
679
  LayoutContainerComponent,
625
- OasysHeadingComponent], imports: [CommonModule, i2.RouterModule], exports: [OasysButtonComponent,
680
+ OasysHeadingComponent,
681
+ HeroComponent], imports: [CommonModule, i2.RouterModule], exports: [OasysButtonComponent,
626
682
  LayoutBoxComponent,
627
683
  LayoutStackComponent,
628
684
  LayoutGridComponent,
629
685
  LayoutGridColumnComponent,
630
686
  LayoutContainerComponent,
631
- OasysHeadingComponent] });
687
+ OasysHeadingComponent,
688
+ HeroComponent] });
632
689
  OasysLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, providers: [
633
690
  WindowService,
634
691
  TokenService
@@ -647,7 +704,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
647
704
  LayoutGridComponent,
648
705
  LayoutGridColumnComponent,
649
706
  LayoutContainerComponent,
650
- OasysHeadingComponent
707
+ OasysHeadingComponent,
708
+ HeroComponent
651
709
  ],
652
710
  imports: [
653
711
  CommonModule,
@@ -660,7 +718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
660
718
  LayoutGridComponent,
661
719
  LayoutGridColumnComponent,
662
720
  LayoutContainerComponent,
663
- OasysHeadingComponent
721
+ OasysHeadingComponent,
722
+ HeroComponent
664
723
  ],
665
724
  providers: [
666
725
  WindowService,
@@ -680,5 +739,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
680
739
  * Generated bundle index. Do not edit.
681
740
  */
682
741
 
683
- export { IconComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysButtonComponent, OasysHeadingComponent, OasysLibModule };
742
+ export { HeroComponent, IconComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysButtonComponent, OasysHeadingComponent, OasysLibModule };
684
743
  //# sourceMappingURL=oasys-lib.js.map