oasys-lib 2.37.0-theming.1 → 2.37.0

package/fesm2022/oasys-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Directive, Injectable, DOCUMENT, Inject, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, HostListener, input, output, viewChild, signal, computed, EventEmitter, ViewChild, ContentChild, Output, NgModule, HostBinding, model, forwardRef, afterRenderEffect, CUSTOM_ELEMENTS_SCHEMA, viewChildren, ContentChildren, contentChildren, effect } from '@angular/core';
+import { inject, ElementRef, Directive, Injectable, DOCUMENT, Inject, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, HostListener, input, output, viewChild, signal, computed, EventEmitter, ViewChild, ContentChild, Output, NgModule, HostBinding, model, forwardRef, afterRenderEffect, viewChildren, ContentChildren, contentChildren, effect } from '@angular/core';
 import { BehaviorSubject, Subject, Observable } from 'rxjs';
 import { takeUntil, take, map } from 'rxjs/operators';
 import * as i1 from '@angular/cdk/layout';
@@ -2241,98 +2241,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }]
         }] });
 
-/**
- * @deprecated Use the SeoBlock component from bloomandwild-frontend instead.
- */
-class SeoBlockComponent {
-    heading_paragraph;
-    heading_links;
-    main_content;
-    expanded_content;
-    links;
-    read_more_content_text;
-    read_less_content_text;
-    show_more_links_text;
-    show_less_links_text;
-    linksColumnsNumber;
-    expandedLinksVisible = false;
-    expandedContentVisible = false;
-    linksValues;
-    showMoreLinks(flag) {
-        this.expandedLinksVisible = flag;
-    }
-    showMoreContent(flag) {
-        this.expandedContentVisible = flag;
-    }
-    ngOnInit() {
-        // This is to fix a bug in Oasys that threats arrays as string initially
-        if (typeof this.links === 'string') {
-            this.linksValues = JSON.parse(this.links) ?? [];
-        }
-        else {
-            this.linksValues = this.links;
-        }
-        if (this.linksValues.length <= 10) {
-            this.linksColumnsNumber = 1;
-        }
-        else if (this.linksValues.length <= 20) {
-            this.linksColumnsNumber = 2;
-        }
-        else {
-            this.linksColumnsNumber = 3;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SeoBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SeoBlockComponent, isStandalone: true, selector: "ui-seo-block", inputs: { heading_paragraph: "heading_paragraph", heading_links: "heading_links", main_content: "main_content", expanded_content: "expanded_content", links: "links", read_more_content_text: "read_more_content_text", read_less_content_text: "read_less_content_text", show_more_links_text: "show_more_links_text", show_less_links_text: "show_less_links_text" }, ngImport: i0, template: "<ui-box>\n  <ui-grid>\n    <ui-column [columns]=\"6\">\n      <ui-box\n        box_space=\"none\"\n        [box_space_right]=\"{\n          mobile: 'none',\n          tablet: 'expanded',\n          laptop: 'expanded',\n          desktop: 'expanded',\n        }\"\n      >\n        <ui-stack stack_gap=\"near\">\n          <ui-box box_space=\"none\">\n            <ui-heading\n              heading_type=\"functional-primary\"\n              heading_title=\"{{ heading_paragraph }}\"\n              heading_level=\"h2\"\n            ></ui-heading>\n          </ui-box>\n          <ui-box box_space=\"none\">\n            <p>\n              <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n              <span\n                id=\"expanded-content\"\n                class=\"text-body--default\"\n                class=\"ui-prose\"\n                *ngIf=\"expandedContentVisible\"\n                [innerHTML]=\"expanded_content\"\n              ></span>\n            </p>\n          </ui-box>\n          <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n            <button\n              (click)=\"showMoreContent(!expandedContentVisible)\"\n              class=\"text-link text-link--standalone\"\n              [attr.aria-expanded]=\"expandedContentVisible\"\n              [attr.aria-controls]=\"'expanded-content'\"\n            >\n              {{ expandedContentVisible ? read_less_content_text : read_more_content_text }}\n            </button>\n          </ui-box>\n        </ui-stack>\n      </ui-box>\n    </ui-column>\n    <ui-column [columns]=\"6\">\n      <ui-box box_space=\"none\">\n        <ui-stack stack_gap=\"near\">\n          <ui-box box_space=\"none\">\n            <ui-heading\n              heading_type=\"functional-secondary\"\n              heading_level=\"h3\"\n              heading_title=\"{{ heading_links }}\"\n            ></ui-heading>\n          </ui-box>\n          <ui-stack stack_gap=\"tight\">\n            <ui-box\n              box_space=\"none\"\n              box_fill_mode=\"fit\"\n              [ngStyle]=\"{ 'column-count': linksColumnsNumber }\"\n              class=\"links-container text-body--supporting\"\n              box_role=\"list\"\n              id=\"expanded-links\"\n            >\n              <ng-container *ngFor=\"let link of linksValues; index as i\">\n                <li>\n                  <ui-box\n                    box_space=\"none\"\n                    box_space_bottom=\"tight\"\n                    box_fill_mode=\"fit\"\n                    class=\"link-container\"\n                    [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\"\n                  >\n                    <a href=\"{{ link.href }}\">\n                      {{ link.name }}\n                    </a>\n                  </ui-box>\n                </li>\n              </ng-container>\n            </ui-box>\n            <ui-box\n              box_space=\"none\"\n              class=\"hidden-desktop hidden-tablet\"\n              *ngIf=\"linksValues.length > 4\"\n            >\n              <button\n                (click)=\"showMoreLinks(!expandedLinksVisible)\"\n                class=\"text-link text-link--standalone\"\n                [attr.aria-expanded]=\"expandedLinksVisible\"\n                [attr.aria-controls]=\"'expanded-links'\"\n              >\n                {{ expandedLinksVisible ? show_less_links_text : show_more_links_text }}\n              </button>\n            </ui-box>\n          </ui-stack>\n        </ui-stack>\n      </ui-box>\n    </ui-column>\n  </ui-grid>\n</ui-box>\n", styles: [".oasys-focus-style,button:focus,button:focus-visible,[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}button{all:unset;cursor:pointer;font-weight:var(--oasys-typography-body-emphasis-hero-font-weight);text-decoration:underline}.links-container{display:block}@media only screen and (max-width:766px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap", "grid_base"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle", "heading_level"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SeoBlockComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-seo-block', standalone: true, imports: [
-                        LayoutBoxComponent,
-                        LayoutGridComponent,
-                        LayoutGridColumnComponent,
-                        LayoutStackComponent,
-                        OasysHeadingComponent,
-                        NgIf,
-                        OasysHrefDirective,
-                        NgStyle,
-                        NgFor,
-                        NgClass,
-                    ], template: "<ui-box>\n  <ui-grid>\n    <ui-column [columns]=\"6\">\n      <ui-box\n        box_space=\"none\"\n        [box_space_right]=\"{\n          mobile: 'none',\n          tablet: 'expanded',\n          laptop: 'expanded',\n          desktop: 'expanded',\n        }\"\n      >\n        <ui-stack stack_gap=\"near\">\n          <ui-box box_space=\"none\">\n            <ui-heading\n              heading_type=\"functional-primary\"\n              heading_title=\"{{ heading_paragraph }}\"\n              heading_level=\"h2\"\n            ></ui-heading>\n          </ui-box>\n          <ui-box box_space=\"none\">\n            <p>\n              <span class=\"text-body--default\" class=\"ui-prose\" [innerHTML]=\"main_content\"></span>\n              <span\n                id=\"expanded-content\"\n                class=\"text-body--default\"\n                class=\"ui-prose\"\n                *ngIf=\"expandedContentVisible\"\n                [innerHTML]=\"expanded_content\"\n              ></span>\n            </p>\n          </ui-box>\n          <ui-box box_space=\"none\" *ngIf=\"expanded_content\">\n            <button\n              (click)=\"showMoreContent(!expandedContentVisible)\"\n              class=\"text-link text-link--standalone\"\n              [attr.aria-expanded]=\"expandedContentVisible\"\n              [attr.aria-controls]=\"'expanded-content'\"\n            >\n              {{ expandedContentVisible ? read_less_content_text : read_more_content_text }}\n            </button>\n          </ui-box>\n        </ui-stack>\n      </ui-box>\n    </ui-column>\n    <ui-column [columns]=\"6\">\n      <ui-box box_space=\"none\">\n        <ui-stack stack_gap=\"near\">\n          <ui-box box_space=\"none\">\n            <ui-heading\n              heading_type=\"functional-secondary\"\n              heading_level=\"h3\"\n              heading_title=\"{{ heading_links }}\"\n            ></ui-heading>\n          </ui-box>\n          <ui-stack stack_gap=\"tight\">\n            <ui-box\n              box_space=\"none\"\n              box_fill_mode=\"fit\"\n              [ngStyle]=\"{ 'column-count': linksColumnsNumber }\"\n              class=\"links-container text-body--supporting\"\n              box_role=\"list\"\n              id=\"expanded-links\"\n            >\n              <ng-container *ngFor=\"let link of linksValues; index as i\">\n                <li>\n                  <ui-box\n                    box_space=\"none\"\n                    box_space_bottom=\"tight\"\n                    box_fill_mode=\"fit\"\n                    class=\"link-container\"\n                    [ngClass]=\"{ 'hidden-mobile': i > 4 && !expandedLinksVisible }\"\n                  >\n                    <a href=\"{{ link.href }}\">\n                      {{ link.name }}\n                    </a>\n                  </ui-box>\n                </li>\n              </ng-container>\n            </ui-box>\n            <ui-box\n              box_space=\"none\"\n              class=\"hidden-desktop hidden-tablet\"\n              *ngIf=\"linksValues.length > 4\"\n            >\n              <button\n                (click)=\"showMoreLinks(!expandedLinksVisible)\"\n                class=\"text-link text-link--standalone\"\n                [attr.aria-expanded]=\"expandedLinksVisible\"\n                [attr.aria-controls]=\"'expanded-links'\"\n              >\n                {{ expandedLinksVisible ? show_less_links_text : show_more_links_text }}\n              </button>\n            </ui-box>\n          </ui-stack>\n        </ui-stack>\n      </ui-box>\n    </ui-column>\n  </ui-grid>\n</ui-box>\n", styles: [".oasys-focus-style,button:focus,button:focus-visible,[tabindex]:focus-visible,[tabindex]:focus,select:focus-visible,select:focus,textarea:focus-visible,textarea:focus,input:focus-visible,input:focus,a:focus-visible,a:focus{outline:var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);outline-offset:var(--oasys-border-width-focus-offset)}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}[tabindex]:focus:not(:focus-visible){outline:none}button{all:unset;cursor:pointer;font-weight:var(--oasys-typography-body-emphasis-hero-font-weight);text-decoration:underline}.links-container{display:block}@media only screen and (max-width:766px){.links-container{display:flex}}.links-container .link-container{page-break-inside:avoid;break-inside:avoid-column}\n"] }]
-        }], propDecorators: { heading_paragraph: [{
-                type: Input
-            }], heading_links: [{
-                type: Input
-            }], main_content: [{
-                type: Input
-            }], expanded_content: [{
-                type: Input
-            }], links: [{
-                type: Input
-            }], read_more_content_text: [{
-                type: Input
-            }], read_less_content_text: [{
-                type: Input
-            }], show_more_links_text: [{
-                type: Input
-            }], show_less_links_text: [{
-                type: Input
-            }] } });
-
-/** @deprecated Use the SeoBlock component from bloomandwild-frontend instead. */
-class OasysSeoBlockModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule, imports: [SeoBlockComponent], exports: [SeoBlockComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysSeoBlockModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SeoBlockComponent],
-                    exports: [SeoBlockComponent],
-                }]
-        }] });
-
 /** @deprecated Import the standalone IconComponent directly instead. */
 class OasysIconModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2417,300 +2325,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }]
         }] });
 
