@tylertech/forge 2.14.0-dev.0 → 2.14.0

package/esm/core/mask/time-input-mask.js

@@ -3,8 +3,9 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { InputMask, createMask, MaskedEnum } from 'imask';
 import { isNumeric } from '@tylertech/forge-core';
+import { createMask, InputMask, MaskedEnum } from 'imask';
+import { IntermediateTimeParser } from './intermediate-time-parser';
 export const TWELVE_HOUR_TIME_MASK = '0`0{:}`0`0 `AM';
 export const TWELVE_HOUR_TIME_MASK_WITH_SECONDS = '0`0{:}`0`0{:}`0`0 `AM';
 export const TWENTY_FOUR_HOUR_TIME_MASK = '0`0{:}`0`0';
@@ -57,90 +58,110 @@ export class TimeInputMask {
         };
     }
     _prepare(value, masked, flags, maskInstance) {
+        var _a;
         if (typeof this._options.prepareCallback === 'function') {
             return this._options.prepareCallback.call(null, value, masked, flags, this._mask);
         }
-        return this._prepareDefault(value, masked, flags, maskInstance).toUpperCase();
-    }
-    _prepareDefault(value, masked, flags, maskInstance) {
         if (!flags.input || !value.length || !maskInstance) {
-            return value;
+            return value.toUpperCase();
         }
+        // Whenever we paste text we don't care to send it through our custom prepare logic,
+        // so just return the character being processed.
         // eslint-disable-next-line @typescript-eslint/dot-notation
-        const isAllSelected = maskInstance['_selection'] && maskInstance['_selection'].end === 8;
-        const currentValue = isAllSelected ? '' : maskInstance.value;
-        if (!isNumeric(value)) {
+        if (((_a = maskInstance['_inputEvent']) === null || _a === void 0 ? void 0 : _a.inputType) !== 'insertText') {
+            return value;
+        }
+        return this._prepareDefault(value, maskInstance).toUpperCase();
+    }
+    _prepareDefault(char, maskInstance) {
+        const parser = new IntermediateTimeParser(char, maskInstance);
+        // Handle non-numeric character entry here
+        if (!isNumeric(char)) {
             // Before we ignore this character let's do some checks for common scenarios where the user enters a colon to help with coercion
-            if (value === ':') {
-                const isFinalHoursChar = maskInstance.cursorPos === 2 && currentValue.length === 1;
-                if (isFinalHoursChar) {
+            if (char === ':') {
+                if (parser.isFinalHoursChar) {
                     // The user attempted to press the colon key after entering a single hour character so let's pad the value
-                    this._setMaskedValueAdjusted(currentValue.padStart(2, '0'), 3);
-                    return ':';
+                    const newValue = parser.patchSegmentValue('hours', parser.value);
+                    parser.applyValue(newValue, 'minutes-start');
+                    return char;
                 }
-                const isFinalMinutesChar = maskInstance.cursorPos === 5 && currentValue.length === 4;
-                if (isFinalMinutesChar) {
+                if (parser.isFinalMinutesChar) {
                     // The user attempted to press the colon key after entering a single minute character so let's pad the value
-                    const newValue = `${currentValue.substring(0, 3)}${currentValue[3].padStart(2, '0').padStart(2, '0')}`;
-                    this._setMaskedValueAdjusted(newValue, 3);
-                    return ':';
+                    const newValue = parser.patchSegmentValue('minutes', String(parser.minutesSegmentNum));
+                    parser.applyValue(newValue, this._options.showSeconds ? 'seconds-start' : 'minutes-end');
+                    return char;
                 }
-                if (this._options.showSeconds) {
-                    const isFinalSecondsChar = maskInstance.cursorPos === 8 && currentValue.length === 6;
-                    if (isFinalSecondsChar) {
-                        // The user attempted to press the colon key after entering a single second character so let's pad the value
-                        const newValue = `${currentValue.substring(0, 6)}${currentValue[5].padStart(2, '0')}${currentValue.slice(8)}`;
-                        this._setMaskedValueAdjusted(newValue, 3);
-                        return ':';
-                    }
+                if (this._options.showSeconds && parser.isFinalSecondsChar) {
+                    // The user attempted to press the colon key after entering a single second character so let's pad the value
+                    const newValue = parser.patchSegmentValue('seconds', String(parser.secondsSegmentNum));
+                    parser.applyValue(newValue, 'meridiem-start');
+                    return char;
                 }
             }
-            return value;
+            return char;
         }
-        const numValue = +value;
-        // Attempt to pad a leading zero to the hours segment
-        const isFirstHourChar = maskInstance.cursorPos === 1 && numValue > 2;
-        if (isFirstHourChar) {
+        // If all of the text is selected, we can safely assume the whole value is being overwritten
+        if (parser.isAllSelected) {
+            parser.reset();
+        }
+        // Attempt to pad a leading zero to the hours segment on initial entry only
+        if (parser.isInitialHoursEntry && parser.isFirstHoursChar) {
             // Replace just the hours segment with the padded value and update cursor position
-            const newValue = `${String(numValue).padStart(2, '0')}${currentValue.slice(2)}`;
-            this._setMaskedValueAdjusted(newValue, 3);
+            const newValue = parser.patchSegmentValue('hours', parser.asPaddedChar);
+            parser.applyValue(newValue, 'hours-end');
             return ':';
         }
+        // Attempt to overwrite the hours (w/leading zero)
+        if (parser.hasOnlyHoursSegment && parser.canOverwriteHoursChar) {
+            const numNewHour = +`${parser.hoursSegmentNum}${parser.numChar}`;
+            if (numNewHour <= 12 || (this._options.use24HourTime && numNewHour <= 23)) {
+                // Overwrite the hours segment with the entered char concatenated with the previous entry value
+                const newValue = parser.patchSegmentValue('hours', String(numNewHour));
+                parser.applyValue(newValue, 'minutes-start');
+                return ':';
+            }
+        }
+        // Check if we are entering the last hour value and automatically move to the minutes segment for next entry
+        if (parser.value.length + 1 === 2) {
+            return `${char}:`;
+        }
         // Attempt to pad a leading zero to the minutes segment
-        const isFirstMinuteChar = (maskInstance.cursorPos === 3 || maskInstance.cursorPos === 4) && numValue > 5;
-        if (isFirstMinuteChar) {
+        if (parser.isFirstMinutesChar) {
             // Replace just the minute segment with the padded value and update cursor position
-            const newValue = `${currentValue.substring(0, 3)}${String(numValue).padStart(2, '0')}${currentValue.slice(5)}`;
-            this._setMaskedValueAdjusted(newValue, 3);
+            const newValue = parser.patchSegmentValue('minutes', parser.asPaddedChar);
+            parser.applyValue(newValue, 'minutes-end');
             return ':';
         }
-        // Attempt to pad a leading zero to the seconds segment
-        if (this._options.showSeconds) {
-            const isFirstSecondChar = (maskInstance.cursorPos === 6 || maskInstance.cursorPos === 7) && numValue > 5;
-            if (isFirstSecondChar) {
-                // Replace just the second segment with the padded value and update cursor position
-                const newValue = `${currentValue.substring(0, 6)}${String(numValue).padStart(2, '0')}${currentValue.slice(8)}`;
-                this._setMaskedValueAdjusted(newValue, 3);
+        // Attempt to overwrite the minutes (w/leading zero)
+        if (parser.canOverwriteMinutesChar) {
+            const numNewMins = +`${parser.minutesSegmentNum}${parser.numChar}`;
+            if (numNewMins < 60) {
+                // Overwrite the hours segment with the entered char concatenated with the previous entry value
+                const newValue = parser.patchSegmentValue('minutes', String(numNewMins));
+                parser.applyValue(newValue, 'minutes-end');
                 return ':';
             }
         }
-        // Attempt to automatically add a colon after the hours or minutes segment is complete and/or move cursor to after colon
-        if (!this._options.showMaskFormat && (maskInstance.cursorPos === 2 || (this._options.showSeconds && maskInstance.cursorPos === 5))) {
-            let newValue;
-            if (maskInstance.cursorPos === 2) {
-                newValue = `${currentValue.substring(0, 1)}${numValue}:${currentValue.slice(3)}`;
+        if (this._options.showSeconds) {
+            // Attempt to pad a leading zero to the seconds segment
+            if (parser.isFirstSecondsChar) {
+                // Replace just the seconds segment with the padded value and update cursor position
+                const newValue = parser.patchSegmentValue('seconds', parser.asPaddedChar);
+                parser.applyValue(newValue, 'seconds-end');
+                return ':';
             }
-            else {
-                newValue = `${currentValue.substring(0, 4)}${numValue}:${currentValue.slice(6)}`;
+            // Attempt to overwrite the seconds (w/leading zero)
+            if (parser.canOverwriteSecondsChar) {
+                const numNewSeconds = +`${parser.secondsSegmentNum}${parser.numChar}`;
+                if (numNewSeconds < 60) {
+                    // Overwrite the seconds segment with the entered char concatenated with the previous entry value
+                    const newValue = parser.patchSegmentValue('seconds', String(numNewSeconds));
+                    parser.applyValue(newValue, 'seconds-end');
+                    return ':';
+                }
             }
-            this._setMaskedValueAdjusted(newValue, 2);
-            return '';
         }
-        return value;
-    }
-    _setMaskedValueAdjusted(value, position) {
-        this._mask.unmaskedValue = value;
-        window.requestAnimationFrame(() => this._mask.updateCursor(this._mask.cursorPos + position));
+        return char;
     }
     _getMaskFormat() {
         if (this._options.use24HourTime) {

package/esm/core/mask/time-segment-parser.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare type TimeSegmentType = 'hours' | 'minutes' | 'seconds' | 'meridiem';
+export interface ISegmentDescriptor {
+    segment: TimeSegmentType;
+    value: string;
+}
+export declare class TimeSegmentParser {
+    private _segments;
+    constructor(timeStr: string);
+    get hours(): string;
+    get minutes(): string;
+    get seconds(): string;
+    get meridiem(): string;
+    applyValue(timeStr: string): void;
+    patchSegmentValue(type: TimeSegmentType, value: string): string;
+    toString(): string;
+    private _parseSegments;
+}

package/esm/core/mask/time-segment-parser.js

@@ -0,0 +1,46 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+const SEGMENT_INDEX_DICT = {
+    hours: 0,
+    minutes: 1,
+    seconds: 2,
+    meridiem: 3
+};
+export class TimeSegmentParser {
+    constructor(timeStr) {
+        this._segments = this._parseSegments(timeStr);
+    }
+    get hours() {
+        return this._segments[SEGMENT_INDEX_DICT.hours];
+    }
+    get minutes() {
+        return this._segments[SEGMENT_INDEX_DICT.minutes];
+    }
+    get seconds() {
+        return this._segments[SEGMENT_INDEX_DICT.seconds];
+    }
+    get meridiem() {
+        return this._segments[SEGMENT_INDEX_DICT.meridiem];
+    }
+    applyValue(timeStr) {
+        this._segments = this._parseSegments(timeStr);
+    }
+    patchSegmentValue(type, value) {
+        const index = SEGMENT_INDEX_DICT[type];
+        this._segments[index] = value.padStart(2, '0');
+        return this._segments[index];
+    }
+    toString() {
+        const [hours, minutes, seconds, meridiem] = this._segments;
+        const timeStr = [hours, minutes, seconds].filter(v => !!v.length);
+        return `${timeStr.join(':')}${meridiem}`;
+    }
+    _parseSegments(timeStr) {
+        const [time, meridiem = ''] = timeStr.trim().replace(/\s+|_/g, '').split(/([AaPp][Mm]?)/);
+        const [hours = '', minutes = '', seconds = ''] = time.split(':');
+        return [hours, minutes, seconds, meridiem];
+    }
+}

package/esm/core/utils/time-utils.d.ts

@@ -6,6 +6,7 @@
 export declare const TWENTY_FOUR_HOUR_TIME_REGEX: RegExp;
 export declare const TWELVE_HOUR_TIME_REGEX: RegExp;
 export declare const PARSEABLE_TIME_FORMAT: RegExp;
+export declare const HAS_MERIDIEM_REGEX: RegExp;
 export declare function tokenize24HourTimeString(value: string): {
     hours: string;
     minutes: string;

package/esm/core/utils/time-utils.js

@@ -5,7 +5,8 @@
  */
 export const TWENTY_FOUR_HOUR_TIME_REGEX = /^(0?[0-9]|1\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/;
 export const TWELVE_HOUR_TIME_REGEX = /^(0?[1-9]|1[0-2]):([0-5]\d)(:([0-5]\d))?\s*([AaPp][Mm])?$/;
-export const PARSEABLE_TIME_FORMAT = /^(\d\d?):?(\d\d?)(:?(\d?\d?))?\s*([AaPp][Mm]?)?$/;
+export const PARSEABLE_TIME_FORMAT = /^(\d?\d?):?(\d?\d?)(:?(\d?\d?))?\s*([AaPp][Mm]?)?$/;
+export const HAS_MERIDIEM_REGEX = /[AaPp][Mm]?/;
 export function tokenize24HourTimeString(value) {
     const matches = value.match(TWENTY_FOUR_HOUR_TIME_REGEX) || [null, 0, 0, null, 0];
     const hours = matches[1];
@@ -27,7 +28,7 @@ export function isSupportedTimeFormat(value) {
 }
 export function tryCoerceTimeString(str, use24HourTime, allowSeconds) {
     str = str && typeof str === 'string' ? str.replace(/_|\s/g, '') : '';
-    if (/^\s*$/.test(str)) {
+    if (/^\s*$/.test(str) || /^:+$/.test(str)) {
         return '';
     }
     const matches = str.match(PARSEABLE_TIME_FORMAT);
@@ -38,11 +39,26 @@ export function tryCoerceTimeString(str, use24HourTime, allowSeconds) {
     let minutesStr = matches[2];
     let secondsStr = matches[4];
     let meridiem = matches[5];
+    // Special case detection for meridiem
+    const meridiemMatches = str.match(HAS_MERIDIEM_REGEX);
+    if (meridiemMatches) {
+        meridiem = meridiemMatches[0];
+        str = str.replace(meridiem, ''); // Remove the meridiem from the input string our next special case
+        // We allow for entering an "a" or "p" shorthand so let's coerce it to the proper value
+        if (meridiem.length === 1) {
+            meridiem += 'm';
+        }
+    }
+    // Special case handling for 3-digit "shorthand" time values (ex. "130" => "1:30 AM")
+    if (str.length === 3 && !str.includes(':')) {
+        hoursStr = str[0];
+        minutesStr = str.substring(1);
+    }
     // Normalize the meridiem string
     if (use24HourTime) {
         meridiem = '';
     }
-    else if (/[AaPp][Mm]/.test(meridiem)) {
+    else if (HAS_MERIDIEM_REGEX.test(meridiem)) {
         meridiem = meridiem.toUpperCase();
     }
     else {
@@ -68,6 +84,7 @@ export function tryCoerceTimeString(str, use24HourTime, allowSeconds) {
     else if (hoursNum < 0) {
         hoursStr = '00';
     }
+    hoursStr = hoursStr.padStart(2, '0');
     // Clamp and normalize minutes
     if (minutesStr !== undefined) {
         if (minutesNum > 59) {

package/esm/dialog/dialog-foundation.js

@@ -188,8 +188,8 @@ export class DialogFoundation {
         this._adapter.captureActiveElement();
         const bounds = this._adapter.getSurfaceBounds();
         this._moveContext = {
-            top: evt.clientY - bounds.top,
-            left: evt.clientX - bounds.left,
+            top: evt.pageY - bounds.top,
+            left: evt.pageX - bounds.left,
             height: bounds.height,
             width: bounds.width
         };

package/esm/drawer/modal-drawer/modal-drawer.js

@@ -11,7 +11,7 @@ import { ModalDrawerAdapter } from './modal-drawer-adapter';
 import { MODAL_DRAWER_CONSTANTS } from './modal-drawer-constants';
 import { ModalDrawerFoundation } from './modal-drawer-foundation';
 const template = '<template><forge-backdrop class=\"forge-drawer__scrim\" hidden part=\"scrim\"></forge-backdrop><div class=\"forge-drawer forge-drawer--modal\" part=\"root\"><slot name=\"header\"></slot><div class=\"forge-drawer__content\" part=\"content\"><slot></slot></div><slot name=\"footer\"></slot></div></template>';
-const styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\"touch\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}.forge-drawer--modal{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;top:0;max-width:80%}.forge-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0,0,0,.32)}.forge-drawer--modal.forge-drawer--closed,.forge-drawer--modal.forge-drawer--closing{-webkit-box-shadow:none;box-shadow:none}.forge-drawer--modal.forge-drawer--closing.forge-drawer--right{-webkit-transform:translateX(100%);transform:translateX(100%)}.forge-drawer__scrim{z-index:8;z-index:var(--forge-z-index-dialog,8)}.forge-drawer__scrim--closed{display:none}.forge-drawer.forge-drawer--right{right:0}.forge-drawer--display-none{display:none!important}';
+const styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\"touch\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}.forge-drawer--modal{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;top:0;max-width:80%}.forge-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0,0,0,.32)}.forge-drawer--modal.forge-drawer--closed,.forge-drawer--modal.forge-drawer--closing{-webkit-box-shadow:none;box-shadow:none}.forge-drawer--modal.forge-drawer--closing.forge-drawer--right{-webkit-transform:translateX(100%);transform:translateX(100%)}.forge-drawer__scrim{z-index:8;z-index:var(--forge-z-index-dialog,8)}.forge-drawer__scrim--closed{display:none}.forge-drawer.forge-drawer--right{right:0}.forge-drawer--display-none{display:none!important}';
 /**
  * The web component class behind the `<forge-modal-drawer>` custom element.
  *

package/esm/index.d.ts

@@ -65,6 +65,7 @@ export * from './tooltip';
 export * from './utils';
 export * from './view-switcher';
 export * from './icon';
+export * from './stack';
 /**
  * Registers all components in the library with the browser.
  */

package/esm/index.js

@@ -69,6 +69,7 @@ import { TooltipComponent } from './tooltip';
 import { ViewComponent, ViewSwitcherComponent } from './view-switcher';
 import { IconComponent } from './icon';
 import { SelectDropdownComponent } from './select/select-dropdown';
+import { StackComponent } from './stack';
 export * from './accordion';
 export * from './app-bar';
 export * from './autocomplete';
@@ -131,6 +132,7 @@ export * from './tooltip';
 export * from './utils';
 export * from './view-switcher';
 export * from './icon';
+export * from './stack';
 const CUSTOM_ELEMENTS = [
     AccordionComponent,
     AvatarComponent,
@@ -192,6 +194,7 @@ const CUSTOM_ELEMENTS = [
     SkeletonComponent,
     SliderComponent,
     SplitViewComponent,
+    StackComponent,
     StepperComponent,
     StepComponent,
     SwitchComponent,

package/esm/linear-progress/linear-progress.js

@@ -9,7 +9,7 @@ import { CustomElement, coerceBoolean, coerceNumber, attachShadowTemplate, getSh
 import { BaseComponent } from '../core/base/base-component';
 import { LINEAR_PROGRESS_CONSTANTS } from './linear-progress-constants';
 const template = '<template><div role=\"progressbar\" class=\"mdc-linear-progress\" part=\"root\" aria-valuemin=\"0\" aria-valuemax=\"1\" aria-valuenow=\"0\"><div class=\"mdc-linear-progress__buffer\" part=\"buffer\"><div class=\"mdc-linear-progress__buffer-bar\" part=\"buffer-bar\"></div><div class=\"mdc-linear-progress__buffer-dots\" part=\"buffer-dots\"></div></div><div class=\"mdc-linear-progress__bar mdc-linear-progress__primary-bar\" part=\"progress-bar\"><span class=\"mdc-linear-progress__bar-inner\" part=\"progress-bar-inner\"></span></div><div class=\"mdc-linear-progress__bar mdc-linear-progress__secondary-bar\" part=\"secondary-bar\"><span class=\"mdc-linear-progress__bar-inner\" part=\"secondary-bar-inner\"></span></div></div></template>';
-const styles = '@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%))}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%))}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%))}}@-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);-webkit-transform:scaleX(.661479);transform:scaleX(.661479)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);-webkit-transform:scaleX(.661479);transform:scaleX(.661479)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%))}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%))}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%))}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);-webkit-transform:scaleX(.457104);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);-webkit-transform:scaleX(.457104);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@-webkit-keyframes mdc-linear-progress-buffering{from{-webkit-transform:rotate(180deg) translateX(-10px);transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-buffering{from{-webkit-transform:rotate(180deg) translateX(-10px);transform:rotate(180deg) translateX(-10px)}}@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%))}100%{-webkit-transform:translateX(-200.611057%);transform:translateX(-200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%))}100%{-webkit-transform:translateX(-200.611057%);transform:translateX(-200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%))}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(-37.651913%);transform:translateX(-37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(-84.386165%);transform:translateX(-84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%))}100%{-webkit-transform:translateX(-160.277782%);transform:translateX(-160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(-37.651913%);transform:translateX(-37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(-84.386165%);transform:translateX(-84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%))}100%{-webkit-transform:translateX(-160.277782%);transform:translateX(-160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%))}}@-webkit-keyframes mdc-linear-progress-buffering-reverse{from{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes mdc-linear-progress-buffering-reverse{from{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);outline:1px solid transparent;overflow:hidden;-webkit-transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1)}@media screen and (forced-colors:active){.mdc-linear-progress{outline-color:CanvasText}}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;-webkit-animation:none;animation:none;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;-webkit-animation:none;animation:none;border-top-style:solid}.mdc-linear-progress__buffer{display:-webkit-box;display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;-webkit-box-flex:1;flex:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:mdc-linear-progress-buffering 250ms infinite linear;animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{-webkit-box-flex:0;flex:0 1 100%;-webkit-transition:-webkit-flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-linear-progress__primary-bar{-webkit-transform:scaleX(0);transform:scaleX(0)}.mdc-linear-progress__secondary-bar{display:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{-webkit-transition:none;transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;display:block}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{-webkit-animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{-webkit-animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{-webkit-animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse;animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{-webkit-animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse;animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots,[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots{-webkit-animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;-webkit-transform:rotate(0);transform:rotate(0)}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:auto}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:auto}.mdc-linear-progress--closed{opacity:0}.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots{-webkit-animation:none;animation:none}.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner{-webkit-animation:none;animation:none}.mdc-linear-progress__bar-inner{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' x=\'0px\' y=\'0px\' enable-background=\'new 0 0 5 2\' xml:space=\'preserve\' viewBox=\'0 0 5 2\' preserveAspectRatio=\'none slice\'%3E%3Ccircle cx=\'1\' cy=\'1\' r=\'1\' fill=\'%23e6e6e6\'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}.mdc-linear-progress{height:4px}.mdc-linear-progress__bar-inner{border-top-width:4px}.mdc-linear-progress__buffer-dots{background-size:10px 4px}:host{display:block}:host([hidden]){display:none}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' x=\'0px\' y=\'0px\' enable-background=\'new 0 0 5 2\' xml:space=\'preserve\' viewBox=\'0 0 5 2\' preserveAspectRatio=\'none slice\'%3E%3Ccircle cx=\'1\' cy=\'1\' r=\'1\' fill=\'%23ced5f7\'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:#ced5f7}.mdc-linear-progress{border-radius:inherit;border-radius:var(--forge-linear-progress-border-radius,inherit)}.mdc-linear-progress__bar-inner{border-color:#3d5afe;border-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-linear-progress__buffer-bar{background-color:#ced5f7;background-color:var(--forge-linear-progress-theme-buffer,#ced5f7)}.mdc-linear-progress__buffer-dots{-webkit-filter:none;filter:none;-webkit-filter:var(--forge-linear-progress-theme-buffer-dots,none);filter:var(--forge-linear-progress-theme-buffer-dots, none)}';
+const styles = '@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%))}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half,83.67142%))}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full,200.611057%))}}@-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);-webkit-transform:scaleX(.661479);transform:scaleX(.661479)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);-webkit-transform:scaleX(.661479);transform:scaleX(.661479)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%))}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter,37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half,84.386165%))}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full,160.277782%))}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);-webkit-transform:scaleX(.457104);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.004315);-webkit-transform:scaleX(.457104);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@-webkit-keyframes mdc-linear-progress-buffering{from{-webkit-transform:rotate(180deg) translateX(-10px);transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-buffering{from{-webkit-transform:rotate(180deg) translateX(-10px);transform:rotate(180deg) translateX(-10px)}}@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%))}100%{-webkit-transform:translateX(-200.611057%);transform:translateX(-200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%));transform:translateX(var(--mdc-linear-progress-primary-half-neg,-83.67142%))}100%{-webkit-transform:translateX(-200.611057%);transform:translateX(-200.611057%);-webkit-transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%));transform:translateX(var(--mdc-linear-progress-primary-full-neg,-200.611057%))}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(-37.651913%);transform:translateX(-37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(-84.386165%);transform:translateX(-84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%))}100%{-webkit-transform:translateX(-160.277782%);transform:translateX(-160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(-37.651913%);transform:translateX(-37.651913%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%));transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg,-37.651913%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(-84.386165%);transform:translateX(-84.386165%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%));transform:translateX(var(--mdc-linear-progress-secondary-half-neg,-84.386165%))}100%{-webkit-transform:translateX(-160.277782%);transform:translateX(-160.277782%);-webkit-transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%));transform:translateX(var(--mdc-linear-progress-secondary-full-neg,-160.277782%))}}@-webkit-keyframes mdc-linear-progress-buffering-reverse{from{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes mdc-linear-progress-buffering-reverse{from{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);outline:1px solid transparent;overflow:hidden;-webkit-transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1)}@media screen and (forced-colors:active){.mdc-linear-progress{outline-color:CanvasText}}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;-webkit-animation:none;animation:none;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;-webkit-animation:none;animation:none;border-top-style:solid}.mdc-linear-progress__buffer{display:-webkit-box;display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;-webkit-box-flex:1;flex:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:mdc-linear-progress-buffering 250ms infinite linear;animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{-webkit-box-flex:0;flex:0 1 100%;-webkit-transition:-webkit-flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-flex-basis 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-linear-progress__primary-bar{-webkit-transform:scaleX(0);transform:scaleX(0)}.mdc-linear-progress__secondary-bar{display:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{-webkit-transition:none;transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;display:block}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{-webkit-animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{-webkit-animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{-webkit-animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse;animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{-webkit-animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse;animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots,[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots{-webkit-animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;-webkit-transform:rotate(0);transform:rotate(0)}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar,[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}.mdc-linear-progress--closed{opacity:0}.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots{-webkit-animation:none;animation:none}.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner{-webkit-animation:none;animation:none}.mdc-linear-progress__bar-inner{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' x=\'0px\' y=\'0px\' enable-background=\'new 0 0 5 2\' xml:space=\'preserve\' viewBox=\'0 0 5 2\' preserveAspectRatio=\'none slice\'%3E%3Ccircle cx=\'1\' cy=\'1\' r=\'1\' fill=\'%23e6e6e6\'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}.mdc-linear-progress{height:4px}.mdc-linear-progress__bar-inner{border-top-width:4px}.mdc-linear-progress__buffer-dots{background-size:10px 4px}:host{display:block}:host([hidden]){display:none}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' x=\'0px\' y=\'0px\' enable-background=\'new 0 0 5 2\' xml:space=\'preserve\' viewBox=\'0 0 5 2\' preserveAspectRatio=\'none slice\'%3E%3Ccircle cx=\'1\' cy=\'1\' r=\'1\' fill=\'%23ced5f7\'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:#ced5f7}.mdc-linear-progress{border-radius:inherit;border-radius:var(--forge-linear-progress-border-radius,inherit)}.mdc-linear-progress__bar-inner{border-color:#3d5afe;border-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-linear-progress__buffer-bar{background-color:#ced5f7;background-color:var(--forge-linear-progress-theme-buffer,#ced5f7)}.mdc-linear-progress__buffer-dots{-webkit-filter:none;filter:none;-webkit-filter:var(--forge-linear-progress-theme-buffer-dots,none);filter:var(--forge-linear-progress-theme-buffer-dots, none)}';
 /**
  * The web component class behind the `<forge-linear-progress>` custom element.
  *

package/esm/list-dropdown/list-dropdown-adapter.d.ts

@@ -14,6 +14,7 @@ export interface IListDropdownAdapter {
     getSelectedOptionIndex(): number;
     getActiveOptionIdByIndex(index: number): string | null;
     toggleOptionMultiple(index: number, isSelected: boolean): void;
+    scrollOptionIntoView(index: number): void;
     scrollSelectedOptionIntoView(animate?: boolean): void;
     activateSelectedOption(config: IListDropdownOpenConfig): void;
     activateOption(index: number, activeChangeCallback: ((id: string) => void) | undefined, animate?: boolean): void;
@@ -45,6 +46,7 @@ export declare class ListDropdownAdapter implements IListDropdownAdapter {
     getSelectedOptionIndex(): number;
     getActiveOptionIdByIndex(index: number): string | null;
     toggleOptionMultiple(index: number, isSelected: boolean): void;
+    scrollOptionIntoView(index: number, animate?: boolean): void;
     scrollSelectedOptionIntoView(animate?: boolean): void;
     activateSelectedOption(config: IListDropdownOpenConfig): void;
     activateOption(index: number, activeChangeCallback: ((id: string) => void) | undefined, animate?: boolean): void;

package/esm/list-dropdown/list-dropdown-adapter.js

@@ -125,6 +125,12 @@ export class ListDropdownAdapter {
             this._toggleSelectedOption(listItems[index], isSelected);
         }
     }
+    scrollOptionIntoView(index, animate = true) {
+        const listItem = this._getListItemElements()[index];
+        if (listItem) {
+            this._scrollListItemIntoView(listItem, animate ? 'smooth' : 'auto', 'center');
+        }
+    }
     scrollSelectedOptionIntoView(animate = true) {
         const listItem = this._getSelectedListItem();
         this._scrollListItemIntoView(listItem, animate ? 'smooth' : 'auto', 'center');

package/esm/list-dropdown/list-dropdown-constants.d.ts

@@ -66,6 +66,7 @@ export interface IListDropdownConfig<T = any> {
     selectedValues?: T[];
     multiple?: boolean;
     activeStartIndex?: number;
+    visibleStartIndex?: number;
     transform?: ListDropdownTransformCallback;
     allowBusy?: boolean;
     asyncStyle?: ListDropdownAsyncStyle;

package/esm/list-dropdown/list-dropdown-foundation.js

@@ -102,6 +102,9 @@ export class ListDropdownFoundation {
         else if (this._config.selectedValues && this._config.selectedValues.length) {
             this._adapter.scrollSelectedOptionIntoView(false);
         }
+        else if (typeof this._config.visibleStartIndex === 'number' && this._nonDividerOptions[this._config.visibleStartIndex]) {
+            this._adapter.scrollOptionIntoView(this._config.visibleStartIndex);
+        }
     }
     setSelectedValues(values) {
         if (!Array.isArray(values)) {

package/esm/list-dropdown/list-dropdown-utils.js

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { addClass, getEventPath, isDefined, isObject, isDeepEqual } from '@tylertech/forge-core';
+import { addClass, getEventPath, isDeepEqual, isDefined, isObject } from '@tylertech/forge-core';
 import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons/standard';
 import { ICON_CLASS_NAME } from '../constants';
 import { LINEAR_PROGRESS_CONSTANTS } from '../linear-progress';