@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/state-layer/state-layer-constants.js

@@ -1,9 +1,11 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX } from '../constants';
+
+import { COMPONENT_NAME_PREFIX } from '../constants.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}state-layer`;
 const observedAttributes = {
     TARGET: 'target',
@@ -19,13 +21,13 @@ const classes = {
     HOVERED: 'forge-state-layer--hovered',
     PRESSED: 'forge-state-layer--pressed'
 };
-export const STATE_LAYER_CONSTANTS = {
+const STATE_LAYER_CONSTANTS = {
     elementName,
     attributes,
     selectors,
     classes
 };
-export class StateLayerCoords {
+class StateLayerCoords {
     constructor(x, y) {
         this.x = x;
         this.y = y;
@@ -34,16 +36,16 @@ export class StateLayerCoords {
         return new StateLayerCoords(event.pageX, event.pageY);
     }
 }
-export const TOUCH_DELAY_MS = 150;
-export const PRESS_GROW_MS = 450;
-export const MINIMUM_PRESS_MS = 225;
-export const INITIAL_ORIGIN_SCALE = 0.2;
-export const PADDING = 10;
-export const SOFT_EDGE_MINIMUM_SIZE = 75;
-export const SOFT_EDGE_CONTAINER_RATIO = 0.35;
-export const PRESS_PSEUDO = '::after';
-export const ANIMATION_FILL = 'forwards';
-export const EASING = 'cubic-bezier(0.2, 0, 0, 1)';
+const TOUCH_DELAY_MS = 150;
+const PRESS_GROW_MS = 450;
+const MINIMUM_PRESS_MS = 225;
+const INITIAL_ORIGIN_SCALE = 0.2;
+const PADDING = 10;
+const SOFT_EDGE_MINIMUM_SIZE = 75;
+const SOFT_EDGE_CONTAINER_RATIO = 0.35;
+const PRESS_PSEUDO = '::after';
+const ANIMATION_FILL = 'forwards';
+const EASING = 'cubic-bezier(0.2, 0, 0, 1)';
 /**
  * Interaction states for the state layer.
  *
@@ -54,7 +56,7 @@ export const EASING = 'cubic-bezier(0.2, 0, 0, 1)';
  * On Mouse or Pen:
  *   - `INACTIVE -> WAITING_FOR_CLICK -> INACTIVE`
  */
-export var PointerState;
+var PointerState;
 (function (PointerState) {
     /**
      * Initial state of the control, no touch in progress.
@@ -89,3 +91,5 @@ export var PointerState;
      */
     PointerState[PointerState["WAITING_FOR_CLICK"] = 3] = "WAITING_FOR_CLICK";
 })(PointerState || (PointerState = {}));
+
+export { ANIMATION_FILL, EASING, INITIAL_ORIGIN_SCALE, MINIMUM_PRESS_MS, PADDING, PRESS_GROW_MS, PRESS_PSEUDO, PointerState, SOFT_EDGE_CONTAINER_RATIO, SOFT_EDGE_MINIMUM_SIZE, STATE_LAYER_CONSTANTS, StateLayerCoords, TOUCH_DELAY_MS };

package/esm/state-layer/state-layer-core.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IStateLayerAdapter } from './state-layer-adapter';
-import { StateLayerCoords } from './state-layer-constants';
+import { IStateLayerAdapter } from './state-layer-adapter.js';
+import { StateLayerCoords } from './state-layer-constants.js';
 export interface IStateLayerCore {
     targetElement: HTMLElement | null;
     target: string | null;

package/esm/state-layer/state-layer-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { PointerState, StateLayerCoords, STATE_LAYER_CONSTANTS, TOUCH_DELAY_MS } from './state-layer-constants';
-export class StateLayerCore {
+
+import { PointerState, TOUCH_DELAY_MS, StateLayerCoords, STATE_LAYER_CONSTANTS } from './state-layer-constants.js';
+
+class StateLayerCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         // State
@@ -248,3 +250,5 @@ export class StateLayerCore {
         }
     }
 }
+
+export { StateLayerCore };

package/esm/state-layer/state-layer-utils.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { StateLayerCoords } from './state-layer-constants';
+import { StateLayerCoords } from './state-layer-constants.js';
 export declare function calcRippleSize(hostEl: HTMLElement): {
     rippleScale: string;
     rippleSize: string;

package/esm/state-layer/state-layer-utils.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { INITIAL_ORIGIN_SCALE, PADDING, SOFT_EDGE_CONTAINER_RATIO, SOFT_EDGE_MINIMUM_SIZE, StateLayerCoords } from './state-layer-constants';
-export function calcRippleSize(hostEl) {
+
+import { SOFT_EDGE_CONTAINER_RATIO, SOFT_EDGE_MINIMUM_SIZE, INITIAL_ORIGIN_SCALE, PADDING, StateLayerCoords } from './state-layer-constants.js';
+
+function calcRippleSize(hostEl) {
     const { height, width } = hostEl.getBoundingClientRect();
     const maxDim = Math.max(height, width);
     const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDim, SOFT_EDGE_MINIMUM_SIZE);
@@ -15,7 +17,7 @@ export function calcRippleSize(hostEl) {
     const rippleSize = `${initialSize}px`;
     return { rippleScale, rippleSize, initialSize };
 }
-export function getTranslationCoordinates(hostEl, initialSize, coords) {
+function getTranslationCoordinates(hostEl, initialSize, coords) {
     const { height, width } = hostEl.getBoundingClientRect();
     const endPoint = {
         x: (width - initialSize) / 2,
@@ -37,7 +39,7 @@ export function getTranslationCoordinates(hostEl, initialSize, coords) {
     };
     return { startPoint, endPoint };
 }
-export function toNormalizedCoords(hostEl, coords) {
+function toNormalizedCoords(hostEl, coords) {
     const { scrollX, scrollY } = window;
     const { left, top } = hostEl.getBoundingClientRect();
     const documentX = scrollX + left;
@@ -45,10 +47,12 @@ export function toNormalizedCoords(hostEl, coords) {
     const { x, y } = coords;
     return { x: x - documentX, y: y - documentY };
 }
-export function isInBounds(hostEl, x, y) {
+function isInBounds(hostEl, x, y) {
     const { height, width } = hostEl.getBoundingClientRect();
     return x >= 0 && x <= width && y >= 0 && y <= height;
 }
 function isValidCoords(value) {
     return value && (value instanceof StateLayerCoords || ['x', 'y'].every(key => key in value));
 }
+
+export { calcRippleSize, getTranslationCoordinates, isInBounds, toNormalizedCoords };

package/esm/state-layer/state-layer.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { StateLayerCoords } from './state-layer-constants';
-import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { StateLayerCoords } from './state-layer-constants.js';
+import { BaseComponent, IBaseComponent } from '../core/base/base-component.js';
 export interface IStateLayerComponent extends IBaseComponent {
     targetElement: HTMLElement | null;
     target: string | null;

package/esm/state-layer/state-layer.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-state-layer\" part=\"surface\"></div>\n</template>\n";
+
+export { template as default };

package/esm/state-layer/state-layer.js

@@ -1,16 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, attachShadowTemplate, coreProperty, coerceBoolean } from '@tylertech/forge-core';
-import { StateLayerAdapter } from './state-layer-adapter';
-import { StateLayerCore } from './state-layer-core';
-import { STATE_LAYER_CONSTANTS } from './state-layer-constants';
-import { BaseComponent } from '../core/base/base-component';
-const template = '<template><div class=\"forge-state-layer\" part=\"surface\"></div></template>';
-const styles = ':host{--_state-layer-display:var(--forge-state-layer-display, flex)}:host{border-radius:inherit;position:absolute;inset:0;overflow:hidden;display:var(--_state-layer-display);margin:auto;pointer-events:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host([disabled]){display:none}.forge-state-layer{--_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));--_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));--_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);--_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));--_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);--_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);--_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);--_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms)}.forge-state-layer::after,.forge-state-layer::before{content:\"\";opacity:0;position:absolute;backface-visibility:hidden;transform:translateZ(0)}.forge-state-layer::before{background-color:var(--_state-layer-hover-color);inset:0;transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear}.forge-state-layer::after{background:radial-gradient(closest-side,var(--_state-layer-pressed-color) max(100% - 70px,65%),transparent 100%);transform-origin:center center;transition:opacity var(--_state-layer-animation-duration) linear}.forge-state-layer--hovered::before{background-color:var(--_state-layer-hover-color);opacity:var(--_state-layer-hover-opacity)}.forge-state-layer--pressed::after{opacity:var(--_state-layer-pressed-opacity);transition-duration:var(--_state-layer-pressed-duration)}@media screen and (forced-colors:active){:host{display:none}}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import { StateLayerAdapter } from './state-layer-adapter.js';
+import { StateLayerCore } from './state-layer-core.js';
+import { STATE_LAYER_CONSTANTS } from './state-layer-constants.js';
+import { BaseComponent } from '../core/base/base-component.js';
+import template from './state-layer.html.js';
+import styles from './state-layer.scss.js';
+
 /**
  * @tag forge-state-layer
  *
@@ -92,4 +94,5 @@ StateLayerComponent = __decorate([
         name: STATE_LAYER_CONSTANTS.elementName
     })
 ], StateLayerComponent);
+
 export { StateLayerComponent };

package/esm/state-layer/state-layer.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{--_state-layer-display:var(--forge-state-layer-display, flex)}:host{border-radius:inherit;position:absolute;inset:0;overflow:hidden;display:var(--_state-layer-display);margin:auto;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([disabled]){display:none}.forge-state-layer{--_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));--_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));--_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);--_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));--_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);--_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);--_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);--_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms)}.forge-state-layer::before,.forge-state-layer::after{content:\"\";opacity:0;position:absolute;backface-visibility:hidden;transform:translateZ(0)}.forge-state-layer::before{background-color:var(--_state-layer-hover-color);inset:0;transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear}.forge-state-layer::after{background:radial-gradient(closest-side, var(--_state-layer-pressed-color) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity var(--_state-layer-animation-duration) linear}.forge-state-layer--hovered::before{background-color:var(--_state-layer-hover-color);opacity:var(--_state-layer-hover-opacity)}.forge-state-layer--pressed::after{opacity:var(--_state-layer-pressed-opacity);transition-duration:var(--_state-layer-pressed-duration)}@media screen and (forced-colors: active){:host{display:none}}";
+
+export { styles as default };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IStepComponent } from '../step';
-import { IStepConfiguration, IStepperConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';
+import { IStepComponent } from '../step/index.js';
+import { IStepConfiguration, IStepperConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants.js';
 export declare class StepperUtils {
     /**
      * Creates a step element using the provided configuration.

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

@@ -1,11 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { STEP_CONSTANTS } from '../step';
-import { STEPPER_CONSTANTS } from '../stepper/stepper-constants';
-export class StepperUtils {
+
+import '../step/index.js';
+import { STEPPER_CONSTANTS } from '../stepper/stepper-constants.js';
+import { STEP_CONSTANTS } from '../step/step-constants.js';
+
+class StepperUtils {
     /**
      * Creates a step element using the provided configuration.
      * @param {IStepConfiguration} step The step configuration
@@ -137,3 +140,5 @@ export class StepperUtils {
         return steps;
     }
 }
+
+export { StepperUtils };

package/esm/stepper/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './step';
-export * from './stepper';
+export * from './step/index.js';
+export * from './stepper/index.js';

package/esm/stepper/index.js

@@ -1,7 +1,8 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export * from './step';
-export * from './stepper';
+
+export { defineStepComponent } from './step/index.js';
+export { defineStepperComponent } from './stepper/index.js';

package/esm/stepper/step/index.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './step-adapter';
-export * from './step-constants';
-export * from './step-core';
-export * from './step';
+export * from './step-adapter.js';
+export * from './step-constants.js';
+export * from './step-core.js';
+export * from './step.js';
 export declare function defineStepComponent(): void;

package/esm/stepper/step/index.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { StepComponent } from './step';
-export * from './step-adapter';
-export * from './step-constants';
-export * from './step-core';
-export * from './step';
-export function defineStepComponent() {
+import { StepComponent } from './step.js';
+export { StepAdapter } from './step-adapter.js';
+export { STEP_CONSTANTS } from './step-constants.js';
+export { StepCore } from './step-core.js';
+
+function defineStepComponent() {
     defineCustomElement(StepComponent);
 }
+
+export { StepComponent, defineStepComponent };

package/esm/stepper/step/step-adapter.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../../core/base';
-import { IStepComponent } from './step';
-import { StepIcons } from './step-constants';
+import { BaseAdapter, IBaseAdapter } from '../../core/base/index.js';
+import { IStepComponent } from './step.js';
+import { StepIcons } from './step-constants.js';
 export interface IStepAdapter extends IBaseAdapter {
     component: IStepComponent;
     toggleDisabled(disabled: boolean): void;

package/esm/stepper/step/step-adapter.js

@@ -1,13 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { addClass, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';
-import { BaseAdapter } from '../../core/base';
-import { STEP_CONSTANTS } from './step-constants';
-import { STATE_LAYER_CONSTANTS } from '../../state-layer';
-export class StepAdapter extends BaseAdapter {
+
+import { getShadowElement, toggleClass, toggleAttribute, addClass } from '@tylertech/forge-core';
+import '../../core/base/index.js';
+import { STEP_CONSTANTS } from './step-constants.js';
+import '../../state-layer/index.js';
+import { BaseAdapter } from '../../core/base/base-adapter.js';
+import { STATE_LAYER_CONSTANTS } from '../../state-layer/state-layer-constants.js';
+
+class StepAdapter extends BaseAdapter {
     constructor(_component) {
         super(_component);
         this._stepContainer = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP);
@@ -129,3 +133,5 @@ export class StepAdapter extends BaseAdapter {
         return icon;
     }
 }
+
+export { StepAdapter };

package/esm/stepper/step/step-constants.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const STEP_CONSTANTS: {
     elementName: "forge-step";
     classes: {

package/esm/stepper/step/step-constants.js

@@ -1,9 +1,11 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX } from '../../constants';
+
+import { COMPONENT_NAME_PREFIX } from '../../constants.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}step`;
 const classes = {
     STEP: 'forge-step',
@@ -72,7 +74,7 @@ const events = {
     EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,
     EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`
 };
-export const STEP_CONSTANTS = {
+const STEP_CONSTANTS = {
     elementName,
     classes,
     selectors,
@@ -80,3 +82,5 @@ export const STEP_CONSTANTS = {
     events,
     strings
 };
+
+export { STEP_CONSTANTS };

package/esm/stepper/step/step-core.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IStepAdapter } from './step-adapter';
+import { IStepAdapter } from './step-adapter.js';
 export interface IStepCore {
     index: number;
     editable: boolean;

package/esm/stepper/step/step-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { STEP_CONSTANTS } from './step-constants';
-export class StepCore {
+
+import { STEP_CONSTANTS } from './step-constants.js';
+
+class StepCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._clickListener = () => this._onClickListener();
@@ -238,3 +240,5 @@ export class StepCore {
         }
     }
 }
+
+export { StepCore };

package/esm/stepper/step/step.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
 export interface IStepComponent extends IBaseComponent {
     index: number;
     editable: boolean;

package/esm/stepper/step/step.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"container\" part=\"root\">\n    <div class=\"forge-step\" part=\"step\">\n      <!-- The before and after are here for simulating the line to overlay the button since the ripple is taking over the button::after/before -->\n      <div class=\"before\" part=\"before\"></div>\n      <div class=\"icon-container\" part=\"icon-container\">\n        <div class=\"icon-content\" part=\"icon-content\">\n          <span class=\"index\" part=\"index\"></span>\n          <forge-icon class=\"icon\" part=\"icon\"></forge-icon>\n        </div>\n      </div>\n      <div class=\"text-container\" part=\"text-container\">\n        <div class=\"title\" part=\"title-container\">\n          <slot></slot>\n        </div>\n        <div class=\"subtitle\" part=\"subtitle-container\">\n          <slot name=\"optional\"></slot>\n        </div>\n      </div>\n      <div class=\"after\" part=\"after\"></div>\n      <forge-state-layer exportparts=\"surface:state-layer\" target=\":host\"></forge-state-layer>\n      <forge-focus-indicator part=\"focus-indicator\" target=\":host\" inward></forge-focus-indicator>\n    </div>\n  </div>\n</template>\n";
+
+export { template as default };

package/esm/stepper/step/step.js

@@ -1,21 +1,28 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, coerceNumber, customElement, coreProperty } from '@tylertech/forge-core';
-import { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons';
-import { StepAdapter } from './step-adapter';
-import { STEP_CONSTANTS } from './step-constants';
-import { StepCore } from './step-core';
-import { IconRegistry, IconComponent } from '../../icon';
-import { BaseComponent } from '../../core/base/base-component';
-import { ExpansionPanelComponent } from '../../expansion-panel';
-import { StateLayerComponent } from '../../state-layer';
-import { FocusIndicatorComponent } from '../../focus-indicator';
-const template = '<template><div class=\"container\" part=\"root\"><div class=\"forge-step\" part=\"step\"><div class=\"before\" part=\"before\"></div><div class=\"icon-container\" part=\"icon-container\"><div class=\"icon-content\" part=\"icon-content\"><span class=\"index\" part=\"index\"></span><forge-icon class=\"icon\" part=\"icon\"></forge-icon></div></div><div class=\"text-container\" part=\"text-container\"><div class=\"title\" part=\"title-container\"><slot></slot></div><div class=\"subtitle\" part=\"subtitle-container\"><slot name=\"optional\"></slot></div></div><div class=\"after\" part=\"after\"></div><forge-state-layer exportparts=\"surface:state-layer\" target=\":host\"></forge-state-layer><forge-focus-indicator part=\"focus-indicator\" target=\":host\" inward></forge-focus-indicator></div></div></template>';
-const styles = ':host{--_step-primary-color:var(--forge-step-primary-color, var(--forge-theme-primary, #3f51b5));--_step-text-color:var(--forge-step-text-color, var(--forge-theme-on-primary, #ffffff));--_step-border-radius:var(--forge-step-border-radius, calc(var(--forge-shape-extra-large, 16px) * var(--forge-shape-factor, 1)));--_step-border-radius-vertical:var(--forge-step-border-radius-vertical, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_step-disabled-text-color:var(--forge-step-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_step-disabled-color:var(--forge-step-disabled-color, var(--forge-theme-surface-container-minimum, #f5f5f5));--_step-icon-fill:var(--forge-step-icon-fill, unset);--_step-icon-fill-active:var(--forge-step-icon-fill-active, var(--_step-primary-color));--_step-icon-text-color:var(--forge-step-icon-text-color, var(--forge-theme-primary, #3f51b5));--_step-icon-text-color-active:var(--forge-step-icon-text-color-active, var(--forge-theme-on-primary, #ffffff));--_step-icon-content-size:var(--forge-step-icon-content-size, 24px);--_step-icon-size:var(--forge-step-icon-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));--_step-icon-transition-duration:var(--forge-step-icon-transition-duration, var(--forge-animation-duration-medium4, 400ms));--_step-icon-transition-easing:var(--forge-step-icon-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_step-line-color:var(--forge-step-line-color, var(--forge-theme-outline, #e0e0e0));--_step-line-min-width:var(--forge-step-line-min-width, 10px);--_step-line-min-width-clustered:var(--forge-step-line-min-width-clustered, 25px);--_step-label-color:var(--forge-step-label-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_step-sub-label-color:var(--forge-step-sub-label-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_step-error-color:var(--forge-step-error-color, var(--forge-theme-error, #b00020));--_step-error-text-color:var(--forge-step-error-text-color, var(--forge-theme-on-error, #ffffff));--_step-expansion-panel-border-left-width:var(--forge-step-expansion-panel-border-left-width, 1px);--_step-expansion-panel-margin-bottom:var(--forge-step-expansion-panel-margin-bottom, 4px);--_step-expansion-panel-margin-left:var(--forge-step-expansion-panel-margin-left, 60px);--_step-expansion-panel-margin-top:var(--forge-step-expansion-panel-margin-top, 4px);--_step-expansion-panel-icon-color:var(--forge-step-expansion-panel-icon-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)))}:host(:focus){outline:0}:host([error]){--forge-state-layer-color:var(--_step-error-color)}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-color:var(--_step-line-color);min-width:var(--_step-line-min-width);content:\"\";position:relative;height:0;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-color:var(--_step-line-color);min-width:var(--_step-line-min-width);content:\"\";position:relative;height:0;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:is(:first-child)):host(:not([vertical]))::after{border-color:var(--_step-line-color);min-width:var(--_step-line-min-width);content:\"\";position:relative;height:0;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host([vertical]){flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{--_step-border-radius:var(--_step-border-radius-vertical);width:100%;min-height:52px}:host([vertical]) .forge-step .text-container{white-space:normal}:host([vertical]) .icon-container .icon-content{margin:0 16px 0 0}:host([vertical]) .expansion-panel{display:none}:host([vertical]) .expanded-icon{color:var(--_step-expansion-panel-icon-color);display:none;margin-left:auto}:host([vertical][expandable]) .expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step .expanded-icon{display:none}forge-expansion-panel::part(root){border-color:var(--_step-line-color);margin-left:var(--_step-expansion-panel-margin-left);margin-top:var(--_step-expansion-panel-margin-top);margin-bottom:var(--_step-expansion-panel-margin-bottom);border-left-width:var(--_step-expansion-panel-border-left-width);border-left-style:solid}forge-focus-indicator{--forge-focus-indicator-color:var(--_step-primary-color);--forge-focus-indicator-shape:16px}.container{display:contents}.forge-step{-webkit-tap-highlight-color:transparent;padding:12px 16px;outline:0;background:0 0;border:none;border-radius:var(--_step-border-radius);position:relative;display:flex;overflow:hidden;align-items:center;box-sizing:border-box}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step{cursor:pointer}.forge-step.error forge-focus-indicator{--forge-focus-indicator-color:var(--_step-error-color)}.forge-step.vertical forge-focus-indicator{--forge-focus-indicator-shape:4px}.forge-step.selected:not(.disabled){--forge-state-layer-color:var(--_step-primary-color)}.forge-step.selected:not(.disabled)::before{background-color:var(--_step-primary-color);content:\"\";position:absolute;inset:0;opacity:.08;height:100%;width:100%}.forge-step.selected:not(.disabled).error{--_step-primary-color:var(--_step-error-color)}.forge-step .title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);color:var(--_step-label-color);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step .subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step .subtitle ::slotted(*){color:var(--_step-sub-label-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label1-font-weight,400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit)}.forge-step .icon-container .icon-content{color:var(--_step-icon-text-color);background-color:var(--_step-icon-fill);height:var(--_step-icon-content-size);width:var(--_step-icon-content-size);border-style:solid;border-width:2px;border-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--_step-icon-transition-duration) var(--_step-icon-transition-easing);margin:0 8px 0 0;flex:none}.forge-step .icon-container .icon-content forge-icon{font-size:var(--_step-icon-size)}.forge-step.disabled{color:var(--_step-disabled-text-color);cursor:not-allowed}.forge-step.disabled.forge-step .icon-container .icon-content{--_step-icon-fill:var(--_step-disabled-color);--_step-icon-text-color:var(--_step-disabled-text-color)}.forge-step.disabled .text-container .title{color:var(--_step-disabled-text-color)}.forge-step.disabled .text-container .subtitle ::slotted(*){color:var(--_step-disabled-text-color)}.forge-step.alternative{flex-direction:column}.forge-step.alternative .icon-container .icon-content{margin:0}.forge-step.alternative .text-container{margin-top:8px;place-items:center}.forge-step:not(.selected):not(.disabled).editable:not(.completed):not(.error) .icon-content,.forge-step:not(.selected):not(.disabled):not(.editable):not(.completed):not(.error) .icon-content{border-color:var(--_step-primary-color)}.forge-step:not(.selected):not(.disabled).editable:not(.completed):not(.error) .icon-content .index,.forge-step:not(.selected):not(.disabled):not(.editable):not(.completed):not(.error) .icon-content .index{color:var(--_step-primary-color)}.forge-step.selected.disabled .icon-content{--_step-icon-fill:var(--_step-disabled-color);--_step-icon-text-color:var(--_step-disabled-text-color)}.forge-step.selected:not(.disabled) .icon-container .icon-content{--_step-icon-fill:var(--_step-icon-fill-active);--_step-icon-text-color:var(--_step-icon-text-color-active)}.forge-step.selected:not(.disabled) .title{color:var(--_step-primary-color);font-weight:500}.forge-step.selected:not(.disabled) .subtitle ::slotted(*){color:var(--_step-primary-color);font-weight:500}.forge-step.error:not(.disabled) .title{color:var(--_step-error-color)}.forge-step.error:not(.disabled) .subtitle ::slotted(*){color:var(--_step-error-color)}.forge-step.error:not(.disabled) .icon-container .icon-content{--_step-icon-fill:var(--_step-error-color);--_step-icon-text-color:var(--_step-error-text-color)}.forge-step.completed:not(.disabled):not(.error):not(.editable) .icon-content{--_step-icon-fill:var(--_step-icon-fill-active);--_step-icon-text-color:var(--_step-icon-text-color-active)}.forge-step.completed:not(.disabled):not(.error).editable .icon-content{--_step-icon-fill:var(--_step-icon-fill-active);--_step-icon-text-color:var(--_step-icon-text-color-active)}.forge-step.expandable .expanded-icon{display:inline-block;transition:transform .3s ease-in-out}.forge-step.expandable.expanded .expanded-icon{transform:rotate(180deg)}.forge-step.expandable .icon-container .icon-content{margin:0 16px 0 0}.forge-step .text-container{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:not(:last-child)[clustered])::after{--_step-line-min-width:var(--_step-line-min-width-clustered)}:host(:last-child[clustered])::before{--_step-line-min-width:var(--_step-line-min-width-clustered)}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{--_step-line-min-width:var(--_step-line-min-width-clustered)}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coerceNumber, coreProperty, customElement } from '@tylertech/forge-core';
+import { tylIconModeEdit, tylIconCheck, tylIconWarning, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons';
+import { StepAdapter } from './step-adapter.js';
+import { STEP_CONSTANTS } from './step-constants.js';
+import { StepCore } from './step-core.js';
+import '../../icon/index.js';
+import { BaseComponent } from '../../core/base/base-component.js';
+import '../../expansion-panel/index.js';
+import '../../state-layer/index.js';
+import '../../focus-indicator/index.js';
+import template from './step.html.js';
+import styles from './step.scss.js';
+import { IconRegistry } from '../../icon/icon-registry.js';
+import { IconComponent } from '../../icon/icon.js';
+import { ExpansionPanelComponent } from '../../expansion-panel/expansion-panel.js';
+import { StateLayerComponent } from '../../state-layer/state-layer.js';
+import { FocusIndicatorComponent } from '../../focus-indicator/focus-indicator.js';
+
 /**
  * @tag forge-step
  *
@@ -186,4 +193,5 @@ StepComponent = __decorate([
         dependencies: [IconComponent, ExpansionPanelComponent, StateLayerComponent, FocusIndicatorComponent]
     })
 ], StepComponent);
+
 export { StepComponent };

package/esm/stepper/step/step.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{--_step-primary-color:var(--forge-step-primary-color, var(--forge-theme-primary, #3f51b5));--_step-text-color:var(--forge-step-text-color, var(--forge-theme-on-primary, #ffffff));--_step-border-radius:var(--forge-step-border-radius, calc(var(--forge-shape-extra-large, 16px) * var(--forge-shape-factor, 1)));--_step-border-radius-vertical:var(--forge-step-border-radius-vertical, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_step-disabled-text-color:var(--forge-step-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_step-disabled-color:var(--forge-step-disabled-color, var(--forge-theme-surface-container-minimum, #f5f5f5));--_step-icon-fill:var(--forge-step-icon-fill, unset);--_step-icon-fill-active:var(--forge-step-icon-fill-active, var(--_step-primary-color));--_step-icon-text-color:var(--forge-step-icon-text-color, var(--forge-theme-primary, #3f51b5));--_step-icon-text-color-active:var(--forge-step-icon-text-color-active, var(--forge-theme-on-primary, #ffffff));--_step-icon-content-size:var(--forge-step-icon-content-size, 24px);--_step-icon-size:var(--forge-step-icon-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));--_step-icon-transition-duration:var(--forge-step-icon-transition-duration, var(--forge-animation-duration-medium4, 400ms));--_step-icon-transition-easing:var(--forge-step-icon-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_step-line-color:var(--forge-step-line-color, var(--forge-theme-outline, #e0e0e0));--_step-line-min-width:var(--forge-step-line-min-width, 10px);--_step-line-min-width-clustered:var(--forge-step-line-min-width-clustered, 25px);--_step-label-color:var(--forge-step-label-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_step-sub-label-color:var(--forge-step-sub-label-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_step-error-color:var(--forge-step-error-color, var(--forge-theme-error, #b00020));--_step-error-text-color:var(--forge-step-error-text-color, var(--forge-theme-on-error, #ffffff));--_step-expansion-panel-border-left-width:var(--forge-step-expansion-panel-border-left-width, 1px);--_step-expansion-panel-margin-bottom:var(--forge-step-expansion-panel-margin-bottom, 4px);--_step-expansion-panel-margin-left:var(--forge-step-expansion-panel-margin-left, 60px);--_step-expansion-panel-margin-top:var(--forge-step-expansion-panel-margin-top, 4px);--_step-expansion-panel-icon-color:var(--forge-step-expansion-panel-icon-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)))}:host(:focus){outline:none}:host([error]){--forge-state-layer-color: var(--_step-error-color)}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::before,:host(:not(:first-child):not(:last-child)[alternative])::after{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after{border-color:var(--_step-line-color);min-width:var(--_step-line-min-width);content:\"\";position:relative;height:0;flex:1;flex-basis:.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-color:var(--_step-line-color);min-width:var(--_step-line-min-width);content:\"\";position:relative;height:0;flex:1;flex-basis:.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:is(:first-child)):host(:not([vertical]))::after{border-color:var(--_step-line-color);min-width:var(--_step-line-min-width);content:\"\";position:relative;height:0;flex:1;flex-basis:.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host([vertical]){flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{--_step-border-radius:var(--_step-border-radius-vertical);width:100%;min-height:52px}:host([vertical]) .forge-step .text-container{white-space:normal}:host([vertical]) .icon-container .icon-content{margin:0 16px 0 0}:host([vertical]) .expansion-panel{display:none}:host([vertical]) .expanded-icon{color:var(--_step-expansion-panel-icon-color);display:none;margin-left:auto}:host([vertical][expandable]) .expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step .expanded-icon{display:none}forge-expansion-panel::part(root){border-color:var(--_step-line-color);margin-left:var(--_step-expansion-panel-margin-left);margin-top:var(--_step-expansion-panel-margin-top);margin-bottom:var(--_step-expansion-panel-margin-bottom);border-left-width:var(--_step-expansion-panel-border-left-width);border-left-style:solid}forge-focus-indicator{--forge-focus-indicator-color: var(--_step-primary-color);--forge-focus-indicator-shape: 16px}.container{display:contents}.forge-step{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:12px 16px;outline:none;background:none;border:none;border-radius:var(--_step-border-radius);position:relative;display:flex;overflow:hidden;align-items:center;box-sizing:border-box}.forge-step:focus{outline:none}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step{cursor:pointer}.forge-step.error forge-focus-indicator{--forge-focus-indicator-color: var(--_step-error-color)}.forge-step.vertical forge-focus-indicator{--forge-focus-indicator-shape: 4px}.forge-step.selected:not(.disabled){--forge-state-layer-color: var(--_step-primary-color)}.forge-step.selected:not(.disabled)::before{background-color:var(--_step-primary-color);content:\"\";position:absolute;inset:0;opacity:.08;height:100%;width:100%}.forge-step.selected:not(.disabled).error{--_step-primary-color:var(--_step-error-color)}.forge-step .title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));font-weight:var(--forge-typography-body1-font-weight, 400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, 0.0357142857em);text-transform:var(--forge-typography-body1-text-transform, inherit);text-decoration:var(--forge-typography-body1-text-decoration, inherit);color:var(--_step-label-color);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step .subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step .subtitle ::slotted(*){color:var(--_step-sub-label-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));font-weight:var(--forge-typography-label1-font-weight, 400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, 0.0357142857em);text-transform:var(--forge-typography-label1-text-transform, inherit);text-decoration:var(--forge-typography-label1-text-decoration, inherit)}.forge-step .icon-container .icon-content{color:var(--_step-icon-text-color);background-color:var(--_step-icon-fill);height:var(--_step-icon-content-size);width:var(--_step-icon-content-size);border-style:solid;border-width:2px;border-color:rgba(0,0,0,0);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--_step-icon-transition-duration) var(--_step-icon-transition-easing);margin:0 8px 0 0;flex:none}.forge-step .icon-container .icon-content forge-icon{font-size:var(--_step-icon-size)}.forge-step.disabled{color:var(--_step-disabled-text-color);cursor:not-allowed}.forge-step.disabled.forge-step .icon-container .icon-content{--_step-icon-fill:var(--_step-disabled-color);--_step-icon-text-color:var(--_step-disabled-text-color)}.forge-step.disabled .text-container .title{color:var(--_step-disabled-text-color)}.forge-step.disabled .text-container .subtitle ::slotted(*){color:var(--_step-disabled-text-color)}.forge-step.alternative{flex-direction:column}.forge-step.alternative .icon-container .icon-content{margin:0}.forge-step.alternative .text-container{margin-top:8px;place-items:center}.forge-step:not(.selected):not(.disabled):not(.editable):not(.completed):not(.error) .icon-content,.forge-step:not(.selected):not(.disabled).editable:not(.completed):not(.error) .icon-content{border-color:var(--_step-primary-color)}.forge-step:not(.selected):not(.disabled):not(.editable):not(.completed):not(.error) .icon-content .index,.forge-step:not(.selected):not(.disabled).editable:not(.completed):not(.error) .icon-content .index{color:var(--_step-primary-color)}.forge-step.selected.disabled .icon-content{--_step-icon-fill:var(--_step-disabled-color);--_step-icon-text-color:var(--_step-disabled-text-color)}.forge-step.selected:not(.disabled) .icon-container .icon-content{--_step-icon-fill:var(--_step-icon-fill-active);--_step-icon-text-color:var(--_step-icon-text-color-active)}.forge-step.selected:not(.disabled) .title{color:var(--_step-primary-color);font-weight:500}.forge-step.selected:not(.disabled) .subtitle ::slotted(*){color:var(--_step-primary-color);font-weight:500}.forge-step.error:not(.disabled) .title{color:var(--_step-error-color)}.forge-step.error:not(.disabled) .subtitle ::slotted(*){color:var(--_step-error-color)}.forge-step.error:not(.disabled) .icon-container .icon-content{--_step-icon-fill:var(--_step-error-color);--_step-icon-text-color:var(--_step-error-text-color)}.forge-step.completed:not(.disabled):not(.error):not(.editable) .icon-content{--_step-icon-fill:var(--_step-icon-fill-active);--_step-icon-text-color:var(--_step-icon-text-color-active)}.forge-step.completed:not(.disabled):not(.error).editable .icon-content{--_step-icon-fill:var(--_step-icon-fill-active);--_step-icon-text-color:var(--_step-icon-text-color-active)}.forge-step.expandable .expanded-icon{display:inline-block;transition:transform 300ms ease-in-out}.forge-step.expandable.expanded .expanded-icon{transform:rotate(180deg)}.forge-step.expandable .icon-container .icon-content{margin:0 16px 0 0}.forge-step .text-container{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:not(:last-child)[clustered])::after{--_step-line-min-width:var(--_step-line-min-width-clustered)}:host(:last-child[clustered])::before{--_step-line-min-width:var(--_step-line-min-width-clustered)}:host(:not(:first-child):not(:last-child)[clustered])::before,:host(:not(:first-child):not(:last-child)[clustered])::after{--_step-line-min-width:var(--_step-line-min-width-clustered)}";
+
+export { styles as default };

package/esm/stepper/stepper/index.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './stepper';
-export * from './stepper-adapter';
-export * from './stepper-constants';
-export * from './stepper-core';
+export * from './stepper.js';
+export * from './stepper-adapter.js';
+export * from './stepper-constants.js';
+export * from './stepper-core.js';
 export declare function defineStepperComponent(): void;