@tylertech/forge 2.24.3 → 2.24.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +17 -29
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chunks/chunk.3JFECXXZ.js +7 -0
- package/dist/esm/chunks/chunk.3JFECXXZ.js.map +7 -0
- package/dist/esm/chunks/chunk.5DXXNYGP.js +7 -0
- package/dist/esm/chunks/chunk.5DXXNYGP.js.map +7 -0
- package/dist/esm/chunks/{chunk.J4BGOSAD.js → chunk.5SB5Z665.js} +2 -2
- package/dist/esm/chunks/{chunk.H2LKAI6N.js → chunk.CHVDZAGE.js} +2 -2
- package/dist/esm/chunks/{chunk.N6MAUMFI.js → chunk.D3BHOS2E.js} +2 -2
- package/dist/esm/chunks/chunk.DXA626CF.js +7 -0
- package/dist/esm/chunks/chunk.DXA626CF.js.map +7 -0
- package/dist/esm/chunks/{chunk.PSU432SK.js → chunk.IUC6WXAH.js} +2 -2
- package/dist/esm/chunks/{chunk.HGV5UXOS.js → chunk.L5OECKS5.js} +1 -1
- package/dist/esm/chunks/{chunk.HGV5UXOS.js.map → chunk.L5OECKS5.js.map} +1 -1
- package/dist/esm/chunks/{chunk.JPL5457M.js → chunk.QXFOGJAJ.js} +2 -2
- package/dist/esm/chunks/{chunk.JPL5457M.js.map → chunk.QXFOGJAJ.js.map} +1 -1
- package/dist/esm/chunks/chunk.ZCJNWF7K.js +7 -0
- package/dist/esm/chunks/chunk.ZCJNWF7K.js.map +7 -0
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/esm/app-bar/notification-button/app-bar-notification-button-foundation.js +5 -2
- package/esm/chip-field/chip-field-adapter.js +2 -2
- package/esm/field/field-adapter.d.ts +3 -3
- package/esm/field/field-adapter.js +3 -3
- package/esm/field/field-foundation.js +1 -1
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stepper/step/step.d.ts +1 -1
- package/esm/text-field/text-field-adapter.js +2 -2
- package/package.json +1 -1
- package/dist/esm/chunks/chunk.DK6EGV4J.js +0 -7
- package/dist/esm/chunks/chunk.DK6EGV4J.js.map +0 -7
- package/dist/esm/chunks/chunk.OZPV5ZJC.js +0 -7
- package/dist/esm/chunks/chunk.OZPV5ZJC.js.map +0 -7
- package/dist/esm/chunks/chunk.QIGNMZRL.js +0 -7
- package/dist/esm/chunks/chunk.QIGNMZRL.js.map +0 -7
- package/dist/esm/chunks/chunk.VDF5MWGC.js +0 -7
- package/dist/esm/chunks/chunk.VDF5MWGC.js.map +0 -7
- /package/dist/esm/chunks/{chunk.J4BGOSAD.js.map → chunk.5SB5Z665.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H2LKAI6N.js.map → chunk.CHVDZAGE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.N6MAUMFI.js.map → chunk.D3BHOS2E.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.PSU432SK.js.map → chunk.IUC6WXAH.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/stepper/step/step-constants.ts", "../../src/stepper/step/step-adapter.ts", "../../src/stepper/step/step-foundation.ts", "../../src/stepper/step/step.ts", "../../src/stepper/step/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}step`;\n\nconst classes = {\n STEP: 'forge-step',\n STEP_CONTAINER: 'forge-step__container',\n ERROR: 'forge-step--error',\n SELECTED: 'forge-step--selected',\n COMPLETED: 'forge-step--completed',\n EDITABLE: 'forge-step--editable',\n ALTERNATIVE: 'forge-step--alternative',\n ICON_CONTENT: 'forge-step-icon-content',\n ICON: 'forge-step-icon',\n LABEL_CONTAINER: 'forge-step-label-container',\n LABEL: 'forge-step-label',\n OPTIONAL_LABEL: 'forge-step-optional-label',\n INDEX: 'forge-step-index',\n CLUSTERED: 'forge-step--clustered',\n DISABLED: 'forge-step--disabled',\n VERTICAL: 'forge-step--vertical',\n EXPANDED: 'forge-step--expanded',\n EXPANDABLE: 'forge-step--expandable',\n EXPANSION_PANEL: 'forge-step__expansion-panel',\n EXPANSION_ICON: 'forge-step__expanded-icon',\n EXPANSION_ICON_EXPANDED: 'forge-step__expanded-icon--expanded',\n EXPANSION_CONTENT: 'forge-step__expansion-content'\n};\n\nconst attributes = {\n SELECTED: `selected`,\n INDEX: `index`,\n EDITABLE: `editable`,\n COMPLETED: `completed`,\n ERROR: `error`,\n ALTERNATIVE: 'alternative',\n FIRST: 'first',\n LAST: 'last',\n ARIA_SELECTED: 'aria-selected',\n CLUSTERED: `clustered`,\n DISABLED: 'disabled',\n VERTICAL: 'vertical',\n EXPANDED: 'expanded',\n EXPANDABLE: 'expandable',\n IGNORE_USER_EXPANSION: 'ignore-user-expansion'\n};\n\nconst selectors = {\n STEP: `.${classes.STEP}`,\n STEP_CONTAINER: `.${classes.STEP_CONTAINER}`,\n INDEX: `.${classes.INDEX}`,\n ICON: `.${classes.ICON}`,\n ICON_CONTENT: `.${classes.ICON_CONTENT}`,\n EXPANSION_SLOT: `slot[name=\"expansion-content\"]`,\n EXPANSION_PANEL: `.${classes.EXPANSION_PANEL}`,\n EXPANSION_ICON: `.${classes.EXPANSION_ICON}`,\n STEP_RIPPLE: `.forge-step__ripple`\n};\n\nconst strings = {\n ARROW_LEFT_KEY: 'ArrowLeft',\n ARROW_RIGHT_KEY: 'ArrowRight',\n ARROW_UP_KEY: 'ArrowUp',\n ARROW_DOWN_KEY: 'ArrowDown',\n END_KEY: 'End',\n ENTER_KEY: 'Enter',\n HOME_KEY: 'Home',\n SPACE_KEY: 'Space',\n EXPANSION_CONTENT_SLOT_NAME: 'expansion-content'\n};\n\nconst events = {\n SELECT: `${elementName}-select`,\n EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,\n EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`\n};\n\nexport const STEP_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n events,\n strings\n};\n\nexport type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';\n", "import { addClass, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { IStepComponent } from './step';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\nimport { IIconComponent } from '../../icon';\nimport { IExpansionPanelComponent } from '../../expansion-panel';\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\n\nexport interface IStepAdapter extends IBaseAdapter {\n component: IStepComponent;\n toggleDisabled(disabled: boolean): void;\n attachRipple: () => void;\n detatchRipple: () => void;\n setIndex(value: number): void;\n initialize(): void;\n toggleRootClass(className: string, on: boolean): void;\n toggleIcon(name: StepIcons, show: boolean): void;\n setClickListener(listener: (evt: MouseEvent) => void): void;\n removeClickListener(listener: (evt: MouseEvent) => void): void;\n slotHasContent(): boolean;\n setExpanded(expanded: boolean): void;\n setSlotListener(listener: (evt: MouseEvent) => void): void;\n removeSlotListener(listener: (evt: MouseEvent) => void): void;\n setExpansionPanelAnimations: (animate: boolean) => void;\n addExpansionPanel: () => void;\n removeExpansionPanel: () => void;\n addExpansionIcon: () => void;\n removeExpansionIcon: () => void;\n addExpansionPanelListener(event: string, listener: EventListener): void;\n removeExpansionPanelListener(event: string, listener: EventListener): void;\n isExpandedContentInFocus(checkElement?: HTMLElement): boolean;\n}\n\nclass StepRippleSurface implements ForgeRippleCapableSurface {\n constructor(private _root: IStepComponent) {}\n\n public get root(): Element {\n return this._root;\n }\n\n public get unbounded(): boolean | undefined {\n return false;\n }\n\n public get disabled(): boolean | undefined {\n return this._root.disabled;\n }\n}\n\nexport class StepAdapter extends BaseAdapter<IStepComponent> implements IStepAdapter {\n private _rootElement: HTMLElement;\n private _rippleElement: HTMLElement;\n private _container: HTMLElement;\n private _rippleInstance: ForgeRipple;\n private _expansionSlot: HTMLSlotElement;\n private _expansionPanel: IExpansionPanelComponent;\n\n constructor(_component: IStepComponent) {\n super(_component);\n this._rootElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP) as HTMLElement;\n this._rippleElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_RIPPLE) as HTMLElement;\n this._container = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_CONTAINER) as HTMLElement;\n }\n\n public get component(): IStepComponent {\n return this._component;\n }\n\n public initialize(): void {\n this._component.setAttribute('role', 'tab');\n }\n\n public attachRipple(): void {\n this._rippleInstance = this.initializeRipple();\n }\n\n public detatchRipple(): void {\n if (this._rippleInstance) {\n this._rippleInstance.destroy();\n }\n }\n\n public initializeRipple(): ForgeRipple {\n return this._createRipple();\n }\n\n public setIndex(value: number): void {\n (this._rootElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement).innerHTML = (value + 1 || '').toString();\n }\n\n public toggleRootClass(className: string, on: boolean): void {\n toggleClass(this._rootElement, on, className);\n }\n\n public toggleDisabled(disabled: boolean): void {\n toggleClass(this._rootElement, disabled, STEP_CONSTANTS.classes.DISABLED);\n toggleAttribute(this._component, disabled, 'aria-disabled');\n }\n\n public toggleIcon(name: StepIcons, show: boolean): void {\n const index = this._rootElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement;\n const icon = this._rootElement.querySelector(STEP_CONSTANTS.selectors.ICON) as IIconComponent;\n if (!show) {\n index.style.display = 'inherit';\n icon.style.display = 'none';\n return;\n }\n\n index.style.display = 'none';\n icon.style.display = 'inherit';\n icon.name = name;\n }\n\n public slotHasContent(): boolean {\n return this._expansionSlot.assignedElements({ flatten: true }).length > 0;\n }\n\n public setClickListener(listener: (evt: MouseEvent) => void): void {\n this._component.addEventListener('click', listener);\n }\n\n public removeClickListener(listener: (evt: MouseEvent) => void): void {\n this._component.removeEventListener('click', listener);\n }\n\n public setSlotListener(listener: (evt: MouseEvent) => void): void {\n this._expansionSlot.addEventListener('slotchange', listener);\n }\n\n public removeSlotListener(listener: (evt: MouseEvent) => void): void {\n if (this._expansionSlot) {\n this._expansionSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public setExpanded(expanded: boolean): void {\n if (this._expansionPanel) {\n this._expansionPanel.open = expanded;\n toggleAttribute(this._expansionPanel, !expanded, 'tabindex', '-1');\n }\n\n toggleClass(this._rootElement, expanded, STEP_CONSTANTS.classes.EXPANDED);\n }\n\n public setExpansionPanelAnimations(animate: boolean): void {\n this._expansionPanel.useAnimations = animate;\n }\n\n public addExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n return;\n }\n\n this._expansionPanel = this._container.appendChild(this._createExpansionPanel());\n this._expansionSlot = this._expansionPanel.querySelector(STEP_CONSTANTS.selectors.EXPANSION_SLOT) as HTMLSlotElement;\n }\n\n public removeExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n this._container.removeChild(panel);\n }\n }\n\n public addExpansionIcon(): void {\n const icon = this._rootElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n return;\n }\n\n this._rootElement.appendChild(this._createExpansionIcon());\n }\n\n public removeExpansionIcon(): void {\n const icon = this._rootElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n this._rootElement.removeChild(icon);\n }\n }\n\n public addExpansionPanelListener(event: string, listener: EventListener): void {\n this._expansionPanel.addEventListener(event, listener);\n }\n\n public removeExpansionPanelListener(event: string, listener: EventListener): void {\n if (this._expansionPanel) {\n this._expansionPanel.removeEventListener(event, listener);\n }\n }\n\n public isExpandedContentInFocus(checkElement?: HTMLElement): boolean {\n return this._expansionSlot.assignedElements().some(element => element.contains(checkElement || document.activeElement));\n }\n\n private _createRipple(): ForgeRipple {\n const rippleCapableSurface = new StepRippleSurface(this._component);\n const rippleAdapter = {\n ...ForgeRipple.createAdapter(rippleCapableSurface),\n addClass: (className: string) => this._rippleElement.classList.add(className),\n removeClass: (className: string) => this._rippleElement.classList.remove(className),\n updateCssVariable: (varName: string, value: string) => this._rippleElement.style.setProperty(varName, value)\n };\n const rippleFoundation = new ForgeRippleFoundation(rippleAdapter);\n this._rippleInstance = new ForgeRipple(this._component, rippleFoundation);\n\n return this._rippleInstance;\n }\n\n private _createExpansionPanel(): IExpansionPanelComponent {\n const panel = document.createElement('forge-expansion-panel');\n panel.useAnimations = false;\n panel.setAttribute('part', 'expansion-panel');\n addClass(STEP_CONSTANTS.classes.EXPANSION_PANEL, panel);\n\n const slot = document.createElement('slot');\n\n slot.setAttribute('name', 'expansion-content');\n addClass(STEP_CONSTANTS.classes.EXPANSION_CONTENT, slot);\n panel.appendChild(slot);\n\n return panel;\n }\n\n private _createExpansionIcon(): IIconComponent {\n const icon = document.createElement('forge-icon');\n addClass(STEP_CONSTANTS.classes.EXPANSION_ICON, icon);\n icon.name = 'keyboard_arrow_down';\n icon.setAttribute('part', 'expanded-icon');\n return icon;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IStepAdapter } from './step-adapter';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\n\n\nexport interface IStepFoundation extends ICustomElementFoundation {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n vertical: boolean;\n}\n\nexport class StepFoundation implements IStepFoundation {\n private _index: number;\n private _completed: boolean;\n private _editable: boolean;\n private _error: boolean;\n private _selected: boolean;\n private _alternative: boolean;\n private _disabled: boolean;\n private _iconState: StepIcons;\n private _vertical: boolean;\n private _expanded: boolean;\n private _ignoreUserExpansion: boolean;\n private _initialized: boolean;\n private _expandedContentFocused: boolean;\n private _clickListener: EventListener;\n private _expansionContentFocusInListener: EventListener;\n private _expansionContentFocusOutListener: EventListener;\n private _expansionContentSlotChangeListener: EventListener;\n\n constructor(private _adapter: IStepAdapter) {\n this._clickListener = () => this._onClickListener();\n this._expansionContentSlotChangeListener = evt => this._onExpansionContentSlotChange(evt);\n this._expansionContentFocusInListener = evt => this._onExpansionContentFocusIn(evt as FocusEvent);\n this._expansionContentFocusOutListener = evt => this._onExpansionContentFocusOut(evt as FocusEvent);\n }\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.attachRipple();\n this._applySelected();\n this._toggleIcon();\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.addExpansionPanelListener('focusin', this._expansionContentFocusInListener);\n this._adapter.addExpansionPanelListener('focusout', this._expansionContentFocusOutListener);\n }\n this._initialized = true;\n }\n\n public disconnect(): void {\n this._adapter.detatchRipple();\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.removeExpansionPanelListener('focusin', this._onExpansionContentFocusIn);\n this._adapter.removeExpansionPanelListener('focusout', this._onExpansionContentFocusOut);\n }\n\n public get index(): number {\n return this._index;\n }\n public set index(value: number) {\n if (this._index !== value) {\n this._index = value;\n this._applyIndex();\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.INDEX, value.toString());\n }\n }\n\n public get editable(): boolean {\n return this._editable;\n }\n public set editable(value: boolean) {\n if (this._editable !== value) {\n this._editable = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EDITABLE, value);\n this._applyEditable();\n }\n }\n\n public get completed(): boolean {\n return this._completed;\n }\n public set completed(value: boolean) {\n if (this._completed !== value) {\n this._completed = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.COMPLETED, value);\n this._applyCompleted();\n }\n }\n\n public get error(): boolean {\n return this._error;\n }\n public set error(value: boolean) {\n if (this._error !== value) {\n this._error = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ERROR, value);\n this._applyError();\n }\n }\n\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(value: boolean) {\n if (this._selected !== value) {\n this._selected = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.SELECTED, value);\n this._applySelected();\n }\n }\n\n public get alternative(): boolean {\n return this._alternative;\n }\n public set alternative(value: boolean) {\n if (this._alternative !== value) {\n this._alternative = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ALTERNATIVE, value);\n this._applyAlternative();\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n this._disabled = value;\n this._applyDisabled();\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n public set vertical(value: boolean) {\n if (value !== this._vertical) {\n this._vertical = value;\n this._applyVertical();\n\n if (this._initialized) {\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n } else {\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n\n this._adapter.removeExpansionPanel();\n this._adapter.removeExpansionIcon();\n }\n }\n }\n }\n\n public get expanded(): boolean {\n return this._expanded;\n }\n public set expanded(value: boolean) {\n if (value !== this._expanded) {\n this._expanded = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n if (this._initialized) {\n this._applyExpanded();\n }\n }\n }\n\n public get ignoreUserExpansion(): boolean {\n return this._ignoreUserExpansion;\n }\n public set ignoreUserExpansion(value: boolean) {\n if (value !== this._ignoreUserExpansion) {\n this._ignoreUserExpansion = value;\n }\n }\n\n\n private _applyExpanded(): void {\n this._adapter.setExpanded(this._expanded);\n }\n\n private _applyVertical(): void {\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.VERTICAL, this._vertical);\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.VERTICAL, this._vertical);\n }\n\n private _applyAlternative(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ALTERNATIVE, this._alternative);\n }\n\n private _applySelected(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.SELECTED, this._selected);\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.ARIA_SELECTED, (this._selected || false).toString());\n this._adapter.hostElement.tabIndex = this._selected ? 0 : -1;\n this._toggleIcon();\n }\n\n private _applyIndex(): void {\n this._adapter.setIndex(this._index);\n }\n\n private _applyEditable(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EDITABLE, this._editable);\n this._toggleIcon();\n }\n\n private _applyCompleted(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.COMPLETED, this._completed);\n this._toggleIcon();\n }\n\n private _applyError(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ERROR, this._error);\n\n this._toggleIcon();\n }\n\n private _applyDisabled(): void {\n this._adapter.toggleDisabled(this._disabled);\n this._toggleIcon();\n }\n\n private _getIconState(): StepIcons {\n if (this._error) {\n return 'warning';\n }\n\n if (this._completed) {\n if (this._editable) {\n return 'mode_edit';\n }\n\n return 'check';\n }\n\n if (this._editable && this._selected && !this._disabled) {\n return 'mode_edit';\n }\n\n if (this._disabled) {\n return 'block';\n }\n\n return '';\n }\n\n private _toggleIcon(): void {\n this._iconState = this._getIconState();\n this._adapter.toggleIcon(this._iconState, this._iconState !== '');\n }\n\n private _toggleExpanded(): void {\n if (this._adapter.slotHasContent()) {\n this._expanded = !this._expanded;\n this._applyExpanded();\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n }\n }\n\n private _onClickListener(): void {\n if (this._vertical && !this._ignoreUserExpansion) {\n this._toggleExpanded();\n }\n }\n\n private _onExpansionContentSlotChange(evt: Event): void {\n const hasSlotContent = this._adapter.slotHasContent();\n\n if (hasSlotContent) {\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._applyExpanded();\n // The animations on the initial slot content is causing the panel not to open correctly. Opting out for animations on initialization\n this._adapter.setExpansionPanelAnimations(true);\n } else {\n this._adapter.removeHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._adapter.setExpansionPanelAnimations(false);\n }\n\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EXPANDABLE, hasSlotContent);\n }\n\n private _onExpansionContentFocusIn(event: FocusEvent): void {\n if (!this._expandedContentFocused && this._adapter.isExpandedContentInFocus(event.target as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._adapter.component);\n this._expandedContentFocused = true;\n }\n }\n\n private _onExpansionContentFocusOut(event: FocusEvent): void {\n if (event.relatedTarget && !this._adapter.isExpandedContentInFocus(event.relatedTarget as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._adapter.component);\n this._expandedContentFocused = false;\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { StepAdapter } from './step-adapter';\nimport { STEP_CONSTANTS } from './step-constants';\nimport { StepFoundation } from './step-foundation';\nimport { IconRegistry, IconComponent } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ExpansionPanelComponent } from '../../expansion-panel';\n\nconst template = '<template><div class=\\\"forge-step__container\\\" part=\\\"root\\\"><div class=\\\"forge-step\\\" part=\\\"button\\\"><div class=\\\"before\\\" part=\\\"before\\\"></div><div class=\\\"forge-step__icon-container\\\" part=\\\"icon-container\\\"><div class=\\\"forge-step-icon-content\\\" part=\\\"icon-content\\\"><span class=\\\"forge-step-index\\\" part=\\\"index\\\"></span><forge-icon class=\\\"forge-step-icon\\\" part=\\\"icon\\\"></forge-icon></div></div><div class=\\\"forge-step__text-container\\\" part=\\\"text-container\\\"><div class=\\\"forge-step__title\\\" part=\\\"title-container\\\"><slot></slot></div><div class=\\\"forge-step__subtitle\\\" part=\\\"subtitle-container\\\"><slot name=\\\"optional\\\"></slot></div></div><div class=\\\"after\\\" part=\\\"after\\\"></div><span class=\\\"forge-step__ripple\\\"></span></div></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-step__ripple{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.forge-step__ripple::after,.forge-step__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-step__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-step__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step__ripple.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step__ripple.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-step__ripple.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step__ripple.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-step__ripple.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-step__ripple::after,.forge-step__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step__ripple.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step__ripple::after,.forge-step__ripple::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step__ripple.mdc-ripple-surface--hover::before,.forge-step__ripple:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step__ripple.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step__ripple:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step__ripple.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step__ripple--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step__ripple--selected::after,.forge-step__ripple--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-step__ripple--selected.mdc-ripple-surface--hover::before,.forge-step__ripple--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step__ripple--selected.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step__ripple--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step__ripple--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step__ripple.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step__ripple.forge-step--error.forge-step--selected::after,.forge-step__ripple.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step__ripple.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step__ripple--selected{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step__ripple--disabled::after,.forge-step__ripple--disabled::before{background-color:transparent}.forge-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}: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(:last-child)[alternative]) .after::after{content:\\\"\\\";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}: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)[alternative]) .before::before{content:\\\"\\\";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;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-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;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(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}';\n\nexport interface IStepComponent extends IBaseComponent {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n disabled: boolean;\n vertical: boolean;\n expanded: boolean;\n ignoreUserExpansion: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-step': IStepComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-step-selected': CustomEvent<number>;\n 'forge-step-expanded-content-focusin': CustomEvent<IStepComponent>;\n 'forge-step-expanded-content-focusout': CustomEvent<IStepComponent>;\n }\n}\n\n/**\n * The web component class behind the `<forge-step>` custom element.\n * \n * @tag forge-step\n */\n@CustomElement({\n name: STEP_CONSTANTS.elementName,\n dependencies: [\n IconComponent,\n ExpansionPanelComponent\n ]\n})\nexport class StepComponent extends BaseComponent implements IStepComponent {\n public static get observedAttributes(): string[] {\n return [\n STEP_CONSTANTS.attributes.COMPLETED,\n STEP_CONSTANTS.attributes.EDITABLE,\n STEP_CONSTANTS.attributes.ERROR,\n STEP_CONSTANTS.attributes.INDEX,\n STEP_CONSTANTS.attributes.SELECTED,\n STEP_CONSTANTS.attributes.ALTERNATIVE,\n STEP_CONSTANTS.attributes.DISABLED,\n STEP_CONSTANTS.attributes.VERTICAL,\n STEP_CONSTANTS.attributes.EXPANDED,\n STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION\n ];\n }\n\n private _foundation: StepFoundation;\n\n constructor() {\n super();\n IconRegistry.define([\n tylIconModeEdit,\n tylIconCheck,\n tylIconWarning,\n tylIconBlock,\n tylIconKeyboardArrowDown\n ]);\n attachShadowTemplate(this, template, styles);\n this._foundation = new StepFoundation(new StepAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case STEP_CONSTANTS.attributes.INDEX:\n this.index = coerceNumber(newValue);\n break;\n case STEP_CONSTANTS.attributes.COMPLETED:\n this.completed = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EDITABLE:\n this.editable = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ERROR:\n this.error = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.SELECTED:\n this.selected = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ALTERNATIVE:\n this.alternative = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.VERTICAL:\n this.vertical = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EXPANDED:\n this.expanded = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION:\n this.ignoreUserExpansion = coerceBoolean(newValue);\n break;\n }\n }\n\n @FoundationProperty()\n public declare alternative: boolean;\n\n @FoundationProperty()\n public declare index: number;\n\n @FoundationProperty()\n public declare editable: boolean;\n\n @FoundationProperty()\n public declare completed: boolean;\n\n @FoundationProperty()\n public declare error: boolean;\n\n @FoundationProperty()\n public declare selected: boolean;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare vertical: boolean;\n \n @FoundationProperty()\n public declare expanded: boolean;\n \n @FoundationProperty()\n public declare ignoreUserExpansion: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { StepComponent } from './step';\n\nexport * from './step-adapter';\nexport * from './step-constants';\nexport * from './step-foundation';\nexport * from './step';\n\nexport function defineStepComponent(): void {\n defineCustomElement(StepComponent);\n}\n"],
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}step`;\n\nconst classes = {\n STEP: 'forge-step',\n STEP_CONTAINER: 'forge-step__container',\n ERROR: 'forge-step--error',\n SELECTED: 'forge-step--selected',\n COMPLETED: 'forge-step--completed',\n EDITABLE: 'forge-step--editable',\n ALTERNATIVE: 'forge-step--alternative',\n ICON_CONTENT: 'forge-step-icon-content',\n ICON: 'forge-step-icon',\n LABEL_CONTAINER: 'forge-step-label-container',\n LABEL: 'forge-step-label',\n OPTIONAL_LABEL: 'forge-step-optional-label',\n INDEX: 'forge-step-index',\n CLUSTERED: 'forge-step--clustered',\n DISABLED: 'forge-step--disabled',\n VERTICAL: 'forge-step--vertical',\n EXPANDED: 'forge-step--expanded',\n EXPANDABLE: 'forge-step--expandable',\n EXPANSION_PANEL: 'forge-step__expansion-panel',\n EXPANSION_ICON: 'forge-step__expanded-icon',\n EXPANSION_ICON_EXPANDED: 'forge-step__expanded-icon--expanded',\n EXPANSION_CONTENT: 'forge-step__expansion-content'\n};\n\nconst attributes = {\n SELECTED: `selected`,\n INDEX: `index`,\n EDITABLE: `editable`,\n COMPLETED: `completed`,\n ERROR: `error`,\n ALTERNATIVE: 'alternative',\n FIRST: 'first',\n LAST: 'last',\n ARIA_SELECTED: 'aria-selected',\n CLUSTERED: `clustered`,\n DISABLED: 'disabled',\n VERTICAL: 'vertical',\n EXPANDED: 'expanded',\n EXPANDABLE: 'expandable',\n IGNORE_USER_EXPANSION: 'ignore-user-expansion'\n};\n\nconst selectors = {\n STEP: `.${classes.STEP}`,\n STEP_CONTAINER: `.${classes.STEP_CONTAINER}`,\n INDEX: `.${classes.INDEX}`,\n ICON: `.${classes.ICON}`,\n ICON_CONTENT: `.${classes.ICON_CONTENT}`,\n EXPANSION_SLOT: `slot[name=\"expansion-content\"]`,\n EXPANSION_PANEL: `.${classes.EXPANSION_PANEL}`,\n EXPANSION_ICON: `.${classes.EXPANSION_ICON}`,\n STEP_RIPPLE: `.forge-step__ripple`\n};\n\nconst strings = {\n ARROW_LEFT_KEY: 'ArrowLeft',\n ARROW_RIGHT_KEY: 'ArrowRight',\n ARROW_UP_KEY: 'ArrowUp',\n ARROW_DOWN_KEY: 'ArrowDown',\n END_KEY: 'End',\n ENTER_KEY: 'Enter',\n HOME_KEY: 'Home',\n SPACE_KEY: 'Space',\n EXPANSION_CONTENT_SLOT_NAME: 'expansion-content'\n};\n\nconst events = {\n SELECT: `${elementName}-select`,\n EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,\n EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`\n};\n\nexport const STEP_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n events,\n strings\n};\n\nexport type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';\n", "import { addClass, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { IStepComponent } from './step';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\nimport { IIconComponent } from '../../icon';\nimport { IExpansionPanelComponent } from '../../expansion-panel';\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\n\nexport interface IStepAdapter extends IBaseAdapter {\n component: IStepComponent;\n toggleDisabled(disabled: boolean): void;\n attachRipple: () => void;\n detatchRipple: () => void;\n setIndex(value: number): void;\n initialize(): void;\n toggleRootClass(className: string, on: boolean): void;\n toggleIcon(name: StepIcons, show: boolean): void;\n setClickListener(listener: (evt: MouseEvent) => void): void;\n removeClickListener(listener: (evt: MouseEvent) => void): void;\n slotHasContent(): boolean;\n setExpanded(expanded: boolean): void;\n setSlotListener(listener: (evt: MouseEvent) => void): void;\n removeSlotListener(listener: (evt: MouseEvent) => void): void;\n setExpansionPanelAnimations: (animate: boolean) => void;\n addExpansionPanel: () => void;\n removeExpansionPanel: () => void;\n addExpansionIcon: () => void;\n removeExpansionIcon: () => void;\n addExpansionPanelListener(event: string, listener: EventListener): void;\n removeExpansionPanelListener(event: string, listener: EventListener): void;\n isExpandedContentInFocus(checkElement?: HTMLElement): boolean;\n}\n\nclass StepRippleSurface implements ForgeRippleCapableSurface {\n constructor(private _root: IStepComponent) {}\n\n public get root(): Element {\n return this._root;\n }\n\n public get unbounded(): boolean | undefined {\n return false;\n }\n\n public get disabled(): boolean | undefined {\n return this._root.disabled;\n }\n}\n\nexport class StepAdapter extends BaseAdapter<IStepComponent> implements IStepAdapter {\n private _rootElement: HTMLElement;\n private _rippleElement: HTMLElement;\n private _container: HTMLElement;\n private _rippleInstance: ForgeRipple;\n private _expansionSlot: HTMLSlotElement;\n private _expansionPanel: IExpansionPanelComponent;\n\n constructor(_component: IStepComponent) {\n super(_component);\n this._rootElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP) as HTMLElement;\n this._rippleElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_RIPPLE) as HTMLElement;\n this._container = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_CONTAINER) as HTMLElement;\n }\n\n public get component(): IStepComponent {\n return this._component;\n }\n\n public initialize(): void {\n this._component.setAttribute('role', 'tab');\n }\n\n public attachRipple(): void {\n this._rippleInstance = this.initializeRipple();\n }\n\n public detatchRipple(): void {\n if (this._rippleInstance) {\n this._rippleInstance.destroy();\n }\n }\n\n public initializeRipple(): ForgeRipple {\n return this._createRipple();\n }\n\n public setIndex(value: number): void {\n (this._rootElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement).innerHTML = (value + 1 || '').toString();\n }\n\n public toggleRootClass(className: string, on: boolean): void {\n toggleClass(this._rootElement, on, className);\n }\n\n public toggleDisabled(disabled: boolean): void {\n toggleClass(this._rootElement, disabled, STEP_CONSTANTS.classes.DISABLED);\n toggleAttribute(this._component, disabled, 'aria-disabled');\n }\n\n public toggleIcon(name: StepIcons, show: boolean): void {\n const index = this._rootElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement;\n const icon = this._rootElement.querySelector(STEP_CONSTANTS.selectors.ICON) as IIconComponent;\n if (!show) {\n index.style.display = 'inherit';\n icon.style.display = 'none';\n return;\n }\n\n index.style.display = 'none';\n icon.style.display = 'inherit';\n icon.name = name;\n }\n\n public slotHasContent(): boolean {\n return this._expansionSlot.assignedElements({ flatten: true }).length > 0;\n }\n\n public setClickListener(listener: (evt: MouseEvent) => void): void {\n this._component.addEventListener('click', listener);\n }\n\n public removeClickListener(listener: (evt: MouseEvent) => void): void {\n this._component.removeEventListener('click', listener);\n }\n\n public setSlotListener(listener: (evt: MouseEvent) => void): void {\n this._expansionSlot.addEventListener('slotchange', listener);\n }\n\n public removeSlotListener(listener: (evt: MouseEvent) => void): void {\n if (this._expansionSlot) {\n this._expansionSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public setExpanded(expanded: boolean): void {\n if (this._expansionPanel) {\n this._expansionPanel.open = expanded;\n toggleAttribute(this._expansionPanel, !expanded, 'tabindex', '-1');\n }\n\n toggleClass(this._rootElement, expanded, STEP_CONSTANTS.classes.EXPANDED);\n }\n\n public setExpansionPanelAnimations(animate: boolean): void {\n this._expansionPanel.useAnimations = animate;\n }\n\n public addExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n return;\n }\n\n this._expansionPanel = this._container.appendChild(this._createExpansionPanel());\n this._expansionSlot = this._expansionPanel.querySelector(STEP_CONSTANTS.selectors.EXPANSION_SLOT) as HTMLSlotElement;\n }\n\n public removeExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n this._container.removeChild(panel);\n }\n }\n\n public addExpansionIcon(): void {\n const icon = this._rootElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n return;\n }\n\n this._rootElement.appendChild(this._createExpansionIcon());\n }\n\n public removeExpansionIcon(): void {\n const icon = this._rootElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n this._rootElement.removeChild(icon);\n }\n }\n\n public addExpansionPanelListener(event: string, listener: EventListener): void {\n this._expansionPanel.addEventListener(event, listener);\n }\n\n public removeExpansionPanelListener(event: string, listener: EventListener): void {\n if (this._expansionPanel) {\n this._expansionPanel.removeEventListener(event, listener);\n }\n }\n\n public isExpandedContentInFocus(checkElement?: HTMLElement): boolean {\n return this._expansionSlot.assignedElements().some(element => element.contains(checkElement || document.activeElement));\n }\n\n private _createRipple(): ForgeRipple {\n const rippleCapableSurface = new StepRippleSurface(this._component);\n const rippleAdapter = {\n ...ForgeRipple.createAdapter(rippleCapableSurface),\n addClass: (className: string) => this._rippleElement.classList.add(className),\n removeClass: (className: string) => this._rippleElement.classList.remove(className),\n updateCssVariable: (varName: string, value: string) => this._rippleElement.style.setProperty(varName, value)\n };\n const rippleFoundation = new ForgeRippleFoundation(rippleAdapter);\n this._rippleInstance = new ForgeRipple(this._component, rippleFoundation);\n\n return this._rippleInstance;\n }\n\n private _createExpansionPanel(): IExpansionPanelComponent {\n const panel = document.createElement('forge-expansion-panel');\n panel.useAnimations = false;\n panel.setAttribute('part', 'expansion-panel');\n addClass(STEP_CONSTANTS.classes.EXPANSION_PANEL, panel);\n\n const slot = document.createElement('slot');\n\n slot.setAttribute('name', 'expansion-content');\n addClass(STEP_CONSTANTS.classes.EXPANSION_CONTENT, slot);\n panel.appendChild(slot);\n\n return panel;\n }\n\n private _createExpansionIcon(): IIconComponent {\n const icon = document.createElement('forge-icon');\n addClass(STEP_CONSTANTS.classes.EXPANSION_ICON, icon);\n icon.name = 'keyboard_arrow_down';\n icon.setAttribute('part', 'expanded-icon');\n return icon;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IStepAdapter } from './step-adapter';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\n\n\nexport interface IStepFoundation extends ICustomElementFoundation {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n vertical: boolean;\n}\n\nexport class StepFoundation implements IStepFoundation {\n private _index: number;\n private _completed: boolean;\n private _editable: boolean;\n private _error: boolean;\n private _selected: boolean;\n private _alternative: boolean;\n private _disabled: boolean;\n private _iconState: StepIcons;\n private _vertical: boolean;\n private _expanded: boolean;\n private _ignoreUserExpansion: boolean;\n private _initialized: boolean;\n private _expandedContentFocused: boolean;\n private _clickListener: EventListener;\n private _expansionContentFocusInListener: EventListener;\n private _expansionContentFocusOutListener: EventListener;\n private _expansionContentSlotChangeListener: EventListener;\n\n constructor(private _adapter: IStepAdapter) {\n this._clickListener = () => this._onClickListener();\n this._expansionContentSlotChangeListener = evt => this._onExpansionContentSlotChange(evt);\n this._expansionContentFocusInListener = evt => this._onExpansionContentFocusIn(evt as FocusEvent);\n this._expansionContentFocusOutListener = evt => this._onExpansionContentFocusOut(evt as FocusEvent);\n }\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.attachRipple();\n this._applySelected();\n this._toggleIcon();\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.addExpansionPanelListener('focusin', this._expansionContentFocusInListener);\n this._adapter.addExpansionPanelListener('focusout', this._expansionContentFocusOutListener);\n }\n this._initialized = true;\n }\n\n public disconnect(): void {\n this._adapter.detatchRipple();\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.removeExpansionPanelListener('focusin', this._onExpansionContentFocusIn);\n this._adapter.removeExpansionPanelListener('focusout', this._onExpansionContentFocusOut);\n }\n\n public get index(): number {\n return this._index;\n }\n public set index(value: number) {\n if (this._index !== value) {\n this._index = value;\n this._applyIndex();\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.INDEX, value.toString());\n }\n }\n\n public get editable(): boolean {\n return this._editable;\n }\n public set editable(value: boolean) {\n if (this._editable !== value) {\n this._editable = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EDITABLE, value);\n this._applyEditable();\n }\n }\n\n public get completed(): boolean {\n return this._completed;\n }\n public set completed(value: boolean) {\n if (this._completed !== value) {\n this._completed = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.COMPLETED, value);\n this._applyCompleted();\n }\n }\n\n public get error(): boolean {\n return this._error;\n }\n public set error(value: boolean) {\n if (this._error !== value) {\n this._error = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ERROR, value);\n this._applyError();\n }\n }\n\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(value: boolean) {\n if (this._selected !== value) {\n this._selected = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.SELECTED, value);\n this._applySelected();\n }\n }\n\n public get alternative(): boolean {\n return this._alternative;\n }\n public set alternative(value: boolean) {\n if (this._alternative !== value) {\n this._alternative = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ALTERNATIVE, value);\n this._applyAlternative();\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n this._disabled = value;\n this._applyDisabled();\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n public set vertical(value: boolean) {\n if (value !== this._vertical) {\n this._vertical = value;\n this._applyVertical();\n\n if (this._initialized) {\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n } else {\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n\n this._adapter.removeExpansionPanel();\n this._adapter.removeExpansionIcon();\n }\n }\n }\n }\n\n public get expanded(): boolean {\n return this._expanded;\n }\n public set expanded(value: boolean) {\n if (value !== this._expanded) {\n this._expanded = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n if (this._initialized) {\n this._applyExpanded();\n }\n }\n }\n\n public get ignoreUserExpansion(): boolean {\n return this._ignoreUserExpansion;\n }\n public set ignoreUserExpansion(value: boolean) {\n if (value !== this._ignoreUserExpansion) {\n this._ignoreUserExpansion = value;\n }\n }\n\n\n private _applyExpanded(): void {\n this._adapter.setExpanded(this._expanded);\n }\n\n private _applyVertical(): void {\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.VERTICAL, this._vertical);\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.VERTICAL, this._vertical);\n }\n\n private _applyAlternative(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ALTERNATIVE, this._alternative);\n }\n\n private _applySelected(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.SELECTED, this._selected);\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.ARIA_SELECTED, (this._selected || false).toString());\n this._adapter.hostElement.tabIndex = this._selected ? 0 : -1;\n this._toggleIcon();\n }\n\n private _applyIndex(): void {\n this._adapter.setIndex(this._index);\n }\n\n private _applyEditable(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EDITABLE, this._editable);\n this._toggleIcon();\n }\n\n private _applyCompleted(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.COMPLETED, this._completed);\n this._toggleIcon();\n }\n\n private _applyError(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ERROR, this._error);\n\n this._toggleIcon();\n }\n\n private _applyDisabled(): void {\n this._adapter.toggleDisabled(this._disabled);\n this._toggleIcon();\n }\n\n private _getIconState(): StepIcons {\n if (this._error) {\n return 'warning';\n }\n\n if (this._completed) {\n if (this._editable) {\n return 'mode_edit';\n }\n\n return 'check';\n }\n\n if (this._editable && this._selected && !this._disabled) {\n return 'mode_edit';\n }\n\n if (this._disabled) {\n return 'block';\n }\n\n return '';\n }\n\n private _toggleIcon(): void {\n this._iconState = this._getIconState();\n this._adapter.toggleIcon(this._iconState, this._iconState !== '');\n }\n\n private _toggleExpanded(): void {\n if (this._adapter.slotHasContent()) {\n this._expanded = !this._expanded;\n this._applyExpanded();\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n }\n }\n\n private _onClickListener(): void {\n if (this._vertical && !this._ignoreUserExpansion) {\n this._toggleExpanded();\n }\n }\n\n private _onExpansionContentSlotChange(evt: Event): void {\n const hasSlotContent = this._adapter.slotHasContent();\n\n if (hasSlotContent) {\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._applyExpanded();\n // The animations on the initial slot content is causing the panel not to open correctly. Opting out for animations on initialization\n this._adapter.setExpansionPanelAnimations(true);\n } else {\n this._adapter.removeHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._adapter.setExpansionPanelAnimations(false);\n }\n\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EXPANDABLE, hasSlotContent);\n }\n\n private _onExpansionContentFocusIn(event: FocusEvent): void {\n if (!this._expandedContentFocused && this._adapter.isExpandedContentInFocus(event.target as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._adapter.component);\n this._expandedContentFocused = true;\n }\n }\n\n private _onExpansionContentFocusOut(event: FocusEvent): void {\n if (event.relatedTarget && !this._adapter.isExpandedContentInFocus(event.relatedTarget as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._adapter.component);\n this._expandedContentFocused = false;\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { StepAdapter } from './step-adapter';\nimport { STEP_CONSTANTS } from './step-constants';\nimport { StepFoundation } from './step-foundation';\nimport { IconRegistry, IconComponent } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ExpansionPanelComponent } from '../../expansion-panel';\n\nconst template = '<template><div class=\\\"forge-step__container\\\" part=\\\"root\\\"><div class=\\\"forge-step\\\" part=\\\"button\\\"><div class=\\\"before\\\" part=\\\"before\\\"></div><div class=\\\"forge-step__icon-container\\\" part=\\\"icon-container\\\"><div class=\\\"forge-step-icon-content\\\" part=\\\"icon-content\\\"><span class=\\\"forge-step-index\\\" part=\\\"index\\\"></span><forge-icon class=\\\"forge-step-icon\\\" part=\\\"icon\\\"></forge-icon></div></div><div class=\\\"forge-step__text-container\\\" part=\\\"text-container\\\"><div class=\\\"forge-step__title\\\" part=\\\"title-container\\\"><slot></slot></div><div class=\\\"forge-step__subtitle\\\" part=\\\"subtitle-container\\\"><slot name=\\\"optional\\\"></slot></div></div><div class=\\\"after\\\" part=\\\"after\\\"></div><span class=\\\"forge-step__ripple\\\"></span></div></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-step__ripple{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.forge-step__ripple::after,.forge-step__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-step__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-step__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step__ripple.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step__ripple.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-step__ripple.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step__ripple.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-step__ripple.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-step__ripple::after,.forge-step__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step__ripple.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step__ripple::after,.forge-step__ripple::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step__ripple.mdc-ripple-surface--hover::before,.forge-step__ripple:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step__ripple.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step__ripple:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step__ripple.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step__ripple--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step__ripple--selected::after,.forge-step__ripple--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-step__ripple--selected.mdc-ripple-surface--hover::before,.forge-step__ripple--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step__ripple--selected.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step__ripple--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step__ripple--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step__ripple.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step__ripple.forge-step--error.forge-step--selected::after,.forge-step__ripple.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step__ripple.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step__ripple--selected{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step__ripple--disabled::after,.forge-step__ripple--disabled::before{background-color:transparent}.forge-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}: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(:last-child)[alternative]) .after::after{content:\\\"\\\";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}: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)[alternative]) .before::before{content:\\\"\\\";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;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-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;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(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}';\n\nexport interface IStepComponent extends IBaseComponent {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n disabled: boolean;\n vertical: boolean;\n expanded: boolean;\n ignoreUserExpansion: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-step': IStepComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-step-select': CustomEvent<number>;\n 'forge-step-expanded-content-focusin': CustomEvent<IStepComponent>;\n 'forge-step-expanded-content-focusout': CustomEvent<IStepComponent>;\n }\n}\n\n/**\n * The web component class behind the `<forge-step>` custom element.\n * \n * @tag forge-step\n */\n@CustomElement({\n name: STEP_CONSTANTS.elementName,\n dependencies: [\n IconComponent,\n ExpansionPanelComponent\n ]\n})\nexport class StepComponent extends BaseComponent implements IStepComponent {\n public static get observedAttributes(): string[] {\n return [\n STEP_CONSTANTS.attributes.COMPLETED,\n STEP_CONSTANTS.attributes.EDITABLE,\n STEP_CONSTANTS.attributes.ERROR,\n STEP_CONSTANTS.attributes.INDEX,\n STEP_CONSTANTS.attributes.SELECTED,\n STEP_CONSTANTS.attributes.ALTERNATIVE,\n STEP_CONSTANTS.attributes.DISABLED,\n STEP_CONSTANTS.attributes.VERTICAL,\n STEP_CONSTANTS.attributes.EXPANDED,\n STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION\n ];\n }\n\n private _foundation: StepFoundation;\n\n constructor() {\n super();\n IconRegistry.define([\n tylIconModeEdit,\n tylIconCheck,\n tylIconWarning,\n tylIconBlock,\n tylIconKeyboardArrowDown\n ]);\n attachShadowTemplate(this, template, styles);\n this._foundation = new StepFoundation(new StepAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case STEP_CONSTANTS.attributes.INDEX:\n this.index = coerceNumber(newValue);\n break;\n case STEP_CONSTANTS.attributes.COMPLETED:\n this.completed = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EDITABLE:\n this.editable = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ERROR:\n this.error = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.SELECTED:\n this.selected = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ALTERNATIVE:\n this.alternative = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.VERTICAL:\n this.vertical = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EXPANDED:\n this.expanded = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION:\n this.ignoreUserExpansion = coerceBoolean(newValue);\n break;\n }\n }\n\n @FoundationProperty()\n public declare alternative: boolean;\n\n @FoundationProperty()\n public declare index: number;\n\n @FoundationProperty()\n public declare editable: boolean;\n\n @FoundationProperty()\n public declare completed: boolean;\n\n @FoundationProperty()\n public declare error: boolean;\n\n @FoundationProperty()\n public declare selected: boolean;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare vertical: boolean;\n \n @FoundationProperty()\n public declare expanded: boolean;\n \n @FoundationProperty()\n public declare ignoreUserExpansion: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { StepComponent } from './step';\n\nexport * from './step-adapter';\nexport * from './step-constants';\nexport * from './step-foundation';\nexport * from './step';\n\nexport function defineStepComponent(): void {\n defineCustomElement(StepComponent);\n}\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "attributes", "selectors", "strings", "events", "STEP_CONSTANTS", "StepRippleSurface", "_root", "StepAdapter", "BaseAdapter", "_component", "getShadowElement", "STEP_CONSTANTS", "value", "className", "on", "toggleClass", "disabled", "toggleAttribute", "name", "show", "index", "icon", "listener", "expanded", "animate", "panel", "event", "checkElement", "element", "rippleCapableSurface", "rippleAdapter", "__spreadProps", "__spreadValues", "ForgeRipple", "varName", "rippleFoundation", "ForgeRippleFoundation", "addClass", "slot", "StepFoundation", "_adapter", "evt", "value", "STEP_CONSTANTS", "hasSlotContent", "event", "template", "styles", "StepComponent", "BaseComponent", "IconRegistry", "tylIconModeEdit", "tylIconCheck", "tylIconWarning", "tylIconBlock", "tylIconKeyboardArrowDown", "attachShadowTemplate", "StepFoundation", "StepAdapter", "STEP_CONSTANTS", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent", "ExpansionPanelComponent", "defineStepComponent", "defineCustomElement", "StepComponent"]
|
|
7
7
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{b as Z}from"./chunk.LIKJD4SK.js";import{f as X}from"./chunk.EC5JFSHR.js";import{m as B}from"./chunk.MZLPUI6R.js";import{d as U,l as W}from"./chunk.WHQZNZHW.js";import{b as x}from"./chunk.7XFU2W25.js";import{d as q,f as y,g as m}from"./chunk.KYH5GKVI.js";import{a as K}from"./chunk.UWYANU5D.js";import{a as d}from"./chunk.KTGSZEAG.js";import{a as H,b as z}from"./chunk.DL7NX432.js";import{a as N,e as D,g as _,l as M}from"./chunk.LJLEPTLU.js";import{h as A,u as g}from"./chunk.4LA6HEA7.js";import{b as p,k as w,l as R}from"./chunk.J2M2MXP2.js";import{a as f,b as h,f as l}from"./chunk.MCIQXNKY.js";var c=`${z}split-view-panel`,oe={RESIZABLE:"resizable",SIZE:"size",MIN:"min",MAX:"max",OPEN:"open",ACCESSIBLE_LABEL:"accessible-label",DISABLED:"disabled",ALLOW_CLOSE:"allow-close",AUTO_CLOSE:"auto-close",AUTO_CLOSE_THRESHOLD:"auto-close-threshold",ORIENTATION:"orientation"},se={ROOT:"forge-split-view-panel",GRABBED:"forge-split-view-panel--grabbed",HANDLE:"forge-split-view-panel__handle",ICON:"forge-split-view-panel__icon",CONTENT:"forge-split-view-panel__content",CLOSED:"forge-split-view-panel--closed",CLOSING:"forge-split-view-panel--closing",OPENING:"forge-split-view-panel--opening",DISABLED:"forge-split-view-panel--disabled",OVERLAY:"forge-split-view-panel-overlay"},v={ROOT:"root",HANDLE:"handle",ICON:"icon",RIPPLE:"ripple",CONTENT:"content"},le={ROOT:`#${v.ROOT}`,HANDLE:`#${v.HANDLE}`,ICON:`#${v.ICON}`,RIPPLE:`#${v.RIPPLE}`,CONTENT:`#${v.CONTENT}`},pe={WILL_RESIZE:`${c}-will-resize`,RESIZE_START:`${c}-resize-start`,RESIZE_END:`${c}-resize-end`,RESIZE:`${c}-resize`,DID_OPEN:`${c}-did-open`,DID_CLOSE:`${c}-did-close`,WILL_OPEN:`${c}-will-open`,WILL_CLOSE:`${c}-will-close`},de={RIPPLE_ACTIVATION_WAIT:200},ue={SIZE:"--forge-split-view-panel-size",CURSOR:"--forge-split-view-panel-cursor"},i={elementName:c,attributes:oe,classes:se,ids:v,selectors:le,events:pe,numbers:de,customCssProperties:ue},ce=(r=>(r[r.Under=1]="Under",r[r.Active=2]="Active",r[r.Above=3]="Above",r))(ce||{});function Y(){return{orientation:"horizontal",resizable:"off",arrowKeyHeld:!1,keyboardDelta:0,isAtMin:!1,isAtMax:!1,min:0}}function $(n,t){let e=n.getContentSize(t.orientation);return h(f({},t),{currentSize:e,startSize:e,availableSpace:n.getAvailableSpace(t.orientation,t.resizable),siblingSize:n.getSiblingContentSize(),isAtMin:!1,isAtMax:!1})}function G(n){return h(f({},n),{arrowKeyHeld:!1,keyboardDelta:0,isAtMin:!1,isAtMax:!1})}function F(n,t,e){if(e.startPoint===void 0||e.startSize===void 0)return!1;let r=e.currentSize,a=e.orientation==="horizontal"?t.clientX:t.clientY,o=e.startPoint-a;e.resizable==="start"&&(o*=-1);let u=e.startSize-o;e.currentSize=C(u,e),n.setContentSize(e.currentSize),E(n,e,"pointer"),n.setValuenow(P(e.currentSize,e));let S=u-e.currentSize+o;return ee(n,S,e),r!==e.currentSize}function j(n,t,e){if(e.startSize===void 0)return!1;let r=e.currentSize;e.keyboardDelta+=t;let a=e.startSize+e.keyboardDelta;e.currentSize=C(a,e),n.setContentSize(e.currentSize),E(n,e,"keyboard"),n.setValuenow(P(e.currentSize,e));let o=a-e.currentSize+e.keyboardDelta*-1;return ee(n,o,e),r!==e.currentSize}function J(n,t){return n.setContentSize(t.min),t.min}function Q(n,t){let e=n.getAvailableSpace(t.orientation,t.resizable),r=m(t.max,e);return n.setContentSize(r),r}function ee(n,t,e){if(e.siblingSize!==void 0){let r=e.siblingSize+t;n.setSiblingContentSize(r)}}function C(n,t){return n=Math.max(n,t.min),n=m(n,t.max,t.availableSpace),n}function E(n,t,e){if(t.currentSize===void 0)return!1;if(t.currentSize<=t.min)return t.isAtMin||(n.activateRipple(e==="pointer"),e==="pointer"&&n.setBodyCursor(t.orientation,{resizable:t.resizable,boundary:"min"}),t.isAtMin=!0),!0;t.isAtMin&&(t.isAtMin=!1);let r=m(t.max,t.availableSpace);return t.currentSize>=r?(t.isAtMax||(n.activateRipple(e==="pointer"),e==="pointer"&&n.setBodyCursor(t.orientation,{resizable:t.resizable,boundary:"max"}),t.isAtMax=!0),!0):(t.isAtMax&&(t.isAtMax=!1),e==="pointer"&&n.setBodyCursor(t.orientation),!1)}function te(n,t,e){if(t<=e.min)return n.setHandleCursor(e.orientation,{resizable:e.resizable,boundary:"min"}),!0;let r=m(e.max,e.availableSpace);return t>=r?(n.setHandleCursor(e.orientation,{resizable:e.resizable,boundary:"max"}),!0):(n.setHandleCursor(e.orientation),!1)}function P(n,t){if(!t.availableSpace&&!t.max)return 100;let e=m(t.max,t.availableSpace);return y(n,t.min,e)}function O(n,t){if(n==="horizontal")switch(t==null?void 0:t.boundary){case"min":return t.resizable==="end"?"e-resize":"w-resize";case"max":return t.resizable==="end"?"w-resize":"e-resize";default:return"col-resize"}else switch(t==null?void 0:t.boundary){case"min":return t.resizable==="end"?"s-resize":"n-resize";case"max":return t.resizable==="end"?"n-resize":"s-resize";default:return"row-resize"}}function ie(n){return n==="horizontal"?"drag_vertical_variant":"drag_handle"}function I(n){let t=n.resizable;if(t==="off")return;let e=n;do e=t==="end"?e.nextElementSibling:e.previousElementSibling;while(e instanceof s&&!e.open);if(e instanceof s)return e}function me(n){var o,u;if(!isNaN(+n))return{amount:+n,unit:"px"};let t=/(^\d*\.?\d*)\s*(px|%$)?/i,e=n.match(t),r=e!=null&&e[1]?+e[1]:-1,a=(u=(o=e==null?void 0:e[2])==null?void 0:o.toLowerCase())!=null?u:"";return{amount:r,unit:a}}function b(n,t){let e=me(n);return e.unit==="%"?q(e.amount,t):e.amount}function ne(){let n=document.createElement("div");return n.classList.add(i.classes.OVERLAY),n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.width="100vw",n.style.height="100vh",n.style.zIndex="9999",n}var k=class{constructor(t){this._adapter=t;this._size=200;this._min=0;this._accessibleLabel="Split view panel";this._open=!0;this._state=Y();this._isInitialized=!1;this._parentProperties={};this._pointerdownListener=e=>this._onPointerdown(e),this._pointerupListener=e=>this._onPointerup(e),this._pointermoveListener=e=>this._onPointermove(e),this._keydownListener=e=>this._onKeydown(e),this._keyupListener=e=>this._onKeyup(e)}get _orientation(){return this._state.orientation}set _orientation(t){this._state.orientation=t}get _resizable(){return this._state.resizable}set _resizable(t){this._state.resizable=t}get _pixelMin(){return this._state.min}set _pixelMin(t){this._state.min=t}get _pixelMax(){return this._state.max}set _pixelMax(t){this._state.max=t}get _appliedDisabled(){var t,e;return(e=(t=this._disabled)!=null?t:this._parentProperties.disabled)!=null?e:!1}get _appliedAllowClose(){var t,e;return(e=(t=this._allowClose)!=null?t:this._parentProperties.allowClose)!=null?e:!1}get _appliedAutoClose(){var t,e;return(e=(t=this._autoClose)!=null?t:this._parentProperties.autoClose)!=null?e:!1}get _appliedAutoCloseThreshold(){var t,e;return(e=(t=this._autoCloseThreshold)!=null?t:this._parentProperties.autoCloseThreshold)!=null?e:0}initialize(){this._adapter.initialize(),this._adapter.setPointerdownListener(this._pointerdownListener),this._adapter.setKeydownListener(this._keydownListener),this._getParentProperties(),this._applyResizable(),this._applyMin(),this._applyMax(),this._applySize(),this._applyAccessibleLabel(),this._applyOpen(),this._applyDisabled(),this._applyAllowClose(),this._applyAutoClose(),this._applyAutoCloseThreshold(),this._isInitialized=!0}disconnect(){this._adapter.tryRemoveOverlay(),this._adapter.removePointerupListener(this._pointerupListener),this._adapter.removePointermoveListener(this._pointermoveListener)}_onPointerdown(t){this._appliedDisabled||!this._allowResize("pointer")||(t.preventDefault(),this._adapter.setPointermoveListener(this._pointermoveListener),this._adapter.setPointerupListener(this._pointerupListener),this._handlePointerdown(t))}_onPointerup(t){t.preventDefault(),this._adapter.removePointermoveListener(this._pointermoveListener),this._adapter.removePointerupListener(this._pointerupListener),this._handlePointerup()}_onPointermove(t){if(!this._appliedDisabled){if(t.preventDefault(),t.buttons===0){this._adapter.removePointermoveListener(this._pointermoveListener),this._adapter.removePointerupListener(this._pointerupListener),this._handlePointerup();return}this._handlePointermove(t)}}_onKeydown(t){this._appliedDisabled||(t.key==="Enter"?this._handleEnterKey(t):t.key==="Home"&&this._allowResize("keyboard")?this._handleHomeKey(t):t.key==="End"&&this._allowResize("keyboard")?this._handleEndKey(t):x(t)&&this._allowResize("keyboard")&&(this._adapter.setKeyupListener(this._keyupListener),this._handleArrowKey(t)))}_onKeyup(t){x(t)&&(this._adapter.removeKeyupListener(this._keyupListener),this._handleArrowKeyUp())}_handleEnterKey(t){!this._appliedAllowClose||(t.preventDefault(),this._tryOpenOrClose(!this._open,!1,!0))}_handleHomeKey(t){t.preventDefault();let e=J(this._adapter,this._state);this._adapter.emitHostEvent(i.events.RESIZE,e),this._tryAutoClose()}_handleEndKey(t){t.preventDefault();let e=Q(this._adapter,this._state);this._adapter.emitHostEvent(i.events.RESIZE,e)}_handleArrowKey(t){let e=0;if(this._orientation==="horizontal")switch(t.key){case"ArrowLeft":e=-1;break;case"ArrowRight":e=1;break;default:return}else switch(t.key){case"ArrowUp":e=-1;break;case"ArrowDown":e=1;break;default:return}t.preventDefault(),this._resizable==="start"&&(e*=-1),t.shiftKey&&(e*=10),this._tryHandleArrowKeyDown(),this._handleArrowKeyHeld(e)}_tryHandleArrowKeyDown(){this._state.arrowKeyHeld||this._startResize(),this._state.arrowKeyHeld=!0}_handleArrowKeyUp(){this._endResize()}_handleArrowKeyHeld(t){j(this._adapter,t,this._state)&&this._adapter.emitHostEvent(i.events.RESIZE,this._state.currentSize)}_handlePointerdown(t){this._adapter.setGrabbed(!0),this._adapter.focusHandle(),this._startResize(),this._state.startPoint=this._orientation==="horizontal"?t.clientX:t.clientY,E(this._adapter,this._state,"pointer")}_handlePointerup(){this._adapter.setGrabbed(!1),this._adapter.deactivateRipple(),this._endResize()}_handlePointermove(t){F(this._adapter,t,this._state)&&this._adapter.emitHostEvent(i.events.RESIZE,this._state.currentSize)}_allowResize(t){return this._adapter.emitHostEvent(i.events.WILL_RESIZE,{inputDeviceType:t},!0,!0)}_startResize(){this._state=$(this._adapter,this._state),this._adapter.emitHostEvent(i.events.RESIZE_START,this._state.startSize)}_endResize(){this._adapter.emitHostEvent(i.events.RESIZE_END,this._state.currentSize),this._adapter.updateParent({accessibility:this._state.startSize!==this._state.currentSize,cursor:!0}),this._state=G(this._state),this._tryAutoClose()}_tryOpenOrClose(t=!0,e=!1,r=!1){let a=t?i.events.WILL_OPEN:i.events.WILL_CLOSE,o={auto:e,userInitiated:r};!this._adapter.emitHostEvent(a,o,!0,!0)||(this._open=t,this._applyOpen(o))}_tryAutoClose(){let t=this._adapter.getContentSize(this._orientation);this._appliedAutoClose&&t<=this._appliedAutoCloseThreshold&&this._tryOpenOrClose(!1,!0,!1)}_getParentProperties(){let t=this._adapter.getParentProperty("disabled");this._parentProperties.disabled=t,this._applyParentDisabled();let e=this._adapter.getParentProperty("allowClose");this._parentProperties.allowClose=e;let r=this._adapter.getParentProperty("autoClose");this._parentProperties.autoClose=r,this._applyParentAutoClose();let a=this._adapter.getParentProperty("autoCloseThreshold");this._parentProperties.autoCloseThreshold=a,this._applyParentAutoCloseThreshold()}_applyOrientation(){this._adapter.setOrientation(this._orientation)}get resizable(){return this._resizable}set resizable(t){this._resizable!==t&&(this._resizable=t,this._applyResizable())}_applyResizable(){this._adapter.setHostAttribute(i.attributes.RESIZABLE,this._resizable),this._adapter.setResizable(this._resizable)}get size(){return this._size}set size(t){this._size.toString()!==t.toString()&&(this._size=t,this._applySize())}_applySize(){let t=this._adapter.getParentSize(this._orientation),e=b(this._size,t);this._adapter.setHostAttribute(i.attributes.SIZE,this._size.toString()),this._adapter.setContentSize(e),window.requestAnimationFrame(()=>{let r=this._adapter.getAvailableSpace(this._orientation,this._resizable),a=m(this._pixelMax,r),o=y(e,this._pixelMin,a);this._adapter.setValuenow(o),this._adapter.updateParent({cursor:!0})})}get min(){return this._min}set min(t){this._min.toString()!==t.toString()&&(this._min=t,this._applyMin())}_applyMin(){this._adapter.setHostAttribute(i.attributes.MIN,this._min.toString());let t=this._adapter.getParentSize(this._orientation);if(this._pixelMin=b(this._min,t),this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation);e<this._pixelMin&&this.setContentSize(e)}get max(){return this._max}set max(t){var e;((e=this._max)==null?void 0:e.toString())!==(t==null?void 0:t.toString())&&(this._max=t,this._applyMax())}_applyMax(){var r;if(this._adapter.toggleHostAttribute(i.attributes.MAX,this._max!==void 0,(r=this._max)==null?void 0:r.toString()),this._max===void 0){this._pixelMax=void 0;return}let t=this._adapter.getParentSize(this._orientation);if(this._pixelMax=b(this._max,t),this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation);e>this._pixelMax&&this.setContentSize(e)}get accessibleLabel(){return this._accessibleLabel}set accessibleLabel(t){this._accessibleLabel!==t&&(this._accessibleLabel=t,this._applyAccessibleLabel())}_applyAccessibleLabel(){this._adapter.setHostAttribute(i.attributes.ACCESSIBLE_LABEL,this._accessibleLabel),this._adapter.setAccessibleLabel(this._accessibleLabel)}get open(){return this._open}set open(t){if(this._open!==t){if(this._isInitialized){this._tryOpenOrClose(t,!1,!1);return}this._open=t;let e=this._isInitialized?{auto:!1,userInitiated:!1}:void 0;this._applyOpen(e)}}_applyOpen(t){this._adapter.setHostAttribute(i.attributes.OPEN,this._open.toString()),this._adapter.setOpen(this._open,this._isInitialized,t)}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._applyDisabled())}_applyDisabled(){var t;this._adapter.toggleHostAttribute(i.attributes.DISABLED,(t=this._disabled)!=null?t:!1),this._adapter.setDisabled(this._appliedDisabled)}_applyParentDisabled(){this._isInitialized&&!p(this._disabled)&&this._adapter.setDisabled(this._appliedDisabled)}get allowClose(){return this._allowClose}set allowClose(t){this._allowClose!==t&&(this._allowClose=t,this._applyAllowClose())}_applyAllowClose(){var t;this._adapter.toggleHostAttribute(i.attributes.ALLOW_CLOSE,(t=this._allowClose)!=null?t:!1)}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose!==t&&(this._autoClose=t,this._applyAutoClose())}_applyAutoClose(){var t;this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE,(t=this._autoClose)!=null?t:!1),this._isInitialized&&this._tryAutoClose()}_applyParentAutoClose(){this._isInitialized&&!p(this._autoClose)&&this._tryAutoClose()}get autoCloseThreshold(){return this._autoCloseThreshold}set autoCloseThreshold(t){this._autoCloseThreshold!==t&&(this._autoCloseThreshold=t,this._applyAutoCloseThreshold())}_applyAutoCloseThreshold(){var t;this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE_THRESHOLD,p(this._autoCloseThreshold),(t=this.autoCloseThreshold)==null?void 0:t.toString()),this._isInitialized&&this._tryAutoClose()}_applyParentAutoCloseThreshold(){this._isInitialized&&!p(this._autoCloseThreshold)&&this._tryAutoClose()}getContentSize(){return this._adapter.getContentSize(this._orientation)}getCollapsibleSize(){let t=this._adapter.getParentSize(this._orientation),e=b(this._min,t);return this._adapter.getContentSize(this._orientation)-e}setContentSize(t){if(this._resizable==="off")return;let e=C(t,this._state);this._adapter.setContentSize(e),this._isInitialized&&this._adapter.emitHostEvent(i.events.RESIZE,e)}update(t){if(t.orientation&&(this._orientation=t.orientation,this._applyOrientation()),t.properties&&(p(t.properties.disabled)&&this._parentProperties.disabled!==t.properties.disabled&&(this._parentProperties.disabled=t.properties.disabled,this._applyDisabled()),p(t.properties.allowClose)&&(this._parentProperties.allowClose=t.properties.allowClose),p(t.properties.autoClose)&&this._parentProperties.autoClose!==t.properties.autoClose&&(this._parentProperties.autoClose=t.properties.autoClose,p(this._autoClose)||this._applyAutoClose()),p(t.properties.autoCloseThreshold)&&this._parentProperties.autoCloseThreshold!==t.properties.autoCloseThreshold&&(this._parentProperties.autoCloseThreshold=t.properties.autoCloseThreshold,p(this._autoCloseThreshold)||this._applyAutoCloseThreshold())),t.size&&this.open){let a=this._adapter.getParentSize(this._orientation);this._pixelMin=b(this._min,a),this._pixelMax=p(this._max)?b(this._max,a):void 0,this.setContentSize(this._adapter.getContentSize(this._orientation))}if(this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation),r=this._adapter.getAvailableSpace(this._orientation,this._resizable);if(t.accessibility&&this.open){let a=P(e,h(f({},this._state),{availableSpace:r}));this._adapter.setValuenow(a)}t.cursor&&te(this._adapter,e,h(f({},this._state),{availableSpace:r}))}};var be=`${z}split-view`,fe={ORIENTATION:"orientation",DISABLED:"disabled",ALLOW_CLOSE:"allow-close",AUTO_CLOSE:"auto-close",AUTO_CLOSE_THRESHOLD:"auto-close-threshold"},he={ROOT:"forge-split-view"},re={ROOT:"root"},_e={ROOT:`#${re.ROOT}`,PANEL:i.elementName},ve={RESIZE_THROTTLE_THRESHOLD:200},we={ANIMATING_LAYER:"--forge-split-view-animating-layer"},ae={elementName:be,attributes:fe,classes:he,ids:re,selectors:_e,numbers:ve,customCssProperties:we};var L=class extends K{constructor(e){super(e);this._root=_(e,i.selectors.ROOT),this._handle=_(e,i.selectors.HANDLE),this._icon=_(e,i.selectors.ICON),this._ripple=_(e,i.selectors.RIPPLE),this._content=_(e,i.selectors.CONTENT)}initialize(){let e=this._component.parentElement;(e==null?void 0:e.tagName.toLowerCase())===ae.elementName&&(this._parent=e)}tryRemoveOverlay(){var e;(e=this._overlay)==null||e.remove(),this._overlay=void 0}setPointerdownListener(e){this._handle.addEventListener("pointerdown",e)}setPointerupListener(e){document.addEventListener("pointerup",e)}removePointerupListener(e){document.removeEventListener("pointerup",e)}setPointermoveListener(e){document.addEventListener("pointermove",e)}removePointermoveListener(e){document.removeEventListener("pointermove",e)}setKeydownListener(e){this._handle.addEventListener("keydown",e)}setKeyupListener(e){this._handle.addEventListener("keyup",e)}removeKeyupListener(e){this._handle.removeEventListener("keyup",e)}getParentProperty(e){var r;return(r=this._parent)==null?void 0:r[e]}setAccessibleLabel(e){this._handle.setAttribute("aria-label",e)}setDisabled(e){this._root.classList.toggle(i.classes.DISABLED,e),this._handle&&(this._handle.setAttribute("tabindex",e?"-1":"0"),g(this._handle,e,"aria-disabled","true"))}setResizable(e){this._root.setAttribute(i.attributes.RESIZABLE,e.toString()),g(this._handle,e!=="off","aria-valuemin","0"),g(this._handle,e!=="off","aria-valuemax","100"),e!=="off"&&(this._handle.remove(),e==="end"?this._root.append(this._handle):this._root.prepend(this._handle))}setOrientation(e){this._root.setAttribute(i.attributes.ORIENTATION,e),this._handle.setAttribute("aria-orientation",e==="horizontal"?"vertical":"horizontal"),this._icon.setAttribute("name",ie(e))}setOpen(e,r=!0,a){var u,S;let o=()=>{var V,T;e||this._root.classList.add(i.classes.CLOSED),a&&this.emitHostEvent(e?i.events.DID_OPEN:i.events.DID_CLOSE,a),(V=this._parent)==null||V.unlayerSlottedPanels(),(T=this._parent)==null||T.update({accessibility:!0,cursor:!0})};if(e&&this._root.classList.contains(i.classes.CLOSED)){if(this._root.classList.remove(i.classes.CLOSED),!r){o();return}(u=this._parent)==null||u.layerSlottedPanels(this._component),A(this._root,i.classes.OPENING,!0).then(()=>{o()})}else if(!e&&!this._root.classList.contains(i.classes.CLOSED)){if(!r){o();return}(S=this._parent)==null||S.layerSlottedPanels(this._component),A(this._root,i.classes.CLOSING,!0).then(()=>{o()})}}setGrabbed(e){var r;this._root.classList.toggle(i.classes.GRABBED,e),this._handle.setAttribute("aria-grabbed",e.toString()),e?(this._overlay||(this._overlay=ne()),document.body.append(this._overlay)):(r=this._overlay)==null||r.remove()}setHandleCursor(e,r){e?this._root.style.setProperty(i.customCssProperties.CURSOR,O(e,r)):this._root.style.removeProperty(i.customCssProperties.CURSOR)}setBodyCursor(e,r){var a;(a=this._overlay)==null||a.style.setProperty("cursor",O(e,r))}getContentSize(e){return e==="horizontal"?this._content.clientWidth:this._content.clientHeight}setContentSize(e){this._component.style.setProperty(i.customCssProperties.SIZE,`${e}px`)}setValuenow(e){this._handle.setAttribute("aria-valuenow",e.toFixed(2))}focusHandle(){this._handle.focus()}getAvailableSpace(e,r){if(r==="off")return-1;let a=I(this._component);return a?a.getCollapsibleSize()+this.getContentSize(e):this.getParentSize(e)}getSiblingContentSize(){var r;let e=I(this._component);return(r=e==null?void 0:e.getContentSize())!=null?r:0}setSiblingContentSize(e){let r=I(this._component);r==null||r.setContentSize(e)}activateRipple(e){e?(this._ripple.deactivate(),window.setTimeout(()=>{this._ripple.activate()},i.numbers.RIPPLE_ACTIVATION_WAIT)):(this._ripple.activate(),this._ripple.deactivate())}deactivateRipple(){this._ripple.deactivate()}getParentSize(e){var a,o;let r=e==="horizontal"?(a=this._parent)==null?void 0:a.clientWidth:(o=this._parent)==null?void 0:o.clientHeight;return r!=null?r:0}updateParent(e){var r;(r=this._parent)==null||r.update(e)}};var Se='<template><div class="forge-split-view-panel" id="root" part="root"><div class="forge-split-view-panel__handle" id="handle" part="handle" role="separator" aria-controls="content" aria-grabbed="false" tabindex="0"><forge-icon class="forge-split-view-panel__icon" id="icon" part="icon"></forge-icon><forge-ripple id="ripple" part="ripple"></forge-ripple></div><div class="forge-split-view-panel__content" id="content" part="content" role="group"><slot></slot></div></div></template>',ge='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqfeoy;animation-name:ukqfeoy;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqfeoy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes ukqfeoy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:ukqfepi;animation-name:ukqfepi;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqfepi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes ukqfepi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqfepu;animation-name:ukqfepu;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfepu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes ukqfepu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:ukqfequ;animation-name:ukqfequ;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfequ{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes ukqfequ{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqferd;animation-name:ukqferd;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqferd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes ukqferd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:ukqfes9;animation-name:ukqfes9;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqfes9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes ukqfes9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqfesh;animation-name:ukqfesh;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfesh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes ukqfesh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:ukqfeta;animation-name:ukqfeta;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfeta{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes ukqfeta{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}',s=class extends M{constructor(){super();U.define([Z,B]),D(this,Se,ge),this._foundation=new k(new L(this))}static get observedAttributes(){return[i.attributes.RESIZABLE,i.attributes.SIZE,i.attributes.MIN,i.attributes.MAX,i.attributes.ACCESSIBLE_LABEL,i.attributes.OPEN,i.attributes.DISABLED,i.attributes.ALLOW_CLOSE,i.attributes.AUTO_CLOSE,i.attributes.AUTO_CLOSE_THRESHOLD]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case i.attributes.RESIZABLE:this.resizable=a;break;case i.attributes.SIZE:this.size=a;break;case i.attributes.MIN:this.min=a;break;case i.attributes.MAX:a?this.max=a:this.max=void 0;break;case i.attributes.ACCESSIBLE_LABEL:this.accessibleLabel=a;break;case i.attributes.OPEN:this.open=w(a);break;case i.attributes.DISABLED:this.hasAttribute(e)?this.disabled=w(a):this.disabled=void 0;break;case i.attributes.ALLOW_CLOSE:this.hasAttribute(e)?this.allowClose=w(a):this.allowClose=void 0;break;case i.attributes.AUTO_CLOSE:this.hasAttribute(e)?this.autoClose=w(a):this.autoClose=void 0;break;case i.attributes.AUTO_CLOSE_THRESHOLD:a?this.autoCloseThreshold=R(a):this.autoCloseThreshold=void 0;break}}getContentSize(){return this._foundation.getContentSize()}getCollapsibleSize(){return this._foundation.getCollapsibleSize()}setContentSize(e){this._foundation.setContentSize(e)}update(e){this._foundation.update(e)}};l([d()],s.prototype,"resizable",2),l([d()],s.prototype,"size",2),l([d()],s.prototype,"min",2),l([d()],s.prototype,"max",2),l([d()],s.prototype,"accessibleLabel",2),l([d()],s.prototype,"open",2),l([d()],s.prototype,"disabled",2),l([d()],s.prototype,"allowClose",2),l([d()],s.prototype,"autoClose",2),l([d()],s.prototype,"autoCloseThreshold",2),s=l([H({name:i.elementName,dependencies:[W,X]})],s);function St(){N(s)}export{i as a,ce as b,Y as c,$ as d,G as e,F as f,j as g,J as h,Q as i,ee as j,C as k,E as l,te as m,P as n,O as o,ie as p,I as q,me as r,b as s,ne as t,k as u,ae as v,L as w,s as x,St as y};
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{b as Z}from"./chunk.LIKJD4SK.js";import{f as X}from"./chunk.EC5JFSHR.js";import{m as B}from"./chunk.MZLPUI6R.js";import{d as U,l as W}from"./chunk.WHQZNZHW.js";import{b as x}from"./chunk.7XFU2W25.js";import{d as j,f as y,g as m}from"./chunk.KYH5GKVI.js";import{a as K}from"./chunk.UWYANU5D.js";import{a as d}from"./chunk.KTGSZEAG.js";import{a as H,b as z}from"./chunk.DL7NX432.js";import{a as N,e as D,g as _,l as M}from"./chunk.LJLEPTLU.js";import{h as A,u as g}from"./chunk.4LA6HEA7.js";import{b as p,k as w,l as R}from"./chunk.J2M2MXP2.js";import{a as f,b as h,f as l}from"./chunk.MCIQXNKY.js";var c=`${z}split-view-panel`,oe={RESIZABLE:"resizable",SIZE:"size",MIN:"min",MAX:"max",OPEN:"open",ACCESSIBLE_LABEL:"accessible-label",DISABLED:"disabled",ALLOW_CLOSE:"allow-close",AUTO_CLOSE:"auto-close",AUTO_CLOSE_THRESHOLD:"auto-close-threshold",ORIENTATION:"orientation"},se={ROOT:"forge-split-view-panel",GRABBED:"forge-split-view-panel--grabbed",HANDLE:"forge-split-view-panel__handle",ICON:"forge-split-view-panel__icon",CONTENT:"forge-split-view-panel__content",CLOSED:"forge-split-view-panel--closed",CLOSING:"forge-split-view-panel--closing",OPENING:"forge-split-view-panel--opening",DISABLED:"forge-split-view-panel--disabled",OVERLAY:"forge-split-view-panel-overlay"},v={ROOT:"root",HANDLE:"handle",ICON:"icon",RIPPLE:"ripple",CONTENT:"content"},le={ROOT:`#${v.ROOT}`,HANDLE:`#${v.HANDLE}`,ICON:`#${v.ICON}`,RIPPLE:`#${v.RIPPLE}`,CONTENT:`#${v.CONTENT}`},pe={WILL_RESIZE:`${c}-will-resize`,RESIZE_START:`${c}-resize-start`,RESIZE_END:`${c}-resize-end`,RESIZE:`${c}-resize`,DID_OPEN:`${c}-did-open`,DID_CLOSE:`${c}-did-close`,WILL_OPEN:`${c}-will-open`,WILL_CLOSE:`${c}-will-close`},de={RIPPLE_ACTIVATION_WAIT:200},ue={SIZE:"--forge-split-view-panel-size",CURSOR:"--forge-split-view-panel-cursor"},i={elementName:c,attributes:oe,classes:se,ids:v,selectors:le,events:pe,numbers:de,customCssProperties:ue},ce=(r=>(r[r.Under=1]="Under",r[r.Active=2]="Active",r[r.Above=3]="Above",r))(ce||{});function Y(){return{orientation:"horizontal",resizable:"off",arrowKeyHeld:!1,keyboardDelta:0,isAtMin:!1,isAtMax:!1,min:0}}function $(n,t){let e=n.getContentSize(t.orientation);return h(f({},t),{currentSize:e,startSize:e,availableSpace:n.getAvailableSpace(t.orientation,t.resizable),siblingSize:n.getSiblingContentSize(),isAtMin:!1,isAtMax:!1})}function G(n){return h(f({},n),{arrowKeyHeld:!1,keyboardDelta:0,isAtMin:!1,isAtMax:!1})}function F(n,t,e){if(e.startPoint===void 0||e.startSize===void 0)return!1;let r=e.currentSize,a=e.orientation==="horizontal"?t.clientX:t.clientY,o=e.startPoint-a;e.resizable==="start"&&(o*=-1);let u=e.startSize-o;e.currentSize=C(u,e),n.setContentSize(e.currentSize),E(n,e,"pointer"),n.setValuenow(P(e.currentSize,e));let S=u-e.currentSize+o;return ee(n,S,e),r!==e.currentSize}function q(n,t,e){if(e.startSize===void 0)return!1;let r=e.currentSize;e.keyboardDelta+=t;let a=e.startSize+e.keyboardDelta;e.currentSize=C(a,e),n.setContentSize(e.currentSize),E(n,e,"keyboard"),n.setValuenow(P(e.currentSize,e));let o=a-e.currentSize+e.keyboardDelta*-1;return ee(n,o,e),r!==e.currentSize}function J(n,t){return n.setContentSize(t.min),t.min}function Q(n,t){let e=n.getAvailableSpace(t.orientation,t.resizable),r=m(t.max,e);return n.setContentSize(r),r}function ee(n,t,e){if(e.siblingSize!==void 0){let r=e.siblingSize+t;n.setSiblingContentSize(r)}}function C(n,t){return n=Math.max(n,t.min),n=m(n,t.max,t.availableSpace),n}function E(n,t,e){if(t.currentSize===void 0)return!1;if(t.currentSize<=t.min)return t.isAtMin||(n.activateRipple(e==="pointer"),e==="pointer"&&n.setBodyCursor(t.orientation,{resizable:t.resizable,boundary:"min"}),t.isAtMin=!0),!0;t.isAtMin&&(t.isAtMin=!1);let r=m(t.max,t.availableSpace);return t.currentSize>=r?(t.isAtMax||(n.activateRipple(e==="pointer"),e==="pointer"&&n.setBodyCursor(t.orientation,{resizable:t.resizable,boundary:"max"}),t.isAtMax=!0),!0):(t.isAtMax&&(t.isAtMax=!1),e==="pointer"&&n.setBodyCursor(t.orientation),!1)}function te(n,t,e){if(t<=e.min)return n.setHandleCursor(e.orientation,{resizable:e.resizable,boundary:"min"}),!0;let r=m(e.max,e.availableSpace);return t>=r?(n.setHandleCursor(e.orientation,{resizable:e.resizable,boundary:"max"}),!0):(n.setHandleCursor(e.orientation),!1)}function P(n,t){if(!t.availableSpace&&!t.max)return 100;let e=m(t.max,t.availableSpace);return y(n,t.min,e)}function O(n,t){if(n==="horizontal")switch(t==null?void 0:t.boundary){case"min":return t.resizable==="end"?"e-resize":"w-resize";case"max":return t.resizable==="end"?"w-resize":"e-resize";default:return"col-resize"}else switch(t==null?void 0:t.boundary){case"min":return t.resizable==="end"?"s-resize":"n-resize";case"max":return t.resizable==="end"?"n-resize":"s-resize";default:return"row-resize"}}function ie(n){return n==="horizontal"?"drag_vertical_variant":"drag_handle"}function I(n){let t=n.resizable;if(t==="off")return;let e=n;do e=t==="end"?e.nextElementSibling:e.previousElementSibling;while(e instanceof s&&!e.open);if(e instanceof s)return e}function me(n){var o,u;if(!isNaN(+n))return{amount:+n,unit:"px"};let t=/(^\d*\.?\d*)\s*(px|%$)?/i,e=n.match(t),r=e!=null&&e[1]?+e[1]:-1,a=(u=(o=e==null?void 0:e[2])==null?void 0:o.toLowerCase())!=null?u:"";return{amount:r,unit:a}}function b(n,t){let e=me(n);return e.unit==="%"?j(e.amount,t):e.amount}function ne(){let n=document.createElement("div");return n.classList.add(i.classes.OVERLAY),n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.width="100vw",n.style.height="100vh",n.style.zIndex="9999",n}var k=class{constructor(t){this._adapter=t;this._size=200;this._min=0;this._accessibleLabel="Split view panel";this._open=!0;this._state=Y();this._isInitialized=!1;this._parentProperties={};this._pointerdownListener=e=>this._onPointerdown(e),this._pointerupListener=e=>this._onPointerup(e),this._pointermoveListener=e=>this._onPointermove(e),this._keydownListener=e=>this._onKeydown(e),this._keyupListener=e=>this._onKeyup(e)}get _orientation(){return this._state.orientation}set _orientation(t){this._state.orientation=t}get _resizable(){return this._state.resizable}set _resizable(t){this._state.resizable=t}get _pixelMin(){return this._state.min}set _pixelMin(t){this._state.min=t}get _pixelMax(){return this._state.max}set _pixelMax(t){this._state.max=t}get _appliedDisabled(){var t,e;return(e=(t=this._disabled)!=null?t:this._parentProperties.disabled)!=null?e:!1}get _appliedAllowClose(){var t,e;return(e=(t=this._allowClose)!=null?t:this._parentProperties.allowClose)!=null?e:!1}get _appliedAutoClose(){var t,e;return(e=(t=this._autoClose)!=null?t:this._parentProperties.autoClose)!=null?e:!1}get _appliedAutoCloseThreshold(){var t,e;return(e=(t=this._autoCloseThreshold)!=null?t:this._parentProperties.autoCloseThreshold)!=null?e:0}initialize(){this._adapter.initialize(),this._adapter.setPointerdownListener(this._pointerdownListener),this._adapter.setKeydownListener(this._keydownListener),this._getParentProperties(),this._applyResizable(),this._applyMin(),this._applyMax(),this._applySize(),this._applyAccessibleLabel(),this._applyOpen(),this._applyDisabled(),this._applyAllowClose(),this._applyAutoClose(),this._applyAutoCloseThreshold(),this._isInitialized=!0}disconnect(){this._adapter.tryRemoveOverlay(),this._adapter.removePointerupListener(this._pointerupListener),this._adapter.removePointermoveListener(this._pointermoveListener)}_onPointerdown(t){this._appliedDisabled||!this._allowResize("pointer")||(t.preventDefault(),this._adapter.setPointermoveListener(this._pointermoveListener),this._adapter.setPointerupListener(this._pointerupListener),this._handlePointerdown(t))}_onPointerup(t){t.preventDefault(),this._adapter.removePointermoveListener(this._pointermoveListener),this._adapter.removePointerupListener(this._pointerupListener),this._handlePointerup()}_onPointermove(t){if(!this._appliedDisabled){if(t.preventDefault(),t.buttons===0){this._adapter.removePointermoveListener(this._pointermoveListener),this._adapter.removePointerupListener(this._pointerupListener),this._handlePointerup();return}this._handlePointermove(t)}}_onKeydown(t){this._appliedDisabled||(t.key==="Enter"?this._handleEnterKey(t):t.key==="Home"&&this._allowResize("keyboard")?this._handleHomeKey(t):t.key==="End"&&this._allowResize("keyboard")?this._handleEndKey(t):x(t)&&this._allowResize("keyboard")&&(this._adapter.setKeyupListener(this._keyupListener),this._handleArrowKey(t)))}_onKeyup(t){x(t)&&(this._adapter.removeKeyupListener(this._keyupListener),this._handleArrowKeyUp())}_handleEnterKey(t){!this._appliedAllowClose||(t.preventDefault(),this._tryOpenOrClose(!this._open,!1,!0))}_handleHomeKey(t){t.preventDefault();let e=J(this._adapter,this._state);this._adapter.emitHostEvent(i.events.RESIZE,e),this._tryAutoClose()}_handleEndKey(t){t.preventDefault();let e=Q(this._adapter,this._state);this._adapter.emitHostEvent(i.events.RESIZE,e)}_handleArrowKey(t){let e=0;if(this._orientation==="horizontal")switch(t.key){case"ArrowLeft":e=-1;break;case"ArrowRight":e=1;break;default:return}else switch(t.key){case"ArrowUp":e=-1;break;case"ArrowDown":e=1;break;default:return}t.preventDefault(),this._resizable==="start"&&(e*=-1),t.shiftKey&&(e*=10),this._tryHandleArrowKeyDown(),this._handleArrowKeyHeld(e)}_tryHandleArrowKeyDown(){this._state.arrowKeyHeld||this._startResize(),this._state.arrowKeyHeld=!0}_handleArrowKeyUp(){this._endResize()}_handleArrowKeyHeld(t){q(this._adapter,t,this._state)&&this._adapter.emitHostEvent(i.events.RESIZE,this._state.currentSize)}_handlePointerdown(t){this._adapter.setGrabbed(!0),this._adapter.focusHandle(),this._startResize(),this._state.startPoint=this._orientation==="horizontal"?t.clientX:t.clientY,E(this._adapter,this._state,"pointer")}_handlePointerup(){this._adapter.setGrabbed(!1),this._adapter.deactivateRipple(),this._endResize()}_handlePointermove(t){F(this._adapter,t,this._state)&&this._adapter.emitHostEvent(i.events.RESIZE,this._state.currentSize)}_allowResize(t){return this._adapter.emitHostEvent(i.events.WILL_RESIZE,{inputDeviceType:t},!0,!0)}_startResize(){this._state=$(this._adapter,this._state),this._adapter.emitHostEvent(i.events.RESIZE_START,this._state.startSize)}_endResize(){this._adapter.emitHostEvent(i.events.RESIZE_END,this._state.currentSize),this._adapter.updateParent({accessibility:this._state.startSize!==this._state.currentSize,cursor:!0}),this._state=G(this._state),this._tryAutoClose()}_tryOpenOrClose(t=!0,e=!1,r=!1){let a=t?i.events.WILL_OPEN:i.events.WILL_CLOSE,o={auto:e,userInitiated:r};!this._adapter.emitHostEvent(a,o,!0,!0)||(this._open=t,this._applyOpen(o))}_tryAutoClose(){let t=this._adapter.getContentSize(this._orientation);this._appliedAutoClose&&t<=this._appliedAutoCloseThreshold&&this._tryOpenOrClose(!1,!0,!1)}_getParentProperties(){let t=this._adapter.getParentProperty("disabled");this._parentProperties.disabled=t,this._applyParentDisabled();let e=this._adapter.getParentProperty("allowClose");this._parentProperties.allowClose=e;let r=this._adapter.getParentProperty("autoClose");this._parentProperties.autoClose=r,this._applyParentAutoClose();let a=this._adapter.getParentProperty("autoCloseThreshold");this._parentProperties.autoCloseThreshold=a,this._applyParentAutoCloseThreshold()}_applyOrientation(){this._adapter.setOrientation(this._orientation)}get resizable(){return this._resizable}set resizable(t){this._resizable!==t&&(this._resizable=t,this._applyResizable())}_applyResizable(){this._adapter.setHostAttribute(i.attributes.RESIZABLE,this._resizable),this._adapter.setResizable(this._resizable)}get size(){return this._size}set size(t){this._size.toString()!==t.toString()&&(this._size=t,this._applySize())}_applySize(){let t=this._adapter.getParentSize(this._orientation),e=b(this._size,t);this._adapter.setHostAttribute(i.attributes.SIZE,this._size.toString()),this._adapter.setContentSize(e),window.requestAnimationFrame(()=>{let r=this._adapter.getAvailableSpace(this._orientation,this._resizable),a=m(this._pixelMax,r),o=y(e,this._pixelMin,a);this._adapter.setValuenow(o),this._adapter.updateParent({cursor:!0})})}get min(){return this._min}set min(t){this._min.toString()!==t.toString()&&(this._min=t,this._applyMin())}_applyMin(){this._adapter.setHostAttribute(i.attributes.MIN,this._min.toString());let t=this._adapter.getParentSize(this._orientation);if(this._pixelMin=b(this._min,t),this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation);e<this._pixelMin&&this.setContentSize(e)}get max(){return this._max}set max(t){var e;((e=this._max)==null?void 0:e.toString())!==(t==null?void 0:t.toString())&&(this._max=t,this._applyMax())}_applyMax(){var r;if(this._adapter.toggleHostAttribute(i.attributes.MAX,this._max!==void 0,(r=this._max)==null?void 0:r.toString()),this._max===void 0){this._pixelMax=void 0;return}let t=this._adapter.getParentSize(this._orientation);if(this._pixelMax=b(this._max,t),this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation);e>this._pixelMax&&this.setContentSize(e)}get accessibleLabel(){return this._accessibleLabel}set accessibleLabel(t){this._accessibleLabel!==t&&(this._accessibleLabel=t,this._applyAccessibleLabel())}_applyAccessibleLabel(){this._adapter.setHostAttribute(i.attributes.ACCESSIBLE_LABEL,this._accessibleLabel),this._adapter.setAccessibleLabel(this._accessibleLabel)}get open(){return this._open}set open(t){if(this._open!==t){if(this._isInitialized){this._tryOpenOrClose(t,!1,!1);return}this._open=t;let e=this._isInitialized?{auto:!1,userInitiated:!1}:void 0;this._applyOpen(e)}}_applyOpen(t){this._adapter.setHostAttribute(i.attributes.OPEN,this._open.toString()),this._adapter.setOpen(this._open,this._isInitialized,t)}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._applyDisabled())}_applyDisabled(){var t;this._adapter.toggleHostAttribute(i.attributes.DISABLED,(t=this._disabled)!=null?t:!1),this._adapter.setDisabled(this._appliedDisabled)}_applyParentDisabled(){this._isInitialized&&!p(this._disabled)&&this._adapter.setDisabled(this._appliedDisabled)}get allowClose(){return this._allowClose}set allowClose(t){this._allowClose!==t&&(this._allowClose=t,this._applyAllowClose())}_applyAllowClose(){var t;this._adapter.toggleHostAttribute(i.attributes.ALLOW_CLOSE,(t=this._allowClose)!=null?t:!1)}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose!==t&&(this._autoClose=t,this._applyAutoClose())}_applyAutoClose(){var t;this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE,(t=this._autoClose)!=null?t:!1),this._isInitialized&&this._tryAutoClose()}_applyParentAutoClose(){this._isInitialized&&!p(this._autoClose)&&this._tryAutoClose()}get autoCloseThreshold(){return this._autoCloseThreshold}set autoCloseThreshold(t){this._autoCloseThreshold!==t&&(this._autoCloseThreshold=t,this._applyAutoCloseThreshold())}_applyAutoCloseThreshold(){var t;this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE_THRESHOLD,p(this._autoCloseThreshold),(t=this.autoCloseThreshold)==null?void 0:t.toString()),this._isInitialized&&this._tryAutoClose()}_applyParentAutoCloseThreshold(){this._isInitialized&&!p(this._autoCloseThreshold)&&this._tryAutoClose()}getContentSize(){return this._adapter.getContentSize(this._orientation)}getCollapsibleSize(){let t=this._adapter.getParentSize(this._orientation),e=b(this._min,t);return this._adapter.getContentSize(this._orientation)-e}setContentSize(t){if(this._resizable==="off")return;let e=C(t,this._state);this._adapter.setContentSize(e),this._isInitialized&&this._adapter.emitHostEvent(i.events.RESIZE,e)}update(t){if(t.orientation&&(this._orientation=t.orientation,this._applyOrientation()),t.properties&&(p(t.properties.disabled)&&this._parentProperties.disabled!==t.properties.disabled&&(this._parentProperties.disabled=t.properties.disabled,this._applyDisabled()),p(t.properties.allowClose)&&(this._parentProperties.allowClose=t.properties.allowClose),p(t.properties.autoClose)&&this._parentProperties.autoClose!==t.properties.autoClose&&(this._parentProperties.autoClose=t.properties.autoClose,p(this._autoClose)||this._applyAutoClose()),p(t.properties.autoCloseThreshold)&&this._parentProperties.autoCloseThreshold!==t.properties.autoCloseThreshold&&(this._parentProperties.autoCloseThreshold=t.properties.autoCloseThreshold,p(this._autoCloseThreshold)||this._applyAutoCloseThreshold())),t.size&&this.open){let a=this._adapter.getParentSize(this._orientation);this._pixelMin=b(this._min,a),this._pixelMax=p(this._max)?b(this._max,a):void 0,this.setContentSize(this._adapter.getContentSize(this._orientation))}if(this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation),r=this._adapter.getAvailableSpace(this._orientation,this._resizable);if(t.accessibility&&this.open){let a=P(e,h(f({},this._state),{availableSpace:r}));this._adapter.setValuenow(a)}t.cursor&&te(this._adapter,e,h(f({},this._state),{availableSpace:r}))}};var be=`${z}split-view`,fe={ORIENTATION:"orientation",DISABLED:"disabled",ALLOW_CLOSE:"allow-close",AUTO_CLOSE:"auto-close",AUTO_CLOSE_THRESHOLD:"auto-close-threshold"},he={ROOT:"forge-split-view"},re={ROOT:"root"},_e={ROOT:`#${re.ROOT}`,PANEL:i.elementName},ve={RESIZE_THROTTLE_THRESHOLD:200},we={ANIMATING_LAYER:"--forge-split-view-animating-layer"},ae={elementName:be,attributes:fe,classes:he,ids:re,selectors:_e,numbers:ve,customCssProperties:we};var L=class extends K{constructor(e){super(e);this._root=_(e,i.selectors.ROOT),this._handle=_(e,i.selectors.HANDLE),this._icon=_(e,i.selectors.ICON),this._ripple=_(e,i.selectors.RIPPLE),this._content=_(e,i.selectors.CONTENT)}initialize(){let e=this._component.parentElement;(e==null?void 0:e.tagName.toLowerCase())===ae.elementName&&(this._parent=e)}tryRemoveOverlay(){var e;(e=this._overlay)==null||e.remove(),this._overlay=void 0}setPointerdownListener(e){this._handle.addEventListener("pointerdown",e)}setPointerupListener(e){document.addEventListener("pointerup",e)}removePointerupListener(e){document.removeEventListener("pointerup",e)}setPointermoveListener(e){document.addEventListener("pointermove",e)}removePointermoveListener(e){document.removeEventListener("pointermove",e)}setKeydownListener(e){this._handle.addEventListener("keydown",e)}setKeyupListener(e){this._handle.addEventListener("keyup",e)}removeKeyupListener(e){this._handle.removeEventListener("keyup",e)}getParentProperty(e){var r;return(r=this._parent)==null?void 0:r[e]}setAccessibleLabel(e){this._handle.setAttribute("aria-label",e)}setDisabled(e){this._root.classList.toggle(i.classes.DISABLED,e),this._handle&&(this._handle.setAttribute("tabindex",e?"-1":"0"),g(this._handle,e,"aria-disabled","true"))}setResizable(e){this._root.setAttribute(i.attributes.RESIZABLE,e.toString()),g(this._handle,e!=="off","aria-valuemin","0"),g(this._handle,e!=="off","aria-valuemax","100"),e!=="off"&&(this._handle.remove(),e==="end"?this._root.append(this._handle):this._root.prepend(this._handle))}setOrientation(e){this._root.setAttribute(i.attributes.ORIENTATION,e),this._handle.setAttribute("aria-orientation",e==="horizontal"?"vertical":"horizontal"),this._icon.setAttribute("name",ie(e))}setOpen(e,r=!0,a){var u,S;let o=()=>{var V,T;e||this._root.classList.add(i.classes.CLOSED),a&&this.emitHostEvent(e?i.events.DID_OPEN:i.events.DID_CLOSE,a),(V=this._parent)==null||V.unlayerSlottedPanels(),(T=this._parent)==null||T.update({accessibility:!0,cursor:!0})};if(e&&this._root.classList.contains(i.classes.CLOSED)){if(this._root.classList.remove(i.classes.CLOSED),!r){o();return}(u=this._parent)==null||u.layerSlottedPanels(this._component),A(this._root,i.classes.OPENING,!0).then(()=>{o()})}else if(!e&&!this._root.classList.contains(i.classes.CLOSED)){if(!r){o();return}(S=this._parent)==null||S.layerSlottedPanels(this._component),A(this._root,i.classes.CLOSING,!0).then(()=>{o()})}}setGrabbed(e){var r;this._root.classList.toggle(i.classes.GRABBED,e),this._handle.setAttribute("aria-grabbed",e.toString()),e?(this._overlay||(this._overlay=ne()),document.body.append(this._overlay)):(r=this._overlay)==null||r.remove()}setHandleCursor(e,r){e?this._root.style.setProperty(i.customCssProperties.CURSOR,O(e,r)):this._root.style.removeProperty(i.customCssProperties.CURSOR)}setBodyCursor(e,r){var a;(a=this._overlay)==null||a.style.setProperty("cursor",O(e,r))}getContentSize(e){return e==="horizontal"?this._content.clientWidth:this._content.clientHeight}setContentSize(e){this._component.style.setProperty(i.customCssProperties.SIZE,`${e}px`)}setValuenow(e){this._handle.setAttribute("aria-valuenow",e.toFixed(2))}focusHandle(){this._handle.focus()}getAvailableSpace(e,r){if(r==="off")return-1;let a=I(this._component);return a?a.getCollapsibleSize()+this.getContentSize(e):this.getParentSize(e)}getSiblingContentSize(){var r;let e=I(this._component);return(r=e==null?void 0:e.getContentSize())!=null?r:0}setSiblingContentSize(e){let r=I(this._component);r==null||r.setContentSize(e)}activateRipple(e){e?(this._ripple.deactivate(),window.setTimeout(()=>{this._ripple.activate()},i.numbers.RIPPLE_ACTIVATION_WAIT)):(this._ripple.activate(),this._ripple.deactivate())}deactivateRipple(){this._ripple.deactivate()}getParentSize(e){var a,o;let r=e==="horizontal"?(a=this._parent)==null?void 0:a.clientWidth:(o=this._parent)==null?void 0:o.clientHeight;return r!=null?r:0}updateParent(e){var r;(r=this._parent)==null||r.update(e)}};var Se='<template><div class="forge-split-view-panel" id="root" part="root"><div class="forge-split-view-panel__handle" id="handle" part="handle" role="separator" aria-controls="content" aria-grabbed="false" tabindex="0"><forge-icon class="forge-split-view-panel__icon" id="icon" part="icon"></forge-icon><forge-ripple id="ripple" part="ripple"></forge-ripple></div><div class="forge-split-view-panel__content" id="content" part="content" role="group"><slot></slot></div></div></template>',ge='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uujkomf;animation-name:uujkomf;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uujkomf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uujkomf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uujkonc;animation-name:uujkonc;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uujkonc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uujkonc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uujkoo9;animation-name:uujkoo9;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uujkoo9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uujkoo9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uujkook;animation-name:uujkook;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uujkook{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uujkook{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uujkop1;animation-name:uujkop1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uujkop1{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uujkop1{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uujkop5;animation-name:uujkop5;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uujkop5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uujkop5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uujkopb;animation-name:uujkopb;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uujkopb{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uujkopb{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uujkopi;animation-name:uujkopi;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uujkopi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uujkopi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}',s=class extends M{constructor(){super();U.define([Z,B]),D(this,Se,ge),this._foundation=new k(new L(this))}static get observedAttributes(){return[i.attributes.RESIZABLE,i.attributes.SIZE,i.attributes.MIN,i.attributes.MAX,i.attributes.ACCESSIBLE_LABEL,i.attributes.OPEN,i.attributes.DISABLED,i.attributes.ALLOW_CLOSE,i.attributes.AUTO_CLOSE,i.attributes.AUTO_CLOSE_THRESHOLD]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case i.attributes.RESIZABLE:this.resizable=a;break;case i.attributes.SIZE:this.size=a;break;case i.attributes.MIN:this.min=a;break;case i.attributes.MAX:a?this.max=a:this.max=void 0;break;case i.attributes.ACCESSIBLE_LABEL:this.accessibleLabel=a;break;case i.attributes.OPEN:this.open=w(a);break;case i.attributes.DISABLED:this.hasAttribute(e)?this.disabled=w(a):this.disabled=void 0;break;case i.attributes.ALLOW_CLOSE:this.hasAttribute(e)?this.allowClose=w(a):this.allowClose=void 0;break;case i.attributes.AUTO_CLOSE:this.hasAttribute(e)?this.autoClose=w(a):this.autoClose=void 0;break;case i.attributes.AUTO_CLOSE_THRESHOLD:a?this.autoCloseThreshold=R(a):this.autoCloseThreshold=void 0;break}}getContentSize(){return this._foundation.getContentSize()}getCollapsibleSize(){return this._foundation.getCollapsibleSize()}setContentSize(e){this._foundation.setContentSize(e)}update(e){this._foundation.update(e)}};l([d()],s.prototype,"resizable",2),l([d()],s.prototype,"size",2),l([d()],s.prototype,"min",2),l([d()],s.prototype,"max",2),l([d()],s.prototype,"accessibleLabel",2),l([d()],s.prototype,"open",2),l([d()],s.prototype,"disabled",2),l([d()],s.prototype,"allowClose",2),l([d()],s.prototype,"autoClose",2),l([d()],s.prototype,"autoCloseThreshold",2),s=l([H({name:i.elementName,dependencies:[W,X]})],s);function St(){N(s)}export{i as a,ce as b,Y as c,$ as d,G as e,F as f,q as g,J as h,Q as i,ee as j,C as k,E as l,te as m,P as n,O as o,ie as p,I as q,me as r,b as s,ne as t,k as u,ae as v,L as w,s as x,St as y};
|
|
7
|
+
//# sourceMappingURL=chunk.QXFOGJAJ.js.map
|