@tylertech/forge 2.13.0 → 2.13.2

package/dist/esm/chunks/{chunk.444GNOS4.js.map → chunk.V55E5JD5.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/product-icon/product-icon-constants.ts", "../../src/product-icon/product-icon-adapter.ts", "../../src/product-icon/product-icon-foundation.ts", "../../src/product-icon/product-icon.ts", "../../src/product-icon/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\nimport { COLOR_CONSTANTS } from '../theme/color-constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}product-icon`;\r\n\r\nconst classes = {\r\n  PRODUCT_ICON_BACKGROUND: 'forge-product-icon__background',\r\n  PRODUCT_ICON: 'forge-product-icon__icon',\r\n  PRODUCT_TEXT: 'forge-product-icon__text'\r\n};\r\n\r\nconst selectors = {\r\n  PRODUCT_ICON_BACKGROUND: `.${classes.PRODUCT_ICON_BACKGROUND}`,\r\n  PRODUCT_ICON: `.${classes.PRODUCT_ICON}`,\r\n  PRODUCT_TEXT: `.${classes.PRODUCT_TEXT}`,\r\n  SLOT: 'slot'\r\n};\r\n\r\nconst attributes = {\r\n  COLOR: 'color',\r\n  SIZE: 'size',\r\n  SHADOW: 'shadow',\r\n  ITERATIONS: 'iterations'\r\n};\r\n\r\nconst numbers = {\r\n  DEFAULT_SIZE: 64,\r\n  DEFAULT_ITERATIONS: 32,\r\n  ACCESSIBILITY_COLOR_THRESHOLD: 300,\r\n  ICON_FONT_SIZE_MODIFIER: 0.75,\r\n  TEXT_FONT_SIZE_MODIFIER: 0.5\r\n};\r\n\r\nconst strings = {\r\n  DEFAULT_COLOR_VALUE: 'indigo-500',\r\n  DEFAULT_COLOR_PALETTE: 'indigo',\r\n  DEFAULT_COLOR_SHADE: 500,\r\n  DEFAULT_BACKGROUND_COLOR: COLOR_CONSTANTS.indigoPalette[500]\r\n};\r\n\r\nexport const PRODUCT_ICON_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  numbers,\r\n  strings\r\n};\r\n", "import { addClass, generateTextShadow, getShadowElement, Platform, removeClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\r\nimport { IProductIconComponent } from './product-icon';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconAdapter extends IBaseAdapter {\r\n  setBackgroundColor(color: string): void;\r\n  setIconColor(color: string): void;\r\n  setElementSize(value: number): void;\r\n  setFontSize(value: number): void;\r\n  setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void;\r\n  removeIconClass(classes: string | string[]): void;\r\n}\r\n\r\nexport class ProductIconAdapter extends BaseAdapter<IProductIconComponent> implements IProductIconAdapter {\r\n  private _backgroundElement: HTMLElement;\r\n  private _iconElement: HTMLElement;\r\n  private _textElement: HTMLElement;\r\n\r\n  constructor(component: IProductIconComponent) {\r\n    super(component);\r\n    this._backgroundElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON_BACKGROUND);\r\n    this._iconElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON);\r\n    this._textElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_TEXT);\r\n  }\r\n\r\n  public setBackgroundColor(color: string): void {\r\n    this._backgroundElement.style.backgroundColor = color;\r\n  }\r\n\r\n  public setIconColor(color: string): void {\r\n    this._iconElement.style.color = color;\r\n    this._textElement.style.color = color;\r\n  }\r\n\r\n  public setElementSize(value: number): void {\r\n    this._backgroundElement.style.height = `${value}px`;\r\n    this._backgroundElement.style.width = `${value}px`;\r\n  }\r\n\r\n  public setFontSize(value: number): void {\r\n    const textFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.TEXT_FONT_SIZE_MODIFIER;\r\n    const iconFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.ICON_FONT_SIZE_MODIFIER;\r\n\r\n    this._iconElement.style.setProperty('--forge-product-icon-font-size', `${iconFontSize}px`);\r\n    this._textElement.style.setProperty('--forge-product-icon-font-size', `${textFontSize}px`);\r\n\r\n    this._iconElement.style.fontSize = `var(--forge-product-icon-font-size, ${iconFontSize}px)`;\r\n    this._textElement.style.fontSize = `var(--forge-product-icon-font-size, ${textFontSize}px)`;\r\n  }\r\n\r\n  public removeIconClass(classes: string | string[]): void {\r\n    removeClass(classes, this._iconElement);\r\n    removeClass(classes, this._textElement);\r\n  }\r\n\r\n  public setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void {\r\n    if (hasShadow) {\r\n      const shadow = generateTextShadow(iterations, shadowColor);\r\n      this._iconElement.style.textShadow = shadow;\r\n      this._textElement.style.textShadow = shadow;\r\n    } else {\r\n      this._iconElement.style.removeProperty('text-shadow');\r\n      this._textElement.style.removeProperty('text-shadow');\r\n    }\r\n  }\r\n}\r\n", "import { ICustomElementFoundation, coerceNumber } from '@tylertech/forge-core';\r\n\r\nimport { COLOR_CONSTANTS } from '../theme';\r\nimport { IProductIconAdapter } from './product-icon-adapter';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconFoundation extends ICustomElementFoundation {\r\n  color: string;\r\n  size: number;\r\n  shadow: boolean;\r\n  iterations: number;\r\n}\r\n\r\nexport class ProductIconFoundation implements IProductIconFoundation {\r\n  private _colorValue = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_VALUE;\r\n  private _colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n  private _colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n  private _size = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_SIZE;\r\n  private _shadow = true;\r\n  private _backgroundColor = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_BACKGROUND_COLOR;\r\n  private _shadowColor: string;\r\n  private _iterations = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_ITERATIONS;\r\n  private _usingCustomIterations = false;\r\n\r\n  constructor(private _adapter: IProductIconAdapter) {}\r\n\r\n  public initialize(): void {\r\n    this._adapter.setElementSize(this._size);\r\n    this._updateFontSize();\r\n    this._parseColor();\r\n    this._render();\r\n  }\r\n\r\n  private _parseColor(): void {\r\n    if (this._colorValue.includes('-')) {\r\n      this._colorPalette = this._colorValue.split('-')[0];\r\n      this._colorShade = coerceNumber(this._colorValue.split('-')[1]);\r\n    } else {\r\n      this._colorPalette = this._colorValue;\r\n      this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n    }\r\n  }\r\n\r\n  private _updateSize(): void {\r\n    this._adapter.setElementSize(this._size);\r\n\r\n    // If not using a custom iteration value, then we need to adjust the shadow length\r\n    if (!this._usingCustomIterations) {\r\n      this._iterations = this._size / 2;\r\n      this._updateShadow();\r\n    }\r\n  }\r\n\r\n  private _updateFontSize(): void {\r\n    this._adapter.setFontSize(this._size);\r\n  }\r\n\r\n  private _updateShadow(): void {\r\n    if (this._shadow) {\r\n      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n    }\r\n  }\r\n\r\n  private _render(): void {\r\n    if (!this._colorValue) {\r\n      return;\r\n    }\r\n\r\n    const iconColor = this._colorShade <= PRODUCT_ICON_CONSTANTS.numbers.ACCESSIBILITY_COLOR_THRESHOLD ? '#000000' : '#ffffff';\r\n    const shadowIncrement = this._colorShade + 300;\r\n\r\n    if (!COLOR_CONSTANTS[`${this._colorPalette}Palette`]) {\r\n      this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n    }\r\n\r\n    this._backgroundColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][this._colorShade];\r\n    this._shadowColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][shadowIncrement];\r\n\r\n    this._adapter.setBackgroundColor(this._backgroundColor);\r\n    this._adapter.setIconColor(iconColor);\r\n    this._updateShadow();\r\n  }\r\n\r\n  public get color(): string {\r\n    return this._colorValue;\r\n  }\r\n  public set color(value: string) {\r\n    if (this._colorValue !== value) {\r\n      this._colorValue = value;\r\n      this._parseColor();\r\n      this._render();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.COLOR, this._colorValue);\r\n    }\r\n  }\r\n\r\n  public get size(): number {\r\n    return this._size;\r\n  }\r\n  public set size(value: number) {\r\n    if (this._size !== value) {\r\n      this._size = value;\r\n      this._updateSize();\r\n      this._updateFontSize();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SIZE, this._size.toString());\r\n    }\r\n  }\r\n\r\n  public get shadow(): boolean {\r\n    return this._shadow;\r\n  }\r\n  public set shadow(value: boolean) {\r\n    if (this._shadow !== value) {\r\n      this._shadow = value;\r\n      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n      if (this._shadow) {\r\n        this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SHADOW, '');\r\n      } else {\r\n        this._adapter.removeIconClass(PRODUCT_ICON_CONSTANTS.attributes.SHADOW);\r\n      }\r\n    }\r\n  }\r\n\r\n  public get iterations(): number {\r\n    return this._iterations;\r\n  }\r\n  public set iterations(value: number) {\r\n    if (this._iterations !== value) {\r\n      this._usingCustomIterations = true;\r\n      this._iterations = value;\r\n      this._updateShadow();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS, this._iterations.toString());\r\n    }\r\n  }\r\n}\r\n", "import { CustomElement, attachShadowTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\r\nimport { ProductIconAdapter } from './product-icon-adapter';\r\nimport { ProductIconFoundation } from './product-icon-foundation';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\n\r\nconst template = '<template><div class=\\\"forge-product-icon__background\\\" part=\\\"root\\\"><div class=\\\"forge-product-icon__container\\\" part=\\\"container\\\"><span class=\\\"forge-product-icon__icon\\\" part=\\\"icon-container\\\"><slot></slot></span><span class=\\\"forge-product-icon__text\\\" part=\\\"text-container\\\"><slot name=\\\"text\\\"></slot></span></div></div></template>';\r\nconst styles = '.forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}';\r\n\r\nexport interface IProductIconComponent extends IBaseComponent {\r\n  color: string;\r\n  size: number;\r\n  shadow: boolean;\r\n  iterations: number;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-product-icon': IProductIconComponent;\r\n  }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-product-icon>` custom element.\r\n * \r\n * @tag forge-product-icon\r\n */\r\n@CustomElement({\r\n  name: PRODUCT_ICON_CONSTANTS.elementName\r\n})\r\nexport class ProductIconComponent extends BaseComponent implements IProductIconComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      PRODUCT_ICON_CONSTANTS.attributes.COLOR,\r\n      PRODUCT_ICON_CONSTANTS.attributes.SIZE,\r\n      PRODUCT_ICON_CONSTANTS.attributes.SHADOW,\r\n      PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ProductIconFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ProductIconFoundation(new ProductIconAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case PRODUCT_ICON_CONSTANTS.attributes.COLOR:\r\n        this.color = newValue;\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.SIZE:\r\n        this.size = coerceNumber(newValue);\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.SHADOW:\r\n        this.shadow = coerceBoolean(newValue);\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS:\r\n        this.iterations = coerceNumber(newValue);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** The color of the container element from the material color palette. */\r\n  @FoundationProperty()\r\n  public color: string;\r\n\r\n  /** Controls the height and width of the container element. */\r\n  @FoundationProperty()\r\n  public size: number;\r\n\r\n  /** Controls the visibility of the text shadow. */\r\n  @FoundationProperty()\r\n  public shadow: boolean;\r\n\r\n  /** The number of iterations to apply the text shadow. */\r\n  @FoundationProperty()\r\n  public iterations: number;\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { ProductIconComponent } from './product-icon';\r\n\r\nexport * from './product-icon-adapter';\r\nexport * from './product-icon-constants';\r\nexport * from './product-icon-foundation';\r\nexport * from './product-icon';\r\n\r\nexport function defineProductIconComponent(): void {\r\n  defineCustomElement(ProductIconComponent);\r\n}\r\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\nimport { COLOR_CONSTANTS } from '../theme/color-constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}product-icon`;\r\n\r\nconst classes = {\r\n  PRODUCT_ICON_BACKGROUND: 'forge-product-icon__background',\r\n  PRODUCT_ICON: 'forge-product-icon__icon',\r\n  PRODUCT_TEXT: 'forge-product-icon__text'\r\n};\r\n\r\nconst selectors = {\r\n  PRODUCT_ICON_BACKGROUND: `.${classes.PRODUCT_ICON_BACKGROUND}`,\r\n  PRODUCT_ICON: `.${classes.PRODUCT_ICON}`,\r\n  PRODUCT_TEXT: `.${classes.PRODUCT_TEXT}`,\r\n  SLOT: 'slot'\r\n};\r\n\r\nconst attributes = {\r\n  COLOR: 'color',\r\n  SIZE: 'size',\r\n  SHADOW: 'shadow',\r\n  ITERATIONS: 'iterations'\r\n};\r\n\r\nconst numbers = {\r\n  DEFAULT_SIZE: 64,\r\n  DEFAULT_ITERATIONS: 32,\r\n  ACCESSIBILITY_COLOR_THRESHOLD: 300,\r\n  ICON_FONT_SIZE_MODIFIER: 0.75,\r\n  TEXT_FONT_SIZE_MODIFIER: 0.5\r\n};\r\n\r\nconst strings = {\r\n  DEFAULT_COLOR_VALUE: 'indigo-500',\r\n  DEFAULT_COLOR_PALETTE: 'indigo',\r\n  DEFAULT_COLOR_SHADE: 500,\r\n  DEFAULT_BACKGROUND_COLOR: COLOR_CONSTANTS.indigoPalette[500]\r\n};\r\n\r\nexport const PRODUCT_ICON_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  numbers,\r\n  strings\r\n};\r\n", "import { addClass, generateTextShadow, getShadowElement, Platform, removeClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\r\nimport { IProductIconComponent } from './product-icon';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconAdapter extends IBaseAdapter {\r\n  setBackgroundColor(color: string): void;\r\n  setIconColor(color: string): void;\r\n  setElementSize(value: number): void;\r\n  setFontSize(value: number): void;\r\n  setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void;\r\n  removeIconClass(classes: string | string[]): void;\r\n}\r\n\r\nexport class ProductIconAdapter extends BaseAdapter<IProductIconComponent> implements IProductIconAdapter {\r\n  private _backgroundElement: HTMLElement;\r\n  private _iconElement: HTMLElement;\r\n  private _textElement: HTMLElement;\r\n\r\n  constructor(component: IProductIconComponent) {\r\n    super(component);\r\n    this._backgroundElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON_BACKGROUND);\r\n    this._iconElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON);\r\n    this._textElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_TEXT);\r\n  }\r\n\r\n  public setBackgroundColor(color: string): void {\r\n    this._backgroundElement.style.backgroundColor = color;\r\n  }\r\n\r\n  public setIconColor(color: string): void {\r\n    this._iconElement.style.color = color;\r\n    this._textElement.style.color = color;\r\n  }\r\n\r\n  public setElementSize(value: number): void {\r\n    this._backgroundElement.style.height = `${value}px`;\r\n    this._backgroundElement.style.width = `${value}px`;\r\n  }\r\n\r\n  public setFontSize(value: number): void {\r\n    const textFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.TEXT_FONT_SIZE_MODIFIER;\r\n    const iconFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.ICON_FONT_SIZE_MODIFIER;\r\n\r\n    this._iconElement.style.setProperty('--forge-product-icon-font-size', `${iconFontSize}px`);\r\n    this._textElement.style.setProperty('--forge-product-icon-font-size', `${textFontSize}px`);\r\n\r\n    this._iconElement.style.fontSize = `var(--forge-product-icon-font-size, ${iconFontSize}px)`;\r\n    this._textElement.style.fontSize = `var(--forge-product-icon-font-size, ${textFontSize}px)`;\r\n  }\r\n\r\n  public removeIconClass(classes: string | string[]): void {\r\n    removeClass(classes, this._iconElement);\r\n    removeClass(classes, this._textElement);\r\n  }\r\n\r\n  public setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void {\r\n    if (hasShadow) {\r\n      const shadow = generateTextShadow(iterations, shadowColor);\r\n      this._iconElement.style.textShadow = shadow;\r\n      this._textElement.style.textShadow = shadow;\r\n    } else {\r\n      this._iconElement.style.removeProperty('text-shadow');\r\n      this._textElement.style.removeProperty('text-shadow');\r\n    }\r\n  }\r\n}\r\n", "import { ICustomElementFoundation, coerceNumber } from '@tylertech/forge-core';\r\n\r\nimport { COLOR_CONSTANTS } from '../theme';\r\nimport { IProductIconAdapter } from './product-icon-adapter';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconFoundation extends ICustomElementFoundation {\r\n  color: string;\r\n  size: number;\r\n  shadow: boolean;\r\n  iterations: number;\r\n}\r\n\r\nexport class ProductIconFoundation implements IProductIconFoundation {\r\n  private _colorValue = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_VALUE;\r\n  private _colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n  private _colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n  private _size = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_SIZE;\r\n  private _shadow = true;\r\n  private _backgroundColor = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_BACKGROUND_COLOR;\r\n  private _shadowColor: string;\r\n  private _iterations = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_ITERATIONS;\r\n  private _usingCustomIterations = false;\r\n\r\n  constructor(private _adapter: IProductIconAdapter) {}\r\n\r\n  public initialize(): void {\r\n    this._adapter.setElementSize(this._size);\r\n    this._updateFontSize();\r\n    this._parseColor();\r\n    this._render();\r\n  }\r\n\r\n  private _parseColor(): void {\r\n    if (this._colorValue.includes('-')) {\r\n      this._colorPalette = this._colorValue.split('-')[0];\r\n      this._colorShade = coerceNumber(this._colorValue.split('-')[1]);\r\n    } else {\r\n      this._colorPalette = this._colorValue;\r\n      this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n    }\r\n  }\r\n\r\n  private _updateSize(): void {\r\n    this._adapter.setElementSize(this._size);\r\n\r\n    // If not using a custom iteration value, then we need to adjust the shadow length\r\n    if (!this._usingCustomIterations) {\r\n      this._iterations = this._size / 2;\r\n      this._updateShadow();\r\n    }\r\n  }\r\n\r\n  private _updateFontSize(): void {\r\n    this._adapter.setFontSize(this._size);\r\n  }\r\n\r\n  private _updateShadow(): void {\r\n    if (this._shadow) {\r\n      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n    }\r\n  }\r\n\r\n  private _render(): void {\r\n    if (!this._colorValue) {\r\n      return;\r\n    }\r\n\r\n    const iconColor = this._colorShade <= PRODUCT_ICON_CONSTANTS.numbers.ACCESSIBILITY_COLOR_THRESHOLD ? '#000000' : '#ffffff';\r\n    const shadowIncrement = this._colorShade + 300;\r\n\r\n    if (!COLOR_CONSTANTS[`${this._colorPalette}Palette`]) {\r\n      this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n    }\r\n\r\n    this._backgroundColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][this._colorShade];\r\n    this._shadowColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][shadowIncrement];\r\n\r\n    this._adapter.setBackgroundColor(this._backgroundColor);\r\n    this._adapter.setIconColor(iconColor);\r\n    this._updateShadow();\r\n  }\r\n\r\n  public get color(): string {\r\n    return this._colorValue;\r\n  }\r\n  public set color(value: string) {\r\n    if (this._colorValue !== value) {\r\n      this._colorValue = value;\r\n      this._parseColor();\r\n      this._render();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.COLOR, this._colorValue);\r\n    }\r\n  }\r\n\r\n  public get size(): number {\r\n    return this._size;\r\n  }\r\n  public set size(value: number) {\r\n    if (this._size !== value) {\r\n      this._size = value;\r\n      this._updateSize();\r\n      this._updateFontSize();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SIZE, this._size.toString());\r\n    }\r\n  }\r\n\r\n  public get shadow(): boolean {\r\n    return this._shadow;\r\n  }\r\n  public set shadow(value: boolean) {\r\n    if (this._shadow !== value) {\r\n      this._shadow = value;\r\n      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n      if (this._shadow) {\r\n        this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SHADOW, '');\r\n      } else {\r\n        this._adapter.removeIconClass(PRODUCT_ICON_CONSTANTS.attributes.SHADOW);\r\n      }\r\n    }\r\n  }\r\n\r\n  public get iterations(): number {\r\n    return this._iterations;\r\n  }\r\n  public set iterations(value: number) {\r\n    if (this._iterations !== value) {\r\n      this._usingCustomIterations = true;\r\n      this._iterations = value;\r\n      this._updateShadow();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS, this._iterations.toString());\r\n    }\r\n  }\r\n}\r\n", "import { CustomElement, attachShadowTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\r\nimport { ProductIconAdapter } from './product-icon-adapter';\r\nimport { ProductIconFoundation } from './product-icon-foundation';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\n\r\nconst template = '<template><div class=\\\"forge-product-icon__background\\\" part=\\\"root\\\"><div class=\\\"forge-product-icon__container\\\" part=\\\"container\\\"><span class=\\\"forge-product-icon__icon\\\" part=\\\"icon-container\\\"><slot></slot></span><span class=\\\"forge-product-icon__text\\\" part=\\\"text-container\\\"><slot name=\\\"text\\\"></slot></span></div></div></template>';\r\nconst styles = '.forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}';\r\n\r\nexport interface IProductIconComponent extends IBaseComponent {\r\n  color: string;\r\n  size: number;\r\n  shadow: boolean;\r\n  iterations: number;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-product-icon': IProductIconComponent;\r\n  }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-product-icon>` custom element.\r\n * \r\n * @tag forge-product-icon\r\n */\r\n@CustomElement({\r\n  name: PRODUCT_ICON_CONSTANTS.elementName\r\n})\r\nexport class ProductIconComponent extends BaseComponent implements IProductIconComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      PRODUCT_ICON_CONSTANTS.attributes.COLOR,\r\n      PRODUCT_ICON_CONSTANTS.attributes.SIZE,\r\n      PRODUCT_ICON_CONSTANTS.attributes.SHADOW,\r\n      PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ProductIconFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ProductIconFoundation(new ProductIconAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case PRODUCT_ICON_CONSTANTS.attributes.COLOR:\r\n        this.color = newValue;\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.SIZE:\r\n        this.size = coerceNumber(newValue);\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.SHADOW:\r\n        this.shadow = coerceBoolean(newValue);\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS:\r\n        this.iterations = coerceNumber(newValue);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** The color of the container element from the material color palette. */\r\n  @FoundationProperty()\r\n  public declare color: string;\r\n\r\n  /** Controls the height and width of the container element. */\r\n  @FoundationProperty()\r\n  public declare size: number;\r\n\r\n  /** Controls the visibility of the text shadow. */\r\n  @FoundationProperty()\r\n  public declare shadow: boolean;\r\n\r\n  /** The number of iterations to apply the text shadow. */\r\n  @FoundationProperty()\r\n  public declare iterations: number;\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { ProductIconComponent } from './product-icon';\r\n\r\nexport * from './product-icon-adapter';\r\nexport * from './product-icon-constants';\r\nexport * from './product-icon-foundation';\r\nexport * from './product-icon';\r\n\r\nexport function defineProductIconComponent(): void {\r\n  defineCustomElement(ProductIconComponent);\r\n}\r\n"],
+  "mappings": "0WAGA,GAAM,GAA2C,GAAG,gBAE9C,EAAU,CACd,wBAAyB,iCACzB,aAAc,2BACd,aAAc,0BAChB,EAEM,EAAY,CAChB,wBAAyB,IAAI,EAAQ,0BACrC,aAAc,IAAI,EAAQ,eAC1B,aAAc,IAAI,EAAQ,eAC1B,KAAM,MACR,EAEM,EAAa,CACjB,MAAO,QACP,KAAM,OACN,OAAQ,SACR,WAAY,YACd,EAEM,EAAU,CACd,aAAc,GACd,mBAAoB,GACpB,8BAA+B,IAC/B,wBAAyB,IACzB,wBAAyB,EAC3B,EAEM,EAAU,CACd,oBAAqB,aACrB,sBAAuB,SACvB,oBAAqB,IACrB,yBAA0B,EAAgB,cAAc,IAC1D,EAEa,EAAyB,CACpC,cACA,aACA,UACA,YACA,UACA,SACF,ECjCO,GAAM,GAAN,aAAiC,EAAkE,CAKxG,YAAY,EAAkC,CAC5C,MAAM,CAAS,EACf,KAAK,mBAAqB,EAAiB,EAAW,EAAuB,UAAU,uBAAuB,EAC9G,KAAK,aAAe,EAAiB,EAAW,EAAuB,UAAU,YAAY,EAC7F,KAAK,aAAe,EAAiB,EAAW,EAAuB,UAAU,YAAY,CAC/F,CAEA,AAAO,mBAAmB,EAAqB,CAC7C,KAAK,mBAAmB,MAAM,gBAAkB,CAClD,CAEA,AAAO,aAAa,EAAqB,CACvC,KAAK,aAAa,MAAM,MAAQ,EAChC,KAAK,aAAa,MAAM,MAAQ,CAClC,CAEA,AAAO,eAAe,EAAqB,CACzC,KAAK,mBAAmB,MAAM,OAAS,GAAG,MAC1C,KAAK,mBAAmB,MAAM,MAAQ,GAAG,KAC3C,CAEA,AAAO,YAAY,EAAqB,CACtC,GAAM,GAAe,EAAQ,EAAuB,QAAQ,wBACtD,EAAe,EAAQ,EAAuB,QAAQ,wBAE5D,KAAK,aAAa,MAAM,YAAY,iCAAkC,GAAG,KAAgB,EACzF,KAAK,aAAa,MAAM,YAAY,iCAAkC,GAAG,KAAgB,EAEzF,KAAK,aAAa,MAAM,SAAW,uCAAuC,OAC1E,KAAK,aAAa,MAAM,SAAW,uCAAuC,MAC5E,CAEA,AAAO,gBAAgB,EAAkC,CACvD,EAAY,EAAS,KAAK,YAAY,EACtC,EAAY,EAAS,KAAK,YAAY,CACxC,CAEA,AAAO,cAAc,EAAoB,EAAoB,EAA2B,CACtF,GAAI,EAAW,CACb,GAAM,GAAS,EAAmB,EAAY,CAAW,EACzD,KAAK,aAAa,MAAM,WAAa,EACrC,KAAK,aAAa,MAAM,WAAa,CACvC,KACE,MAAK,aAAa,MAAM,eAAe,aAAa,EACpD,KAAK,aAAa,MAAM,eAAe,aAAa,CAExD,CACF,ECrDO,GAAM,GAAN,KAA8D,CAWnE,YAAoB,EAA+B,CAA/B,gBAVpB,KAAQ,YAAc,EAAuB,QAAQ,oBACrD,KAAQ,cAAgB,EAAuB,QAAQ,sBACvD,KAAQ,YAAc,EAAuB,QAAQ,oBACrD,KAAQ,MAAQ,EAAuB,QAAQ,aAC/C,KAAQ,QAAU,GAClB,KAAQ,iBAAmB,EAAuB,QAAQ,yBAE1D,KAAQ,YAAc,EAAuB,QAAQ,mBACrD,KAAQ,uBAAyB,EAEmB,CAEpD,AAAO,YAAmB,CACxB,KAAK,SAAS,eAAe,KAAK,KAAK,EACvC,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,QAAQ,CACf,CAEA,AAAQ,aAAoB,CAC1B,AAAI,KAAK,YAAY,SAAS,GAAG,EAC/B,MAAK,cAAgB,KAAK,YAAY,MAAM,GAAG,EAAE,GACjD,KAAK,YAAc,EAAa,KAAK,YAAY,MAAM,GAAG,EAAE,EAAE,GAE9D,MAAK,cAAgB,KAAK,YAC1B,KAAK,YAAc,EAAuB,QAAQ,oBAEtD,CAEA,AAAQ,aAAoB,CAC1B,KAAK,SAAS,eAAe,KAAK,KAAK,EAGlC,KAAK,wBACR,MAAK,YAAc,KAAK,MAAQ,EAChC,KAAK,cAAc,EAEvB,CAEA,AAAQ,iBAAwB,CAC9B,KAAK,SAAS,YAAY,KAAK,KAAK,CACtC,CAEA,AAAQ,eAAsB,CAC5B,AAAI,KAAK,SACP,KAAK,SAAS,cAAc,KAAK,QAAS,KAAK,YAAa,KAAK,YAAY,CAEjF,CAEA,AAAQ,SAAgB,CACtB,GAAI,CAAC,KAAK,YACR,OAGF,GAAM,GAAY,KAAK,aAAe,EAAuB,QAAQ,8BAAgC,UAAY,UAC3G,EAAkB,KAAK,YAAc,IAE3C,AAAK,EAAgB,GAAG,KAAK,yBAC3B,MAAK,cAAgB,EAAuB,QAAQ,uBAGtD,KAAK,iBAAmB,EAAgB,GAAG,KAAK,wBAAwB,KAAK,aAC7E,KAAK,aAAe,EAAgB,GAAG,KAAK,wBAAwB,GAEpE,KAAK,SAAS,mBAAmB,KAAK,gBAAgB,EACtD,KAAK,SAAS,aAAa,CAAS,EACpC,KAAK,cAAc,CACrB,CAEA,GAAW,QAAgB,CACzB,MAAO,MAAK,WACd,CACA,GAAW,OAAM,EAAe,CAC9B,AAAI,KAAK,cAAgB,GACvB,MAAK,YAAc,EACnB,KAAK,YAAY,EACjB,KAAK,QAAQ,EACb,KAAK,SAAS,iBAAiB,EAAuB,WAAW,MAAO,KAAK,WAAW,EAE5F,CAEA,GAAW,OAAe,CACxB,MAAO,MAAK,KACd,CACA,GAAW,MAAK,EAAe,CAC7B,AAAI,KAAK,QAAU,GACjB,MAAK,MAAQ,EACb,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,SAAS,iBAAiB,EAAuB,WAAW,KAAM,KAAK,MAAM,SAAS,CAAC,EAEhG,CAEA,GAAW,SAAkB,CAC3B,MAAO,MAAK,OACd,CACA,GAAW,QAAO,EAAgB,CAChC,AAAI,KAAK,UAAY,GACnB,MAAK,QAAU,EACf,KAAK,SAAS,cAAc,KAAK,QAAS,KAAK,YAAa,KAAK,YAAY,EAC7E,AAAI,KAAK,QACP,KAAK,SAAS,iBAAiB,EAAuB,WAAW,OAAQ,EAAE,EAE3E,KAAK,SAAS,gBAAgB,EAAuB,WAAW,MAAM,EAG5E,CAEA,GAAW,aAAqB,CAC9B,MAAO,MAAK,WACd,CACA,GAAW,YAAW,EAAe,CACnC,AAAI,KAAK,cAAgB,GACvB,MAAK,uBAAyB,GAC9B,KAAK,YAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,iBAAiB,EAAuB,WAAW,WAAY,KAAK,YAAY,SAAS,CAAC,EAE5G,CACF,EC/HA,GAAM,GAAW,sUACX,EAAS,slBAuBF,EAAN,aAAmC,EAA+C,CAYvF,aAAc,CACZ,MAAM,EACN,EAAqB,KAAM,EAAU,CAAM,EAC3C,KAAK,YAAc,GAAI,GAAsB,GAAI,GAAmB,IAAI,CAAC,CAC3E,CAfA,UAAkB,qBAA+B,CAC/C,MAAO,CACL,EAAuB,WAAW,MAClC,EAAuB,WAAW,KAClC,EAAuB,WAAW,OAClC,EAAuB,WAAW,UACpC,CACF,CAUA,AAAO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEA,AAAO,yBAAyB,EAAc,EAAkB,EAAwB,CACtF,OAAQ,OACD,GAAuB,WAAW,MACrC,KAAK,MAAQ,EACb,UACG,GAAuB,WAAW,KACrC,KAAK,KAAO,EAAa,CAAQ,EACjC,UACG,GAAuB,WAAW,OACrC,KAAK,OAAS,EAAc,CAAQ,EACpC,UACG,GAAuB,WAAW,WACrC,KAAK,WAAa,EAAa,CAAQ,EACvC,MAEN,CAiBF,EAbiB,GADf,AAAC,EAAmB,GACL,AAzCJ,EAyCI,qBAIA,GADf,AAAC,EAAmB,GACL,AA7CJ,EA6CI,oBAIA,GADf,AAAC,EAAmB,GACL,AAjDJ,EAiDI,sBAIA,GADf,AAAC,EAAmB,GACL,AArDJ,EAqDI,0BArDJ,EAAN,GAHP,AAAC,EAAc,CACb,KAAM,EAAuB,WAC/B,CAAC,GACY,GCrBN,aAA4C,CACjD,EAAoB,CAAoB,CAC1C",
   "names": []
 }

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{b as H}from"./chunk.ZFD3OE45.js";import{a as x}from"./chunk.5PXABBKU.js";import{a as v}from"./chunk.B3IJU6XJ.js";import{a as S,b as C}from"./chunk.OOW3UKT4.js";import{a as I,e as V,g as w,l as A}from"./chunk.MMVZJLXE.js";import{g as y}from"./chunk.R4NDFXVA.js";import{b as E,l as g}from"./chunk.G76HB2FK.js";import{f as c}from"./chunk.MCIQXNKY.js";var D=`${C}view-switcher`,_={ROOT:"forge-view-switcher",VIEW_HIDDEN:"forge-view-switcher__view--hidden",VIEW_SWITCHER_SLIDE:"forge-view-switcher--slide",VIEW_SWITCHER_FADE:"forge-view-switcher--fade"},O={ROOT:`.${_.ROOT}`,DEFAULT_SLOT:"slot:not([name])",VIEW_HIDDEN:`.${_.VIEW_HIDDEN}`},W={INDEX:"index",ANIMATION_TYPE:"animation-type"},F={DEFAULT_TRANSITION_DURATION:500},s={elementName:D,attributes:W,classes:_,selectors:O,numbers:F},u=(e=>(e.Left="left",e.Right="right",e))(u||{}),b=(t=>(t.None="none",t.Slide="slide",t.Fade="fade",t))(b||{});var m=class extends x{constructor(e){super(e);this._rootElement=w(e,s.selectors.ROOT),this._slotElement=w(e,s.selectors.DEFAULT_SLOT)}getViewCount(){return this._getViews().length}startViewObserver(e){this._viewObserver=new MutationObserver(e),this._viewObserver.observe(this._component,{childList:!0})}stopViewObserver(){this._viewObserver&&this._viewObserver.disconnect()}initializeSlideViews(e){let t=this._getViews();t.forEach((i,o)=>{if(i.style.removeProperty("opacity"),i.style.removeProperty("display"),o===e){t[e].classList.remove(s.classes.VIEW_HIDDEN),i.style.removeProperty("visibility");return}i.style.transition="none",i.classList.add(s.classes.VIEW_HIDDEN),i.style.visibility="hidden",o>e?i.style.transform="translate3d(100%, 0, 0)":i.style.transform="translate3d(-100%, 0, 0)"}),window.requestAnimationFrame(()=>{t=this._getViews(),t.forEach((i,o)=>{o!==e&&i.style.removeProperty("transition")})})}initializeFadeViews(e){let t=this._getViews();t.forEach((i,o)=>{if(i.style.removeProperty("transform"),i.style.removeProperty("display"),o===e){i.classList.remove(s.classes.VIEW_HIDDEN),i.style.removeProperty("visibility");return}i.classList.add(s.classes.VIEW_HIDDEN),i.style.visibility="hidden"}),t[e]&&(t[e].style.opacity="1")}setActiveView(e){let t=this._getViews();t.forEach((i,o)=>{o!==e&&(i.classList.add(s.classes.VIEW_HIDDEN),i.style.display="none")}),t[e]&&(t[e].classList.remove(s.classes.VIEW_HIDDEN),t[e].style.removeProperty("display"))}hideInactiveViews(e){this._getViews().forEach((i,o)=>{if(i.style.removeProperty("opacity"),i.style.removeProperty("transform"),i.style.removeProperty("visibility"),o===e){i.classList.remove(s.classes.VIEW_HIDDEN);return}i.classList.add(s.classes.VIEW_HIDDEN),i.style.display="none"})}async transitionToView(e,t,i,o){let l=this._getViews(),r=l[e],d=l[t];return new Promise(N=>{d.style.removeProperty("visibility"),window.requestAnimationFrame(()=>{let p;switch(i){case"slide":this._slideToView(r,d,o),p="transform";break;case"fade":this._fadeToView(r,d),p="opacity";break;default:return}this._animateHeight(r,d),r?r.addEventListener("transitionend",T):d.classList.remove(s.classes.VIEW_HIDDEN);function T(L){L.propertyName===p&&(r.removeEventListener("transitionend",T),d.classList.remove(s.classes.VIEW_HIDDEN),N())}})})}_slideToView(e,t,i){i==="left"?(e&&(e.style.transform="translate3d(-100%, 0, 0)"),t.style.transform="translate3d(0, 0, 0)"):(e&&(e.style.transform="translate3d(100%, 0, 0)"),t.style.transform="translate3d(0, 0, 0)")}_fadeToView(e,t){e&&(e.style.opacity="0"),t.style.opacity="1"}_animateHeight(e,t){let i=e?this._getViewHeight(e):0,o=this._getViewHeight(t);i!==o&&(this._rootElement.addEventListener("transitionend",this._onRootTransitionEnd.bind(this)),this._setHeight(i),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{this._setHeight(o)})}))}_onRootTransitionEnd(e){e.propertyName==="height"&&(this._rootElement.removeEventListener("transitionend",this._onRootTransitionEnd),this._rootElement.style.removeProperty("height"))}setAnimationType(e){switch(y([s.classes.VIEW_SWITCHER_SLIDE,s.classes.VIEW_SWITCHER_FADE],this._component),e){case"slide":this._component.classList.add(s.classes.VIEW_SWITCHER_SLIDE);break;case"fade":this._component.classList.add(s.classes.VIEW_SWITCHER_FADE);break}}_getViews(){return this._slotElement.assignedNodes().filter(e=>e.nodeType===1)}_setHeight(e){this._rootElement.style.height=`${e}px`}_getViewHeight(e){let t=0,i=e.children.length?Array.from(e.children):[e];for(let o of i){let l=window.getComputedStyle(o),r=parseFloat(l.marginTop)+parseFloat(l.marginBottom);t+=Math.ceil(o.offsetHeight+r)}return t}};var h=class{constructor(n){this._adapter=n;this._viewCount=0;this._viewIndex=0;this._animationType="none";this._viewsChangedListener=()=>this._onViewsChanged()}initialize(){this._viewCount=this._adapter.getViewCount(),this._adapter.startViewObserver(this._viewsChangedListener),this._adapter.setAnimationType(this._animationType),this._viewCount&&this._initializeAnimationType()}disconnect(){this._adapter.stopViewObserver()}_initializeAnimationType(){switch(this._animationType){case"slide":this._adapter.initializeSlideViews(this._viewIndex);break;case"fade":this._adapter.initializeFadeViews(this._viewIndex);break;case"none":default:this._adapter.hideInactiveViews(this._viewIndex);break}}_onViewsChanged(){if(this._viewCount=this._adapter.getViewCount(),this._viewCount===0&&(this._viewIndex=0),this._viewCount&&this._initializeAnimationType(),this._viewCount>0&&this._viewIndex>=this._viewCount){let n=this._viewIndex;this._viewIndex=this._viewCount>0?this._viewCount-1:0,this._goToView(n,this._viewCount)}}async _goToView(n,e){if(this._viewCount=E(e)?e:this._adapter.getViewCount(),!(!(this._viewIndex>=0&&this._viewIndex<=this._viewCount-1)||n===this._clampedViewIndex(this._viewIndex,this._viewCount)))switch(this._animationType){case"slide":let i=this._viewIndex>n?"left":"right";await this._adapter.transitionToView(n,this._viewIndex,"slide",i),this._adapter.initializeSlideViews(this._viewIndex);break;case"fade":await this._adapter.transitionToView(n,this._viewIndex,"fade"),this._adapter.initializeFadeViews(this._viewIndex);break;case"none":default:this._adapter.setActiveView(this._viewIndex);break}}_clampedViewIndex(n,e){return n<0?n=0:n>e-1&&(n=e>0?e-1:0),n}next(){this.index++}previous(){this.index--}goToStart(){this.index=0}goToEnd(){this.index=this._viewCount-1}get index(){return this._viewIndex}set index(n){if(this._viewIndex!==n){let e=this._viewIndex;this._viewIndex=n,this._goToView(e),this._adapter.setHostAttribute(s.attributes.INDEX,this._viewIndex.toString())}}get animationType(){return this._animationType}set animationType(n){this._animationType!==n&&(this._animationType=n,this._initializeAnimationType(),this._adapter.setAnimationType(this._animationType),this._adapter.setHostAttribute(s.attributes.ANIMATION_TYPE,this._animationType))}};var M='<template><div class="forge-view-switcher" part="root"><slot></slot></div></template>',P=".forge-view-switcher{height:auto;height:var(--forge-view-switcher-height,auto);position:relative;overflow:hidden;-webkit-transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1)}.forge-view-switcher ::slotted(.forge-view-switcher__view--hidden){position:absolute;top:0;right:0;bottom:0;left:0}:host{height:auto;height:var(--forge-view-switcher-height,auto);display:block}:host([hidden]){display:none}:host(.forge-view-switcher--slide) ::slotted(forge-view){-webkit-transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1),-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:transform}:host(.forge-view-switcher--fade) ::slotted(forge-view){-webkit-transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:opacity}:host(.forge-view-switcher--fade) ::slotted(.forge-view-switcher__view--hidden){opacity:0}",a=class extends A{constructor(){super();V(this,M,P),this._foundation=new h(new m(this))}static get observedAttributes(){return[s.attributes.INDEX,s.attributes.ANIMATION_TYPE]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,t,i){switch(e){case s.attributes.INDEX:this.index=g(i);break;case s.attributes.ANIMATION_TYPE:this.animationType=i;break}}next(){this._foundation.next()}previous(){this._foundation.previous()}goToStart(){this._foundation.goToStart()}goToEnd(){this._foundation.goToEnd()}};c([v()],a.prototype,"index",2),c([v()],a.prototype,"animationType",2),a=c([S({name:s.elementName,dependencies:[H]})],a);function le(){I(a)}export{s as a,u as b,b as c,m as d,h as e,a as f,le as g};
+//# sourceMappingURL=chunk.VHKQHMK3.js.map

