oasys-lib 1.14.6 → 1.15.0

package/bundles/oasys-lib.umd.js

@@ -1938,6 +1938,55 @@
                     }]
             }] });
 
+    var BannerComponent = /** @class */ (function () {
+        function BannerComponent(tokenService) {
+            this.tokenService = tokenService;
+            this.background_colour = 'tint-highlight';
+        }
+        BannerComponent.prototype.ngOnInit = function () {
+            this.backgroundIsDark = this.tokenService.getTokenValue("--semantic-on-dark-" + this.background_colour);
+        };
+        return BannerComponent;
+    }());
+    BannerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BannerComponent, deps: [{ token: TokenService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BannerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BannerComponent, selector: "ui-banner", inputs: { background_colour: "background_colour", cta_text: "cta_text", banner_title: "banner_title", banner_surtitle: "banner_surtitle", banner_subtitle: "banner_subtitle" }, ngImport: i0__namespace, template: "<ui-box\n    [box_background]=\"background_colour\"\n    box_space_left=\"none\"\n    box_space_right=\"none\"\n    box_fill_mode=\"fill\"\n    box_align_x=\"center\" \n    class=\"ui-banner\">\n    <ui-grid grid_collapse_below=\"tablet\">\n        <ui-column class=\"ui-banner__content\">\n            <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_distribute=\"space-between\" stack_align=\"center\" stack_gap=\"near\">\n                <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_align=\"center\" stack_gap=\"near\">\n                    <!-- This is a stack as the icon will go here above the ui-heading -->\n                    <ui-heading\n                        *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n                        heading_type=\"functional-primary\"\n                        [heading_title]=\"banner_title\"\n                        [heading_surtitle]=\"banner_surtitle\"\n                        [heading_subtitle]=\"banner_subtitle\">\n                    </ui-heading>\n                </ui-stack>\n                <ui-button\n                    *ngIf=\"cta_text\"\n                    button_size=\"large\"\n                    [button_type]=\"backgroundIsDark  === 'on-dark' ? 'primary-inverse' : 'primary'\">\n                    <span #buttontext>{{cta_text}}</span>\n                </ui-button>\n            </ui-stack>\n        </ui-column>\n    </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (min-width: 768px){.ui-banner__content{grid-column:2/span 10!important}}@media only screen and (min-width: 1080px){.ui-banner__content{grid-column:3/span 8!important}}@media only screen and (max-width: 767px){.ui-banner__content{padding:0 var(--semantic-spacing-stack-default)}}.ui-banner__content .content__stack{flex-direction:column;align-items:flex-start}@media only screen and (min-width: 768px){.ui-banner__content .content__stack{flex-direction:row;align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], components: [{ type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns"] }, { type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap"] }, { type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle"] }, { type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "href"], outputs: ["clicked"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BannerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ui-banner',
+                        templateUrl: './banner.component.html',
+                        styleUrls: ['./banner.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: TokenService }]; }, propDecorators: { background_colour: [{
+                    type: i0.Input
+                }], cta_text: [{
+                    type: i0.Input
+                }], banner_title: [{
+                    type: i0.Input
+                }], banner_surtitle: [{
+                    type: i0.Input
+                }], banner_subtitle: [{
+                    type: i0.Input
+                }] } });
+
+    var OasysBannerModule = /** @class */ (function () {
+        function OasysBannerModule() {
+        }
+        return OasysBannerModule;
+    }());
+    OasysBannerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysBannerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    OasysBannerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysBannerModule, declarations: [BannerComponent], imports: [i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule], exports: [BannerComponent] });
+    OasysBannerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysBannerModule, providers: [TokenService], imports: [[i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysBannerModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [BannerComponent],
+                        imports: [i6.CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule],
+                        exports: [BannerComponent],
+                        providers: [TokenService],
+                    }]
+            }] });
+
     /*
      * Public API Surface of oasys-lib
      */
@@ -1946,6 +1995,7 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.BannerComponent = BannerComponent;
     exports.BreadcrumbsComponent = BreadcrumbsComponent;
     exports.CardComponent = CardComponent;
     exports.CarouselComponent = CarouselComponent;
@@ -1963,6 +2013,7 @@
     exports.OasysAlertContentDirective = OasysAlertContentDirective;
     exports.OasysAlertModule = OasysAlertModule;
     exports.OasysAlertTitleDirective = OasysAlertTitleDirective;
+    exports.OasysBannerModule = OasysBannerModule;
     exports.OasysBreadcrumbModule = OasysBreadcrumbModule;
     exports.OasysButtonComponent = OasysButtonComponent;
     exports.OasysButtonModule = OasysButtonModule;