@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.IBH5GL7A.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/button-toggle/button-toggle/button-toggle-constants.ts", "../../src/button-toggle/button-toggle/button-toggle-adapter.ts", "../../src/button-toggle/button-toggle/button-toggle-foundation.ts", "../../src/button-toggle/button-toggle/button-toggle.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}button-toggle`;\n\nconst attributes = {\n  VALUE: 'value',\n  SELECTED: 'selected',\n  DISABLED: 'disabled',\n  DENSE: 'dense',\n  BUTTON_ARIA_LABEL: 'button-aria-label',\n  SELECTED_ADJACENT: 'selected-adjacent',\n  SELECTED_ADJACENT_VERTICAL: 'selected-adjacent-vertical',\n  STRETCH: 'stretch'\n};\n\nconst classes = {\n  SELECTED: 'forge-button-toggle__selected',\n  DENSE: 'forge-button-toggle--dense'\n};\n\nconst selectors = {\n  BUTTON: '.forge-button-toggle',\n  SELECTED: `.${classes.SELECTED}`\n};\n\nconst events = {\n  SELECT: `${elementName}-select`\n};\n\nexport const BUTTON_TOGGLE_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors,\n  events\n};\n\nexport interface IButtonToggleSelectEventData {\n  value: string;\n  selected: boolean;\n}\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { ForgeRipple } from '../../ripple';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IButtonToggleGroupComponent } from '../button-toggle-group';\nimport { IButtonToggleComponent } from './button-toggle';\nimport { BUTTON_TOGGLE_CONSTANTS } from './button-toggle-constants';\n\nexport interface IButtonToggleAdapter extends IBaseAdapter {\n  setSelected(value: boolean): void;\n  addEventListener(type: string, listener: (evt: Event) => void): void;\n  removeEventListener(type: string, listener: (evt: Event) => void): void;\n  initializeRipple(): ForgeRipple;\n  setDisabled(value: boolean): void;\n  setDense(value: boolean): void;\n  requestFocus(): void;\n  detectStretchState(): void;\n}\n\nexport class ButtonToggleAdapter extends BaseAdapter<IButtonToggleComponent> implements IButtonToggleAdapter {\n  private _buttonElement: HTMLButtonElement;\n\n  constructor(component: IButtonToggleComponent) {\n    super(component);\n    this._buttonElement = getShadowElement(component, BUTTON_TOGGLE_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n  }\n\n  public setSelected(value: boolean): void {\n    if (value) {\n      this._buttonElement.classList.add(BUTTON_TOGGLE_CONSTANTS.classes.SELECTED);\n    } else {\n      this._buttonElement.classList.remove(BUTTON_TOGGLE_CONSTANTS.classes.SELECTED);\n    }\n    this._buttonElement.setAttribute('aria-pressed', value.toString());\n  }\n\n  public addEventListener(type: string, listener: (evt: Event) => void): void {\n    this._buttonElement.addEventListener(type, listener);\n  }\n\n  public removeEventListener(type: string, listener: (evt: Event) => void): void {\n    this._buttonElement.removeEventListener(type, listener);\n  }\n\n  public initializeRipple(): ForgeRipple {\n    return new ForgeRipple(this._buttonElement);\n  }\n\n  public setDisabled(value: boolean): void {\n    this._buttonElement.disabled = value;\n    if (value) {\n      this._buttonElement.setAttribute('aria-disabled', value.toString());\n    } else {\n      this._buttonElement.removeAttribute('aria-disabled');\n    }\n  }\n\n  public setDense(value: boolean): void {\n    if (value) {\n      this._buttonElement.classList.add(BUTTON_TOGGLE_CONSTANTS.classes.DENSE);\n    } else {\n      this._buttonElement.classList.remove(BUTTON_TOGGLE_CONSTANTS.classes.DENSE);\n    }\n  }\n\n  public requestFocus(): void {\n    this._buttonElement.focus();\n  }\n\n  public detectStretchState(): void {\n    if (this._component.hasAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.STRETCH)) {\n      return;\n    }\n    const buttonToggleGroup = this._component.parentElement as IButtonToggleGroupComponent;\n    if (buttonToggleGroup && buttonToggleGroup.hasAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.STRETCH) && buttonToggleGroup.stretch) {\n      this._component.setAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.STRETCH, '');\n    }\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { ForgeRipple } from '../../ripple';\nimport { IButtonToggleAdapter } from './button-toggle-adapter';\nimport { BUTTON_TOGGLE_CONSTANTS, IButtonToggleSelectEventData } from './button-toggle-constants';\n\n\nexport interface IButtonToggleFoundation extends ICustomElementFoundation {\n  value: any;\n  selected: boolean;\n  disabled: boolean;\n  dense: boolean;\n  setFocus(): void;\n}\n\nexport class ButtonToggleFoundation implements IButtonToggleFoundation {\n  private _value: any;\n  private _selected = false;\n  private _disabled = false;\n  private _dense = false;\n  private _clickListener: (evt: MouseEvent) => void;\n  private _rippleInstance: ForgeRipple;\n\n  constructor(private _adapter: IButtonToggleAdapter) {\n    this._clickListener = evt => this._onClick(evt);\n  }\n\n  public initialize(): void {\n    this._rippleInstance = this._adapter.initializeRipple();\n    this._adapter.addEventListener('click', this._clickListener);\n    this._adapter.setSelected(this._selected);\n    this._adapter.setDisabled(this._disabled);\n    this._adapter.setDense(this._dense);\n    this._adapter.detectStretchState();\n  }\n\n  public disconnect(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n    this._adapter.removeEventListener('click', this._clickListener);\n  }\n\n  private _onClick(evt: MouseEvent): void {\n    this._selected = !this._selected;\n    this._updateSelectedState();\n    this._adapter.emitHostEvent(BUTTON_TOGGLE_CONSTANTS.events.SELECT, { value: this._value, selected: this._selected } as IButtonToggleSelectEventData);\n  }\n\n  private _updateSelectedState(): void {\n    this._adapter.setSelected(this._selected);\n    this._adapter.setHostAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED, this._selected.toString());\n  }\n\n  public get value(): any {\n    return this._value;\n  }\n  public set value(value: any) {\n    this._value = value;\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._updateSelectedState();\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._adapter.setDisabled(this._disabled);\n    }\n  }\n\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._adapter.setDense(this._dense);\n    }\n  }\n\n  public setFocus(): void {\n    this._adapter.requestFocus();\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty, getShadowElement } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ButtonToggleAdapter } from './button-toggle-adapter';\nimport { BUTTON_TOGGLE_CONSTANTS, IButtonToggleSelectEventData } from './button-toggle-constants';\nimport { ButtonToggleFoundation } from './button-toggle-foundation';\n\nconst template = '<template><button type=\\\"button\\\" class=\\\"forge-button-toggle\\\" aria-pressed=\\\"false\\\" part=\\\"button\\\"><slot name=\\\"leading\\\"></slot><slot></slot><slot name=\\\"trailing\\\"></slot></button></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-button-toggle{--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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;width:100%;box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);border-radius:0;border-bottom-width:var(--forge-button-toggle-border-bottom-width,1px);border-right-width:var(--forge-button-toggle-border-right-width,1px);border-top-left-radius:var(--forge-button-toggle-border-top-left-radius,4px);border-bottom-left-radius:var(--forge-button-toggle-border-bottom-left-radius,4px);border-top-right-radius:var(--forge-button-toggle-border-top-right-radius,4px);border-bottom-right-radius:var(--forge-button-toggle-border-bottom-right-radius,4px)}.forge-button-toggle::after,.forge-button-toggle::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-button-toggle::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-button-toggle::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button-toggle.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button-toggle.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-button-toggle.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button-toggle.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-button-toggle.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-button-toggle::after,.forge-button-toggle::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button-toggle.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button-toggle::after,.forge-button-toggle::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button-toggle.mdc-ripple-surface--hover::before,.forge-button-toggle:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button-toggle.mdc-ripple-upgraded--background-focused::before,.forge-button-toggle:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button-toggle:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button-toggle.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button-toggle .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button-toggle::-moz-focus-inner{padding:0;border:0}.forge-button-toggle:active{outline:0}.forge-button-toggle:hover{cursor:pointer}.forge-button-toggle:disabled{cursor:default;pointer-events:none}.forge-button-toggle .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button-toggle:not(:disabled){background-color:transparent}.forge-button-toggle:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button-toggle .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-button-toggle:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-button-toggle:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-button-toggle .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-button-toggle .mdc-button__ripple::after,.forge-button-toggle .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-button-toggle.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-button-toggle:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-button-toggle.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-button-toggle:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-button-toggle:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-button-toggle.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-button-toggle .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-button-toggle:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-button-toggle:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-button-toggle.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-button-toggle.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-button-toggle .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-button-toggle .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-button-toggle.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-button-toggle.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-button-toggle .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-button-toggle .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-button-toggle:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button-toggle:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button-toggle__selected:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-button-toggle__selected:not(:disabled)::after,.forge-button-toggle__selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button-toggle__selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-button-toggle__selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button-toggle__selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-toggle__selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-toggle__selected:disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-button-toggle__selected:disabled::after,.forge-button-toggle__selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button-toggle__selected:disabled.mdc-ripple-surface--hover::before,.forge-button-toggle__selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button-toggle__selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-toggle__selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-toggle ::slotted([slot=leading]){display:inline-block;width:1.125rem;height:1.125rem;font-size:1.125rem!important;vertical-align:top;margin-right:4px}.forge-button-toggle ::slotted([slot=trailing]){display:inline-block;width:1.125rem;height:1.125rem;font-size:1.125rem!important;vertical-align:top;margin-left:4px}.forge-button-toggle--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem;font-size:.75rem}.forge-button-toggle--dense .mdc-button__touch{height:100%}.forge-button-toggle--dense ::slotted([slot=leading]){width:.875rem;height:.875rem;font-size:.875rem!important}.forge-button-toggle--dense ::slotted([slot=trailing]){width:.875rem;height:.875rem;font-size:.875rem!important}:host{display:inline-block}:host([hidden]){display:none}:host([stretch]){width:100%;-webkit-box-flex:1;flex:1}:host([selected-adjacent]) .forge-button-toggle{border-left-color:var(--mdc-theme-text-primary-on-dark)}:host([selected-adjacent-vertical]) .forge-button-toggle{border-top-color:var(--mdc-theme-text-primary-on-dark)}';\n\nexport interface IButtonToggleComponent extends IBaseComponent {\n  value: any;\n  selected: boolean;\n  disabled: boolean;\n  dense: boolean;\n}\n\nexport interface IButtonToggleComponentEventMap extends HTMLElementEventMap {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-button-toggle': IButtonToggleComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-button-toggle-select': CustomEvent<IButtonToggleSelectEventData>;\n  }\n}\n\n@CustomElement({\n  name: BUTTON_TOGGLE_CONSTANTS.elementName\n})\nexport class ButtonToggleComponent extends BaseComponent implements IButtonToggleComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BUTTON_TOGGLE_CONSTANTS.attributes.VALUE,\n      BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED,\n      BUTTON_TOGGLE_CONSTANTS.attributes.DISABLED,\n      BUTTON_TOGGLE_CONSTANTS.attributes.DENSE,\n      BUTTON_TOGGLE_CONSTANTS.attributes.BUTTON_ARIA_LABEL\n    ];\n  }\n\n  private _foundation: ButtonToggleFoundation;\n  private _buttonElement: HTMLButtonElement;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ButtonToggleFoundation(new ButtonToggleAdapter(this));\n    this._buttonElement = getShadowElement(this, BUTTON_TOGGLE_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n  }\n\n  public initializedCallback(): 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 BUTTON_TOGGLE_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED:\n        this.selected = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_CONSTANTS.attributes.BUTTON_ARIA_LABEL:\n        this._buttonElement.setAttribute('aria-label', newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public value: any;\n\n  @FoundationProperty()\n  public selected: boolean;\n\n  @FoundationProperty()\n  public disabled: boolean;\n\n  @FoundationProperty()\n  public dense: boolean;\n\n  public override focus(): void {\n    this._foundation.setFocus();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/chunks/chunk.IWXT6VVJ.js

@@ -0,0 +1,222 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  addClass,
+  removeClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  isDefined
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/drawer/base/base-drawer-constants.ts
+var attributes = {
+  OPEN: "open",
+  DIRECTION: "direction"
+};
+var classes = {
+  DRAWER: "forge-drawer",
+  LEFT: "forge-drawer--left",
+  RIGHT: "forge-drawer--right",
+  CLOSING: "forge-drawer--closing",
+  CLOSED: "forge-drawer--closed",
+  NO_TRANSITION: "forge-drawer--no-transition"
+};
+var selectors = {
+  DRAWER: `.${classes.DRAWER}`
+};
+var events = {
+  AFTER_OPEN: `forge-drawer-after-open`,
+  AFTER_CLOSE: `forge-drawer-after-close`
+};
+var BASE_DRAWER_CONSTANTS = {
+  attributes,
+  classes,
+  selectors,
+  events
+};
+
+// dist/build/lib/staging/src/drawer/base/base-drawer-adapter.ts
+var BaseDrawerAdapter = class extends BaseAdapter {
+  constructor(_component) {
+    super(_component);
+    this._component = _component;
+    this._drawerElement = getShadowElement(this._component, BASE_DRAWER_CONSTANTS.selectors.DRAWER);
+  }
+  setDirection(direction) {
+    switch (direction) {
+      case "left":
+        this._drawerElement.classList.remove(BASE_DRAWER_CONSTANTS.classes.RIGHT);
+        this._drawerElement.classList.add(BASE_DRAWER_CONSTANTS.classes.LEFT);
+        break;
+      case "right":
+        this._drawerElement.classList.remove(BASE_DRAWER_CONSTANTS.classes.LEFT);
+        this._drawerElement.classList.add(BASE_DRAWER_CONSTANTS.classes.RIGHT);
+        break;
+    }
+  }
+  removeDrawerClass(className) {
+    removeClass(className, this._drawerElement);
+  }
+  setDrawerClass(className) {
+    addClass(className, this._drawerElement);
+  }
+  listenTransitionComplete(listener) {
+    if (this._activeTransitionListener) {
+      this._drawerElement.removeEventListener("transitionend", this._activeTransitionListener);
+    }
+    this._activeTransitionListener = (evt) => {
+      if (evt.propertyName === "transform") {
+        if (this._activeTransitionListener) {
+          this._drawerElement.removeEventListener("transitionend", this._activeTransitionListener);
+          this._activeTransitionListener = void 0;
+        }
+        listener();
+      }
+    };
+    this._drawerElement.addEventListener("transitionend", this._activeTransitionListener);
+  }
+};
+
+// dist/build/lib/staging/src/drawer/base/base-drawer-foundation.ts
+var BaseDrawerFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._open = true;
+    this._direction = "left";
+    this._hasInitialized = false;
+    this._openAnimationListener = () => this._onOpenComplete();
+    this._closeAnimationListener = () => this._onCloseComplete();
+  }
+  connect() {
+    this._applyOpen();
+    this._applyDirection();
+    this._hasInitialized = true;
+  }
+  disconnect() {
+    this._hasInitialized = false;
+  }
+  _applyDirection() {
+    this._adapter.setDirection(this._direction);
+    this._adapter.setHostAttribute(BASE_DRAWER_CONSTANTS.attributes.DIRECTION, isDefined(this._direction) ? this._direction.toString() : "");
+  }
+  _onOpenComplete() {
+    if (!this._open) {
+      return;
+    }
+    this._adapter.emitHostEvent(BASE_DRAWER_CONSTANTS.events.AFTER_OPEN);
+  }
+  _onCloseComplete() {
+    if (this._open) {
+      return;
+    }
+    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);
+    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.NO_TRANSITION);
+    this._adapter.setDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSED);
+    this._adapter.emitHostEvent(BASE_DRAWER_CONSTANTS.events.AFTER_CLOSE);
+  }
+  _applyOpen() {
+    if (this._open) {
+      this._setDrawerOpenState();
+    } else {
+      this._setDrawerClosedState();
+    }
+    if (this._open) {
+      this._adapter.setHostAttribute(BASE_DRAWER_CONSTANTS.attributes.OPEN);
+    } else {
+      this._adapter.removeHostAttribute(BASE_DRAWER_CONSTANTS.attributes.OPEN);
+    }
+  }
+  _setDrawerOpenState() {
+    this._adapter.listenTransitionComplete(this._openAnimationListener);
+    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSED);
+    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);
+  }
+  _setDrawerClosedState() {
+    this._adapter.listenTransitionComplete(this._closeAnimationListener);
+    this._adapter.setDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);
+  }
+  get open() {
+    return this._open;
+  }
+  set open(value) {
+    if (this._open !== value) {
+      this._open = value;
+      if (this._hasInitialized) {
+        this._applyOpen();
+      }
+    }
+  }
+  get direction() {
+    return this._direction;
+  }
+  set direction(value) {
+    if (this._direction !== value) {
+      this._direction = value;
+      if (this._hasInitialized) {
+        this._applyDirection();
+      }
+    }
+  }
+};
+
+// dist/build/lib/staging/src/drawer/base/base-drawer.ts
+var BaseDrawerComponent = class extends BaseComponent {
+  constructor() {
+    super();
+  }
+  static get observedAttributes() {
+    return [
+      BASE_DRAWER_CONSTANTS.attributes.OPEN,
+      BASE_DRAWER_CONSTANTS.attributes.DIRECTION
+    ];
+  }
+  connectedCallback() {
+    this._foundation.connect();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case BASE_DRAWER_CONSTANTS.attributes.OPEN:
+        this.open = coerceBoolean(newValue);
+        break;
+      case BASE_DRAWER_CONSTANTS.attributes.DIRECTION:
+        this.direction = newValue;
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], BaseDrawerComponent.prototype, "open", 2);
+__decorateClass([
+  FoundationProperty()
+], BaseDrawerComponent.prototype, "direction", 2);
+
+export {
+  BASE_DRAWER_CONSTANTS,
+  BaseDrawerAdapter,
+  BaseDrawerFoundation,
+  BaseDrawerComponent
+};
+//# sourceMappingURL=chunk.IWXT6VVJ.js.map

package/dist/esm/chunks/chunk.IWXT6VVJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/drawer/base/base-drawer-constants.ts", "../../src/drawer/base/base-drawer-adapter.ts", "../../src/drawer/base/base-drawer-foundation.ts", "../../src/drawer/base/base-drawer.ts"],
+  "sourcesContent": ["const attributes = {\n  OPEN: 'open',\n  DIRECTION: 'direction'\n};\n\nconst classes = {\n  DRAWER: 'forge-drawer',\n  LEFT: 'forge-drawer--left',\n  RIGHT: 'forge-drawer--right',\n  CLOSING: 'forge-drawer--closing',\n  CLOSED: 'forge-drawer--closed',\n  NO_TRANSITION: 'forge-drawer--no-transition'\n};\n\nconst selectors = {\n  DRAWER: `.${classes.DRAWER}`\n};\n\nconst events = {\n  AFTER_OPEN: `forge-drawer-after-open`,\n  AFTER_CLOSE: `forge-drawer-after-close`\n};\n\nexport const BASE_DRAWER_CONSTANTS = {\n  attributes,\n  classes,\n  selectors,\n  events\n};\n\nexport type DrawerDirection = 'left' | 'right';\n", "import { addClass, getShadowElement, removeClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IBaseDrawerComponent } from './base-drawer';\nimport { DrawerDirection, BASE_DRAWER_CONSTANTS } from './base-drawer-constants';\n\nexport interface IBaseDrawerAdapter extends IBaseAdapter {\n  setDirection(direction: DrawerDirection): void;\n  removeDrawerClass(className: string | string[]): void;\n  setDrawerClass(className: string | string[]): void;\n  listenTransitionComplete(listener: () => void): void;\n}\n\nexport class BaseDrawerAdapter extends BaseAdapter<IBaseDrawerComponent> implements IBaseDrawerAdapter {\n  protected _drawerElement: HTMLElement;\n  private _activeTransitionListener: ((evt: TransitionEvent) => void) | undefined;\n\n  constructor(protected _component: IBaseDrawerComponent) {\n    super(_component);\n    this._drawerElement = getShadowElement(this._component, BASE_DRAWER_CONSTANTS.selectors.DRAWER);\n  }\n\n  public setDirection(direction: DrawerDirection): void {\n    switch (direction) {\n      case 'left':\n        this._drawerElement.classList.remove(BASE_DRAWER_CONSTANTS.classes.RIGHT);\n        this._drawerElement.classList.add(BASE_DRAWER_CONSTANTS.classes.LEFT);\n        break;\n      case 'right':\n        this._drawerElement.classList.remove(BASE_DRAWER_CONSTANTS.classes.LEFT);\n        this._drawerElement.classList.add(BASE_DRAWER_CONSTANTS.classes.RIGHT);\n        break;\n    }\n  }\n\n  public removeDrawerClass(className: string | string[]): void {\n    removeClass(className, this._drawerElement);\n  }\n\n  public setDrawerClass(className: string | string[]): void {\n    addClass(className, this._drawerElement);\n  }\n\n  public listenTransitionComplete(listener: () => void): void {\n    if (this._activeTransitionListener) {\n      this._drawerElement.removeEventListener('transitionend', this._activeTransitionListener);\n    }\n    this._activeTransitionListener = (evt: TransitionEvent) => {\n      if (evt.propertyName === 'transform') {\n        if (this._activeTransitionListener) {\n          this._drawerElement.removeEventListener('transitionend', this._activeTransitionListener);\n          this._activeTransitionListener = undefined;\n        }\n        listener();\n      }\n    };\n    this._drawerElement.addEventListener('transitionend', this._activeTransitionListener);\n  }\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\nimport { IBaseDrawerAdapter } from './base-drawer-adapter';\nimport { DrawerDirection, BASE_DRAWER_CONSTANTS } from './base-drawer-constants';\n\nexport interface IBaseDrawerFoundation extends ICustomElementFoundation {\n  direction: DrawerDirection;\n}\n\nexport class BaseDrawerFoundation implements IBaseDrawerFoundation {\n  protected _open = true;\n  protected _direction: DrawerDirection = 'left';\n  private _hasInitialized = false;\n  private _openAnimationListener: () => void;\n  private _closeAnimationListener: () => void;\n\n  constructor(protected _adapter: IBaseDrawerAdapter) {\n    this._openAnimationListener = () => this._onOpenComplete();\n    this._closeAnimationListener = () => this._onCloseComplete();\n  }\n\n  public connect(): void {\n    this._applyOpen();\n    this._applyDirection();\n    this._hasInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._hasInitialized = false;\n  }\n\n  private _applyDirection(): void {\n    this._adapter.setDirection(this._direction);\n    this._adapter.setHostAttribute(BASE_DRAWER_CONSTANTS.attributes.DIRECTION, isDefined(this._direction) ? this._direction.toString() : '');\n  }\n\n  private _onOpenComplete(): void {\n    if (!this._open) {\n      return;\n    }\n    this._adapter.emitHostEvent(BASE_DRAWER_CONSTANTS.events.AFTER_OPEN);\n  }\n  \n  private _onCloseComplete(): void {\n    if (this._open) {\n      return;\n    }\n    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);\n    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.NO_TRANSITION);\n    this._adapter.setDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSED);\n    this._adapter.emitHostEvent(BASE_DRAWER_CONSTANTS.events.AFTER_CLOSE);\n  }\n\n  protected _applyOpen(): void {\n    if (this._open) {\n      this._setDrawerOpenState();\n    } else {\n      this._setDrawerClosedState();\n    }\n    \n    if (this._open) {\n      this._adapter.setHostAttribute(BASE_DRAWER_CONSTANTS.attributes.OPEN);\n    } else {\n      this._adapter.removeHostAttribute(BASE_DRAWER_CONSTANTS.attributes.OPEN);\n    }\n  }\n\n  protected _setDrawerOpenState(): void {\n    this._adapter.listenTransitionComplete(this._openAnimationListener);\n    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSED);\n    this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);\n  }\n\n  protected _setDrawerClosedState(): void {\n    this._adapter.listenTransitionComplete(this._closeAnimationListener);\n    this._adapter.setDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);\n  }\n\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    if (this._open !== value) {\n      this._open = value;\n      if (this._hasInitialized) {\n        this._applyOpen();\n      }\n    }\n  }\n\n  public get direction(): DrawerDirection {\n    return this._direction;\n  }\n  public set direction(value: DrawerDirection) {\n    if (this._direction !== value) {\n      this._direction = value;\n      if (this._hasInitialized) {\n        this._applyDirection();\n      }\n    }\n  }\n}\n", "import { coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { BASE_DRAWER_CONSTANTS, DrawerDirection } from './base-drawer-constants';\nimport { BaseDrawerFoundation } from './base-drawer-foundation';\n\nexport interface IBaseDrawerComponent extends IBaseComponent {\n  open: boolean;\n  direction: DrawerDirection;\n}\n\ndeclare global {\n  interface HTMLElementEventMap {\n    'forge-drawer-after-open': CustomEvent<void>;\n    'forge-drawer-after-close': CustomEvent<void>;\n  }\n}\n\nexport abstract class BaseDrawerComponent<T extends BaseDrawerFoundation> extends BaseComponent implements IBaseDrawerComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BASE_DRAWER_CONSTANTS.attributes.OPEN,\n      BASE_DRAWER_CONSTANTS.attributes.DIRECTION\n    ];\n  }\n\n  protected abstract _foundation: T;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback(): void {\n    this._foundation.connect();\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 BASE_DRAWER_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case BASE_DRAWER_CONSTANTS.attributes.DIRECTION:\n        this.direction = newValue as DrawerDirection;\n        break;\n    }\n  }\n\n  /** Toggles whether a `dismissible` or `modal` drawer is open or not. Has no effect on `permanent` drawers. */\n  @FoundationProperty()\n  public open: boolean;\n\n  /** Controls the laytout direction of the drawer for positioning on the left vs. right side of the screen. */\n  @FoundationProperty()\n  public direction: DrawerDirection;\n}\n"],
+  "mappings": "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",
+  "names": []
+}