package/dist/esm/chunks/{chunk.33Q5FK2H.js.map → chunk.VHKQHMK3.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/view-switcher/view-switcher-constants.ts", "../../src/view-switcher/view-switcher-adapter.ts", "../../src/view-switcher/view-switcher-foundation.ts", "../../src/view-switcher/view-switcher.ts", "../../src/view-switcher/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}view-switcher`;\n\nconst classes = {\n  ROOT: 'forge-view-switcher',\n  VIEW_HIDDEN: 'forge-view-switcher__view--hidden',\n  VIEW_SWITCHER_SLIDE: 'forge-view-switcher--slide',\n  VIEW_SWITCHER_FADE: 'forge-view-switcher--fade'\n};\n\nconst selectors = {\n  ROOT: `.${classes.ROOT}`,\n  DEFAULT_SLOT: 'slot:not([name])',\n  VIEW_HIDDEN: `.${classes.VIEW_HIDDEN}`\n};\n\nconst attributes = {\n  INDEX: 'index',\n  ANIMATION_TYPE: 'animation-type'\n};\n\nconst numbers = {\n  DEFAULT_TRANSITION_DURATION: 500\n};\n\nexport const VIEW_SWITCHER_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors,\n  numbers\n};\n\nexport interface IViewSwitcherView {\n  element: HTMLElement;\n}\n\nexport enum ViewAnimationDirection {\n  Left = 'left',\n  Right = 'right'\n}\n\nexport enum ViewSwitcherAnimationType {\n  None = 'none',\n  Slide = 'slide',\n  Fade = 'fade'\n}\n", "import { getShadowElement, removeClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IViewSwitcherComponent } from './view-switcher';\nimport { ViewAnimationDirection, ViewSwitcherAnimationType, VIEW_SWITCHER_CONSTANTS } from './view-switcher-constants';\n\nexport interface IViewSwitcherAdapter extends IBaseAdapter {\n  getViewCount(): number;\n  startViewObserver(callback: MutationCallback): void;\n  stopViewObserver(): void;\n  initializeSlideViews(index: number): void;\n  initializeFadeViews(index: number): void;\n  setActiveView(index: number): void;\n  hideInactiveViews(index: number): void;\n  transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void>;\n  setAnimationType(type: ViewSwitcherAnimationType): void;\n}\n\nexport class ViewSwitcherAdapter extends BaseAdapter<IViewSwitcherComponent> implements IViewSwitcherAdapter {\n  private _rootElement: HTMLElement;\n  private _slotElement: HTMLSlotElement;\n  private _viewObserver: MutationObserver;\n\n  constructor(component: IViewSwitcherComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.ROOT);\n    this._slotElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.DEFAULT_SLOT) as HTMLSlotElement;\n  }\n\n  public getViewCount(): number {\n    return this._getViews().length;\n  }\n\n  public startViewObserver(callback: MutationCallback): void {\n    this._viewObserver = new MutationObserver(callback);\n    this._viewObserver.observe(this._component, { childList: true });\n  }\n\n  public stopViewObserver(): void {\n    if (this._viewObserver) {\n      this._viewObserver.disconnect();\n    }\n  }\n\n  /**\n   * Initializes the views with styles for a slide transition.\n   * @param index The active view index.\n   */\n  public initializeSlideViews(index: number): void {\n    let views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('display');\n\n      // Ensure that the currently active view is visible\n      if (i === index) {\n        views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // We disable the transition when resetting the hidden views so that the animation doesn't occur\n      view.style.transition = 'none';\n\n      // Ensure the view is hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n\n      // Reset the position of the view to the left or right of the switcher\n      if (i > index) {\n        view.style.transform = 'translate3d(100%, 0, 0)';\n      } else {\n        view.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n    });\n\n    // Wait a frame for the views to reposition, then re-enable the transition for all hidden views\n    window.requestAnimationFrame(() => {\n      views = this._getViews();\n      views.forEach((v, i) => {\n        if (i === index) {\n          return;\n        }\n        v.style.removeProperty('transition');\n      });\n    });\n  }\n\n  /**\n   * Initializes the view styles when using a fade transition.\n   * @param index The active view index.\n   */\n  public initializeFadeViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('transform');\n      view.style.removeProperty('display');\n\n      // Ensure that the visible view doesn't have the hidden class\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // Ensure the hidden views have the proper class\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n    });\n\n    // Ensure that the visible view has the proper opacity\n    if (views[index]) {\n      views[index].style.opacity = '1';\n    }\n  }\n\n  /**\n   * This is used when no animation type is set to allow for snapping the view into place.\n   * @param index The currently active view index.\n   */\n  public setActiveView(index: number): void {\n    const views = this._getViews();\n\n    views.forEach((view, i) => {\n      if (i === index) {\n        return;\n      }\n      // Hide all non-visible views\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n\n    // Ensure that the active view is visible\n    if (views[index]) {\n      views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      views[index].style.removeProperty('display');\n    }\n  }\n\n  /**\n   * This is used when no animation type is specific to hide all non-visible views.\n   * @param index The currently active view index.\n   */\n  public hideInactiveViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('transform');\n      view.style.removeProperty('visibility');\n\n      // Ensure the active view is visible\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        return;\n      }\n\n      // Ensure all non-active views are hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  public async transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void> {\n    const views = this._getViews();\n    const fromView = views[fromIndex];\n    const toView = views[toIndex];\n\n    return new Promise<void>(resolve => {\n      // Show the view so we can calculate the height and start the transition in the next frame\n      toView.style.removeProperty('visibility');\n\n      window.requestAnimationFrame(() => {\n        let transitionProp: string;\n        switch (animationType) {\n          case ViewSwitcherAnimationType.Slide:\n            this._slideToView(fromView, toView, direction as ViewAnimationDirection);\n            transitionProp = 'transform';\n            break;\n          case ViewSwitcherAnimationType.Fade:\n            this._fadeToView(fromView, toView);\n            transitionProp = 'opacity';\n            break;\n          default:\n            return;\n        }\n\n        // Start the height transition (this will not animate if the height doesn't change)\n        this._animateHeight(fromView, toView);\n\n        if (fromView) {\n          // Wait for the transform transition to complete before resolving and completing transition\n          fromView.addEventListener('transitionend', transitionEndHandler);\n        } else {\n          toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        }\n\n        function transitionEndHandler(evt: TransitionEvent): void {\n          if (evt.propertyName === transitionProp) {\n            fromView.removeEventListener('transitionend', transitionEndHandler);\n            toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n            resolve();\n          }\n        }\n      });\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  private _slideToView(fromView: HTMLElement | null, toView: HTMLElement, direction: ViewAnimationDirection): void {\n    // Use a CSS transform on the view to slide it in the requested direction\n    if (direction === ViewAnimationDirection.Left) {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    } else {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    }\n  }\n\n  private _fadeToView(fromView: HTMLElement | null, toView: HTMLElement): void {\n    if (fromView) {\n      fromView.style.opacity = '0';\n    }\n    toView.style.opacity = '1';\n  }\n\n  /**\n   * Attempts to animate the height of our container element to match that of the next view.\n   * @param fromIndex The view index we are transitioning from.\n   * @param toIndex The view index we are transitioning to.\n   */\n  private _animateHeight(fromView: HTMLElement | null, toView: HTMLElement): void {\n    const fromViewHeight = fromView ? this._getViewHeight(fromView) : 0;\n    const toViewHeight = this._getViewHeight(toView);\n\n    // We only animate the height if it is different...\n    if (fromViewHeight !== toViewHeight) {\n      this._rootElement.addEventListener('transitionend', this._onRootTransitionEnd.bind(this));\n\n      // Set to the height of the current view so we can animate the height from something static\n      this._setHeight(fromViewHeight);\n\n      // We need to wait two frames before animating to the new height due to event loop\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          // Start the transition to the new view height\n          this._setHeight(toViewHeight);\n        });\n      });\n    }\n  }\n\n  /**\n   * Handles the root container transitionend event.\n   * @param evt The transition event.\n   */\n  private _onRootTransitionEnd(evt: TransitionEvent): void {\n    if (evt.propertyName === 'height') {\n      this._rootElement.removeEventListener('transitionend', this._onRootTransitionEnd);\n      // Removes the static height from the root element so that it can grow with content\n      this._rootElement.style.removeProperty('height');\n    }\n  }\n\n  /**\n   * Resets the animation type on the root element.\n   * @param type The animation type.\n   */\n  public setAnimationType(type: ViewSwitcherAnimationType): void {\n    removeClass([VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE, VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE], this._component);\n\n    switch (type) {\n      case ViewSwitcherAnimationType.Slide:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE);\n        break;\n    }\n  }\n\n  /**\n   * Get all view elements.\n   */\n  private _getViews(): HTMLElement[] {\n    return this._slotElement.assignedNodes().filter(n => n.nodeType === 1) as HTMLElement[];\n  }\n\n  /**\n   * Sets the height on the root container element.\n   * @param viewHeight The new height.\n   */\n  private _setHeight(viewHeight: number): void {\n    this._rootElement.style.height = `${viewHeight}px`;\n  }\n\n  /**\n   * Calculate the absolute height of a view.\n   * @param view The view to calculate height from.\n   */\n  private _getViewHeight(view: HTMLElement): number {\n    let height = 0;\n    const elements = view.children.length ? (Array.from(view.children) as HTMLElement[]) : [view];\n\n    for (const element of elements) {\n      const styles = window.getComputedStyle(element);\n      const margin = parseFloat(styles.marginTop as string) + parseFloat(styles.marginBottom as string);\n      height += Math.ceil(element.offsetHeight + margin);\n    }\n\n    return height;\n  }\n}\n", "import { ICustomElementFoundation, Platform, isDefined } from '@tylertech/forge-core';\n\nimport { IViewSwitcherAdapter } from './view-switcher-adapter';\nimport { VIEW_SWITCHER_CONSTANTS, ViewAnimationDirection, ViewSwitcherAnimationType } from './view-switcher-constants';\n\nexport interface IViewSwitcherFoundation extends ICustomElementFoundation {\n  index: number;\n  animationType: ViewSwitcherAnimationType;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\nexport class ViewSwitcherFoundation implements IViewSwitcherFoundation {\n  private _viewCount = 0;\n  private _viewIndex = 0;\n  private _animationType = ViewSwitcherAnimationType.None;\n  private _viewsChangedListener: () => void;\n\n  constructor(private _adapter: IViewSwitcherAdapter) {\n    this._viewsChangedListener = () => this._onViewsChanged();\n  }\n\n  public initialize(): void {\n    this._viewCount = this._adapter.getViewCount();\n    this._adapter.startViewObserver(this._viewsChangedListener);\n    this._adapter.setAnimationType(this._animationType);\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n  }\n\n  public disconnect(): void {\n    this._adapter.stopViewObserver();\n  }\n\n  private _initializeAnimationType(): void {\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.hideInactiveViews(this._viewIndex);\n        break;\n    }\n  }\n\n  private _onViewsChanged(): void {\n    this._viewCount = this._adapter.getViewCount();\n\n    if (this._viewCount === 0) {\n      this._viewIndex = 0;\n    }\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n\n    // If the view index is higher than the number of views then we need to reset it\n    if (this._viewCount > 0 && this._viewIndex >= this._viewCount) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = this._viewCount > 0 ? this._viewCount - 1 : 0;\n      this._goToView(currIndex, this._viewCount);\n    }\n  }\n\n  private async _goToView(fromIndex: number, viewCount?: number): Promise<void> {\n    this._viewCount = !isDefined(viewCount) ? this._adapter.getViewCount() : viewCount as number;\n    \n    // If the index that we're trying to transition to is out of range, or is the same index, then we ignore the transition\n    const isValidIndex = this._viewIndex >= 0 && this._viewIndex <= this._viewCount - 1;\n    if (!isValidIndex || fromIndex === this._clampedViewIndex(this._viewIndex, this._viewCount)) {\n      return;\n    }\n\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        const animationDirection = this._viewIndex > fromIndex ? ViewAnimationDirection.Left : ViewAnimationDirection.Right;\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Slide, animationDirection);\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Fade);\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.setActiveView(this._viewIndex);\n        break;\n    }\n  }\n\n  private _clampedViewIndex(viewIndex: number, viewCount: number): number {\n    if (viewIndex < 0) {\n      viewIndex = 0;\n    } else if (viewIndex > viewCount - 1) {\n      viewIndex = viewCount > 0 ? viewCount - 1 : 0;\n    }\n    return viewIndex;\n  }\n\n  public next(): void {\n    this.index++;\n  }\n\n  public previous(): void {\n    this.index--;\n  }\n\n  public goToStart(): void {\n    this.index = 0;\n  }\n\n  public goToEnd(): void {\n    this.index = this._viewCount - 1;\n  }\n\n  public get index(): number {\n    return this._viewIndex;\n  }\n  public set index(value: number) {\n    if (this._viewIndex !== value) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = value;\n      this._goToView(currIndex);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.INDEX, this._viewIndex.toString());\n    }\n  }\n\n  public get animationType(): ViewSwitcherAnimationType {\n    return this._animationType;\n  }\n  public set animationType(value: ViewSwitcherAnimationType) {\n    if (this._animationType !== value) {\n      this._animationType = value;\n      this._initializeAnimationType();\n      this._adapter.setAnimationType(this._animationType);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE, this._animationType);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceNumber, FoundationProperty, upgradeProperty } from '@tylertech/forge-core';\nimport { ViewSwitcherAdapter } from './view-switcher-adapter';\nimport { ViewSwitcherFoundation } from './view-switcher-foundation';\nimport { VIEW_SWITCHER_CONSTANTS, ViewSwitcherAnimationType } from './view-switcher-constants';\nimport { ViewComponent } from './view/view';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-view-switcher\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-view-switcher{height:auto;height:var(--forge-view-switcher-height,auto);position:relative;overflow:hidden;-webkit-transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1)}.forge-view-switcher ::slotted(.forge-view-switcher__view--hidden){position:absolute;top:0;right:0;bottom:0;left:0}:host{height:auto;height:var(--forge-view-switcher-height,auto);display:block}:host([hidden]){display:none}:host(.forge-view-switcher--slide) ::slotted(forge-view){-webkit-transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1),-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:transform}:host(.forge-view-switcher--fade) ::slotted(forge-view){-webkit-transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:opacity}:host(.forge-view-switcher--fade) ::slotted(.forge-view-switcher__view--hidden){opacity:0}';\n\nexport interface IViewSwitcherComponent extends IBaseComponent {\n  index: number;\n  animationType: `${ViewSwitcherAnimationType}`;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-view-switcher': IViewSwitcherComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-view-switcher>` custom element.\n * \n * @tag forge-view-switcher\n */\n@CustomElement({\n  name: VIEW_SWITCHER_CONSTANTS.elementName,\n  dependencies: [ViewComponent]\n})\nexport class ViewSwitcherComponent extends BaseComponent implements IViewSwitcherComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      VIEW_SWITCHER_CONSTANTS.attributes.INDEX,\n      VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE\n    ];\n  }\n\n  private _foundation: ViewSwitcherFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ViewSwitcherFoundation(new ViewSwitcherAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    // upgradeProperty(this, 'index');\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 VIEW_SWITCHER_CONSTANTS.attributes.INDEX:\n        this.index = coerceNumber(newValue);\n        break;\n      case VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE:\n        this.animationType = newValue as ViewSwitcherAnimationType;\n        break;\n    }\n  }\n\n  /** Gets/sets the currently visible view index. */\n  @FoundationProperty()\n  public index: number;\n  \n  /** Gets/sets the animation type. */\n  @FoundationProperty()\n  public animationType: `${ViewSwitcherAnimationType}`;\n\n  /** Transitions to the next view. */\n  public next(): void {\n    this._foundation.next();\n  }\n\n  /** Transitions to the previous view. */\n  public previous(): void {\n    this._foundation.previous();\n  }\n\n  /** Transitions to the first view. */\n  public goToStart(): void {\n    this._foundation.goToStart();\n  }\n\n  /** Transitions to the last view. */\n  public goToEnd(): void {\n    this._foundation.goToEnd();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ViewSwitcherComponent } from './view-switcher';\n\nexport * from './view-switcher-adapter';\nexport * from './view-switcher-constants';\nexport * from './view-switcher-foundation';\nexport * from './view-switcher';\nexport * from './view';\n\nexport function defineViewSwitcherComponent(): void {\n  defineCustomElement(ViewSwitcherComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}view-switcher`;\n\nconst classes = {\n  ROOT: 'forge-view-switcher',\n  VIEW_HIDDEN: 'forge-view-switcher__view--hidden',\n  VIEW_SWITCHER_SLIDE: 'forge-view-switcher--slide',\n  VIEW_SWITCHER_FADE: 'forge-view-switcher--fade'\n};\n\nconst selectors = {\n  ROOT: `.${classes.ROOT}`,\n  DEFAULT_SLOT: 'slot:not([name])',\n  VIEW_HIDDEN: `.${classes.VIEW_HIDDEN}`\n};\n\nconst attributes = {\n  INDEX: 'index',\n  ANIMATION_TYPE: 'animation-type'\n};\n\nconst numbers = {\n  DEFAULT_TRANSITION_DURATION: 500\n};\n\nexport const VIEW_SWITCHER_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors,\n  numbers\n};\n\nexport interface IViewSwitcherView {\n  element: HTMLElement;\n}\n\nexport enum ViewAnimationDirection {\n  Left = 'left',\n  Right = 'right'\n}\n\nexport enum ViewSwitcherAnimationType {\n  None = 'none',\n  Slide = 'slide',\n  Fade = 'fade'\n}\n", "import { getShadowElement, removeClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IViewSwitcherComponent } from './view-switcher';\nimport { ViewAnimationDirection, ViewSwitcherAnimationType, VIEW_SWITCHER_CONSTANTS } from './view-switcher-constants';\n\nexport interface IViewSwitcherAdapter extends IBaseAdapter {\n  getViewCount(): number;\n  startViewObserver(callback: MutationCallback): void;\n  stopViewObserver(): void;\n  initializeSlideViews(index: number): void;\n  initializeFadeViews(index: number): void;\n  setActiveView(index: number): void;\n  hideInactiveViews(index: number): void;\n  transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void>;\n  setAnimationType(type: ViewSwitcherAnimationType): void;\n}\n\nexport class ViewSwitcherAdapter extends BaseAdapter<IViewSwitcherComponent> implements IViewSwitcherAdapter {\n  private _rootElement: HTMLElement;\n  private _slotElement: HTMLSlotElement;\n  private _viewObserver: MutationObserver;\n\n  constructor(component: IViewSwitcherComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.ROOT);\n    this._slotElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.DEFAULT_SLOT) as HTMLSlotElement;\n  }\n\n  public getViewCount(): number {\n    return this._getViews().length;\n  }\n\n  public startViewObserver(callback: MutationCallback): void {\n    this._viewObserver = new MutationObserver(callback);\n    this._viewObserver.observe(this._component, { childList: true });\n  }\n\n  public stopViewObserver(): void {\n    if (this._viewObserver) {\n      this._viewObserver.disconnect();\n    }\n  }\n\n  /**\n   * Initializes the views with styles for a slide transition.\n   * @param index The active view index.\n   */\n  public initializeSlideViews(index: number): void {\n    let views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('display');\n\n      // Ensure that the currently active view is visible\n      if (i === index) {\n        views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // We disable the transition when resetting the hidden views so that the animation doesn't occur\n      view.style.transition = 'none';\n\n      // Ensure the view is hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n\n      // Reset the position of the view to the left or right of the switcher\n      if (i > index) {\n        view.style.transform = 'translate3d(100%, 0, 0)';\n      } else {\n        view.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n    });\n\n    // Wait a frame for the views to reposition, then re-enable the transition for all hidden views\n    window.requestAnimationFrame(() => {\n      views = this._getViews();\n      views.forEach((v, i) => {\n        if (i === index) {\n          return;\n        }\n        v.style.removeProperty('transition');\n      });\n    });\n  }\n\n  /**\n   * Initializes the view styles when using a fade transition.\n   * @param index The active view index.\n   */\n  public initializeFadeViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('transform');\n      view.style.removeProperty('display');\n\n      // Ensure that the visible view doesn't have the hidden class\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // Ensure the hidden views have the proper class\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n    });\n\n    // Ensure that the visible view has the proper opacity\n    if (views[index]) {\n      views[index].style.opacity = '1';\n    }\n  }\n\n  /**\n   * This is used when no animation type is set to allow for snapping the view into place.\n   * @param index The currently active view index.\n   */\n  public setActiveView(index: number): void {\n    const views = this._getViews();\n\n    views.forEach((view, i) => {\n      if (i === index) {\n        return;\n      }\n      // Hide all non-visible views\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n\n    // Ensure that the active view is visible\n    if (views[index]) {\n      views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      views[index].style.removeProperty('display');\n    }\n  }\n\n  /**\n   * This is used when no animation type is specific to hide all non-visible views.\n   * @param index The currently active view index.\n   */\n  public hideInactiveViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('transform');\n      view.style.removeProperty('visibility');\n\n      // Ensure the active view is visible\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        return;\n      }\n\n      // Ensure all non-active views are hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  public async transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void> {\n    const views = this._getViews();\n    const fromView = views[fromIndex];\n    const toView = views[toIndex];\n\n    return new Promise<void>(resolve => {\n      // Show the view so we can calculate the height and start the transition in the next frame\n      toView.style.removeProperty('visibility');\n\n      window.requestAnimationFrame(() => {\n        let transitionProp: string;\n        switch (animationType) {\n          case ViewSwitcherAnimationType.Slide:\n            this._slideToView(fromView, toView, direction as ViewAnimationDirection);\n            transitionProp = 'transform';\n            break;\n          case ViewSwitcherAnimationType.Fade:\n            this._fadeToView(fromView, toView);\n            transitionProp = 'opacity';\n            break;\n          default:\n            return;\n        }\n\n        // Start the height transition (this will not animate if the height doesn't change)\n        this._animateHeight(fromView, toView);\n\n        if (fromView) {\n          // Wait for the transform transition to complete before resolving and completing transition\n          fromView.addEventListener('transitionend', transitionEndHandler);\n        } else {\n          toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        }\n\n        function transitionEndHandler(evt: TransitionEvent): void {\n          if (evt.propertyName === transitionProp) {\n            fromView.removeEventListener('transitionend', transitionEndHandler);\n            toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n            resolve();\n          }\n        }\n      });\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  private _slideToView(fromView: HTMLElement | null, toView: HTMLElement, direction: ViewAnimationDirection): void {\n    // Use a CSS transform on the view to slide it in the requested direction\n    if (direction === ViewAnimationDirection.Left) {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    } else {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    }\n  }\n\n  private _fadeToView(fromView: HTMLElement | null, toView: HTMLElement): void {\n    if (fromView) {\n      fromView.style.opacity = '0';\n    }\n    toView.style.opacity = '1';\n  }\n\n  /**\n   * Attempts to animate the height of our container element to match that of the next view.\n   * @param fromIndex The view index we are transitioning from.\n   * @param toIndex The view index we are transitioning to.\n   */\n  private _animateHeight(fromView: HTMLElement | null, toView: HTMLElement): void {\n    const fromViewHeight = fromView ? this._getViewHeight(fromView) : 0;\n    const toViewHeight = this._getViewHeight(toView);\n\n    // We only animate the height if it is different...\n    if (fromViewHeight !== toViewHeight) {\n      this._rootElement.addEventListener('transitionend', this._onRootTransitionEnd.bind(this));\n\n      // Set to the height of the current view so we can animate the height from something static\n      this._setHeight(fromViewHeight);\n\n      // We need to wait two frames before animating to the new height due to event loop\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          // Start the transition to the new view height\n          this._setHeight(toViewHeight);\n        });\n      });\n    }\n  }\n\n  /**\n   * Handles the root container transitionend event.\n   * @param evt The transition event.\n   */\n  private _onRootTransitionEnd(evt: TransitionEvent): void {\n    if (evt.propertyName === 'height') {\n      this._rootElement.removeEventListener('transitionend', this._onRootTransitionEnd);\n      // Removes the static height from the root element so that it can grow with content\n      this._rootElement.style.removeProperty('height');\n    }\n  }\n\n  /**\n   * Resets the animation type on the root element.\n   * @param type The animation type.\n   */\n  public setAnimationType(type: ViewSwitcherAnimationType): void {\n    removeClass([VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE, VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE], this._component);\n\n    switch (type) {\n      case ViewSwitcherAnimationType.Slide:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE);\n        break;\n    }\n  }\n\n  /**\n   * Get all view elements.\n   */\n  private _getViews(): HTMLElement[] {\n    return this._slotElement.assignedNodes().filter(n => n.nodeType === 1) as HTMLElement[];\n  }\n\n  /**\n   * Sets the height on the root container element.\n   * @param viewHeight The new height.\n   */\n  private _setHeight(viewHeight: number): void {\n    this._rootElement.style.height = `${viewHeight}px`;\n  }\n\n  /**\n   * Calculate the absolute height of a view.\n   * @param view The view to calculate height from.\n   */\n  private _getViewHeight(view: HTMLElement): number {\n    let height = 0;\n    const elements = view.children.length ? (Array.from(view.children) as HTMLElement[]) : [view];\n\n    for (const element of elements) {\n      const styles = window.getComputedStyle(element);\n      const margin = parseFloat(styles.marginTop as string) + parseFloat(styles.marginBottom as string);\n      height += Math.ceil(element.offsetHeight + margin);\n    }\n\n    return height;\n  }\n}\n", "import { ICustomElementFoundation, Platform, isDefined } from '@tylertech/forge-core';\n\nimport { IViewSwitcherAdapter } from './view-switcher-adapter';\nimport { VIEW_SWITCHER_CONSTANTS, ViewAnimationDirection, ViewSwitcherAnimationType } from './view-switcher-constants';\n\nexport interface IViewSwitcherFoundation extends ICustomElementFoundation {\n  index: number;\n  animationType: ViewSwitcherAnimationType;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\nexport class ViewSwitcherFoundation implements IViewSwitcherFoundation {\n  private _viewCount = 0;\n  private _viewIndex = 0;\n  private _animationType = ViewSwitcherAnimationType.None;\n  private _viewsChangedListener: () => void;\n\n  constructor(private _adapter: IViewSwitcherAdapter) {\n    this._viewsChangedListener = () => this._onViewsChanged();\n  }\n\n  public initialize(): void {\n    this._viewCount = this._adapter.getViewCount();\n    this._adapter.startViewObserver(this._viewsChangedListener);\n    this._adapter.setAnimationType(this._animationType);\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n  }\n\n  public disconnect(): void {\n    this._adapter.stopViewObserver();\n  }\n\n  private _initializeAnimationType(): void {\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.hideInactiveViews(this._viewIndex);\n        break;\n    }\n  }\n\n  private _onViewsChanged(): void {\n    this._viewCount = this._adapter.getViewCount();\n\n    if (this._viewCount === 0) {\n      this._viewIndex = 0;\n    }\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n\n    // If the view index is higher than the number of views then we need to reset it\n    if (this._viewCount > 0 && this._viewIndex >= this._viewCount) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = this._viewCount > 0 ? this._viewCount - 1 : 0;\n      this._goToView(currIndex, this._viewCount);\n    }\n  }\n\n  private async _goToView(fromIndex: number, viewCount?: number): Promise<void> {\n    this._viewCount = !isDefined(viewCount) ? this._adapter.getViewCount() : viewCount as number;\n    \n    // If the index that we're trying to transition to is out of range, or is the same index, then we ignore the transition\n    const isValidIndex = this._viewIndex >= 0 && this._viewIndex <= this._viewCount - 1;\n    if (!isValidIndex || fromIndex === this._clampedViewIndex(this._viewIndex, this._viewCount)) {\n      return;\n    }\n\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        const animationDirection = this._viewIndex > fromIndex ? ViewAnimationDirection.Left : ViewAnimationDirection.Right;\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Slide, animationDirection);\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Fade);\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.setActiveView(this._viewIndex);\n        break;\n    }\n  }\n\n  private _clampedViewIndex(viewIndex: number, viewCount: number): number {\n    if (viewIndex < 0) {\n      viewIndex = 0;\n    } else if (viewIndex > viewCount - 1) {\n      viewIndex = viewCount > 0 ? viewCount - 1 : 0;\n    }\n    return viewIndex;\n  }\n\n  public next(): void {\n    this.index++;\n  }\n\n  public previous(): void {\n    this.index--;\n  }\n\n  public goToStart(): void {\n    this.index = 0;\n  }\n\n  public goToEnd(): void {\n    this.index = this._viewCount - 1;\n  }\n\n  public get index(): number {\n    return this._viewIndex;\n  }\n  public set index(value: number) {\n    if (this._viewIndex !== value) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = value;\n      this._goToView(currIndex);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.INDEX, this._viewIndex.toString());\n    }\n  }\n\n  public get animationType(): ViewSwitcherAnimationType {\n    return this._animationType;\n  }\n  public set animationType(value: ViewSwitcherAnimationType) {\n    if (this._animationType !== value) {\n      this._animationType = value;\n      this._initializeAnimationType();\n      this._adapter.setAnimationType(this._animationType);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE, this._animationType);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceNumber, FoundationProperty, upgradeProperty } from '@tylertech/forge-core';\nimport { ViewSwitcherAdapter } from './view-switcher-adapter';\nimport { ViewSwitcherFoundation } from './view-switcher-foundation';\nimport { VIEW_SWITCHER_CONSTANTS, ViewSwitcherAnimationType } from './view-switcher-constants';\nimport { ViewComponent } from './view/view';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-view-switcher\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-view-switcher{height:auto;height:var(--forge-view-switcher-height,auto);position:relative;overflow:hidden;-webkit-transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1)}.forge-view-switcher ::slotted(.forge-view-switcher__view--hidden){position:absolute;top:0;right:0;bottom:0;left:0}:host{height:auto;height:var(--forge-view-switcher-height,auto);display:block}:host([hidden]){display:none}:host(.forge-view-switcher--slide) ::slotted(forge-view){-webkit-transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1),-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:transform}:host(.forge-view-switcher--fade) ::slotted(forge-view){-webkit-transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:opacity}:host(.forge-view-switcher--fade) ::slotted(.forge-view-switcher__view--hidden){opacity:0}';\n\nexport interface IViewSwitcherComponent extends IBaseComponent {\n  index: number;\n  animationType: `${ViewSwitcherAnimationType}`;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-view-switcher': IViewSwitcherComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-view-switcher>` custom element.\n * \n * @tag forge-view-switcher\n */\n@CustomElement({\n  name: VIEW_SWITCHER_CONSTANTS.elementName,\n  dependencies: [ViewComponent]\n})\nexport class ViewSwitcherComponent extends BaseComponent implements IViewSwitcherComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      VIEW_SWITCHER_CONSTANTS.attributes.INDEX,\n      VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE\n    ];\n  }\n\n  private _foundation: ViewSwitcherFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ViewSwitcherFoundation(new ViewSwitcherAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    // upgradeProperty(this, 'index');\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 VIEW_SWITCHER_CONSTANTS.attributes.INDEX:\n        this.index = coerceNumber(newValue);\n        break;\n      case VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE:\n        this.animationType = newValue as ViewSwitcherAnimationType;\n        break;\n    }\n  }\n\n  /** Gets/sets the currently visible view index. */\n  @FoundationProperty()\n  public declare index: number;\n  \n  /** Gets/sets the animation type. */\n  @FoundationProperty()\n  public declare animationType: `${ViewSwitcherAnimationType}`;\n\n  /** Transitions to the next view. */\n  public next(): void {\n    this._foundation.next();\n  }\n\n  /** Transitions to the previous view. */\n  public previous(): void {\n    this._foundation.previous();\n  }\n\n  /** Transitions to the first view. */\n  public goToStart(): void {\n    this._foundation.goToStart();\n  }\n\n  /** Transitions to the last view. */\n  public goToEnd(): void {\n    this._foundation.goToEnd();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ViewSwitcherComponent } from './view-switcher';\n\nexport * from './view-switcher-adapter';\nexport * from './view-switcher-constants';\nexport * from './view-switcher-foundation';\nexport * from './view-switcher';\nexport * from './view';\n\nexport function defineViewSwitcherComponent(): void {\n  defineCustomElement(ViewSwitcherComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{d as e}from"./chunk.Y5GQ2BA7.js";import{a as o}from"./chunk.MMVZJLXE.js";function t(){o(e)}export{t as a};
+//# sourceMappingURL=chunk.VW4JVRH7.js.map

package/dist/esm/chunks/{chunk.6QMDYUVT.js → chunk.WEUNLYMQ.js}

@@ -1,7 +1,7 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as D}from"./chunk.HUWXZ4ZN.js";import{a as T}from"./chunk.NGIBMR3Q.js";import{c as L}from"./chunk.7NXPOEXV.js";import{a as c,d as H}from"./chunk.QJPH24V4.js";import{a as C}from"./chunk.EC6JSIQW.js";import{a as w}from"./chunk.BOENNFXE.js";import{a as S}from"./chunk.A23NSEWA.js";import{a as s}from"./chunk.B3IJU6XJ.js";import{a as x,b as B}from"./chunk.BSZ2LBJX.js";import{a as k,e as y,g}from"./chunk.HN4PXH3D.js";import{i as E,r as h,t as l}from"./chunk.R4NDFXVA.js";import{k as d}from"./chunk.G76HB2FK.js";import{a as v,b as _,f as a}from"./chunk.MCIQXNKY.js";var p=`${B}bottom-sheet`,A={DRAGGING:"forge-bottom-sheet--dragging",FULLSCREEN:"forge-bottom-sheet--fullscreen",OPEN:"forge-bottom-sheet--open",SCROLLABLE:"forge-bottom-sheet--scrollable"},O={BACKDROP_CLOSE:"backdrop-close",ESCAPE_CLOSE:"escape-close",FULLSCREEN:"fullscreen",INITIAL_FOCUS:`${p}-focus`,OPEN:`${p}-open`,SHOW_BACKDROP:"show-backdrop"},N={BACKDROP:c.elementName,CONTAINER:".forge-bottom-sheet",CONTENT_BODY:"[forge-bottom-sheet-body]",INITIAL_FOCUS:`[${O.INITIAL_FOCUS}]`,HOST:`[${p}-host]`},P={BEFORE_CLOSE:"forge-bottom-sheet-before-close",CLOSE:"forge-bottom-sheet-close",OPEN:"forge-bottom-sheet-open",READY:"forge-bottom-sheet-ready",DRAG_START:"forge-bottom-sheet-drag-start",DRAGGED:"forge-bottom-sheet-dragged",DRAG_END:"forge-bottom-sheet-drag-end",DRAG_CANCEL:"forge-bottom-sheet-drag-cancel",FULLSCREEN:"forge-bottom-sheet-fullscreen"},o={elementName:p,classes:A,selectors:N,attributes:O,events:P};var m=class extends S{constructor(e){super(e);this._backdropElement=g(e,o.selectors.BACKDROP),this._containerElement=g(e,o.selectors.CONTAINER)}initializeAccessibility(){this._component.hasAttribute("role")||(this._component.setAttribute("role","dialog"),this._component.setAttribute("aria-modal","true"))}setVisibility(e){l(this._containerElement,e,o.classes.OPEN)}attach(){(document.querySelector(o.selectors.HOST)||document.body).appendChild(this._component)}detach(){E(this._component)}registerTransitionEndHandler(e){this._containerElement.addEventListener("transitionend",e)}deregisterTransitionEndHandler(e){this._containerElement.removeEventListener("transitionend",e)}setBodyListener(e,i,r){document.body.addEventListener(e,i,r)}removeBodyListener(e,i){document.body.removeEventListener(e,i)}setDocumentListener(e,i){document.addEventListener(e,i)}removeDocumentListener(e,i){document.removeEventListener(e,i)}registerBackdropClickHandler(e){this._backdropElement.addEventListener(c.events.BACKDROP_CLICK,e)}deregisterBackdropClickHandler(e){this._backdropElement.removeEventListener(c.events.BACKDROP_CLICK,e)}getOpenBottomSheets(e){return document.querySelectorAll(e)}trySetInitialFocus(){let e=h(this._component,o.selectors.INITIAL_FOCUS);e&&e.length&&e[e.length-1].focus()}isScrollable(){let e=this._getContentElement();return e?e.scrollHeight>e.offsetHeight:!1}isContentChild(e){let i=this._getContentElement();return i?i.contains(e):!1}initScrollable(){let e=this.isScrollable();l(this._component,e,o.classes.SCROLLABLE),l(this._containerElement,e,o.classes.SCROLLABLE)}setDragging(e){l(this._containerElement,e,o.classes.DRAGGING),l(this._component,e,o.classes.DRAGGING)}setBackdropVisiblity(e){this._backdropElement.hidden=!e}setFullscreen(e){l(this._containerElement,e,o.classes.FULLSCREEN)}tryLayoutChildren(){let e=[w.elementName,D.elementName,L.elementName,T.elementName];Array.from(this._component.querySelectorAll(e.join(","))).filter(r=>typeof r.layout=="function").forEach(r=>r.layout())}setContainerHeight(e){if(e!=null){let i=Math.min(100,100*e/window.innerHeight);this._containerElement.style.maxHeight=`${i}%`}else this._containerElement.style.removeProperty("max-height")}getContainerBounds(){return this._containerElement.getBoundingClientRect()}setDragTargetHandler(e,i){this._containerElement.addEventListener(e,i)}removeDragTargetHandler(e,i){this._containerElement.removeEventListener(e,i)}setBodyScrollHandler(e){let i=this._getContentElement();i&&i.addEventListener("scroll",e)}_getContentElement(){let e=Array.from(h(this._component,o.selectors.CONTENT_BODY,!1));return e.length?e[0]:null}};var b=class{constructor(t){this._adapter=t;this._open=!1;this._backdropClose=!0;this._escapeClose=!0;this._fullscreen=!1;this._showBackdrop=!1;this._isDragging=!1;this._bodyScrollHandler=()=>this._onBodyScroll();this._dragStartHandler=t=>this._onDragStart(t);this._dragMoveHandler=t=>this._onDragMove(t);this._dragEndHandler=()=>this._onDragEnd();this._dragCancelHandler=()=>this._onDragCancel();this._openTransitionEndHandler=e=>this._onOpenTransitionEnd(),this._closeTransitionEndHandler=e=>this._onCloseTransitionEnd(),this._documentKeydownHandler=e=>this._onDocumentKeydown(e),this._backdropClickHandler=e=>this._onBackdropClick(e)}initialize(){this._adapter.initializeAccessibility()}destroy(){this._open&&(this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler),this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler),this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler))}_setOpen(t){this._open=t,this._open?this._openBottomSheet():this._closeBottomSheet(),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._open)}_openBottomSheet(){this._adapter.attach(),this._adapter.setBodyAttribute(o.attributes.OPEN,"true"),this._adapter.registerTransitionEndHandler(this._openTransitionEndHandler),this._setDocumentKeydownListener(this._escapeClose),this._setBackdropClickListener(this._backdropClose),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{this._adapter.setVisibility(!0),this._adapter.emitHostEvent(o.events.OPEN),this._adapter.trySetInitialFocus(),this._adapter.initScrollable()})})}_closeBottomSheet(){this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler),this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler),this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler),this._adapter.registerTransitionEndHandler(this._closeTransitionEndHandler),this._adapter.setVisibility(!1)}_onCloseTransitionEnd(){this._adapter.emitHostEvent(o.events.CLOSE),this._adapter.detach(),this._adapter.getOpenBottomSheets(o.elementName).length||this._adapter.removeBodyAttribute(o.attributes.OPEN)}_onOpenTransitionEnd(){!this._open||(this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler),this._adapter.emitHostEvent(o.events.READY),this._adapter.tryLayoutChildren(),this._adapter.isScrollable()&&this._initScrollableHandlers())}_onDocumentKeydown(t){t.stopPropagation(),t.key&&(t.key==="Escape"||t.key==="Esc")&&this._tryClose()}_onBackdropClick(t){t.stopPropagation(),this._tryClose()}async _tryClose(){if(!!this._adapter.emitHostEvent(o.events.BEFORE_CLOSE,void 0,void 0,!0)){if(!this._beforeCloseCallback){this.open=!1;return}try{if(await Promise.resolve(this._beforeCloseCallback())){this.open=!1;return}}catch(e){return}}}_setBackdropClickListener(t){!this._open||(t?this._adapter.registerBackdropClickHandler(this._backdropClickHandler):this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler))}_setDocumentKeydownListener(t){!this._open||(t?this._adapter.addDocumentListener("keydown",this._documentKeydownHandler):this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler))}set backdropClose(t){t=Boolean(t),this._backdropClose!==t&&(this._backdropClose=t,this._setBackdropClickListener(this._backdropClose),this._adapter.toggleHostAttribute(o.attributes.BACKDROP_CLOSE,this._backdropClose))}get backdropClose(){return this._backdropClose}set escapeClose(t){t=Boolean(t),this._escapeClose!==t&&(this._escapeClose=t,this._setDocumentKeydownListener(this._escapeClose),this._adapter.toggleHostAttribute(o.attributes.ESCAPE_CLOSE,this._escapeClose))}get escapeClose(){return this._escapeClose}get open(){return this._open}set open(t){if(this._open!==t&&(t=Boolean(t),t!==this._open)){let e=t?this._openCallback:this._closeCallback;e?Promise.resolve(e()).then(()=>{this._setOpen(t)}).catch(()=>{}):this._setOpen(t)}}get fullscreen(){return this._fullscreen}set fullscreen(t){this._fullscreen!==t&&(this._fullscreen=t,this._adapter.setFullscreen(this._fullscreen),this._adapter.toggleHostAttribute(o.attributes.FULLSCREEN,this._fullscreen))}get showBackdrop(){return this._showBackdrop}set showBackdrop(t){this._showBackdrop!==t&&(this._showBackdrop=t,this._adapter.setBackdropVisiblity(t),this._adapter.toggleHostAttribute(o.attributes.SHOW_BACKDROP,this._showBackdrop))}get openCallback(){return this._openCallback}set openCallback(t){this._openCallback=t}get closeCallback(){return this._closeCallback}set closeCallback(t){this._closeCallback=t}get beforeCloseCallback(){return this._beforeCloseCallback}set beforeCloseCallback(t){this._beforeCloseCallback=t}_initScrollableHandlers(){!this._fullscreen&&this._adapter.isScrollable()&&(this._adapter.setDragTargetHandler("mousedown",this._dragStartHandler),this._adapter.setDragTargetHandler("touchstart",this._dragStartHandler),this._adapter.setBodyScrollHandler(this._bodyScrollHandler))}_onBodyScroll(){!this._fullscreen&&!this._isDragging&&(this.fullscreen=!0,this._adapter.emitHostEvent(o.events.FULLSCREEN,this._fullscreen))}_onDragStart(t){if(this._fullscreen){let r=C(t);if(this._adapter.isScrollable()&&this._adapter.isContentChild(r[0]))return}t.stopPropagation();let e=this._adapter.getContainerBounds(),i=t instanceof MouseEvent?t.clientY:t.touches[0].clientY;this._dragContext={top:i-e.top,height:e.height},this._adapter.setBodyListener("mousemove",this._dragMoveHandler,{passive:!1}),this._adapter.setBodyListener("touchmove",this._dragMoveHandler,{passive:!1}),this._adapter.setBodyListener("mouseup",this._dragEndHandler),this._adapter.setBodyListener("touchend",this._dragEndHandler),this._adapter.setBodyListener("touchcancel",this._dragCancelHandler)}_onDragMove(t){if(t.stopPropagation(),t.preventDefault(),!this._dragContext)return;let e=t instanceof MouseEvent?t.clientY:t.touches[0].clientY,i={y:window.innerHeight-e+this._dragContext.top};if(!this._isDragging){if(this._isDragging=!0,!this._adapter.emitHostEvent(o.events.DRAG_START,i,!0,!0))return;this._adapter.setDragging(!0)}let r=this._fullscreen?i:{y:Math.max(i.y,this._dragContext.height)};(!this._lastPosition||r.y!==this._lastPosition.y)&&this._adapter.emitHostEvent(o.events.DRAGGED,r,!0,!0)&&(this._lastPosition=_(v({},r),{clientY:e}),this._adapter.setContainerHeight(r.y))}_onDragEnd(){if(this._lastPosition){let t=this._lastPosition.clientY,e=this._dragContext;e&&(this._fullscreen&&t>0?(this.fullscreen=!1,this._adapter.emitHostEvent(o.events.FULLSCREEN,this._fullscreen)):!this._fullscreen&&t<e.height+e.top&&(this.fullscreen=!0,this._adapter.emitHostEvent(o.events.FULLSCREEN,this._fullscreen)))}this._isDragging&&this._adapter.emitHostEvent(o.events.DRAG_END),this._dragComplete()}_onDragCancel(){this._isDragging&&this._adapter.emitHostEvent(o.events.DRAG_CANCEL),this._dragComplete()}_dragComplete(){this._adapter.setDragging(!1),this._adapter.removeBodyListener("mousemove",this._dragMoveHandler),this._adapter.removeBodyListener("touchmove",this._dragMoveHandler),this._adapter.removeBodyListener("mouseup",this._dragEndHandler),this._adapter.removeBodyListener("touchend",this._dragEndHandler),this._adapter.removeBodyListener("touchcancel",this._dragCancelHandler),this._adapter.setContainerHeight(null),this._lastPosition=void 0,this._dragContext=void 0,this._isDragging=!1}};var I='<template><forge-backdrop hidden part="backdrop"></forge-backdrop><div class="forge-bottom-sheet" part="root"><slot></slot></div></template>',R='.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-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}}.forge-icon-button{--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}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::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-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.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-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.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-icon-button.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-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.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%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}.forge-bottom-sheet{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);border-radius:4px 4px 0 0;border-radius:var(--forge-bottom-sheet-border-radius,4px 4px 0 0);max-width:50%;max-width:var(--forge-bottom-sheet-desktop-max-width,50%);-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;right:0;left:0;max-height:50%;margin:0 auto;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1),-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1)}@media (max-width:600px){.forge-bottom-sheet{max-width:100%;width:100%;margin:0;border-radius:0}}.forge-bottom-sheet--open{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:var(--forge-bottom-sheet-transition-duration, 250ms);transition-duration:var(--forge-bottom-sheet-transition-duration, 250ms)}.forge-bottom-sheet--fullscreen.forge-bottom-sheet--open{height:100%;max-height:100%;-webkit-transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in;transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in}.forge-bottom-sheet--dragging{-webkit-transition:none!important;transition:none!important}.forge-bottom-sheet--scrollable{height:100%}:host{z-index:8;z-index:var(--forge-z-index-dialog,8);position:fixed}:host forge-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed}:host([hidden]){display:none}',n=class extends HTMLElement{constructor(){super();y(this,I,R),this._foundation=new b(new m(this))}static get observedAttributes(){return[o.attributes.BACKDROP_CLOSE,o.attributes.ESCAPE_CLOSE,o.attributes.OPEN,o.attributes.FULLSCREEN,o.attributes.SHOW_BACKDROP]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,i,r){switch(e){case o.attributes.BACKDROP_CLOSE:this.backdropClose=d(r);break;case o.attributes.ESCAPE_CLOSE:this.escapeClose=d(r);break;case o.attributes.OPEN:this.open=d(r);break;case o.attributes.FULLSCREEN:this.fullscreen=d(r);break;case o.attributes.SHOW_BACKDROP:this.showBackdrop=d(r);break}}};a([s()],n.prototype,"backdropClose",2),a([s()],n.prototype,"escapeClose",2),a([s()],n.prototype,"open",2),a([s()],n.prototype,"fullscreen",2),a([s()],n.prototype,"showBackdrop",2),a([s()],n.prototype,"openCallback",2),a([s()],n.prototype,"closeCallback",2),a([s()],n.prototype,"beforeCloseCallback",2),n=a([x({name:o.elementName,dependencies:[H]})],n);function ue(){k(n)}export{o as a,m as b,b as c,n as d,ue as e};
-//# sourceMappingURL=chunk.6QMDYUVT.js.map
+import{a as D}from"./chunk.DURRORXO.js";import{a as T}from"./chunk.EDU7RQD7.js";import{c as L}from"./chunk.XSZ4S77A.js";import{a as c,d as H}from"./chunk.55BOUOT6.js";import{a as C}from"./chunk.EC6JSIQW.js";import{a as w}from"./chunk.JMXJXZTS.js";import{a as S}from"./chunk.5PXABBKU.js";import{a as s}from"./chunk.B3IJU6XJ.js";import{a as x,b as B}from"./chunk.OOW3UKT4.js";import{a as k,e as y,g}from"./chunk.MMVZJLXE.js";import{i as E,r as h,t as l}from"./chunk.R4NDFXVA.js";import{k as d}from"./chunk.G76HB2FK.js";import{a as v,b as _,f as a}from"./chunk.MCIQXNKY.js";var p=`${B}bottom-sheet`,A={DRAGGING:"forge-bottom-sheet--dragging",FULLSCREEN:"forge-bottom-sheet--fullscreen",OPEN:"forge-bottom-sheet--open",SCROLLABLE:"forge-bottom-sheet--scrollable"},O={BACKDROP_CLOSE:"backdrop-close",ESCAPE_CLOSE:"escape-close",FULLSCREEN:"fullscreen",INITIAL_FOCUS:`${p}-focus`,OPEN:`${p}-open`,SHOW_BACKDROP:"show-backdrop"},N={BACKDROP:c.elementName,CONTAINER:".forge-bottom-sheet",CONTENT_BODY:"[forge-bottom-sheet-body]",INITIAL_FOCUS:`[${O.INITIAL_FOCUS}]`,HOST:`[${p}-host]`},P={BEFORE_CLOSE:"forge-bottom-sheet-before-close",CLOSE:"forge-bottom-sheet-close",OPEN:"forge-bottom-sheet-open",READY:"forge-bottom-sheet-ready",DRAG_START:"forge-bottom-sheet-drag-start",DRAGGED:"forge-bottom-sheet-dragged",DRAG_END:"forge-bottom-sheet-drag-end",DRAG_CANCEL:"forge-bottom-sheet-drag-cancel",FULLSCREEN:"forge-bottom-sheet-fullscreen"},o={elementName:p,classes:A,selectors:N,attributes:O,events:P};var m=class extends S{constructor(e){super(e);this._backdropElement=g(e,o.selectors.BACKDROP),this._containerElement=g(e,o.selectors.CONTAINER)}initializeAccessibility(){this._component.hasAttribute("role")||(this._component.setAttribute("role","dialog"),this._component.setAttribute("aria-modal","true"))}setVisibility(e){l(this._containerElement,e,o.classes.OPEN)}attach(){(document.querySelector(o.selectors.HOST)||document.body).appendChild(this._component)}detach(){E(this._component)}registerTransitionEndHandler(e){this._containerElement.addEventListener("transitionend",e)}deregisterTransitionEndHandler(e){this._containerElement.removeEventListener("transitionend",e)}setBodyListener(e,i,r){document.body.addEventListener(e,i,r)}removeBodyListener(e,i){document.body.removeEventListener(e,i)}setDocumentListener(e,i){document.addEventListener(e,i)}removeDocumentListener(e,i){document.removeEventListener(e,i)}registerBackdropClickHandler(e){this._backdropElement.addEventListener(c.events.BACKDROP_CLICK,e)}deregisterBackdropClickHandler(e){this._backdropElement.removeEventListener(c.events.BACKDROP_CLICK,e)}getOpenBottomSheets(e){return document.querySelectorAll(e)}trySetInitialFocus(){let e=h(this._component,o.selectors.INITIAL_FOCUS);e&&e.length&&e[e.length-1].focus()}isScrollable(){let e=this._getContentElement();return e?e.scrollHeight>e.offsetHeight:!1}isContentChild(e){let i=this._getContentElement();return i?i.contains(e):!1}initScrollable(){let e=this.isScrollable();l(this._component,e,o.classes.SCROLLABLE),l(this._containerElement,e,o.classes.SCROLLABLE)}setDragging(e){l(this._containerElement,e,o.classes.DRAGGING),l(this._component,e,o.classes.DRAGGING)}setBackdropVisiblity(e){this._backdropElement.hidden=!e}setFullscreen(e){l(this._containerElement,e,o.classes.FULLSCREEN)}tryLayoutChildren(){let e=[w.elementName,D.elementName,L.elementName,T.elementName];Array.from(this._component.querySelectorAll(e.join(","))).filter(r=>typeof r.layout=="function").forEach(r=>r.layout())}setContainerHeight(e){if(e!=null){let i=Math.min(100,100*e/window.innerHeight);this._containerElement.style.maxHeight=`${i}%`}else this._containerElement.style.removeProperty("max-height")}getContainerBounds(){return this._containerElement.getBoundingClientRect()}setDragTargetHandler(e,i){this._containerElement.addEventListener(e,i)}removeDragTargetHandler(e,i){this._containerElement.removeEventListener(e,i)}setBodyScrollHandler(e){let i=this._getContentElement();i&&i.addEventListener("scroll",e)}_getContentElement(){let e=Array.from(h(this._component,o.selectors.CONTENT_BODY,!1));return e.length?e[0]:null}};var b=class{constructor(t){this._adapter=t;this._open=!1;this._backdropClose=!0;this._escapeClose=!0;this._fullscreen=!1;this._showBackdrop=!1;this._isDragging=!1;this._bodyScrollHandler=()=>this._onBodyScroll();this._dragStartHandler=t=>this._onDragStart(t);this._dragMoveHandler=t=>this._onDragMove(t);this._dragEndHandler=()=>this._onDragEnd();this._dragCancelHandler=()=>this._onDragCancel();this._openTransitionEndHandler=e=>this._onOpenTransitionEnd(),this._closeTransitionEndHandler=e=>this._onCloseTransitionEnd(),this._documentKeydownHandler=e=>this._onDocumentKeydown(e),this._backdropClickHandler=e=>this._onBackdropClick(e)}initialize(){this._adapter.initializeAccessibility()}destroy(){this._open&&(this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler),this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler),this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler))}_setOpen(t){this._open=t,this._open?this._openBottomSheet():this._closeBottomSheet(),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._open)}_openBottomSheet(){this._adapter.attach(),this._adapter.setBodyAttribute(o.attributes.OPEN,"true"),this._adapter.registerTransitionEndHandler(this._openTransitionEndHandler),this._setDocumentKeydownListener(this._escapeClose),this._setBackdropClickListener(this._backdropClose),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{this._adapter.setVisibility(!0),this._adapter.emitHostEvent(o.events.OPEN),this._adapter.trySetInitialFocus(),this._adapter.initScrollable()})})}_closeBottomSheet(){this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler),this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler),this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler),this._adapter.registerTransitionEndHandler(this._closeTransitionEndHandler),this._adapter.setVisibility(!1)}_onCloseTransitionEnd(){this._adapter.emitHostEvent(o.events.CLOSE),this._adapter.detach(),this._adapter.getOpenBottomSheets(o.elementName).length||this._adapter.removeBodyAttribute(o.attributes.OPEN)}_onOpenTransitionEnd(){!this._open||(this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler),this._adapter.emitHostEvent(o.events.READY),this._adapter.tryLayoutChildren(),this._adapter.isScrollable()&&this._initScrollableHandlers())}_onDocumentKeydown(t){t.stopPropagation(),t.key&&(t.key==="Escape"||t.key==="Esc")&&this._tryClose()}_onBackdropClick(t){t.stopPropagation(),this._tryClose()}async _tryClose(){if(!!this._adapter.emitHostEvent(o.events.BEFORE_CLOSE,void 0,void 0,!0)){if(!this._beforeCloseCallback){this.open=!1;return}try{if(await Promise.resolve(this._beforeCloseCallback())){this.open=!1;return}}catch(e){return}}}_setBackdropClickListener(t){!this._open||(t?this._adapter.registerBackdropClickHandler(this._backdropClickHandler):this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler))}_setDocumentKeydownListener(t){!this._open||(t?this._adapter.addDocumentListener("keydown",this._documentKeydownHandler):this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler))}set backdropClose(t){t=Boolean(t),this._backdropClose!==t&&(this._backdropClose=t,this._setBackdropClickListener(this._backdropClose),this._adapter.toggleHostAttribute(o.attributes.BACKDROP_CLOSE,this._backdropClose))}get backdropClose(){return this._backdropClose}set escapeClose(t){t=Boolean(t),this._escapeClose!==t&&(this._escapeClose=t,this._setDocumentKeydownListener(this._escapeClose),this._adapter.toggleHostAttribute(o.attributes.ESCAPE_CLOSE,this._escapeClose))}get escapeClose(){return this._escapeClose}get open(){return this._open}set open(t){if(this._open!==t&&(t=Boolean(t),t!==this._open)){let e=t?this._openCallback:this._closeCallback;e?Promise.resolve(e()).then(()=>{this._setOpen(t)}).catch(()=>{}):this._setOpen(t)}}get fullscreen(){return this._fullscreen}set fullscreen(t){this._fullscreen!==t&&(this._fullscreen=t,this._adapter.setFullscreen(this._fullscreen),this._adapter.toggleHostAttribute(o.attributes.FULLSCREEN,this._fullscreen))}get showBackdrop(){return this._showBackdrop}set showBackdrop(t){this._showBackdrop!==t&&(this._showBackdrop=t,this._adapter.setBackdropVisiblity(t),this._adapter.toggleHostAttribute(o.attributes.SHOW_BACKDROP,this._showBackdrop))}get openCallback(){return this._openCallback}set openCallback(t){this._openCallback=t}get closeCallback(){return this._closeCallback}set closeCallback(t){this._closeCallback=t}get beforeCloseCallback(){return this._beforeCloseCallback}set beforeCloseCallback(t){this._beforeCloseCallback=t}_initScrollableHandlers(){!this._fullscreen&&this._adapter.isScrollable()&&(this._adapter.setDragTargetHandler("mousedown",this._dragStartHandler),this._adapter.setDragTargetHandler("touchstart",this._dragStartHandler),this._adapter.setBodyScrollHandler(this._bodyScrollHandler))}_onBodyScroll(){!this._fullscreen&&!this._isDragging&&(this.fullscreen=!0,this._adapter.emitHostEvent(o.events.FULLSCREEN,this._fullscreen))}_onDragStart(t){if(this._fullscreen){let r=C(t);if(this._adapter.isScrollable()&&this._adapter.isContentChild(r[0]))return}t.stopPropagation();let e=this._adapter.getContainerBounds(),i=t instanceof MouseEvent?t.clientY:t.touches[0].clientY;this._dragContext={top:i-e.top,height:e.height},this._adapter.setBodyListener("mousemove",this._dragMoveHandler,{passive:!1}),this._adapter.setBodyListener("touchmove",this._dragMoveHandler,{passive:!1}),this._adapter.setBodyListener("mouseup",this._dragEndHandler),this._adapter.setBodyListener("touchend",this._dragEndHandler),this._adapter.setBodyListener("touchcancel",this._dragCancelHandler)}_onDragMove(t){if(t.stopPropagation(),t.preventDefault(),!this._dragContext)return;let e=t instanceof MouseEvent?t.clientY:t.touches[0].clientY,i={y:window.innerHeight-e+this._dragContext.top};if(!this._isDragging){if(this._isDragging=!0,!this._adapter.emitHostEvent(o.events.DRAG_START,i,!0,!0))return;this._adapter.setDragging(!0)}let r=this._fullscreen?i:{y:Math.max(i.y,this._dragContext.height)};(!this._lastPosition||r.y!==this._lastPosition.y)&&this._adapter.emitHostEvent(o.events.DRAGGED,r,!0,!0)&&(this._lastPosition=_(v({},r),{clientY:e}),this._adapter.setContainerHeight(r.y))}_onDragEnd(){if(this._lastPosition){let t=this._lastPosition.clientY,e=this._dragContext;e&&(this._fullscreen&&t>0?(this.fullscreen=!1,this._adapter.emitHostEvent(o.events.FULLSCREEN,this._fullscreen)):!this._fullscreen&&t<e.height+e.top&&(this.fullscreen=!0,this._adapter.emitHostEvent(o.events.FULLSCREEN,this._fullscreen)))}this._isDragging&&this._adapter.emitHostEvent(o.events.DRAG_END),this._dragComplete()}_onDragCancel(){this._isDragging&&this._adapter.emitHostEvent(o.events.DRAG_CANCEL),this._dragComplete()}_dragComplete(){this._adapter.setDragging(!1),this._adapter.removeBodyListener("mousemove",this._dragMoveHandler),this._adapter.removeBodyListener("touchmove",this._dragMoveHandler),this._adapter.removeBodyListener("mouseup",this._dragEndHandler),this._adapter.removeBodyListener("touchend",this._dragEndHandler),this._adapter.removeBodyListener("touchcancel",this._dragCancelHandler),this._adapter.setContainerHeight(null),this._lastPosition=void 0,this._dragContext=void 0,this._isDragging=!1}};var I='<template><forge-backdrop hidden part="backdrop"></forge-backdrop><div class="forge-bottom-sheet" part="root"><slot></slot></div></template>',R='.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-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}}.forge-icon-button{--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}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::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-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.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-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.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-icon-button.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-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.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%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}.forge-bottom-sheet{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);border-radius:4px 4px 0 0;border-radius:var(--forge-bottom-sheet-border-radius,4px 4px 0 0);max-width:50%;max-width:var(--forge-bottom-sheet-desktop-max-width,50%);-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;right:0;left:0;max-height:50%;margin:0 auto;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1),-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1)}@media (max-width:600px){.forge-bottom-sheet{max-width:100%;width:100%;margin:0;border-radius:0}}.forge-bottom-sheet--open{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:var(--forge-bottom-sheet-transition-duration, 250ms);transition-duration:var(--forge-bottom-sheet-transition-duration, 250ms)}.forge-bottom-sheet--fullscreen.forge-bottom-sheet--open{height:100%;max-height:100%;-webkit-transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in;transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in}.forge-bottom-sheet--dragging{-webkit-transition:none!important;transition:none!important}.forge-bottom-sheet--scrollable{height:100%}:host{z-index:8;z-index:var(--forge-z-index-dialog,8);position:fixed}:host forge-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed}:host([hidden]){display:none}',n=class extends HTMLElement{constructor(){super();y(this,I,R),this._foundation=new b(new m(this))}static get observedAttributes(){return[o.attributes.BACKDROP_CLOSE,o.attributes.ESCAPE_CLOSE,o.attributes.OPEN,o.attributes.FULLSCREEN,o.attributes.SHOW_BACKDROP]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,i,r){switch(e){case o.attributes.BACKDROP_CLOSE:this.backdropClose=d(r);break;case o.attributes.ESCAPE_CLOSE:this.escapeClose=d(r);break;case o.attributes.OPEN:this.open=d(r);break;case o.attributes.FULLSCREEN:this.fullscreen=d(r);break;case o.attributes.SHOW_BACKDROP:this.showBackdrop=d(r);break}}};a([s()],n.prototype,"backdropClose",2),a([s()],n.prototype,"escapeClose",2),a([s()],n.prototype,"open",2),a([s()],n.prototype,"fullscreen",2),a([s()],n.prototype,"showBackdrop",2),a([s()],n.prototype,"openCallback",2),a([s()],n.prototype,"closeCallback",2),a([s()],n.prototype,"beforeCloseCallback",2),n=a([x({name:o.elementName,dependencies:[H]})],n);function ue(){k(n)}export{o as a,m as b,b as c,n as d,ue as e};
+//# sourceMappingURL=chunk.WEUNLYMQ.js.map