-/* This component wraps around the swiper.js library WebComponent */
-class CarouselComponent {
-    tokenService;
-    document;
-    element;
-    // The swiper instance
-    swiper;
-    carouselscrollbarplaceholder;
-    carouselctastack;
-    // Rewinds the slides back to the start when the user reaches the end when set to true
-    rewind = false;
-    carousel_overflow = false;
-    carousel_gap = 'default';
-    carousel_pagination = 'none';
-    carousel_slides_per_view_desktop = 4;
-    carousel_slides_per_view_laptop = 3;
-    carousel_slides_per_view_tablet = 2.5;
-    carousel_slides_per_view_mobile = 1.25;
-    text_for_left_arrow = 'previous slide';
-    text_for_right_arrow = 'next slide';
-    carousel_rows_per_row_mobile = 1; // Required for CATEGORY_CARD experiment. Remove if experiment fails.
-    carousel_loading = 'lazy'; // If we don't have multiple carousels on page and want to prioritise UI loading on time
-    carousel_free_mode = false; // Enables scrolling with mousewheel / smoother momentum swiping experience
-    center_insufficient_slides = true; // Centers the slides if there are not enough to fill the space
-    center_active_slide = false; // Centers the active slide
-    start_slide = 0; // Start slide index
-    offset_scrollbar_top = false; // Offset the scrollbar to the top of the carousel
-    activeIndexOnSlideChange = new EventEmitter();
-    constructor(tokenService, document, element) {
-        this.tokenService = tokenService;
-        this.document = document;
-        this.element = element;
-        inject(SWIPER_PROVIDER_TOKEN).ensureSwiperRegistered();
-    }
-    ngOnInit() {
-        if (this.carousel_loading === 'lazy') {
-            this.setUpIntersectionObserver();
-        }
-        else {
-            this.initSwiper();
-        }
-    }
-    /**
-     * Set up the intersection observer with the relevant options
-     */
-    setUpIntersectionObserver() {
-        // Set IntersectionObserver options
-        const options = {
-            root: null,
-            rootMargin: '0px',
-            threshold: 0.5,
-            once: true,
-        };
-        // Set up the IntersectionObserver
-        const observer = new IntersectionObserver(this.onIntersection.bind(this), options);
-        observer.observe(this.element.nativeElement);
-    }
-    /**
-     * This function gets called just before the user scrolls this component into view
-     * @param entries - An array of interswection observer entries
-     * @param observer - Intersection observer
-     */
-    onIntersection(entries, observer) {
-        entries.forEach((entry) => {
-            if (entry.isIntersecting) {
-                // Initialise swiper
-                this.initSwiper();
-                observer.unobserve(entry.target);
-            }
-        });
-    }
-    getStyle(element, style) {
-        return this.document.defaultView.getComputedStyle(element, null).getPropertyValue(style);
-    }
-    /**
-     * Set the scrollbar placement and width based on carouselscrollbarplaceholder and carouselctastack
-     */
-    setupScrollbarLayoutProperties() {
-        if (this.carousel_pagination === 'none') {
-            return;
-        }
-        const carouselStack = this.carouselctastack?.nativeElement;
-        const scrollbarElement = this.carouselscrollbarplaceholder?.nativeElement;
-        const scrollbarHeight = this.document.defaultView
-            .getComputedStyle(document.documentElement)
-            .getPropertyValue('--swiper-scrollbar-size');
-        if (carouselStack && this.carousel_pagination === 'scroll-arrows') {
-            this.element?.nativeElement?.style?.setProperty('--ui-carousel-scrollbar-width', `${scrollbarElement?.offsetWidth - parseInt(this.getStyle(carouselStack, 'gap'), 10)}px`);
-            this.element?.nativeElement?.style?.setProperty('--ui-carousel-scrollbar-offset-top', `${parseInt(this.getStyle(carouselStack, 'gap'), 10) + scrollbarElement?.offsetHeight / 2 + parseInt(scrollbarHeight, 10) / 2}px`);
-            this.element?.nativeElement?.style?.setProperty('--ui-carousel-scrollbar-height', '2px');
-        }
-        if (carouselStack && this.carousel_pagination === 'scroll-bar') {
-            this.element?.nativeElement?.style?.setProperty('--ui-carousel-scrollbar-width', '100%');
-            this.element?.nativeElement?.style?.setProperty('--ui-carousel-scrollbar-offset-top', `${this.offset_scrollbar_top ? parseInt(this.getStyle(carouselStack, 'gap'), 10) + 'px' : '0px'}`);
-            this.element?.nativeElement?.style?.setProperty('--ui-carousel-scrollbar-height', '4px');
-            this.element?.nativeElement?.style?.setProperty('--ui-carousel-scrollbar-left', '0px');
-        }
-    }
-    /**
-     * Set the dynamic swiper params and initialise the swiper instance
-     */
-    // eslint-disable-next-line complexity
-    initSwiper() {
-        // Colour overides
-        const scrollbarBackgroundColour = this.tokenService.getTokenValue('--oasys-color-linen-grey-200');
-        const scrollbarSliderColour = this.tokenService.getTokenValue('--oasys-color-brand-foreground-primary');
-        // swiper element
-        const swiperEl = this.swiper.nativeElement;
-        const carouselGap = this.tokenService.getTokenValue(`--oasys-spacing-${this.carousel_gap}`);
-        // swiper parameters
-        const swiperParams = {
-            rewind: this.rewind,
-            grabCursor: true,
-            spaceBetween: parseInt(carouselGap.replace('.', ''), 10) || 0,
-            centeredSlides: this.center_active_slide,
-            initialSlide: this.start_slide,
-            scrollbar: {
-                enabled: this.carousel_pagination === 'scroll-arrows' || this.carousel_pagination === 'scroll-bar',
-                draggable: true,
-            },
-            centerInsufficientSlides: this.center_insufficient_slides,
-            freeMode: this.carousel_free_mode
-                ? {
-                    enabled: true,
-                    sticky: true,
-                    momentumVelocityRatio: 0.75,
-                    momentumRatio: 0.75,
-                }
-                : false,
-            mousewheel: this.carousel_free_mode
-                ? {
-                    forceToAxis: true,
-                }
-                : false,
-            injectStyles: [
-                `
-        .swiper {
-          overflow: ${this.carousel_overflow ? 'visible' : 'hidden'} !important;
-        }
-
-        .swiper-scrollbar.swiper-scrollbar-horizontal {
-          position: relative;
-          top: var(--ui-carousel-scrollbar-offset-top);
-          width: var(--ui-carousel-scrollbar-width);
-          height: var(--ui-carousel-scrollbar-height);
-          left: ${this.carousel_pagination === 'scroll-bar' ? 'var(--ui-carousel-scrollbar-left)' : '1%'};
-          background: ${scrollbarBackgroundColour}
-        }
-
-        .swiper-scrollbar-drag {
-          background: ${scrollbarSliderColour}
-        }`,
-            ],
-            breakpoints: {
-                0: {
-                    scrollbar: {
-                        enabled: this.carousel_pagination === 'scroll-arrows' ||
-                            this.carousel_pagination === 'scroll-bar',
-                        draggable: true,
-                    },
-                    slidesPerView: this.carousel_slides_per_view_mobile,
-                    grid: {
-                        rows: this.carousel_rows_per_row_mobile,
-                        fill: 'row',
-                    },
-                },
-                767: {
-                    scrollbar: {
-                        enabled: this.carousel_pagination === 'scroll-arrows' ||
-                            this.carousel_pagination === 'scroll-bar',
-                        draggable: true,
-                    },
-                    slidesPerView: this.carousel_slides_per_view_tablet,
-                },
-                1080: {
-                    scrollbar: {
-                        enabled: this.carousel_pagination === 'scroll-arrows' ||
-                            this.carousel_pagination === 'scroll-bar',
-                        draggable: true,
-                    },
-                    slidesPerView: this.carousel_slides_per_view_laptop,
-                },
-                1440: {
-                    scrollbar: {
-                        enabled: this.carousel_pagination === 'scroll-arrows' ||
-                            this.carousel_pagination === 'scroll-bar',
-                        draggable: true,
-                    },
-                    slidesPerView: this.carousel_slides_per_view_desktop,
-                },
-            },
-            on: {
-                slideChange: this.onSlideChange.bind(this),
-            },
-        };
-        // now we need to assign all parameters to the Swiper element
-        Object.assign(swiperEl, swiperParams);
-        // and now initialize it
-        swiperEl.initialize();
-        // Set up scrollbar and ensure this is recalculated on resize events
-        this.setupScrollbarLayoutProperties();
-        swiperEl.addEventListener('resize', () => {
-            this.setupScrollbarLayoutProperties();
-        });
-    }
-    /**
-     * Move the carousel on to the next slide
-     */
-    nextSlide() {
-        this.swiper.nativeElement.swiper.slideNext();
-    }
-    /**
-     * Move the carousel back to the previous slide
-     */
-    previousSlide() {
-        this.swiper.nativeElement.swiper.slidePrev();
-    }
-    /**
-     * Emit event when the slide changes
-     * @param swiper
-     */
-    onSlideChange(swiper) {
-        this.activeIndexOnSlideChange.emit(swiper.activeIndex);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CarouselComponent, deps: [{ token: TokenService }, { token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CarouselComponent, isStandalone: true, selector: "ui-carousel", inputs: { rewind: "rewind", carousel_overflow: "carousel_overflow", carousel_gap: "carousel_gap", carousel_pagination: "carousel_pagination", carousel_slides_per_view_desktop: "carousel_slides_per_view_desktop", carousel_slides_per_view_laptop: "carousel_slides_per_view_laptop", carousel_slides_per_view_tablet: "carousel_slides_per_view_tablet", carousel_slides_per_view_mobile: "carousel_slides_per_view_mobile", text_for_left_arrow: "text_for_left_arrow", text_for_right_arrow: "text_for_right_arrow", carousel_rows_per_row_mobile: "carousel_rows_per_row_mobile", carousel_loading: "carousel_loading", carousel_free_mode: "carousel_free_mode", center_insufficient_slides: "center_insufficient_slides", center_active_slide: "center_active_slide", start_slide: "start_slide", offset_scrollbar_top: "offset_scrollbar_top" }, outputs: { activeIndexOnSlideChange: "activeIndexOnSlideChange" }, providers: [TokenService], viewQueries: [{ propertyName: "swiper", first: true, predicate: ["swiper"], descendants: true, static: true }, { propertyName: "carouselscrollbarplaceholder", first: true, predicate: ["carouselscrollbarplaceholder"], descendants: true, read: ElementRef }, { propertyName: "carouselctastack", first: true, predicate: ["carouselctastack"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box\n  class=\"ui-carousel\"\n  [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n  box_align_y=\"center\"\n  box_space=\"none\"\n  [box_content_fill_width]=\"true\"\n  box_background=\"transparent\"\n>\n  <ui-stack #carouselctastack>\n    <!-- Custom navigation buttons -->\n    <ui-stack\n      *ngIf=\"carousel_pagination === 'small-arrows'\"\n      stack_direction=\"x\"\n      stack_align=\"center\"\n      stack_distribute=\"end\"\n    >\n      <ui-box\n        box_space=\"none\"\n        box_fill_mode=\"fit\"\n        box_space_bottom=\"none\"\n        [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n        box_background=\"transparent\"\n      >\n        <div\n          *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n          class=\"ui-carousel__small-arrows\"\n        >\n          <!-- Previous button-->\n          <ui-button\n            class=\"ui-carousel__previous\"\n            button_size=\"small\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-left\"\n            button_type=\"tertiary\"\n            [aria_label]=\"text_for_left_arrow\"\n            (clicked)=\"previousSlide()\"\n          >\n            Prevous slide\n          </ui-button>\n          <!-- Next button-->\n          <ui-button\n            class=\"ui-carousel__next\"\n            button_size=\"small\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-right\"\n            button_type=\"tertiary\"\n            [aria_label]=\"text_for_right_arrow\"\n            (clicked)=\"nextSlide()\"\n          >\n            Next slide\n          </ui-button>\n        </div>\n      </ui-box>\n    </ui-stack>\n\n    <!-- Swiper WebComponent-->\n    <swiper-container\n      #swiper\n      init=\"false\"\n      touch-start-prevent-default=\"false\"\n      prevent-clicks-propagation=\"true\"\n    >\n      <ng-content></ng-content>\n    </swiper-container>\n\n    <!-- Custom navigation buttons -->\n    <ui-stack\n      stack_direction=\"x\"\n      stack_align=\"center\"\n      *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n    >\n      <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n      <ui-box\n        *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n        box_space=\"none\"\n        box_fill_mode=\"fit\"\n        [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n        box_background=\"transparent\"\n      >\n        <ui-stack\n          *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n          stack_direction=\"x\"\n          stack_gap=\"near\"\n        >\n          <!-- Previous button-->\n          <ui-button\n            class=\"ui-carousel__previous\"\n            button_size=\"large\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-left\"\n            button_type=\"secondary\"\n            [aria_label]=\"text_for_left_arrow\"\n            (clicked)=\"previousSlide()\"\n          >\n            Prevous slide\n          </ui-button>\n          <!-- Next button-->\n          <ui-button\n            class=\"ui-carousel__next\"\n            button_size=\"large\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-right\"\n            button_type=\"secondary\"\n            [aria_label]=\"text_for_right_arrow\"\n            (clicked)=\"nextSlide()\"\n          >\n            Next slide\n          </ui-button>\n        </ui-stack>\n      </ui-box>\n    </ui-stack>\n  </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width:766px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"], dependencies: [{ kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href", "routerLink"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CarouselComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-carousel', encapsulation: ViewEncapsulation.None, standalone: true, imports: [LayoutBoxComponent, NgClass, LayoutStackComponent, NgIf, OasysButtonComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], providers: [TokenService], template: "<ui-box\n  class=\"ui-carousel\"\n  [ngClass]=\"{ 'ui-carousel-overflow': carousel_overflow }\"\n  box_align_y=\"center\"\n  box_space=\"none\"\n  [box_content_fill_width]=\"true\"\n  box_background=\"transparent\"\n>\n  <ui-stack #carouselctastack>\n    <!-- Custom navigation buttons -->\n    <ui-stack\n      *ngIf=\"carousel_pagination === 'small-arrows'\"\n      stack_direction=\"x\"\n      stack_align=\"center\"\n      stack_distribute=\"end\"\n    >\n      <ui-box\n        box_space=\"none\"\n        box_fill_mode=\"fit\"\n        box_space_bottom=\"none\"\n        [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n        box_background=\"transparent\"\n      >\n        <div\n          *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n          class=\"ui-carousel__small-arrows\"\n        >\n          <!-- Previous button-->\n          <ui-button\n            class=\"ui-carousel__previous\"\n            button_size=\"small\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-left\"\n            button_type=\"tertiary\"\n            [aria_label]=\"text_for_left_arrow\"\n            (clicked)=\"previousSlide()\"\n          >\n            Prevous slide\n          </ui-button>\n          <!-- Next button-->\n          <ui-button\n            class=\"ui-carousel__next\"\n            button_size=\"small\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-right\"\n            button_type=\"tertiary\"\n            [aria_label]=\"text_for_right_arrow\"\n            (clicked)=\"nextSlide()\"\n          >\n            Next slide\n          </ui-button>\n        </div>\n      </ui-box>\n    </ui-stack>\n\n    <!-- Swiper WebComponent-->\n    <swiper-container\n      #swiper\n      init=\"false\"\n      touch-start-prevent-default=\"false\"\n      prevent-clicks-propagation=\"true\"\n    >\n      <ng-content></ng-content>\n    </swiper-container>\n\n    <!-- Custom navigation buttons -->\n    <ui-stack\n      stack_direction=\"x\"\n      stack_align=\"center\"\n      *ngIf=\"carousel_pagination === 'scroll-arrows' || carousel_pagination === 'scroll-bar'\"\n    >\n      <div class=\"ui-carousel-scrollbar-placeholder\" #carouselscrollbarplaceholder></div>\n      <ui-box\n        *ngIf=\"carousel_pagination === 'scroll-arrows'\"\n        box_space=\"none\"\n        box_fill_mode=\"fit\"\n        [box_space_right]=\"{ mobile: 'tight', tablet: 'none', laptop: 'none', desktop: 'none' }\"\n        box_background=\"transparent\"\n      >\n        <ui-stack\n          *ngIf=\"!(swiper?.swiper?.isBeginning && swiper?.swiper?.isEnd)\"\n          stack_direction=\"x\"\n          stack_gap=\"near\"\n        >\n          <!-- Previous button-->\n          <ui-button\n            class=\"ui-carousel__previous\"\n            button_size=\"large\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-left\"\n            button_type=\"secondary\"\n            [aria_label]=\"text_for_left_arrow\"\n            (clicked)=\"previousSlide()\"\n          >\n            Prevous slide\n          </ui-button>\n          <!-- Next button-->\n          <ui-button\n            class=\"ui-carousel__next\"\n            button_size=\"large\"\n            button_icon_placement=\"iconOnly\"\n            button_icon=\"arrow-right\"\n            button_type=\"secondary\"\n            [aria_label]=\"text_for_right_arrow\"\n            (clicked)=\"nextSlide()\"\n          >\n            Next slide\n          </ui-button>\n        </ui-stack>\n      </ui-box>\n    </ui-stack>\n  </ui-stack>\n</ui-box>\n", styles: [":root{--swiper-scrollbar-size: 4px}.ui-carousel{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ui-carousel swiper-container{width:100%}.ui-carousel .ui-carousel-scrollbar-placeholder{width:100%;display:flex;align-self:stretch}.ui-carousel swiper-slide img{-webkit-user-drag:none}.ui-carousel__small-arrows{align-items:center;display:flex;flex-direction:row;gap:var(--oasys-spacing-near);justify-content:center}@media only screen and (max-width:766px){.ui-carousel__small-arrows{gap:var(--oasys-spacing-tight)}}\n"] }]
-        }], ctorParameters: () => [{ type: TokenService }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.ElementRef }], propDecorators: { swiper: [{
-                type: ViewChild,
-                args: ['swiper', { static: true }]
-            }], carouselscrollbarplaceholder: [{
-                type: ViewChild,
-                args: ['carouselscrollbarplaceholder', { static: false, read: ElementRef }]
-            }], carouselctastack: [{
-                type: ViewChild,
-                args: ['carouselctastack', { static: false, read: ElementRef }]
-            }], rewind: [{
-                type: Input
-            }], carousel_overflow: [{
-                type: Input
-            }], carousel_gap: [{
-                type: Input
-            }], carousel_pagination: [{
-                type: Input
-            }], carousel_slides_per_view_desktop: [{
-                type: Input
-            }], carousel_slides_per_view_laptop: [{
-                type: Input
-            }], carousel_slides_per_view_tablet: [{
-                type: Input
-            }], carousel_slides_per_view_mobile: [{
-                type: Input
-            }], text_for_left_arrow: [{
-                type: Input
-            }], text_for_right_arrow: [{
-                type: Input
-            }], carousel_rows_per_row_mobile: [{
-                type: Input
-            }], carousel_loading: [{
-                type: Input
-            }], carousel_free_mode: [{
-                type: Input
-            }], center_insufficient_slides: [{
-                type: Input
-            }], center_active_slide: [{
-                type: Input
-            }], start_slide: [{
-                type: Input
-            }], offset_scrollbar_top: [{
-                type: Input
-            }], activeIndexOnSlideChange: [{
-                type: Output
-            }] } });
-
-/** @deprecated Import the standalone CarouselComponent directly instead. */
-class OasysCarouselModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, imports: [CarouselComponent], exports: [CarouselComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, imports: [CarouselComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysCarouselModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CarouselComponent],
-                    exports: [CarouselComponent],
-                }]
-        }] });
-
 class TextComponent {
     textAlign = 'left';
     textWeight = 'normal';
@@ -4174,98 +3788,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }]
         }] });
 
