/**
 * @license
 * Copyright 2023 Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
import { COMPONENT_NAME_PREFIX } from '../../constants';
const elementName = `${COMPONENT_NAME_PREFIX}step`;
const classes = {
    STEP: 'forge-step',
    STEP_CONTAINER: 'forge-step__container',
    ERROR: 'forge-step--error',
    SELECTED: 'forge-step--selected',
    COMPLETED: 'forge-step--completed',
    EDITABLE: 'forge-step--editable',
    ALTERNATIVE: 'forge-step--alternative',
    ICON_CONTENT: 'forge-step-icon-content',
    ICON: 'forge-step-icon',
    LABEL_CONTAINER: 'forge-step-label-container',
    LABEL: 'forge-step-label',
    OPTIONAL_LABEL: 'forge-step-optional-label',
    INDEX: 'forge-step-index',
    CLUSTERED: 'forge-step--clustered',
    DISABLED: 'forge-step--disabled',
    VERTICAL: 'forge-step--vertical',
    EXPANDED: 'forge-step--expanded',
    EXPANDABLE: 'forge-step--expandable',
    EXPANSION_PANEL: 'forge-step__expansion-panel',
    EXPANSION_ICON: 'forge-step__expanded-icon',
    EXPANSION_ICON_EXPANDED: 'forge-step__expanded-icon--expanded',
    EXPANSION_CONTENT: 'forge-step__expansion-content'
};
const attributes = {
    SELECTED: `selected`,
    INDEX: `index`,
    EDITABLE: `editable`,
    COMPLETED: `completed`,
    ERROR: `error`,
    ALTERNATIVE: 'alternative',
    FIRST: 'first',
    LAST: 'last',
    ARIA_SELECTED: 'aria-selected',
    CLUSTERED: `clustered`,
    DISABLED: 'disabled',
    VERTICAL: 'vertical',
    EXPANDED: 'expanded',
    EXPANDABLE: 'expandable',
    IGNORE_USER_EXPANSION: 'ignore-user-expansion'
};
const selectors = {
    STEP: `.${classes.STEP}`,
    STEP_CONTAINER: `.${classes.STEP_CONTAINER}`,
    INDEX: `.${classes.INDEX}`,
    ICON: `.${classes.ICON}`,
    ICON_CONTENT: `.${classes.ICON_CONTENT}`,
    EXPANSION_SLOT: `slot[name="expansion-content"]`,
    EXPANSION_PANEL: `.${classes.EXPANSION_PANEL}`,
    EXPANSION_ICON: `.${classes.EXPANSION_ICON}`
};
const strings = {
    ARROW_LEFT_KEY: 'ArrowLeft',
    ARROW_RIGHT_KEY: 'ArrowRight',
    ARROW_UP_KEY: 'ArrowUp',
    ARROW_DOWN_KEY: 'ArrowDown',
    END_KEY: 'End',
    ENTER_KEY: 'Enter',
    HOME_KEY: 'Home',
    SPACE_KEY: 'Space',
    EXPANSION_CONTENT_SLOT_NAME: 'expansion-content'
};
const events = {
    SELECT: `${elementName}-select`,
    EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,
    EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`
};
export const STEP_CONSTANTS = {
    elementName,
    classes,
    selectors,
    attributes,
    events,
    strings
};
