@tylertech/forge 2.5.0 → 2.7.0

package/dist/esm/chunks/{chunk.HHHMDDTU.js.map → chunk.FZ6KICMD.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@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 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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",
   "names": []
 }

package/dist/esm/chunks/{chunk.XPC7GINT.js → chunk.GHZ75UPO.js}

@@ -10,11 +10,11 @@ import {
 } from "./chunk.GS2AXUCN.js";
 import {
   TooltipComponent
-} from "./chunk.2F6PST3N.js";
+} from "./chunk.OXS2O7RG.js";
 import {
   IconComponent,
   IconRegistry
-} from "./chunk.3MO6XU44.js";
+} from "./chunk.WSH4S3GM.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -339,4 +339,4 @@ export {
   AppBarSearchComponent,
   defineAppBarSearchComponent
 };
-//# sourceMappingURL=chunk.XPC7GINT.js.map
+//# sourceMappingURL=chunk.GHZ75UPO.js.map

package/dist/esm/chunks/{chunk.XPC7GINT.js.map → chunk.GHZ75UPO.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/app-bar/search/app-bar-search-constants.ts", "../../src/app-bar/search/app-bar-search-foundation.ts", "../../src/app-bar/search/app-bar-search-adapter.ts", "../../src/app-bar/search/app-bar-search.ts", "../../src/app-bar/search/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { IOption } from '../../select';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-search`;\n\nconst classes = {\n  FOCUSED: 'forge-app-bar-search--focused',\n  DISABLED: 'forge-app-bar-search--disabled'\n};\n\nconst selectors = {\n  ROOT: '.forge-app-bar-search',\n  INPUT: 'input',\n  GLOBAL_ICON_CONTAINER: '.forge-app-bar-search__global-icon-container',\n  CONTEXT_CONTAINER: '.forge-app-bar-search__context'\n};\n\nconst attributes = {\n  DISABLED: 'disabled',\n  VALUE: 'value',\n  PLACEHOLDER: 'placeholder',\n  COMBINED: 'combined',\n  GLOBAL: 'global'\n};\n\nconst events = {\n  INPUT: `${elementName}-input`\n};\n\nconst strings = {\n  DEFAULT_CONTEXT: 'global'\n};\n\nexport const APP_BAR_SEARCH_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  events,\n  strings\n};\n\nexport const DEFAULT_COMBINED_OPTIONS: IOption[] = [\n  { label: 'in this application', value: 'local' },\n  { label: 'in all products', value: strings.DEFAULT_CONTEXT }\n];\n\nexport interface IAppBarSearchInputEventData {\n  value: string;\n  combined: boolean;\n  context: string;\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IAppBarSearchAdapter } from './app-bar-search-adapter';\nimport { APP_BAR_SEARCH_CONSTANTS, IAppBarSearchInputEventData } from './app-bar-search-constants';\nimport { IOption } from '../../select';\n\nexport interface IAppBarSearchFoundation extends ICustomElementFoundation {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar-search component.\n */\nexport class AppBarSearchFoundation implements IAppBarSearchFoundation {\n  private _disabled = false;\n  private _combined = false;\n  private _combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;\n  private _combinedOptions: IOption[] = [];\n  private _selectedCombinedOption: string;\n  private _global = false;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _focusListener: (evt: Event) => void;\n  private _blurListener: (evt: Event) => void;\n\n  constructor(private _adapter: IAppBarSearchAdapter) {\n    this._keydownListener = evt => this._onKeyDown(evt);\n    this._focusListener = evt => this._onFocus(evt);\n    this._blurListener = evt => this._onBlur(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n\n    if (!this._adapter.hasInputElement()) {\n      throw new Error('An input element is required as a child of the app-bar-search component.');\n    }\n\n    this._adapter.setGlobalIconVisibility(this._global);\n    this._adapter.setContextVisibility(this._combined);\n    this._adapter.addSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.addSearchInputEventListener('focus', this._focusListener);\n    this._adapter.addSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /**\n   * Handles keydown events on our search input.\n   * @param {KeyboardEvent} evt\n   */\n  private _onKeyDown(evt: KeyboardEvent): void {\n    if (evt.key === 'Enter' || evt.keyCode === 13) {\n      const data: IAppBarSearchInputEventData = {\n        value: (evt.target as HTMLInputElement).value,\n        combined: this._combined,\n        context: this._combinedContext\n      };\n      this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);\n    }\n  }\n\n  private _onFocus(evt: Event): void {\n    this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  private _onBlur(evt: Event): void {\n    this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  public disconnect(): void {\n    this._adapter.removeSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.removeSearchInputEventListener('focus', this._focusListener);\n    this._adapter.removeSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /** Gets/sets the disabled state of the input. */\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (value !== this._disabled) {\n      this._disabled = value;\n      this._adapter.setDisabled(this._disabled);\n      this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get value(): string {\n    return this._adapter.getInputValue();\n  }\n  public set value(value: string) {\n    this._adapter.setInputValue(value);\n  }\n\n  /** Sets the placeholder text. */\n  public set placeholder(value: string) {\n    this._adapter.setInputPlaceholder(value);\n  }\n\n  /** Gets/sets the combined bool. */\n  public get combined(): boolean {\n    return this._combined;\n  }\n  public set combined(value: boolean) {\n    if (this._combined !== value) {\n      this._combined = value;\n      this._adapter.setContextVisibility(this._combined);\n    }\n  }\n\n  /** Gets/sets options for the combined search dropdown. */\n  // Note: this is currently the end of the combinedOptions implemention.\n  //   In the future this will feed into a select or menu type dropdown.\n  public get combinedOptions(): IOption[] {\n    if (!this._combinedOptions) {\n      return [];\n    }\n\n    return this._combinedOptions.map(co => ({ ...co }));\n  }\n  public set combinedOptions(value: IOption[]) {\n    if (!value) {\n      this._combinedOptions = [];\n    }\n\n    this._combinedOptions = value.map(v => ({ ...v }));\n  }\n\n  /** Gets/sets selected option for the combined search dropdown. */\n  // Note: this is currently the end of the selectedCombinedOption implemention.\n  //   In the future this will hold the selected select or menu type dropdown value.\n  public get selectedCombinedOption(): string {\n    return this._selectedCombinedOption;\n  }\n  public set selectedCombinedOption(value: string) {\n    if (this._selectedCombinedOption !== value) {\n      this._selectedCombinedOption = value;\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get global(): boolean {\n    return this._global;\n  }\n  public set global(value: boolean) {\n    if (this._global !== value) {\n      this._global = value;\n      this._adapter.setGlobalIconVisibility(this._global);\n    }\n  }\n}\n", "import { addClass, getShadowElement, isDefined, removeClass, toggleElementPlaceholder, deepQuerySelectorAll, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarSearchComponent } from './app-bar-search';\nimport { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\n\nexport interface IAppBarSearchAdapter extends IBaseAdapter {\n  initialize(): void;\n  hasInputElement(): boolean;\n  addRootClass(className: string | string[]): void;\n  removeRootClass(className: string | string[]): void;\n  addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  setDisabled(disabled: boolean): void;\n  getInputValue(): string;\n  setInputValue(value: string): void;\n  setInputPlaceholder(value: string): void;\n  setGlobalIconVisibility(isVisible: boolean): void;\n  setContextVisibility(isVisible: boolean): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.\n */\nexport class AppBarSearchAdapter extends BaseAdapter<IAppBarSearchComponent> implements IAppBarSearchAdapter {\n  private _rootElement: HTMLElement;\n  private _inputElement: HTMLInputElement;\n  private _globalIconContainer: HTMLElement;\n  private _globalIconPlaceholder: Comment;\n  private _contextContainerElement: HTMLElement;\n  private _contextContainerPlaceholder: Comment;\n\n  constructor(component: IAppBarSearchComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);\n    this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);\n    this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);\n  }\n\n  public initialize(): void {\n    const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);\n    if (inputElements.length) {\n      this._inputElement = inputElements[0] as HTMLInputElement;\n    }\n  }\n\n  public hasInputElement(): boolean {\n    return isDefined(this._inputElement);\n  }\n\n  public addRootClass(className: string | string[]): void {\n    addClass(className, this._rootElement);\n  }\n\n  public removeRootClass(className: string | string[]): void {\n    removeClass(className, this._rootElement);\n  }\n\n  /**\n   * Adds an event to the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public addSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event from the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.removeEventListener(type, listener);\n  }\n\n  /**\n   * Toggles the disabled attribute on the search input.\n   * @param {boolean} disabled Whether the attribute should be set or not.\n   */\n  public setDisabled(disabled: boolean): void {\n    toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);\n    toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);\n  }\n\n  public getInputValue(): string {\n    return this._inputElement.value;\n  }\n  public setInputValue(value: string): void {\n    this._inputElement.value = value;\n  }\n\n  public setInputPlaceholder(value: string): void {\n    this._inputElement.placeholder = value;\n  }\n\n  public setGlobalIconVisibility(isVisible: boolean): void {\n    this._globalIconPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER,\n      this._globalIconContainer,\n      this._globalIconPlaceholder\n    );\n  }\n\n  public setContextVisibility(isVisible: boolean): void {\n    this._contextContainerPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER,\n      this._contextContainerElement,\n      this._contextContainerPlaceholder\n    );\n  }\n}\n", "import { CustomElement, attachShadowTemplate, ensureChildren, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconArrowDropDown, tylIconLanguage, tylIconSearch } from '@tylertech/tyler-icons/standard';\nimport { AppBarSearchFoundation } from './app-bar-search-foundation';\nimport { AppBarSearchAdapter } from './app-bar-search-adapter';\nimport { IAppBarSearchInputEventData, APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\nimport { IOption } from '../../select';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-app-bar-search\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar-search__container\\\" part=\\\"container\\\"><div class=\\\"forge-app-bar-search__search-icon-container\\\" part=\\\"icon-container\\\"><forge-icon name=\\\"search\\\" class=\\\"forge-app-bar-search__icon\\\" part=\\\"icon\\\"></forge-icon></div><slot></slot><div class=\\\"forge-app-bar-search__context\\\" part=\\\"context\\\"><div class=\\\"forge-app-bar-search__vertical-divider\\\" part=\\\"context-divider\\\"></div><button type=\\\"button\\\" class=\\\"forge-app-bar-search__context-button\\\" part=\\\"context-button\\\"><span class=\\\"forge-app-bar-search__context-button-text\\\" part=\\\"context-button-text\\\">in this application</span><forge-icon name=\\\"arrow_drop_down\\\" class=\\\"forge-app-bar-search__context-button-icon\\\" part=\\\"context-button-icon\\\"></forge-icon></button></div><div class=\\\"forge-app-bar-search__global-icon-container\\\" part=\\\"global-icon-container\\\"><forge-icon slot=\\\"trailing\\\" name=\\\"language\\\" id=\\\"app-bar-global-context\\\" part=\\\"global-icon\\\"></forge-icon><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\" target=\\\"#app-bar-global-context\\\">Global search</forge-tooltip></div></div><div class=\\\"forge-app-bar-search__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';\n\nexport interface IAppBarSearchComponent extends IBaseComponent {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-app-bar-search': IAppBarSearchComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-app-bar-search-input': CustomEvent<IAppBarSearchInputEventData>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-search>` custom element.\n */\n@CustomElement({\n  name: APP_BAR_SEARCH_CONSTANTS.elementName,\n  dependencies: [\n    TooltipComponent,\n    IconComponent\n  ]\n})\nexport class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,\n      APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,\n      APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL\n    ];\n  }\n\n  /** The foundation class that handles business logic for this component. */\n  private _foundation: AppBarSearchFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this.children.length) {\n      this._initialize();\n    } else {\n      ensureChildren(this).then(() => this._initialize());\n    }\n  }\n\n  private _initialize(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:\n        this.placeholder = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:\n        this.combined = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:\n        this.global = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Gets/sets the value. */\n  @FoundationProperty()\n  public value: string;\n\n  /** Gets/sets the disabled state of the search input. */\n  @FoundationProperty()\n  public disabled: boolean;\n  \n  /** Gets/sets whether this is a combined search box with search options. */\n  @FoundationProperty()\n  public combined: boolean;\n  \n  /** Gets/sets seelcted option for the combined search dropdown. */\n  @FoundationProperty()\n  public combinedOptions: IOption[];\n  \n  /** Gets/sets selected option for the combined search dropdown. */\n  @FoundationProperty()\n  public selectedCombinedOption: string;\n  \n  /** Gets/sets whether the global icon is displayed at the end of the input. */\n  @FoundationProperty()\n  public global: boolean;\n\n  /** Sets the input placeholder value. */\n  public set placeholder(value: string) {\n    this._foundation.placeholder = value;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarSearchComponent } from './app-bar-search';\n\nexport * from './app-bar-search-adapter';\nexport * from './app-bar-search-constants';\nexport * from './app-bar-search-foundation';\nexport * from './app-bar-search';\n\nexport function defineAppBarSearchComponent(): void {\n  defineCustomElement(AppBarSearchComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { IOption } from '../../select';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-search`;\n\nconst classes = {\n  FOCUSED: 'forge-app-bar-search--focused',\n  DISABLED: 'forge-app-bar-search--disabled'\n};\n\nconst selectors = {\n  ROOT: '.forge-app-bar-search',\n  INPUT: 'input',\n  GLOBAL_ICON_CONTAINER: '.forge-app-bar-search__global-icon-container',\n  CONTEXT_CONTAINER: '.forge-app-bar-search__context'\n};\n\nconst attributes = {\n  DISABLED: 'disabled',\n  VALUE: 'value',\n  PLACEHOLDER: 'placeholder',\n  COMBINED: 'combined',\n  GLOBAL: 'global'\n};\n\nconst events = {\n  INPUT: `${elementName}-input`\n};\n\nconst strings = {\n  DEFAULT_CONTEXT: 'global'\n};\n\nexport const APP_BAR_SEARCH_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  events,\n  strings\n};\n\nexport const DEFAULT_COMBINED_OPTIONS: IOption[] = [\n  { label: 'in this application', value: 'local' },\n  { label: 'in all products', value: strings.DEFAULT_CONTEXT }\n];\n\nexport interface IAppBarSearchInputEventData {\n  value: string;\n  combined: boolean;\n  context: string;\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IAppBarSearchAdapter } from './app-bar-search-adapter';\nimport { APP_BAR_SEARCH_CONSTANTS, IAppBarSearchInputEventData } from './app-bar-search-constants';\nimport { IOption } from '../../select';\n\nexport interface IAppBarSearchFoundation extends ICustomElementFoundation {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar-search component.\n */\nexport class AppBarSearchFoundation implements IAppBarSearchFoundation {\n  private _disabled = false;\n  private _combined = false;\n  private _combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;\n  private _combinedOptions: IOption[] = [];\n  private _selectedCombinedOption: string;\n  private _global = false;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _focusListener: (evt: Event) => void;\n  private _blurListener: (evt: Event) => void;\n\n  constructor(private _adapter: IAppBarSearchAdapter) {\n    this._keydownListener = evt => this._onKeyDown(evt);\n    this._focusListener = evt => this._onFocus(evt);\n    this._blurListener = evt => this._onBlur(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n\n    if (!this._adapter.hasInputElement()) {\n      throw new Error('An input element is required as a child of the app-bar-search component.');\n    }\n\n    this._adapter.setGlobalIconVisibility(this._global);\n    this._adapter.setContextVisibility(this._combined);\n    this._adapter.addSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.addSearchInputEventListener('focus', this._focusListener);\n    this._adapter.addSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /**\n   * Handles keydown events on our search input.\n   * @param {KeyboardEvent} evt\n   */\n  private _onKeyDown(evt: KeyboardEvent): void {\n    if (evt.key === 'Enter' || evt.keyCode === 13) {\n      const data: IAppBarSearchInputEventData = {\n        value: (evt.target as HTMLInputElement).value,\n        combined: this._combined,\n        context: this._combinedContext\n      };\n      this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);\n    }\n  }\n\n  private _onFocus(evt: Event): void {\n    this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  private _onBlur(evt: Event): void {\n    this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  public disconnect(): void {\n    this._adapter.removeSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.removeSearchInputEventListener('focus', this._focusListener);\n    this._adapter.removeSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /** Gets/sets the disabled state of the input. */\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (value !== this._disabled) {\n      this._disabled = value;\n      this._adapter.setDisabled(this._disabled);\n      this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get value(): string {\n    return this._adapter.getInputValue();\n  }\n  public set value(value: string) {\n    this._adapter.setInputValue(value);\n  }\n\n  /** Sets the placeholder text. */\n  public set placeholder(value: string) {\n    this._adapter.setInputPlaceholder(value);\n  }\n\n  /** Gets/sets the combined bool. */\n  public get combined(): boolean {\n    return this._combined;\n  }\n  public set combined(value: boolean) {\n    if (this._combined !== value) {\n      this._combined = value;\n      this._adapter.setContextVisibility(this._combined);\n    }\n  }\n\n  /** Gets/sets options for the combined search dropdown. */\n  // Note: this is currently the end of the combinedOptions implemention.\n  //   In the future this will feed into a select or menu type dropdown.\n  public get combinedOptions(): IOption[] {\n    if (!this._combinedOptions) {\n      return [];\n    }\n\n    return this._combinedOptions.map(co => ({ ...co }));\n  }\n  public set combinedOptions(value: IOption[]) {\n    if (!value) {\n      this._combinedOptions = [];\n    }\n\n    this._combinedOptions = value.map(v => ({ ...v }));\n  }\n\n  /** Gets/sets selected option for the combined search dropdown. */\n  // Note: this is currently the end of the selectedCombinedOption implemention.\n  //   In the future this will hold the selected select or menu type dropdown value.\n  public get selectedCombinedOption(): string {\n    return this._selectedCombinedOption;\n  }\n  public set selectedCombinedOption(value: string) {\n    if (this._selectedCombinedOption !== value) {\n      this._selectedCombinedOption = value;\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get global(): boolean {\n    return this._global;\n  }\n  public set global(value: boolean) {\n    if (this._global !== value) {\n      this._global = value;\n      this._adapter.setGlobalIconVisibility(this._global);\n    }\n  }\n}\n", "import { addClass, getShadowElement, isDefined, removeClass, toggleElementPlaceholder, deepQuerySelectorAll, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarSearchComponent } from './app-bar-search';\nimport { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\n\nexport interface IAppBarSearchAdapter extends IBaseAdapter {\n  initialize(): void;\n  hasInputElement(): boolean;\n  addRootClass(className: string | string[]): void;\n  removeRootClass(className: string | string[]): void;\n  addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  setDisabled(disabled: boolean): void;\n  getInputValue(): string;\n  setInputValue(value: string): void;\n  setInputPlaceholder(value: string): void;\n  setGlobalIconVisibility(isVisible: boolean): void;\n  setContextVisibility(isVisible: boolean): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.\n */\nexport class AppBarSearchAdapter extends BaseAdapter<IAppBarSearchComponent> implements IAppBarSearchAdapter {\n  private _rootElement: HTMLElement;\n  private _inputElement: HTMLInputElement;\n  private _globalIconContainer: HTMLElement;\n  private _globalIconPlaceholder: Comment;\n  private _contextContainerElement: HTMLElement;\n  private _contextContainerPlaceholder: Comment;\n\n  constructor(component: IAppBarSearchComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);\n    this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);\n    this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);\n  }\n\n  public initialize(): void {\n    const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);\n    if (inputElements.length) {\n      this._inputElement = inputElements[0] as HTMLInputElement;\n    }\n  }\n\n  public hasInputElement(): boolean {\n    return isDefined(this._inputElement);\n  }\n\n  public addRootClass(className: string | string[]): void {\n    addClass(className, this._rootElement);\n  }\n\n  public removeRootClass(className: string | string[]): void {\n    removeClass(className, this._rootElement);\n  }\n\n  /**\n   * Adds an event to the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public addSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event from the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.removeEventListener(type, listener);\n  }\n\n  /**\n   * Toggles the disabled attribute on the search input.\n   * @param {boolean} disabled Whether the attribute should be set or not.\n   */\n  public setDisabled(disabled: boolean): void {\n    toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);\n    toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);\n  }\n\n  public getInputValue(): string {\n    return this._inputElement.value;\n  }\n  public setInputValue(value: string): void {\n    this._inputElement.value = value;\n  }\n\n  public setInputPlaceholder(value: string): void {\n    this._inputElement.placeholder = value;\n  }\n\n  public setGlobalIconVisibility(isVisible: boolean): void {\n    this._globalIconPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER,\n      this._globalIconContainer,\n      this._globalIconPlaceholder\n    );\n  }\n\n  public setContextVisibility(isVisible: boolean): void {\n    this._contextContainerPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER,\n      this._contextContainerElement,\n      this._contextContainerPlaceholder\n    );\n  }\n}\n", "import { CustomElement, attachShadowTemplate, ensureChildren, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconArrowDropDown, tylIconLanguage, tylIconSearch } from '@tylertech/tyler-icons/standard';\nimport { AppBarSearchFoundation } from './app-bar-search-foundation';\nimport { AppBarSearchAdapter } from './app-bar-search-adapter';\nimport { IAppBarSearchInputEventData, APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\nimport { IOption } from '../../select';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-app-bar-search\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar-search__container\\\" part=\\\"container\\\"><div class=\\\"forge-app-bar-search__search-icon-container\\\" part=\\\"icon-container\\\"><forge-icon name=\\\"search\\\" class=\\\"forge-app-bar-search__icon\\\" part=\\\"icon\\\"></forge-icon></div><slot></slot><div class=\\\"forge-app-bar-search__context\\\" part=\\\"context\\\"><div class=\\\"forge-app-bar-search__vertical-divider\\\" part=\\\"context-divider\\\"></div><button type=\\\"button\\\" class=\\\"forge-app-bar-search__context-button\\\" part=\\\"context-button\\\"><span class=\\\"forge-app-bar-search__context-button-text\\\" part=\\\"context-button-text\\\">in this application</span><forge-icon name=\\\"arrow_drop_down\\\" class=\\\"forge-app-bar-search__context-button-icon\\\" part=\\\"context-button-icon\\\"></forge-icon></button></div><div class=\\\"forge-app-bar-search__global-icon-container\\\" part=\\\"global-icon-container\\\"><forge-icon slot=\\\"trailing\\\" name=\\\"language\\\" id=\\\"app-bar-global-context\\\" part=\\\"global-icon\\\"></forge-icon><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\" target=\\\"#app-bar-global-context\\\">Global search</forge-tooltip></div></div><div class=\\\"forge-app-bar-search__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';\n\nexport interface IAppBarSearchComponent extends IBaseComponent {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-app-bar-search': IAppBarSearchComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-app-bar-search-input': CustomEvent<IAppBarSearchInputEventData>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-search>` custom element.\n * \n * @tag forge-app-bar-search\n * \n * @slot - The default (unnamed) slot is where child `<input>` elements will be placed.\n * @slot action - Places actions at the end of the input.\n * \n * @csspart root - The root element\n * @csspart container - The input container element.\n * @csspart icon-container - The icon container element.\n * @csspart icon - The <forge-icon> element.\n * @csspart context - The context container element.\n * @csspart context-divider - The context divider element.\n * @csspart context-button - The context button element.\n * @csspart context-button-text - The context button text element.\n * @csspart context-button-icon - The context button icon element.\n * @csspart global-icon-container - The global icon container element.\n * @csspart global-icon - The global icon <forge-icon> element.\n * @csspart actions-container - The action container element around the slot.\n * \n * @cssproperty --mdc-theme-on-primary - Controls the border-color of the container outline, the font-color, and icon color.\n * @cssproperty --mdc-theme-on-surface - Controls the font color of the buttons.\n * @cssproperty --mdc-theme-text-secondary-on-background - Controls the placeholder font color.\n * @cssproperty --forge-app-bar-search-theme-background - Controls the background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-background-focused - Controls the focused background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-hover-opacity - Controls the hover opacity of the outline.\n * @cssproperty --forge-app-bar-search-theme-disabled-opacity - Controls the disabled opacity of the component.\n */\n@CustomElement({\n  name: APP_BAR_SEARCH_CONSTANTS.elementName,\n  dependencies: [\n    TooltipComponent,\n    IconComponent\n  ]\n})\nexport class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,\n      APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,\n      APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL\n    ];\n  }\n\n  /** The foundation class that handles business logic for this component. */\n  private _foundation: AppBarSearchFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this.children.length) {\n      this._initialize();\n    } else {\n      ensureChildren(this).then(() => this._initialize());\n    }\n  }\n\n  private _initialize(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:\n        this.placeholder = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:\n        this.combined = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:\n        this.global = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Gets/sets the value. */\n  @FoundationProperty()\n  public value: string;\n\n  /** Gets/sets the disabled state of the search input. */\n  @FoundationProperty()\n  public disabled: boolean;\n  \n  /** Gets/sets whether this is a combined search box with search options. */\n  @FoundationProperty()\n  public combined: boolean;\n  \n  /** Gets/sets seelcted option for the combined search dropdown. */\n  @FoundationProperty()\n  public combinedOptions: IOption[];\n  \n  /** Gets/sets selected option for the combined search dropdown. */\n  @FoundationProperty()\n  public selectedCombinedOption: string;\n  \n  /** Gets/sets whether the global icon is displayed at the end of the input. */\n  @FoundationProperty()\n  public global: boolean;\n\n  /** Sets the input placeholder value. */\n  public set placeholder(value: string) {\n    this._foundation.placeholder = value;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarSearchComponent } from './app-bar-search';\n\nexport * from './app-bar-search-adapter';\nexport * from './app-bar-search-constants';\nexport * from './app-bar-search-foundation';\nexport * from './app-bar-search';\n\nexport function defineAppBarSearchComponent(): void {\n  defineCustomElement(AppBarSearchComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/chunks/{chunk.SJZ54RE3.js → chunk.GL72QT42.js}

@@ -53,4 +53,4 @@ export {
   InlineMessageComponent,
   defineInlineMessageComponent
 };
-//# sourceMappingURL=chunk.SJZ54RE3.js.map
+//# sourceMappingURL=chunk.GL72QT42.js.map

package/dist/esm/chunks/{chunk.SJZ54RE3.js.map → chunk.GL72QT42.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/inline-message/inline-message-constants.ts", "../../src/inline-message/inline-message.ts", "../../src/inline-message/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}inline-message`;\n\nconst selectors = {\n  ROOT: '.forge-inline-message'\n};\n\nexport const INLINE_MESSAGE_CONSTANTS = {\n  elementName,\n  selectors\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { INLINE_MESSAGE_CONSTANTS } from './inline-message-constants';\n\nconst template = '<template><div class=\\\"forge-inline-message\\\" part=\\\"root\\\"><slot name=\\\"icon\\\"></slot><div class=\\\"forge-inline-message__container\\\" part=\\\"container\\\"><slot name=\\\"title\\\"></slot><slot></slot></div></div></template>';\nconst styles = '.forge-inline-message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);border-radius:0;border-radius:var(--forge-inline-message-border-radius,0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:8px 16px 8px 12px}.forge-inline-message ::slotted([slot=icon]){align-self:start;margin-right:12px}.forge-inline-message__container{align-self:center}.forge-inline-message__container ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);font-weight:500;line-height:1rem;margin-bottom:8px}:host .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=danger]) .forge-inline-message{background:rgba(255,205,210,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-danger-background,rgba(255,205,210,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-inline-message ::slotted([slot=icon]){color:#a22d0e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-danger-icon-color,#a22d0e))}:host([theme=warning]) .forge-inline-message{background:rgba(255,219,166,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-warning-background,rgba(255,219,166,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-inline-message ::slotted([slot=icon]){color:#a03a03;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-warning-icon-color,#a03a03))}:host([theme=success]) .forge-inline-message{background:rgba(165,214,167,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-success-background,rgba(165,214,167,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-inline-message ::slotted([slot=icon]){color:#1b5e20;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-success-icon-color,#1b5e20))}:host([theme=info-primary]) .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=info-secondary]) .forge-inline-message{background:rgba(224,224,224,.4);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-secondary-background,rgba(224,224,224,.4)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-inline-message ::slotted([slot=icon]){color:#000;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-secondary-icon-color,#000))}:host([hidden]){display:none}';\n\nexport interface IInlineMessageComponent extends IBaseComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-inline-message': IInlineMessageComponent;\n  }\n}\n\n@CustomElement({\n  name: INLINE_MESSAGE_CONSTANTS.elementName\n})\nexport class InlineMessageComponent extends BaseComponent implements IInlineMessageComponent {\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { InlineMessageComponent } from './inline-message';\n\nexport * from './inline-message-constants';\nexport * from './inline-message';\n\nexport function defineInlineMessageComponent(): void {\n  defineCustomElement(InlineMessageComponent);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAEpD,IAAM,YAAY;AAAA,EAChB,MAAM;AACR;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AACF;;;ACPA,IAAM,WAAW;AACjB,IAAM,SAAS;AAaR,IAAM,yBAAN,cAAqC,cAAiD;AAAA,EAC3F,cAAc;AACZ,UAAM;AACN,yBAAqB,MAAM,UAAU,MAAM;AAAA,EAC7C;AACF;AALa,yBAAN;AAAA,EAHP,AAAC,cAAc;AAAA,IACb,MAAM,yBAAyB;AAAA,EACjC,CAAC;AAAA,GACY;;;ACXN,wCAA8C;AACnD,sBAAoB,sBAAsB;AAC5C;",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}inline-message`;\n\nconst selectors = {\n  ROOT: '.forge-inline-message'\n};\n\nexport const INLINE_MESSAGE_CONSTANTS = {\n  elementName,\n  selectors\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { INLINE_MESSAGE_CONSTANTS } from './inline-message-constants';\n\nconst template = '<template><div class=\\\"forge-inline-message\\\" part=\\\"root\\\"><slot name=\\\"icon\\\"></slot><div class=\\\"forge-inline-message__container\\\" part=\\\"container\\\"><slot name=\\\"title\\\"></slot><slot></slot></div></div></template>';\nconst styles = '.forge-inline-message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);border-radius:0;border-radius:var(--forge-inline-message-border-radius,0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:8px 16px 8px 12px}.forge-inline-message ::slotted([slot=icon]){align-self:start;margin-right:12px}.forge-inline-message__container{align-self:center}.forge-inline-message__container ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);font-weight:500;line-height:1rem;margin-bottom:8px}:host .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=danger]) .forge-inline-message{background:rgba(255,205,210,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-danger-background,rgba(255,205,210,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-inline-message ::slotted([slot=icon]){color:#a22d0e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-danger-icon-color,#a22d0e))}:host([theme=warning]) .forge-inline-message{background:rgba(255,219,166,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-warning-background,rgba(255,219,166,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-inline-message ::slotted([slot=icon]){color:#a03a03;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-warning-icon-color,#a03a03))}:host([theme=success]) .forge-inline-message{background:rgba(165,214,167,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-success-background,rgba(165,214,167,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-inline-message ::slotted([slot=icon]){color:#1b5e20;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-success-icon-color,#1b5e20))}:host([theme=info-primary]) .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=info-secondary]) .forge-inline-message{background:rgba(224,224,224,.4);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-secondary-background,rgba(224,224,224,.4)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-inline-message ::slotted([slot=icon]){color:#000;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-secondary-icon-color,#000))}:host([hidden]){display:none}';\n\nexport interface IInlineMessageComponent extends IBaseComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-inline-message': IInlineMessageComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-inline-message>` custom element.\n * \n * @tag forge-inline-message\n */\n@CustomElement({\n  name: INLINE_MESSAGE_CONSTANTS.elementName\n})\nexport class InlineMessageComponent extends BaseComponent implements IInlineMessageComponent {\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { InlineMessageComponent } from './inline-message';\n\nexport * from './inline-message-constants';\nexport * from './inline-message';\n\nexport function defineInlineMessageComponent(): void {\n  defineCustomElement(InlineMessageComponent);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAEpD,IAAM,YAAY;AAAA,EAChB,MAAM;AACR;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AACF;;;ACPA,IAAM,WAAW;AACjB,IAAM,SAAS;AAkBR,IAAM,yBAAN,cAAqC,cAAiD;AAAA,EAC3F,cAAc;AACZ,UAAM;AACN,yBAAqB,MAAM,UAAU,MAAM;AAAA,EAC7C;AACF;AALa,yBAAN;AAAA,EAHP,AAAC,cAAc;AAAA,IACb,MAAM,yBAAyB;AAAA,EACjC,CAAC;AAAA,GACY;;;AChBN,wCAA8C;AACnD,sBAAoB,sBAAsB;AAC5C;",
   "names": []
 }

package/dist/esm/chunks/{chunk.G6FY472A.js → chunk.GWNR3UUX.js}

@@ -5,7 +5,7 @@
  */
 import {
   ForgeRipple
-} from "./chunk.C2MR3RDF.js";
+} from "./chunk.56BNM7F2.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -655,4 +655,4 @@ export {
   ListItemComponent,
   defineListItemComponent
 };
-//# sourceMappingURL=chunk.G6FY472A.js.map
+//# sourceMappingURL=chunk.GWNR3UUX.js.map