@ascentgl/ads-ui 2.19.5 → 20.0.2

package/fesm2022/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs

@@ -1,286 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, ViewChildren, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i3 from '@ascentgl/ads-icons';
-import { AdsIconModule } from '@ascentgl/ads-icons';
-import * as i4 from '@ascentgl/ads-utils';
-import { AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS, AdsGestureDirection } from '@ascentgl/ads-utils';
-
-var TimelineStepStatus;
-(function (TimelineStepStatus) {
-    TimelineStepStatus["Completed"] = "completed";
-    TimelineStepStatus["Current"] = "current";
-    TimelineStepStatus["Future"] = "future";
-    TimelineStepStatus["Skipped"] = "skipped";
-    TimelineStepStatus["Rejected"] = "rejected";
-    TimelineStepStatus["Alert"] = "alert";
-    TimelineStepStatus["Disabled"] = "disabled";
-    TimelineStepStatus["DisabledRejected"] = "disabled-rejected";
-})(TimelineStepStatus || (TimelineStepStatus = {}));
-
-/**
- * Sets a steps status based on multiple criteria
- * @param currentStep TimelineStep
- * @param index number
- * @param steps TimelineStep[]
- * @returns TimelineStep
- */
-function setStepStatus(currentStep, index, steps) {
-    // if step already has a status use it
-    if (currentStep.status) {
-        return currentStep;
-    }
-    // if step is not the first, and previous step is rejected or disabled/rejected all other steps after it
-    // should be disabled/rejected
-    if ((index > 0 && getPreviousStepStatus(index, steps) === TimelineStepStatus.Rejected) ||
-        getPreviousStepStatus(index, steps) === TimelineStepStatus.DisabledRejected) {
-        currentStep.status = TimelineStepStatus.DisabledRejected;
-        // if step has a date, that step has been completed
-    }
-    else if (currentStep.date) {
-        currentStep.status = TimelineStepStatus.Completed;
-        // if step is not the first, and previous step has a date or if step is the first and the next step does
-        // not have a date then step is current
-    }
-    else if ((index > 0 && steps[index - 1]?.date) ||
-        (index === 0 && !steps[index + 1]?.date) ||
-        getPreviousStepStatus(index, steps) === TimelineStepStatus.Skipped) {
-        currentStep.status = TimelineStepStatus.Current;
-        // step is a future step
-    }
-    else {
-        currentStep.status = TimelineStepStatus.Future;
-    }
-    return currentStep;
-}
-/**
- * Takes a step and sets its itcon based on the steps status.
- * Status must be set prior to running this function.
- * @param currentStep TimelineStep
- * @returns TimelineStep
- */
-function setStepIcon(currentStep) {
-    switch (currentStep.status) {
-        case TimelineStepStatus.Completed:
-            currentStep.icon = 'check';
-            break;
-        case TimelineStepStatus.Skipped:
-            currentStep.icon = 'stepper_circle';
-            break;
-        case TimelineStepStatus.Disabled:
-            currentStep.icon = 'minus';
-            break;
-        case TimelineStepStatus.Alert:
-            currentStep.icon = 'exclamation';
-            break;
-        case TimelineStepStatus.Rejected:
-        case TimelineStepStatus.DisabledRejected:
-            currentStep.icon = 'cross';
-            break;
-        default:
-            break;
-    }
-    return currentStep;
-}
-/**
- * Returns the status of the previous step
- * @param index number
- * @param steps TimelineStep
- * @returns TimelineStepStatus
- */
-function getPreviousStepStatus(index, steps) {
-    return steps[index - 1] && steps[index - 1].status;
-}
-function getTimelineStepperSampleData() {
-    return [
-        { title: 'Order Placed', icon: 'check', date: new Date('05/09/2021') },
-        {
-            title: 'Acknowledged',
-            icon: 'file_complete',
-            date: new Date('05/10/2021'),
-        },
-        {
-            title: 'In Production',
-            icon: 'assembly_production_conveyer',
-            subtitle: 'test',
-            status: TimelineStepStatus.Skipped,
-        },
-        { title: 'Booked', icon: 'calendar_star' },
-        { title: 'Documents', icon: 'file_multi' },
-        { title: 'In Transit', icon: 'truck_fast' },
-        { title: 'Delivered', icon: 'box_check' },
-    ]
-        .map(setStepStatus)
-        .map(setStepIcon);
-}
-
-class AdsTimelineStepperComponent {
-    constructor(element, renderer, window) {
-        this.element = element;
-        this.renderer = renderer;
-        this.window = window;
-        /**
-         * The steps to display
-         */
-        this.steps = [];
-        /**
-         * The size of the icons
-         */
-        this.iconSize = 'sm';
-        /**
-         * Whether the viewport is mobile
-         */
-        this.isMobile = false;
-        /** @ignore */
-        this.stepStatus = TimelineStepStatus;
-        /** @ignore */
-        this.iconMap = {
-            sm: { size: 24, padding: 16 },
-            md: { size: 32, padding: 24 },
-            lg: { size: 48, padding: 32 },
-        };
-        /** @ignore */
-        this.shouldScroll = false;
-    }
-    /** @ignore */
-    ngOnChanges(changes) {
-        if (changes.iconSize && !changes.iconSize.firstChange) {
-            this.setCircleSize();
-        }
-        if (changes.isMobile && !changes.isMobile.firstChange) {
-            this.resetStepperScrollState();
-            this.setStepperScrollState();
-        }
-    }
-    /** @ignore */
-    ngOnInit() {
-        this.focusedStepIndex = this.steps.findIndex((step) => step.status === this.stepStatus.Current);
-        this.setCircleSize();
-    }
-    /** @ignore */
-    onSwipeLeft() {
-        // Ignore swipe if last step already focused
-        if (this.isLastStep(this.focusedStepIndex)) {
-            return;
-        }
-        this.focusedStepIndex = ++this.focusedStepIndex;
-        if (this.shouldScroll) {
-            this.centerFocusedStep();
-        }
-    }
-    /** @ignore */
-    onSwipeRight() {
-        // Ignore swipe if first step already focused
-        if (this.isFirstStep(this.focusedStepIndex)) {
-            return;
-        }
-        this.focusedStepIndex = --this.focusedStepIndex;
-        if (this.shouldScroll) {
-            this.centerFocusedStep();
-        }
-    }
-    /** @ignore */
-    centerFocusedStep() {
-        const halfOfViewport = this.window.innerWidth / 2;
-        const middleOfFocusedStep = this.focusedStepIndex * this.stepWidth + this.stepWidth / 2;
-        this.renderer.setStyle(this.element.nativeElement, 'margin-left', `${halfOfViewport - middleOfFocusedStep}px`);
-    }
-    /** @ignore */
-    isFirstStep(index) {
-        return index === 0;
-    }
-    /** @ignore */
-    isLastStep(index) {
-        return index === this.steps.length - 1;
-    }
-    /** @ignore */
-    resetStepperScrollState() {
-        this.shouldScroll = false;
-        this.renderer.setStyle(this.element.nativeElement, 'margin-left', '0');
-    }
-    /** @ignore */
-    setCircleSize() {
-        const { size, padding } = this.iconMap[this.iconSize];
-        const circleSize = size + padding;
-        this.style = {
-            circle: {
-                width: `${circleSize}px`,
-                height: `${circleSize}px`,
-                'border-radius': `${circleSize / 2}px`,
-            },
-            lineBefore: {
-                width: `calc(50% - ${circleSize / 2 - 4}px)`,
-                top: `${circleSize / 2}px`,
-            },
-            lineAfter: {
-                width: `calc(50% - ${circleSize / 2 - 6}px)`,
-                top: `${circleSize / 2}px`,
-            },
-            skipped: {
-                width: `${circleSize - 4}px`,
-                height: `${circleSize - 4}px`,
-                'border-radius': `${circleSize / 2}px`,
-            },
-        };
-    }
-    /** @ignore */
-    setStepperScrollState() {
-        this.stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
-        if (Math.floor(this.steps.length * this.stepWidth) > this.window.innerWidth) {
-            this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '0 0 0'));
-            this.shouldScroll = true;
-            this.centerFocusedStep();
-        }
-        else {
-            this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '1'));
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsTimelineStepperComponent, selector: "ads-timeline-stepper", inputs: { id: "id", steps: "steps", iconSize: "iconSize", isMobile: "isMobile" }, viewQueries: [{ propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"timeline-stepper\" [class.mobile]=\"isMobile\" [id]=\"id\">\n  <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n    <div\n      #stepElements\n      adsGesture\n      class=\"step\"\n      [class.focused]=\"index === focusedStepIndex\"\n      (gestureleft)=\"onSwipeLeft()\"\n      (gestureright)=\"onSwipeRight()\"\n    >\n      <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n      <div class=\"step-icon-wrapper\">\n        <div\n          class=\"step-icon\"\n          [ngClass]=\"step.status\"\n          [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n          [matTooltip]=\"step.title\"\n          [matTooltipDisabled]=\"false\"\n        >\n          <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!last\" class=\"line after\" [ngClass]=\"steps[index + 1].status\" [ngStyle]=\"style.lineAfter\"></div>\n      <span class=\"title\">{{ step.title }}</span>\n      <span class=\"subtitle\">\n        <ng-container *ngIf=\"step?.date; else subtitle\">{{ step.date | date: 'shortDate' }}</ng-container>\n        <ng-template #subtitle>{{ step?.subtitle }}</ng-template>\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.timeline-stepper{display:flex}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start}.timeline-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.timeline-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.timeline-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:var(--color-primary)}.step-icon.current{background-color:var(--color-secondary)}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;border:2px solid var(--color-primary);background-color:var(--color-white)}.timeline-stepper.mobile .step:not(.focused) .title,.timeline-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0}.line.after{right:0}.line.completed{border-top-color:var(--color-success)}.line.skipped{border-top-color:var(--color-primary)}.line.current,.line.rejected{border-top-style:dashed;border-top-color:var(--color-primary)}.line.current.before,.line.rejected.before{left:-4px;width:calc(50% - 16px)}.line.future{border-top-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-top-color:var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i4.AdsGestureDirective, selector: "[adsGesture]", outputs: ["gesturedown", "gestureleft", "gestureright", "gestureup"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-timeline-stepper', template: "<div class=\"timeline-stepper\" [class.mobile]=\"isMobile\" [id]=\"id\">\n  <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n    <div\n      #stepElements\n      adsGesture\n      class=\"step\"\n      [class.focused]=\"index === focusedStepIndex\"\n      (gestureleft)=\"onSwipeLeft()\"\n      (gestureright)=\"onSwipeRight()\"\n    >\n      <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n      <div class=\"step-icon-wrapper\">\n        <div\n          class=\"step-icon\"\n          [ngClass]=\"step.status\"\n          [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n          [matTooltip]=\"step.title\"\n          [matTooltipDisabled]=\"false\"\n        >\n          <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!last\" class=\"line after\" [ngClass]=\"steps[index + 1].status\" [ngStyle]=\"style.lineAfter\"></div>\n      <span class=\"title\">{{ step.title }}</span>\n      <span class=\"subtitle\">\n        <ng-container *ngIf=\"step?.date; else subtitle\">{{ step.date | date: 'shortDate' }}</ng-container>\n        <ng-template #subtitle>{{ step?.subtitle }}</ng-template>\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.timeline-stepper{display:flex}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start}.timeline-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.timeline-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.timeline-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:var(--color-primary)}.step-icon.current{background-color:var(--color-secondary)}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;border:2px solid var(--color-primary);background-color:var(--color-white)}.timeline-stepper.mobile .step:not(.focused) .title,.timeline-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0}.line.after{right:0}.line.completed{border-top-color:var(--color-success)}.line.skipped{border-top-color:var(--color-primary)}.line.current,.line.rejected{border-top-style:dashed;border-top-color:var(--color-primary)}.line.current.before,.line.rejected.before{left:-4px;width:calc(50% - 16px)}.line.future{border-top-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-top-color:var(--color-light)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: Window }], propDecorators: { id: [{
-                type: Input
-            }], steps: [{
-                type: Input
-            }], iconSize: [{
-                type: Input
-            }], isMobile: [{
-                type: Input
-            }], stepElements: [{
-                type: ViewChildren,
-                args: ['stepElements']
-            }] } });
-
-class AdsTimelineStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, declarations: [AdsTimelineStepperComponent], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule], exports: [AdsTimelineStepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, providers: [
-            { provide: Window, useValue: window },
-            { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
-        ], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule],
-                    exports: [AdsTimelineStepperComponent],
-                    declarations: [AdsTimelineStepperComponent],
-                    providers: [
-                        { provide: Window, useValue: window },
-                        { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsTimelineStepperComponent, AdsTimelineStepperModule, TimelineStepStatus, getPreviousStepStatus, getTimelineStepperSampleData, setStepIcon, setStepStatus };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs","sources":["../../../../libs/ads-ui/src/lib/components/timeline-stepper/timeline-step.type.ts","../../../../libs/ads-ui/src/lib/components/timeline-stepper/timeline-helpers.ts","../../../../libs/ads-ui/src/lib/components/timeline-stepper/timeline-stepper.component.ts","../../../../libs/ads-ui/src/lib/components/timeline-stepper/timeline-stepper.component.html","../../../../libs/ads-ui/src/lib/components/timeline-stepper/timeline-stepper.module.ts","../../../../libs/ads-ui/src/lib/components/timeline-stepper/ascentgl-ads-ui-src-lib-components-timeline-stepper.ts"],"sourcesContent":["import { adsIcon } from '@ascentgl/ads-icons/icons';\n\nexport type TimelineStepBase = {\n  title: string;\n  subtitle?: string;\n  date?: Date;\n  icon?: adsIcon;\n  status?: TimelineStepStatus;\n};\n\nexport type TimelineStepWithStatus = TimelineStepBase & { status: TimelineStepStatus };\n\nexport type TimelineStep = {\n  title: string;\n  subtitle?: string;\n  date?: Date;\n  icon: adsIcon;\n  status: TimelineStepStatus;\n};\n\nexport type TimelineStyle = {\n  circle: CircleStyle;\n  lineBefore: LineStyle;\n  lineAfter: LineStyle;\n  skipped: CircleStyle;\n};\n\nexport type CircleStyle = {\n  width: string;\n  height: string;\n  'border-radius': string;\n};\n\nexport type LineStyle = {\n  width: string;\n  top: string;\n};\n\nexport enum TimelineStepStatus {\n  Completed = 'completed',\n  Current = 'current',\n  Future = 'future',\n  Skipped = 'skipped',\n  Rejected = 'rejected',\n  Alert = 'alert',\n  Disabled = 'disabled',\n  DisabledRejected = 'disabled-rejected',\n}\n","import { TimelineStep, TimelineStepStatus, TimelineStepBase, TimelineStepWithStatus } from './timeline-step.type';\nimport { adsIcon } from '@ascentgl/ads-icons/icons';\n\n/**\n * Sets a steps status based on multiple criteria\n * @param currentStep TimelineStep\n * @param index number\n * @param steps TimelineStep[]\n * @returns TimelineStep\n */\nexport function setStepStatus(\n  currentStep: TimelineStepBase,\n  index: number,\n  steps: TimelineStepBase[],\n): TimelineStepWithStatus {\n  // if step already has a status use it\n  if (currentStep.status) {\n    return currentStep as TimelineStep;\n  }\n\n  // if step is not the first, and previous step is rejected or disabled/rejected all other steps after it\n  // should be disabled/rejected\n  if (\n    (index > 0 && getPreviousStepStatus(index, steps) === TimelineStepStatus.Rejected) ||\n    getPreviousStepStatus(index, steps) === TimelineStepStatus.DisabledRejected\n  ) {\n    currentStep.status = TimelineStepStatus.DisabledRejected;\n    // if step has a date, that step has been completed\n  } else if (currentStep.date) {\n    currentStep.status = TimelineStepStatus.Completed;\n    // if step is not the first, and previous step has a date or if step is the first and the next step does\n    // not have a date then step is current\n  } else if (\n    (index > 0 && steps[index - 1]?.date) ||\n    (index === 0 && !steps[index + 1]?.date) ||\n    getPreviousStepStatus(index, steps) === TimelineStepStatus.Skipped\n  ) {\n    currentStep.status = TimelineStepStatus.Current;\n    // step is a future step\n  } else {\n    currentStep.status = TimelineStepStatus.Future;\n  }\n\n  return currentStep as TimelineStep;\n}\n\n/**\n * Takes a step and sets its itcon based on the steps status.\n * Status must be set prior to running this function.\n * @param currentStep TimelineStep\n * @returns TimelineStep\n */\nexport function setStepIcon(currentStep: TimelineStepWithStatus): TimelineStep {\n  switch (currentStep.status) {\n    case TimelineStepStatus.Completed:\n      currentStep.icon = 'check';\n      break;\n    case TimelineStepStatus.Skipped:\n      currentStep.icon = 'stepper_circle';\n      break;\n    case TimelineStepStatus.Disabled:\n      currentStep.icon = 'minus';\n      break;\n    case TimelineStepStatus.Alert:\n      currentStep.icon = 'exclamation';\n      break;\n    case TimelineStepStatus.Rejected:\n    case TimelineStepStatus.DisabledRejected:\n      currentStep.icon = 'cross';\n      break;\n    default:\n      break;\n  }\n\n  return currentStep as TimelineStep;\n}\n\n/**\n * Returns the status of the previous step\n * @param index number\n * @param steps TimelineStep\n * @returns TimelineStepStatus\n */\nexport function getPreviousStepStatus(index: number, steps: TimelineStepBase[]): TimelineStepStatus | undefined {\n  return steps[index - 1] && steps[index - 1].status;\n}\n\nexport function getTimelineStepperSampleData(): TimelineStep[] {\n  return [\n    { title: 'Order Placed', icon: <adsIcon>'check', date: new Date('05/09/2021') },\n    {\n      title: 'Acknowledged',\n      icon: <adsIcon>'file_complete',\n      date: new Date('05/10/2021'),\n    },\n    {\n      title: 'In Production',\n      icon: <adsIcon>'assembly_production_conveyer',\n      subtitle: 'test',\n      status: TimelineStepStatus.Skipped,\n    },\n    { title: 'Booked', icon: <adsIcon>'calendar_star' },\n    { title: 'Documents', icon: <adsIcon>'file_multi' },\n    { title: 'In Transit', icon: <adsIcon>'truck_fast' },\n    { title: 'Delivered', icon: <adsIcon>'box_check' },\n  ]\n    .map(setStepStatus)\n    .map(setStepIcon);\n}\n","import { ViewChildren } from '@angular/core';\nimport { Component, ElementRef, Input, OnChanges, OnInit, QueryList, Renderer2, SimpleChanges } from '@angular/core';\nimport { TimelineStep, TimelineStepStatus, TimelineStyle } from './timeline-step.type';\n\n@Component({\n  selector: 'ads-timeline-stepper',\n  styleUrls: ['./timeline-stepper.component.scss'],\n  templateUrl: './timeline-stepper.component.html',\n})\nexport class AdsTimelineStepperComponent implements OnInit, OnChanges {\n  constructor(\n    private element: ElementRef,\n    private renderer: Renderer2,\n    private window: Window,\n  ) {}\n\n  /**\n   * The unique ID for the timeline stepper\n   */\n  @Input() id!: string;\n\n  /**\n   * The steps to display\n   */\n  @Input() public steps: TimelineStep[] = [];\n\n  /**\n   * The size of the icons\n   */\n  @Input() public iconSize: 'sm' | 'md' | 'lg' = 'sm';\n\n  /**\n   * Whether the viewport is mobile\n   */\n  @Input() isMobile = false;\n\n  /** @ignore */\n  @ViewChildren('stepElements') stepElements!: QueryList<ElementRef>;\n\n  /** @ignore */\n  public focusedStepIndex!: number;\n\n  /** @ignore */\n  public stepStatus = TimelineStepStatus;\n\n  /** @ignore */\n  public style!: TimelineStyle;\n\n  /** @ignore */\n  private iconMap = {\n    sm: { size: 24, padding: 16 },\n    md: { size: 32, padding: 24 },\n    lg: { size: 48, padding: 32 },\n  };\n\n  /** @ignore */\n  private shouldScroll = false;\n\n  /** @ignore */\n  private stepWidth!: number;\n\n  /** @ignore */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.iconSize && !changes.iconSize.firstChange) {\n      this.setCircleSize();\n    }\n\n    if (changes.isMobile && !changes.isMobile.firstChange) {\n      this.resetStepperScrollState();\n      this.setStepperScrollState();\n    }\n  }\n\n  /** @ignore */\n  ngOnInit(): void {\n    this.focusedStepIndex = this.steps.findIndex((step: TimelineStep) => step.status === this.stepStatus.Current);\n    this.setCircleSize();\n  }\n\n  /** @ignore */\n  public onSwipeLeft() {\n    // Ignore swipe if last step already focused\n    if (this.isLastStep(this.focusedStepIndex)) {\n      return;\n    }\n\n    this.focusedStepIndex = ++this.focusedStepIndex;\n\n    if (this.shouldScroll) {\n      this.centerFocusedStep();\n    }\n  }\n\n  /** @ignore */\n  public onSwipeRight() {\n    // Ignore swipe if first step already focused\n    if (this.isFirstStep(this.focusedStepIndex)) {\n      return;\n    }\n\n    this.focusedStepIndex = --this.focusedStepIndex;\n\n    if (this.shouldScroll) {\n      this.centerFocusedStep();\n    }\n  }\n\n  /** @ignore */\n  private centerFocusedStep(): void {\n    const halfOfViewport = this.window.innerWidth / 2;\n    const middleOfFocusedStep = this.focusedStepIndex * this.stepWidth + this.stepWidth / 2;\n    this.renderer.setStyle(this.element.nativeElement, 'margin-left', `${halfOfViewport - middleOfFocusedStep}px`);\n  }\n\n  /** @ignore */\n  private isFirstStep(index: number): boolean {\n    return index === 0;\n  }\n\n  /** @ignore */\n  private isLastStep(index: number): boolean {\n    return index === this.steps.length - 1;\n  }\n\n  /** @ignore */\n  private resetStepperScrollState() {\n    this.shouldScroll = false;\n    this.renderer.setStyle(this.element.nativeElement, 'margin-left', '0');\n  }\n\n  /** @ignore */\n  private setCircleSize(): void {\n    const { size, padding } = this.iconMap[this.iconSize];\n    const circleSize = size + padding;\n\n    this.style = {\n      circle: {\n        width: `${circleSize}px`,\n        height: `${circleSize}px`,\n        'border-radius': `${circleSize / 2}px`,\n      },\n      lineBefore: {\n        width: `calc(50% - ${circleSize / 2 - 4}px)`,\n        top: `${circleSize / 2}px`,\n      },\n      lineAfter: {\n        width: `calc(50% - ${circleSize / 2 - 6}px)`,\n        top: `${circleSize / 2}px`,\n      },\n      skipped: {\n        width: `${circleSize - 4}px`,\n        height: `${circleSize - 4}px`,\n        'border-radius': `${circleSize / 2}px`,\n      },\n    };\n  }\n\n  /** @ignore */\n  private setStepperScrollState() {\n    this.stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;\n\n    if (Math.floor(this.steps.length * this.stepWidth) > this.window.innerWidth) {\n      this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '0 0 0'));\n      this.shouldScroll = true;\n      this.centerFocusedStep();\n    } else {\n      this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '1'));\n    }\n  }\n}\n","<div class=\"timeline-stepper\" [class.mobile]=\"isMobile\" [id]=\"id\">\n  <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n    <div\n      #stepElements\n      adsGesture\n      class=\"step\"\n      [class.focused]=\"index === focusedStepIndex\"\n      (gestureleft)=\"onSwipeLeft()\"\n      (gestureright)=\"onSwipeRight()\"\n    >\n      <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n      <div class=\"step-icon-wrapper\">\n        <div\n          class=\"step-icon\"\n          [ngClass]=\"step.status\"\n          [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n          [matTooltip]=\"step.title\"\n          [matTooltipDisabled]=\"false\"\n        >\n          <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!last\" class=\"line after\" [ngClass]=\"steps[index + 1].status\" [ngStyle]=\"style.lineAfter\"></div>\n      <span class=\"title\">{{ step.title }}</span>\n      <span class=\"subtitle\">\n        <ng-container *ngIf=\"step?.date; else subtitle\">{{ step.date | date: 'shortDate' }}</ng-container>\n        <ng-template #subtitle>{{ step?.subtitle }}</ng-template>\n      </span>\n    </div>\n  </ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { AdsTimelineStepperComponent } from './timeline-stepper.component';\nimport { AdsGestureDirection, AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';\n\n@NgModule({\n  imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule],\n  exports: [AdsTimelineStepperComponent],\n  declarations: [AdsTimelineStepperComponent],\n  providers: [\n    { provide: Window, useValue: window },\n    { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },\n  ],\n})\nexport class AdsTimelineStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs

@@ -1,264 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, ViewChildren, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i3 from '@ascentgl/ads-icons';
-import { AdsIconModule } from '@ascentgl/ads-icons';
-import { AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS, AdsGestureDirection } from '@ascentgl/ads-utils';
-
-var VerticalStepStatus;
-(function (VerticalStepStatus) {
-    VerticalStepStatus["Completed"] = "completed";
-    VerticalStepStatus["Current"] = "current";
-    VerticalStepStatus["Future"] = "future";
-    VerticalStepStatus["Skipped"] = "skipped";
-    VerticalStepStatus["Rejected"] = "rejected";
-    VerticalStepStatus["Alert"] = "alert";
-    VerticalStepStatus["Disabled"] = "disabled";
-    VerticalStepStatus["DisabledRejected"] = "disabled-rejected";
-})(VerticalStepStatus || (VerticalStepStatus = {}));
-
-/**
- * Sets a steps status based on multiple criteria
- * @param currentStep VerticalStep
- * @param index number
- * @param steps VrticalStep[]
- * @returns VerticalStep
- */
-function setVerticalStepStatus(currentStep, index, steps) {
-    // if step already has a status use it
-    if (currentStep.status) {
-        return currentStep;
-    }
-    // if step is not the first, and previous step is rejected or disabled/rejected all other steps after it
-    // should be disabled/rejected
-    if ((index > 0 && getPreviousVerticalStepStatus(index, steps) === VerticalStepStatus.Rejected) ||
-        getPreviousVerticalStepStatus(index, steps) === VerticalStepStatus.DisabledRejected) {
-        currentStep.status = VerticalStepStatus.DisabledRejected;
-        // if step has a date, that step has been completed
-    }
-    else if (currentStep.date) {
-        currentStep.status = VerticalStepStatus.Completed;
-        // if step is not the first, and previous step has a date or if step is the first and the next step does
-        // not have a date then step is current
-    }
-    else if ((index > 0 && steps[index - 1]?.date) ||
-        (index === 0 && !steps[index + 1]?.date) ||
-        getPreviousVerticalStepStatus(index, steps) === VerticalStepStatus.Skipped) {
-        currentStep.status = VerticalStepStatus.Current;
-        // step is a future step
-    }
-    else {
-        currentStep.status = VerticalStepStatus.Future;
-    }
-    return currentStep;
-}
-/**
- * Takes a step and sets its itcon based on the steps status.
- * Status must be set prior to running this function.
- * @param currentStep VerticalStep
- * @returns VerticalStep
- */
-function setVerticalStepIcon(currentStep) {
-    switch (currentStep.status) {
-        case VerticalStepStatus.Completed:
-            currentStep.icon = 'check';
-            break;
-        case VerticalStepStatus.Skipped:
-            currentStep.icon = 'stepper_circle';
-            break;
-        case VerticalStepStatus.Disabled:
-            currentStep.icon = 'minus';
-            break;
-        case VerticalStepStatus.Alert:
-            currentStep.icon = 'exclamation';
-            break;
-        case VerticalStepStatus.Rejected:
-        case VerticalStepStatus.DisabledRejected:
-            currentStep.icon = 'cross';
-            break;
-        default:
-            break;
-    }
-    return currentStep;
-}
-/**
- * Returns the status of the previous step
- * @param index number
- * @param steps VerticalStep
- * @returns VerticalStepStatus
- */
-function getPreviousVerticalStepStatus(index, steps) {
-    return steps[index - 1] && steps[index - 1].status;
-}
-function getVerticalStepperSampleData() {
-    return [
-        {
-            title: 'Details',
-            icon: 'warehouse',
-        },
-        {
-            title: 'Route',
-            icon: 'location_filled',
-        },
-        {
-            title: 'Cargo',
-            icon: 'luggage',
-        },
-        {
-            title: 'Scheduled',
-            icon: 'calendar_star',
-        },
-        { title: 'Submit', icon: 'check' },
-    ]
-        .map(setVerticalStepStatus)
-        .map(setVerticalStepIcon);
-}
-
-class AdsVerticalStepperComponent {
-    constructor(element, renderer, window) {
-        this.element = element;
-        this.renderer = renderer;
-        this.window = window;
-        /**
-         * The steps to display
-         */
-        this.verticalsteps = [];
-        /**
-         * The size of the icons
-         */
-        this.iconSize = 'sm';
-        /**
-         * Whether the viewport is mobile
-         */
-        this.isMobile = false;
-        /**
-         * Enable tooltip
-         */
-        this.enableTooltip = false;
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.isLinear = false;
-        /** @ignore */
-        this.stepStatus = VerticalStepStatus;
-        /** @ignore */
-        this.iconMap = {
-            sm: { size: 24, padding: 16 },
-            md: { size: 32, padding: 24 },
-            lg: { size: 48, padding: 32 },
-        };
-        /** @ignore */
-        this.shouldScroll = false;
-    }
-    /** @ignore */
-    ngOnChanges(changes) {
-        if (changes.iconSize && !changes.iconSize.firstChange) {
-            this.setCircleSize();
-        }
-        if (changes.isMobile && !changes.isMobile.firstChange) {
-            this.resetStepperScrollState();
-            this.setStepperScrollState();
-        }
-    }
-    /** @ignore */
-    ngOnInit() {
-        this.focusedStepIndex = this.verticalsteps.findIndex((step) => step.status === this.stepStatus.Current);
-        this.setCircleSize();
-    }
-    /** @ignore */
-    centerFocusedStep() {
-        const halfOfViewport = this.window.innerWidth / 2;
-        const middleOfFocusedStep = this.focusedStepIndex * this.stepWidth + this.stepWidth / 2;
-        this.renderer.setStyle(this.element.nativeElement, 'margin-left', `${halfOfViewport - middleOfFocusedStep}px`);
-    }
-    /** @ignore */
-    resetStepperScrollState() {
-        this.shouldScroll = false;
-        this.renderer.setStyle(this.element.nativeElement, 'margin-left', '0');
-    }
-    /** @ignore */
-    setCircleSize() {
-        const { size, padding } = this.iconMap[this.iconSize];
-        const circleSize = size + padding;
-        this.style = {
-            circle: {
-                width: `${circleSize}px`,
-                height: `${circleSize}px`,
-                'border-radius': `${circleSize / 2}px`,
-            },
-            lineBefore: {
-                width: `calc(50% - ${circleSize / 2 - 4}px)`,
-                top: `${circleSize / 2}px`,
-            },
-            lineAfter: {
-                width: `calc(50% - ${circleSize / 2 - 6}px)`,
-                top: `${circleSize / 2}px`,
-            },
-            skipped: {
-                width: `${circleSize - 4}px`,
-                height: `${circleSize - 4}px`,
-                'border-radius': `${circleSize / 2}px`,
-            },
-        };
-    }
-    /** @ignore */
-    setStepperScrollState() {
-        this.stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
-        if (Math.floor(this.verticalsteps.length * this.stepWidth) > this.window.innerWidth) {
-            this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '0 0 0'));
-            this.shouldScroll = true;
-            this.centerFocusedStep();
-        }
-        else {
-            this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '1'));
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsVerticalStepperComponent, selector: "ads-vertical-stepper", inputs: { id: "id", verticalsteps: "verticalsteps", iconSize: "iconSize", isMobile: "isMobile", enableTooltip: "enableTooltip" }, viewQueries: [{ propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"vertical-stepper\" aria-orientation=\"vertical\" [class.mobile]=\"isMobile\" [id]=\"id\">\n  <ng-container *ngFor=\"let step of verticalsteps; let first = first; let last = last; let index = index\">\n    <div\n      #stepElements\n      class=\"step\"\n      [class.focused]=\"index === focusedStepIndex\"\n      [ngClass]=\"{ clickable: step.onClick && step.isClickable !== false }\"\n    >\n      <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n      <div class=\"step-icon-wrapper\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">\n        <div\n          class=\"step-icon\"\n          [ngClass]=\"step.status\"\n          [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n          [matTooltip]=\"step.title\"\n          [matTooltipDisabled]=\"!enableTooltip\"\n        >\n          <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n        </div>\n      </div>\n      <span class=\"title\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">{{\n        step.title\n      }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.vertical-stepper{display:flex;flex-flow:column wrap}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.step.clickable .step-icon-wrapper,.step.clickable .title{cursor:pointer}.vertical-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center;cursor:default}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.vertical-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.vertical-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:#bab8ff}.step-icon.current{background-color:var(--color-secondary);width:80px!important;height:80px!important;border-radius:80px!important}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;background-color:#bab8ff}.vertical-stepper.mobile .step:not(.focused) .title,.vertical-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}::ng-deep .step-icon.current .ads-icon{font-size:large!important}.line{border-left:2px solid var(--color-medium-50);height:50px;margin-left:calc(50% - 16px)}.line.before{left:0}.line.after{right:0}.line.completed{border-left-color:var(--color-success)}.line.skipped{border-left-color:var(--color-primary)}.line.current,.line.rejected{border-left-style:dashed;border-left-color:#bab8ff}.line.current.before,.line.rejected.before{left:-10px;width:calc(50% - 22px)}.line.future{border-left-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-left-color:var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-vertical-stepper', template: "<div class=\"vertical-stepper\" aria-orientation=\"vertical\" [class.mobile]=\"isMobile\" [id]=\"id\">\n  <ng-container *ngFor=\"let step of verticalsteps; let first = first; let last = last; let index = index\">\n    <div\n      #stepElements\n      class=\"step\"\n      [class.focused]=\"index === focusedStepIndex\"\n      [ngClass]=\"{ clickable: step.onClick && step.isClickable !== false }\"\n    >\n      <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n      <div class=\"step-icon-wrapper\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">\n        <div\n          class=\"step-icon\"\n          [ngClass]=\"step.status\"\n          [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n          [matTooltip]=\"step.title\"\n          [matTooltipDisabled]=\"!enableTooltip\"\n        >\n          <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n        </div>\n      </div>\n      <span class=\"title\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">{{\n        step.title\n      }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.vertical-stepper{display:flex;flex-flow:column wrap}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.step.clickable .step-icon-wrapper,.step.clickable .title{cursor:pointer}.vertical-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center;cursor:default}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.vertical-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.vertical-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:#bab8ff}.step-icon.current{background-color:var(--color-secondary);width:80px!important;height:80px!important;border-radius:80px!important}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;background-color:#bab8ff}.vertical-stepper.mobile .step:not(.focused) .title,.vertical-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}::ng-deep .step-icon.current .ads-icon{font-size:large!important}.line{border-left:2px solid var(--color-medium-50);height:50px;margin-left:calc(50% - 16px)}.line.before{left:0}.line.after{right:0}.line.completed{border-left-color:var(--color-success)}.line.skipped{border-left-color:var(--color-primary)}.line.current,.line.rejected{border-left-style:dashed;border-left-color:#bab8ff}.line.current.before,.line.rejected.before{left:-10px;width:calc(50% - 22px)}.line.future{border-left-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-left-color:var(--color-light)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: Window }], propDecorators: { id: [{
-                type: Input
-            }], verticalsteps: [{
-                type: Input
-            }], iconSize: [{
-                type: Input
-            }], isMobile: [{
-                type: Input
-            }], enableTooltip: [{
-                type: Input
-            }], stepElements: [{
-                type: ViewChildren,
-                args: ['stepElements']
-            }] } });
-
-class AdsVerticalStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, declarations: [AdsVerticalStepperComponent], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule], exports: [AdsVerticalStepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, providers: [
-            { provide: Window, useValue: window },
-            { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
-        ], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule],
-                    exports: [AdsVerticalStepperComponent],
-                    declarations: [AdsVerticalStepperComponent],
-                    providers: [
-                        { provide: Window, useValue: window },
-                        { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsVerticalStepperComponent, AdsVerticalStepperModule, VerticalStepStatus, getPreviousVerticalStepStatus, getVerticalStepperSampleData, setVerticalStepIcon, setVerticalStepStatus };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs.map