@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +1,297 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  COLOR_CONSTANTS
+} from "./chunk.FWJ7SIFA.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  generateTextShadow,
+  removeClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  coerceNumber
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/product-icon/product-icon-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}product-icon`;
+var classes = {
+  PRODUCT_ICON_BACKGROUND: "forge-product-icon__background",
+  PRODUCT_ICON: "forge-product-icon__icon",
+  PRODUCT_TEXT: "forge-product-icon__text"
+};
+var selectors = {
+  PRODUCT_ICON_BACKGROUND: `.${classes.PRODUCT_ICON_BACKGROUND}`,
+  PRODUCT_ICON: `.${classes.PRODUCT_ICON}`,
+  PRODUCT_TEXT: `.${classes.PRODUCT_TEXT}`,
+  SLOT: "slot"
+};
+var attributes = {
+  COLOR: "color",
+  SIZE: "size",
+  SHADOW: "shadow",
+  ITERATIONS: "iterations"
+};
+var numbers = {
+  DEFAULT_SIZE: 64,
+  DEFAULT_ITERATIONS: 32,
+  ACCESSIBILITY_COLOR_THRESHOLD: 300,
+  ICON_FONT_SIZE_MODIFIER: 0.75,
+  TEXT_FONT_SIZE_MODIFIER: 0.5
+};
+var strings = {
+  DEFAULT_COLOR_VALUE: "indigo-500",
+  DEFAULT_COLOR_PALETTE: "indigo",
+  DEFAULT_COLOR_SHADE: 500,
+  DEFAULT_BACKGROUND_COLOR: COLOR_CONSTANTS.indigoPalette[500]
+};
+var PRODUCT_ICON_CONSTANTS = {
+  elementName,
+  attributes,
+  classes,
+  selectors,
+  numbers,
+  strings
+};
+
+// dist/build/lib/staging/src/product-icon/product-icon-adapter.ts
+var ProductIconAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._backgroundElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON_BACKGROUND);
+    this._iconElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON);
+    this._textElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_TEXT);
+  }
+  setBackgroundColor(color) {
+    this._backgroundElement.style.backgroundColor = color;
+  }
+  setIconColor(color) {
+    this._iconElement.style.color = color;
+    this._textElement.style.color = color;
+  }
+  setElementSize(value) {
+    this._backgroundElement.style.height = `${value}px`;
+    this._backgroundElement.style.width = `${value}px`;
+  }
+  setFontSize(value) {
+    const textFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.TEXT_FONT_SIZE_MODIFIER;
+    const iconFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.ICON_FONT_SIZE_MODIFIER;
+    this._iconElement.style.setProperty("--forge-product-icon-font-size", `${iconFontSize}px`);
+    this._textElement.style.setProperty("--forge-product-icon-font-size", `${textFontSize}px`);
+    this._iconElement.style.fontSize = `var(--forge-product-icon-font-size, ${iconFontSize}px)`;
+    this._textElement.style.fontSize = `var(--forge-product-icon-font-size, ${textFontSize}px)`;
+  }
+  removeIconClass(classes2) {
+    removeClass(classes2, this._iconElement);
+    removeClass(classes2, this._textElement);
+  }
+  setTextShadow(hasShadow, iterations, shadowColor) {
+    if (hasShadow) {
+      const shadow = generateTextShadow(iterations, shadowColor);
+      this._iconElement.style.textShadow = shadow;
+      this._textElement.style.textShadow = shadow;
+    } else {
+      this._iconElement.style.removeProperty("text-shadow");
+      this._textElement.style.removeProperty("text-shadow");
+    }
+  }
+};
+
+// dist/build/lib/staging/src/product-icon/product-icon-foundation.ts
+var ProductIconFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._colorValue = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_VALUE;
+    this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;
+    this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;
+    this._size = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_SIZE;
+    this._shadow = true;
+    this._backgroundColor = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_BACKGROUND_COLOR;
+    this._iterations = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_ITERATIONS;
+    this._usingCustomIterations = false;
+  }
+  initialize() {
+    this._adapter.setElementSize(this._size);
+    this._updateFontSize();
+    this._parseColor();
+    this._render();
+  }
+  _parseColor() {
+    if (this._colorValue.includes("-")) {
+      this._colorPalette = this._colorValue.split("-")[0];
+      this._colorShade = coerceNumber(this._colorValue.split("-")[1]);
+    } else {
+      this._colorPalette = this._colorValue;
+      this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;
+    }
+  }
+  _updateSize() {
+    this._adapter.setElementSize(this._size);
+    if (!this._usingCustomIterations) {
+      this._iterations = this._size / 2;
+      this._updateShadow();
+    }
+  }
+  _updateFontSize() {
+    this._adapter.setFontSize(this._size);
+  }
+  _updateShadow() {
+    if (this._shadow) {
+      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);
+    }
+  }
+  _render() {
+    if (!this._colorValue) {
+      return;
+    }
+    const iconColor = this._colorShade <= PRODUCT_ICON_CONSTANTS.numbers.ACCESSIBILITY_COLOR_THRESHOLD ? "#000000" : "#ffffff";
+    const shadowIncrement = this._colorShade + 300;
+    if (!COLOR_CONSTANTS[`${this._colorPalette}Palette`]) {
+      this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;
+    }
+    this._backgroundColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][this._colorShade];
+    this._shadowColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][shadowIncrement];
+    this._adapter.setBackgroundColor(this._backgroundColor);
+    this._adapter.setIconColor(iconColor);
+    this._updateShadow();
+  }
+  get color() {
+    return this._colorValue;
+  }
+  set color(value) {
+    if (this._colorValue !== value) {
+      this._colorValue = value;
+      this._parseColor();
+      this._render();
+      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.COLOR, this._colorValue);
+    }
+  }
+  get size() {
+    return this._size;
+  }
+  set size(value) {
+    if (this._size !== value) {
+      this._size = value;
+      this._updateSize();
+      this._updateFontSize();
+      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SIZE, this._size.toString());
+    }
+  }
+  get shadow() {
+    return this._shadow;
+  }
+  set shadow(value) {
+    if (this._shadow !== value) {
+      this._shadow = value;
+      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);
+      if (this._shadow) {
+        this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SHADOW, "");
+      } else {
+        this._adapter.removeIconClass(PRODUCT_ICON_CONSTANTS.attributes.SHADOW);
+      }
+    }
+  }
+  get iterations() {
+    return this._iterations;
+  }
+  set iterations(value) {
+    if (this._iterations !== value) {
+      this._usingCustomIterations = true;
+      this._iterations = value;
+      this._updateShadow();
+      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS, this._iterations.toString());
+    }
+  }
+};
+
+// dist/build/lib/staging/src/product-icon/product-icon.ts
+var 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>';
+var 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}";
+var ProductIconComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ProductIconFoundation(new ProductIconAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      PRODUCT_ICON_CONSTANTS.attributes.COLOR,
+      PRODUCT_ICON_CONSTANTS.attributes.SIZE,
+      PRODUCT_ICON_CONSTANTS.attributes.SHADOW,
+      PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS
+    ];
+  }
+  connectedCallback() {
+    this._foundation.initialize();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case PRODUCT_ICON_CONSTANTS.attributes.COLOR:
+        this.color = newValue;
+        break;
+      case PRODUCT_ICON_CONSTANTS.attributes.SIZE:
+        this.size = coerceNumber(newValue);
+        break;
+      case PRODUCT_ICON_CONSTANTS.attributes.SHADOW:
+        this.shadow = coerceBoolean(newValue);
+        break;
+      case PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS:
+        this.iterations = coerceNumber(newValue);
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], ProductIconComponent.prototype, "color", 2);
+__decorateClass([
+  FoundationProperty()
+], ProductIconComponent.prototype, "size", 2);
+__decorateClass([
+  FoundationProperty()
+], ProductIconComponent.prototype, "shadow", 2);
+__decorateClass([
+  FoundationProperty()
+], ProductIconComponent.prototype, "iterations", 2);
+ProductIconComponent = __decorateClass([
+  CustomElement({
+    name: PRODUCT_ICON_CONSTANTS.elementName
+  })
+], ProductIconComponent);
+
+// dist/build/lib/staging/src/product-icon/index.ts
+function defineProductIconComponent() {
+  defineCustomElement(ProductIconComponent);
+}
+
+export {
+  PRODUCT_ICON_CONSTANTS,
+  ProductIconAdapter,
+  ProductIconFoundation,
+  ProductIconComponent,
+  defineProductIconComponent
+};
+//# sourceMappingURL=chunk.HHHMDDTU.js.map

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

@@ -0,0 +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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",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  BaseComponentDelegate
+} from "./chunk.WT4W2IFT.js";
+
+// dist/build/lib/staging/src/core/delegates/form-field-component-delegate.ts
+var FormFieldComponentDelegate = class extends BaseComponentDelegate {
+  constructor(config) {
+    super(config);
+  }
+};
+
+export {
+  FormFieldComponentDelegate
+};
+//# sourceMappingURL=chunk.HZISALRH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/delegates/form-field-component-delegate.ts"],
+  "sourcesContent": ["import { BaseComponentDelegate, IBaseComponentDelegate, IBaseComponentDelegateOptions, IBaseComponentDelegateConfig } from './base-component-delegate';\n\nexport type FormFieldComponentDelegateProps<T> = Partial<T>;\n\nexport interface IFormFieldComponentDelegateOptions extends IBaseComponentDelegateOptions {}\n\nexport interface IFormFieldComponentDelegate<T extends HTMLElement> extends IBaseComponentDelegate<T> {\n  value: unknown;\n  disabled: boolean;\n  onChange(cb: (value: unknown) => void): void;\n  onFocus(cb: (evt: Event) => void): void;\n  onBlur(cb: (evt: Event) => void): void;\n}\n\nexport abstract class FormFieldComponentDelegate<T extends HTMLElement, K extends IFormFieldComponentDelegateOptions> extends BaseComponentDelegate<T, K> implements IFormFieldComponentDelegate<T> {\n  public abstract value: unknown;\n  public abstract disabled: boolean;\n\n  constructor(config?: IBaseComponentDelegateConfig<T, K>) {\n    super(config);\n  }\n\n  public abstract onChange(listener: (value: unknown) => void): void;\n  public abstract onFocus(cb: (evt: Event) => void): void;\n  public abstract onBlur(cb: (evt: Event) => void): void;\n}\n"],
+  "mappings": ";;;;;AAcO,IAAe,6BAAf,cAAuH,sBAAsE;AAAA,EAIlM,YAAY,QAA6C;AACvD,UAAM,MAAM;AAAA,EACd;AAKF;",
+  "names": []
+}

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

@@ -0,0 +1,258 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  ForgeRipple
+} from "./chunk.C2MR3RDF.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  coerceBoolean
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/button-toggle/button-toggle/button-toggle-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}button-toggle`;
+var attributes = {
+  VALUE: "value",
+  SELECTED: "selected",
+  DISABLED: "disabled",
+  DENSE: "dense",
+  BUTTON_ARIA_LABEL: "button-aria-label",
+  SELECTED_ADJACENT: "selected-adjacent",
+  SELECTED_ADJACENT_VERTICAL: "selected-adjacent-vertical",
+  STRETCH: "stretch"
+};
+var classes = {
+  SELECTED: "forge-button-toggle__selected",
+  DENSE: "forge-button-toggle--dense"
+};
+var selectors = {
+  BUTTON: ".forge-button-toggle",
+  SELECTED: `.${classes.SELECTED}`
+};
+var events = {
+  SELECT: `${elementName}-select`
+};
+var BUTTON_TOGGLE_CONSTANTS = {
+  elementName,
+  attributes,
+  classes,
+  selectors,
+  events
+};
+
+// dist/build/lib/staging/src/button-toggle/button-toggle/button-toggle-adapter.ts
+var ButtonToggleAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._buttonElement = getShadowElement(component, BUTTON_TOGGLE_CONSTANTS.selectors.BUTTON);
+  }
+  setSelected(value) {
+    if (value) {
+      this._buttonElement.classList.add(BUTTON_TOGGLE_CONSTANTS.classes.SELECTED);
+    } else {
+      this._buttonElement.classList.remove(BUTTON_TOGGLE_CONSTANTS.classes.SELECTED);
+    }
+    this._buttonElement.setAttribute("aria-pressed", value.toString());
+  }
+  addEventListener(type, listener) {
+    this._buttonElement.addEventListener(type, listener);
+  }
+  removeEventListener(type, listener) {
+    this._buttonElement.removeEventListener(type, listener);
+  }
+  initializeRipple() {
+    return new ForgeRipple(this._buttonElement);
+  }
+  setDisabled(value) {
+    this._buttonElement.disabled = value;
+    if (value) {
+      this._buttonElement.setAttribute("aria-disabled", value.toString());
+    } else {
+      this._buttonElement.removeAttribute("aria-disabled");
+    }
+  }
+  setDense(value) {
+    if (value) {
+      this._buttonElement.classList.add(BUTTON_TOGGLE_CONSTANTS.classes.DENSE);
+    } else {
+      this._buttonElement.classList.remove(BUTTON_TOGGLE_CONSTANTS.classes.DENSE);
+    }
+  }
+  requestFocus() {
+    this._buttonElement.focus();
+  }
+  detectStretchState() {
+    if (this._component.hasAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.STRETCH)) {
+      return;
+    }
+    const buttonToggleGroup = this._component.parentElement;
+    if (buttonToggleGroup && buttonToggleGroup.hasAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.STRETCH) && buttonToggleGroup.stretch) {
+      this._component.setAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.STRETCH, "");
+    }
+  }
+};
+
+// dist/build/lib/staging/src/button-toggle/button-toggle/button-toggle-foundation.ts
+var ButtonToggleFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._selected = false;
+    this._disabled = false;
+    this._dense = false;
+    this._clickListener = (evt) => this._onClick(evt);
+  }
+  initialize() {
+    this._rippleInstance = this._adapter.initializeRipple();
+    this._adapter.addEventListener("click", this._clickListener);
+    this._adapter.setSelected(this._selected);
+    this._adapter.setDisabled(this._disabled);
+    this._adapter.setDense(this._dense);
+    this._adapter.detectStretchState();
+  }
+  disconnect() {
+    if (this._rippleInstance) {
+      this._rippleInstance.destroy();
+    }
+    this._adapter.removeEventListener("click", this._clickListener);
+  }
+  _onClick(evt) {
+    this._selected = !this._selected;
+    this._updateSelectedState();
+    this._adapter.emitHostEvent(BUTTON_TOGGLE_CONSTANTS.events.SELECT, { value: this._value, selected: this._selected });
+  }
+  _updateSelectedState() {
+    this._adapter.setSelected(this._selected);
+    this._adapter.setHostAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED, this._selected.toString());
+  }
+  get value() {
+    return this._value;
+  }
+  set value(value) {
+    this._value = value;
+  }
+  get selected() {
+    return this._selected;
+  }
+  set selected(value) {
+    if (this._selected !== value) {
+      this._selected = value;
+      this._updateSelectedState();
+    }
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(value) {
+    if (this._disabled !== value) {
+      this._disabled = value;
+      this._adapter.setDisabled(this._disabled);
+    }
+  }
+  get dense() {
+    return this._dense;
+  }
+  set dense(value) {
+    if (this._dense !== value) {
+      this._dense = value;
+      this._adapter.setDense(this._dense);
+    }
+  }
+  setFocus() {
+    this._adapter.requestFocus();
+  }
+};
+
+// dist/build/lib/staging/src/button-toggle/button-toggle/button-toggle.ts
+var template = '<template><button type="button" class="forge-button-toggle" aria-pressed="false" part="button"><slot name="leading"></slot><slot></slot><slot name="trailing"></slot></button></template>';
+var styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-button-toggle{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;width:100%;box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);border-radius:0;border-bottom-width:var(--forge-button-toggle-border-bottom-width,1px);border-right-width:var(--forge-button-toggle-border-right-width,1px);border-top-left-radius:var(--forge-button-toggle-border-top-left-radius,4px);border-bottom-left-radius:var(--forge-button-toggle-border-bottom-left-radius,4px);border-top-right-radius:var(--forge-button-toggle-border-top-right-radius,4px);border-bottom-right-radius:var(--forge-button-toggle-border-bottom-right-radius,4px)}.forge-button-toggle::after,.forge-button-toggle::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-button-toggle::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-button-toggle::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button-toggle.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button-toggle.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button-toggle.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button-toggle.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-button-toggle.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-button-toggle::after,.forge-button-toggle::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button-toggle.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button-toggle::after,.forge-button-toggle::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button-toggle.mdc-ripple-surface--hover::before,.forge-button-toggle:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button-toggle.mdc-ripple-upgraded--background-focused::before,.forge-button-toggle:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button-toggle:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button-toggle.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button-toggle .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button-toggle::-moz-focus-inner{padding:0;border:0}.forge-button-toggle:active{outline:0}.forge-button-toggle:hover{cursor:pointer}.forge-button-toggle:disabled{cursor:default;pointer-events:none}.forge-button-toggle .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button-toggle:not(:disabled){background-color:transparent}.forge-button-toggle:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button-toggle .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-button-toggle:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-button-toggle:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-button-toggle .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-button-toggle .mdc-button__ripple::after,.forge-button-toggle .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-button-toggle.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-button-toggle:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-button-toggle.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-button-toggle:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-button-toggle:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-button-toggle.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-button-toggle .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-button-toggle:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-button-toggle:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-button-toggle.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-button-toggle.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-button-toggle .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-button-toggle .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-button-toggle.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-button-toggle.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-button-toggle .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-button-toggle .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-button-toggle:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button-toggle:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button-toggle__selected:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-button-toggle__selected:not(:disabled)::after,.forge-button-toggle__selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button-toggle__selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-button-toggle__selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button-toggle__selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-toggle__selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-toggle__selected:disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-button-toggle__selected:disabled::after,.forge-button-toggle__selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button-toggle__selected:disabled.mdc-ripple-surface--hover::before,.forge-button-toggle__selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button-toggle__selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-toggle__selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-toggle ::slotted([slot=leading]){display:inline-block;width:1.125rem;height:1.125rem;font-size:1.125rem!important;vertical-align:top;margin-right:4px}.forge-button-toggle ::slotted([slot=trailing]){display:inline-block;width:1.125rem;height:1.125rem;font-size:1.125rem!important;vertical-align:top;margin-left:4px}.forge-button-toggle--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem;font-size:.75rem}.forge-button-toggle--dense .mdc-button__touch{height:100%}.forge-button-toggle--dense ::slotted([slot=leading]){width:.875rem;height:.875rem;font-size:.875rem!important}.forge-button-toggle--dense ::slotted([slot=trailing]){width:.875rem;height:.875rem;font-size:.875rem!important}:host{display:inline-block}:host([hidden]){display:none}:host([stretch]){width:100%;-webkit-box-flex:1;flex:1}:host([selected-adjacent]) .forge-button-toggle{border-left-color:var(--mdc-theme-text-primary-on-dark)}:host([selected-adjacent-vertical]) .forge-button-toggle{border-top-color:var(--mdc-theme-text-primary-on-dark)}';
+var ButtonToggleComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ButtonToggleFoundation(new ButtonToggleAdapter(this));
+    this._buttonElement = getShadowElement(this, BUTTON_TOGGLE_CONSTANTS.selectors.BUTTON);
+  }
+  static get observedAttributes() {
+    return [
+      BUTTON_TOGGLE_CONSTANTS.attributes.VALUE,
+      BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED,
+      BUTTON_TOGGLE_CONSTANTS.attributes.DISABLED,
+      BUTTON_TOGGLE_CONSTANTS.attributes.DENSE,
+      BUTTON_TOGGLE_CONSTANTS.attributes.BUTTON_ARIA_LABEL
+    ];
+  }
+  initializedCallback() {
+    this._foundation.initialize();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case BUTTON_TOGGLE_CONSTANTS.attributes.VALUE:
+        this.value = newValue;
+        break;
+      case BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED:
+        this.selected = coerceBoolean(newValue);
+        break;
+      case BUTTON_TOGGLE_CONSTANTS.attributes.DISABLED:
+        this.disabled = coerceBoolean(newValue);
+        break;
+      case BUTTON_TOGGLE_CONSTANTS.attributes.DENSE:
+        this.dense = coerceBoolean(newValue);
+        break;
+      case BUTTON_TOGGLE_CONSTANTS.attributes.BUTTON_ARIA_LABEL:
+        this._buttonElement.setAttribute("aria-label", newValue);
+        break;
+    }
+  }
+  focus() {
+    this._foundation.setFocus();
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], ButtonToggleComponent.prototype, "value", 2);
+__decorateClass([
+  FoundationProperty()
+], ButtonToggleComponent.prototype, "selected", 2);
+__decorateClass([
+  FoundationProperty()
+], ButtonToggleComponent.prototype, "disabled", 2);
+__decorateClass([
+  FoundationProperty()
+], ButtonToggleComponent.prototype, "dense", 2);
+ButtonToggleComponent = __decorateClass([
+  CustomElement({
+    name: BUTTON_TOGGLE_CONSTANTS.elementName
+  })
+], ButtonToggleComponent);
+
+export {
+  BUTTON_TOGGLE_CONSTANTS,
+  ButtonToggleAdapter,
+  ButtonToggleFoundation,
+  ButtonToggleComponent
+};
+//# sourceMappingURL=chunk.IBH5GL7A.js.map