@ascentgl/ads-ui 20.0.36 → 20.0.37

package/fesm2022/ascentgl-ads-ui.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Input, Component, NgModule, input, output, computed, ChangeDetectionStrategy, EventEmitter, signal, effect, ViewChild, Output, ElementRef, HostListener, Directive, inject, DestroyRef, Pipe, contentChild, TemplateRef, Inject, Optional, ChangeDetectorRef, Injectable, viewChild } from '@angular/core';
+import { Input, Component, NgModule, input, output, computed, ChangeDetectionStrategy, EventEmitter, signal, effect, ViewChild, Output, ElementRef, HostListener, Directive, inject, DestroyRef, Pipe, contentChild, TemplateRef, Inject, Optional, ChangeDetectorRef, Injectable, viewChild, ViewChildren } from '@angular/core';
 import * as i1 from '@ascentgl/ads-icons';
 import { AdsIconModule, AdsIconRegistry } from '@ascentgl/ads-icons';
-import { adsIconUserCircle, adsIconBell, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconChevronUp, adsIconMenuMoreInfo, adsIconHamburgerMenu } from '@ascentgl/ads-icons/icons';
+import { adsIconUserCircle, adsIconBell, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconChevronUp, adsIconMenuMoreInfo, adsIconHamburgerMenu, adsIconCheckCircle } from '@ascentgl/ads-icons/icons';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgOptimizedImage, NgTemplateOutlet, NgClass, NgStyle } from '@angular/common';
 import * as i2 from '@angular/material/badge';
@@ -18,7 +18,8 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { Subject, asapScheduler, timer, of, Subscription, combineLatest } from 'rxjs';
 import { takeUntil, filter, map, tap, debounce } from 'rxjs/operators';
 import * as i3 from '@angular/platform-browser';
-import { DomHelper, AdsGestureModule, ObjectHelper } from '@ascentgl/ads-utils';
+import * as i3$4 from '@ascentgl/ads-utils';
+import { DomHelper, AdsGestureModule, ObjectHelper, AdsGestureDirection, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';
 import * as i2$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i4$2 from '@angular/material/select';
@@ -7870,9 +7871,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 }]
         }] });
 