-const THEME_VALUE = {
-    DEFAULT: 'default',
-    TIER_1: 'loyalty-tier-1',
-    TIER_2: 'loyalty-tier-2',
-};
-const SCOPED_THEME_CLASSES = [THEME_VALUE.TIER_1, THEME_VALUE.TIER_2];
-class OasysThemeDirective {
-    uiThemeDashed = input(THEME_VALUE.DEFAULT, ...(ngDevMode ? [{ debugName: "uiThemeDashed", alias: 'ui-theme' }] : [{ alias: 'ui-theme' }]));
-    uiThemeCamel = input(undefined, ...(ngDevMode ? [{ debugName: "uiThemeCamel", alias: 'uiTheme' }] : [{ alias: 'uiTheme' }]));
-    elementRef = inject(ElementRef);
-    appliedDefaultBrandClass;
-    appliedTheme;
-    constructor() {
-        effect(() => {
-            const nextTheme = this.uiThemeCamel() ?? this.uiThemeDashed();
-            this.applyTheme(nextTheme);
-        });
-    }
-    applyTheme(nextTheme) {
-        if (nextTheme === this.appliedTheme)
-            return;
-        const host = this.elementRef.nativeElement;
-        const classList = host.classList;
-        if (nextTheme !== THEME_VALUE.DEFAULT) {
-            // Remove previously applied default reset class.
-            if (this.appliedDefaultBrandClass) {
-                classList.remove(this.appliedDefaultBrandClass);
-                this.appliedDefaultBrandClass = undefined;
-            }
-            // Remove all scoped theme classes before applying the next one.
-            SCOPED_THEME_CLASSES.forEach((themeClass) => {
-                classList.remove(themeClass);
-            });
-            if (!classList.contains(nextTheme))
-                classList.add(nextTheme);
-            this.appliedTheme = nextTheme;
-            return;
-        }
-        SCOPED_THEME_CLASSES.forEach((themeClass) => {
-            classList.remove(themeClass);
-        });
-        const defaultBrandClass = this.findNearestBrandTokenClass(host);
-        if (defaultBrandClass) {
-            if (this.appliedDefaultBrandClass && this.appliedDefaultBrandClass !== defaultBrandClass) {
-                classList.remove(this.appliedDefaultBrandClass);
-            }
-            classList.add(defaultBrandClass);
-            this.appliedDefaultBrandClass = defaultBrandClass;
-        }
-        else if (this.appliedDefaultBrandClass) {
-            classList.remove(this.appliedDefaultBrandClass);
-            this.appliedDefaultBrandClass = undefined;
-        }
-        this.appliedTheme = nextTheme;
-    }
-    findNearestBrandTokenClass(host) {
-        let node = host.parentElement;
-        while (node) {
-            const classList = node.classList;
-            for (let i = 0; i < classList.length; i += 1) {
-                const className = classList.item(i);
-                if (className?.startsWith('brand-tokens-'))
-                    return className;
-            }
-            node = node.parentElement;
-        }
-        return undefined;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysThemeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: OasysThemeDirective, isStandalone: true, selector: "[ui-theme], [uiTheme]", inputs: { uiThemeDashed: { classPropertyName: "uiThemeDashed", publicName: "ui-theme", isSignal: true, isRequired: false, transformFunction: null }, uiThemeCamel: { classPropertyName: "uiThemeCamel", publicName: "uiTheme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysThemeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ui-theme], [uiTheme]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [], propDecorators: { uiThemeDashed: [{ type: i0.Input, args: [{ isSignal: true, alias: "ui-theme", required: false }] }], uiThemeCamel: [{ type: i0.Input, args: [{ isSignal: true, alias: "uiTheme", required: false }] }] } });
-
-class OasysDirectivesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OasysDirectivesModule, imports: [OasysHrefDirective, OasysAutofocusDirective, OasysThemeDirective], exports: [OasysHrefDirective, OasysAutofocusDirective, OasysThemeDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysDirectivesModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OasysDirectivesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [OasysHrefDirective, OasysAutofocusDirective, OasysThemeDirective],
-                    exports: [OasysHrefDirective, OasysAutofocusDirective, OasysThemeDirective],
-                }]
-        }] });
-
 /*
  * Public API Surface of oasys-lib
  */
@@ -4274,5 +3796,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, DividerComponent, FormErrorsComponent, FormGroupComponent, HeroComponent, IMAGE_BREAKPOINTS, IMAGE_URL_PROVIDER, IconComponent, ImageComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, OasysAutofocusDirective, BannerComponent as OasysBannerComponent, OasysBannerModule, OasysBreadcrumbModule, BreadcrumbsComponent as OasysBreadcrumbsComponent, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, CardComponent as OasysCardComponent, OasysCardModule, CarouselComponent as OasysCarouselComponent, OasysCarouselModule, CheckboxComponent as OasysCheckboxComponent, OasysCheckboxModule, ChipComponent as OasysChipComponent, OasysChipModule, OasysComboboxComponent, OasysDirectivesModule, DividerComponent as OasysDividerComponent, OasysDividerModule, FormErrorsComponent as OasysFormErrorsComponent, OasysFormErrorsModule, OasysFormErrorsSummaryComponent, OasysFormErrorsSummaryItemComponent, OasysFormErrorsSummaryTitleComponent, FormGroupComponent as OasysFormGroupComponent, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, HeroComponent as OasysHeroComponent, OasysHeroModule, OasysHrefDirective, IconComponent as OasysIconComponent, OasysIconModule, ImageComponent as OasysImageComponent, OasysImageModule, LayoutBoxComponent as OasysLayoutBoxComponent, LayoutContainerComponent as OasysLayoutContainerComponent, LayoutGridColumnComponent as OasysLayoutGridColumnComponent, LayoutGridComponent as OasysLayoutGridComponent, OasysLayoutModule, LayoutStackComponent as OasysLayoutStackComponent, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, ProgressBarComponent as OasysProgressBarComponent, PromoCardComponent as OasysPromoCardComponent, OasysPromoCardModule, RadioComponent as OasysRadioComponent, OasysRadioModule, SectionComponent as OasysSectionComponent, SelectCardComponent as OasysSelectCardComponent, OasysSelectCardModule, SeoBlockComponent as OasysSeoBlockComponent, OasysSeoBlockModule, OasysTabComponent, OasysTabGroupComponent, OasysTabsModule, TextComponent as OasysTextComponent, TextInputComponent as OasysTextInputComponent, OasysTextInputModule, OasysTextModule, TextareaComponent as OasysTextareaComponent, OasysThemeDirective, ProgressBarComponent, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SWIPER_PROVIDER_TOKEN, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, SwiperProvider, TextComponent, TextareaComponent };
+export { BannerComponent, BreadcrumbsComponent, CardComponent, CheckboxComponent, ChipComponent, DividerComponent, FormErrorsComponent, FormGroupComponent, HeroComponent, IMAGE_BREAKPOINTS, IMAGE_URL_PROVIDER, IconComponent, ImageComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, BannerComponent as OasysBannerComponent, OasysBannerModule, OasysBreadcrumbModule, BreadcrumbsComponent as OasysBreadcrumbsComponent, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, CardComponent as OasysCardComponent, OasysCardModule, CheckboxComponent as OasysCheckboxComponent, OasysCheckboxModule, ChipComponent as OasysChipComponent, OasysChipModule, OasysComboboxComponent, DividerComponent as OasysDividerComponent, OasysDividerModule, FormErrorsComponent as OasysFormErrorsComponent, OasysFormErrorsModule, OasysFormErrorsSummaryComponent, OasysFormErrorsSummaryItemComponent, OasysFormErrorsSummaryTitleComponent, FormGroupComponent as OasysFormGroupComponent, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, HeroComponent as OasysHeroComponent, OasysHeroModule, IconComponent as OasysIconComponent, OasysIconModule, ImageComponent as OasysImageComponent, OasysImageModule, LayoutBoxComponent as OasysLayoutBoxComponent, LayoutContainerComponent as OasysLayoutContainerComponent, LayoutGridColumnComponent as OasysLayoutGridColumnComponent, LayoutGridComponent as OasysLayoutGridComponent, OasysLayoutModule, LayoutStackComponent as OasysLayoutStackComponent, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, ProgressBarComponent as OasysProgressBarComponent, PromoCardComponent as OasysPromoCardComponent, OasysPromoCardModule, RadioComponent as OasysRadioComponent, OasysRadioModule, SectionComponent as OasysSectionComponent, SelectCardComponent as OasysSelectCardComponent, OasysSelectCardModule, OasysTabComponent, OasysTabGroupComponent, OasysTabsModule, TextComponent as OasysTextComponent, TextInputComponent as OasysTextInputComponent, OasysTextInputModule, OasysTextModule, TextareaComponent as OasysTextareaComponent, ProgressBarComponent, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SWIPER_PROVIDER_TOKEN, SectionComponent, SectionModule, SelectCardComponent, SwiperProvider, TextComponent, TextareaComponent };
 //# sourceMappingURL=oasys-lib.mjs.map