+class AdsProgressStepperComponent {
+    constructor(renderer, registry, window) {
+        this.renderer = renderer;
+        this.registry = registry;
+        this.window = window;
+        /** Whether the viewport is mobile */
+        this.isMobile = false;
+        /** Padding of parent container */
+        this.containerPadding = 24;
+        /** @ignore */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.styles = {};
+        /** @ignore */
+        this.focusedIndex = 0;
+        this.registry.register(adsIconCheckCircle);
+    }
+    /** @ignore */
+    ngAfterViewInit() {
+        if (this.isMobile) {
+            this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
+            this.centerCurrentStep(this.focusedIndex);
+        }
+    }
+    /** @ignore */
+    ngOnChanges(changes) {
+        if (changes?.isMobile && !changes.isMobile.firstChange) {
+            this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
+            this.centerCurrentStep(this.focusedIndex);
+        }
+        if (changes?.steps && changes.steps?.currentValue && !changes.steps?.firstChange) {
+            if (this.isMobile) {
+                this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
+                this.centerCurrentStep(this.focusedIndex);
+            }
+        }
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.styles = {
+            step: {
+                'grid-template-columns': `repeat(${this.steps.length}, minmax(150px, 1fr))`,
+            },
+        };
+    }
+    /** @ignore */
+    onSwipeLeft() {
+        if (this.focusedIndex === this.steps.length - this.calculateStepsPerViewport() || !this.isMobile) {
+            return;
+        }
+        this.focusedIndex++;
+        this.centerCurrentStep(this.focusedIndex);
+    }
+    /** @ignore */
+    onSwipeRight() {
+        if (this.focusedIndex === 0 || !this.isMobile) {
+            return;
+        }
+        this.focusedIndex--;
+        this.centerCurrentStep(this.focusedIndex);
+    }
+    /** @ignore */
+    centerCurrentStep(focusedIndex) {
+        if (focusedIndex === 0) {
+            this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', '0px');
+            return;
+        }
+        const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
+        const offset = focusedIndex * stepWidth;
+        this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', `-${offset}px`);
+    }
+    /** @ignore */
+    getLastCompletedStepIndex(steps) {
+        return steps.map((step) => step.completed).lastIndexOf(true);
+    }
+    /** @ignore */
+    calculateStepsPerViewport() {
+        const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
+        return Math.floor((this.window.innerWidth - this.containerPadding) / stepWidth);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AdsProgressStepperComponent, deps: [{ token: i0.Renderer2 }, { token: i1.AdsIconRegistry }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: AdsProgressStepperComponent, isStandalone: false, selector: "peak-progress-stepper", inputs: { isMobile: "isMobile", containerPadding: "containerPadding", steps: "steps" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true }, { propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #stepper\n  adsGesture\n  class=\"progress-stepper\"\n  [ngStyle]=\"styles?.step\"\n  [draggable]=\"false\"\n  (gestureleft)=\"onSwipeLeft()\"\n  (gestureright)=\"onSwipeRight()\"\n>\n  @for (step of steps; track $index;  let first = $first; let last = $last) {\n  <div\n    #stepElements\n    class=\"progress-stepper-step\"\n    [draggable]=\"false\"\n  >\n      <div class=\"progress-bar\" [class.first]=\"first\" [class.last]=\"last\">\n        <div\n          class=\"progress-bar-highlight\"\n          [class.completed]=\"step.completed\"\n          [class.roundedLeft]=\"first || (!steps[$index - 1].completed && step.completed)\"\n          [class.roundedRight]=\"\n          last || (!steps[$index + 1].completed && step.completed) || (first && !steps[$index + 1].completed)\n        \"\n        ></div>\n      </div>\n      <div class=\"progress-step-info\" [class.first]=\"first\" [class.last]=\"last\">\n        <div class=\"progress-step-info-container\">\n          <div class=\"title\">\n            <div class=\"title-text\">{{ step.title }}</div>\n            @if (step.completed) {\n              <div class=\"title-completed-icon\">\n                <ads-icon name=\"check_circle\" size=\"xxs\" theme=\"primary\" />\n              </div>\n            }\n            @if (step?.date) {\n              <div class=\"date\">{{ step?.date }}</div>\n            }\n          </div>\n        </div>\n      </div>\n  </div>\n  }\n</div>\n", styles: [":host{box-sizing:border-box}.progress-stepper{display:grid;max-width:100%;-webkit-user-select:none;user-select:none;transition:margin .3s ease-in-out}.progress-stepper-step{display:flex;flex-direction:column;flex:1}.progress-step-info{display:flex;flex-direction:column;align-items:center;padding:8px}.progress-step-info.first{align-items:flex-start}.progress-step-info.last{align-items:flex-end}.progress-stepper-step:last-of-type .title,.progress-stepper-step:last-of-type .date{text-align:right}.title{color:var(--color-medium);font-size:13px;font-weight:500;display:flex;height:24px;align-items:center}.title-text{margin-right:6px;line-height:24px;white-space:nowrap}.title-completed-icon{line-height:24px;display:flex;align-items:center}.date{color:var(--color-black);font-size:12px;line-height:14px;white-space:nowrap}.progress-bar{width:100%;background-color:var(--color-medium-50);height:12px}.progress-bar.first,.progress-bar.first .progress-bar-highlight{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar.last,.progress-bar.last .progress-bar-highlight{border-top-right-radius:12px;border-bottom-right-radius:12px}.progress-bar-highlight{height:12px;width:100%}.progress-bar-highlight.completed{background-color:var(--color-secondary)}.progress-bar-highlight.roundedLeft{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar-highlight.roundedRight{border-top-right-radius:12px;border-bottom-right-radius:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$4.AdsGestureDirective, selector: "[adsGesture]", outputs: ["gesturedown", "gestureleft", "gestureright", "gestureup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AdsProgressStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'peak-progress-stepper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n  #stepper\n  adsGesture\n  class=\"progress-stepper\"\n  [ngStyle]=\"styles?.step\"\n  [draggable]=\"false\"\n  (gestureleft)=\"onSwipeLeft()\"\n  (gestureright)=\"onSwipeRight()\"\n>\n  @for (step of steps; track $index;  let first = $first; let last = $last) {\n  <div\n    #stepElements\n    class=\"progress-stepper-step\"\n    [draggable]=\"false\"\n  >\n      <div class=\"progress-bar\" [class.first]=\"first\" [class.last]=\"last\">\n        <div\n          class=\"progress-bar-highlight\"\n          [class.completed]=\"step.completed\"\n          [class.roundedLeft]=\"first || (!steps[$index - 1].completed && step.completed)\"\n          [class.roundedRight]=\"\n          last || (!steps[$index + 1].completed && step.completed) || (first && !steps[$index + 1].completed)\n        \"\n        ></div>\n      </div>\n      <div class=\"progress-step-info\" [class.first]=\"first\" [class.last]=\"last\">\n        <div class=\"progress-step-info-container\">\n          <div class=\"title\">\n            <div class=\"title-text\">{{ step.title }}</div>\n            @if (step.completed) {\n              <div class=\"title-completed-icon\">\n                <ads-icon name=\"check_circle\" size=\"xxs\" theme=\"primary\" />\n              </div>\n            }\n            @if (step?.date) {\n              <div class=\"date\">{{ step?.date }}</div>\n            }\n          </div>\n        </div>\n      </div>\n  </div>\n  }\n</div>\n", styles: [":host{box-sizing:border-box}.progress-stepper{display:grid;max-width:100%;-webkit-user-select:none;user-select:none;transition:margin .3s ease-in-out}.progress-stepper-step{display:flex;flex-direction:column;flex:1}.progress-step-info{display:flex;flex-direction:column;align-items:center;padding:8px}.progress-step-info.first{align-items:flex-start}.progress-step-info.last{align-items:flex-end}.progress-stepper-step:last-of-type .title,.progress-stepper-step:last-of-type .date{text-align:right}.title{color:var(--color-medium);font-size:13px;font-weight:500;display:flex;height:24px;align-items:center}.title-text{margin-right:6px;line-height:24px;white-space:nowrap}.title-completed-icon{line-height:24px;display:flex;align-items:center}.date{color:var(--color-black);font-size:12px;line-height:14px;white-space:nowrap}.progress-bar{width:100%;background-color:var(--color-medium-50);height:12px}.progress-bar.first,.progress-bar.first .progress-bar-highlight{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar.last,.progress-bar.last .progress-bar-highlight{border-top-right-radius:12px;border-bottom-right-radius:12px}.progress-bar-highlight{height:12px;width:100%}.progress-bar-highlight.completed{background-color:var(--color-secondary)}.progress-bar-highlight.roundedLeft{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar-highlight.roundedRight{border-top-right-radius:12px;border-bottom-right-radius:12px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.AdsIconRegistry }, { type: Window }], propDecorators: { stepper: [{
+                type: ViewChild,
+                args: ['stepper']
+            }], stepElements: [{
+                type: ViewChildren,
+                args: ['stepElements']
+            }], isMobile: [{
+                type: Input
+            }], containerPadding: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }] } });
+
+class AdsProgressStepperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AdsProgressStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: AdsProgressStepperModule, declarations: [AdsProgressStepperComponent], imports: [CommonModule, AdsIconModule, AdsGestureModule], exports: [AdsProgressStepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AdsProgressStepperModule, providers: [
+            { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
+            { provide: Window, useValue: window },
+        ], imports: [CommonModule, AdsIconModule, AdsGestureModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AdsProgressStepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsProgressStepperComponent],
+                    imports: [CommonModule, AdsIconModule, AdsGestureModule],
+                    exports: [AdsProgressStepperComponent],
+                    providers: [
+                        { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
+                        { provide: Window, useValue: window },
+                    ],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
+export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map