@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.4V5O2CPU.js

@@ -0,0 +1,417 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  ButtonComponent
+} from "./chunk.5NXVVSTU.js";
+import {
+  IconButtonComponent
+} from "./chunk.7Y4NHCJH.js";
+import {
+  tylIconClose
+} from "./chunk.GS2AXUCN.js";
+import {
+  IconComponent,
+  IconRegistry
+} from "./chunk.P43Z3YAS.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,
+  toggleElementPlaceholder
+} from "./chunk.K2PCTUVN.js";
+import {
+  removeAllChildren,
+  removeClass,
+  removeElement
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  isFunction,
+  isString
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/toast/toast-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}toast`;
+var customCssPositionProperties = {
+  TOP_MARGIN_TOP: "--forge-toast-top-margin-top",
+  BOTTOM_MARGIN_BOTTOM: "--forge-toast-bottom-margin-bottom",
+  TOP_LEFT_MARGIN_TOP: "--forge-toast-top-left-margin-top",
+  TOP_LEFT_MARGIN_LEFT: "--forge-toast-top-left-margin-left",
+  TOP_RIGHT_MARGIN_TOP: "--forge-toast-top-right-margin-top",
+  TOP_RIGHT_MARGIN_RIGHT: "--forge-toast-top-right-margin-right",
+  BOTTOM_LEFT_MARGIN_BOTTOM: "--forge-toast-bottom-left-margin-bottom",
+  BOTTOM_LEFT_MARGIN_LEFT: "--forge-toast-bottom-left-margin-left",
+  BOTTOM_RIGHT_MARGIN_RIGHT: "--forge-toast-bottom-right-margin-right",
+  BOTTOM_RIGHT_MARGIN_BOTTOM: "--forge-toast-bottom-right-margin-bottom"
+};
+var classes = {
+  CONTAINER: "forge-toast__container",
+  MESSAGE: "forge-toast__message",
+  ACTION_BUTTON: "forge-toast__action-button",
+  CLOSE_BUTTON: "forge-toast__close-button",
+  TOP: "forge-toast__container--top",
+  TOP_LEFT: "forge-toast__container--top-left",
+  TOP_RIGHT: "forge-toast__container--top-right",
+  BOTTOM: "forge-toast__container--bottom",
+  BOTTOM_LEFT: "forge-toast__container--bottom-left",
+  BOTTOM_RIGHT: "forge-toast__container--bottom-right",
+  ACTIVE: "forge-toast__container--active",
+  CUSTOM: "forge-toast__container--custom"
+};
+var selectors = {
+  CONTAINER: `.${classes.CONTAINER}`,
+  MESSAGE: `.${classes.MESSAGE}`,
+  ACTION_BUTTON: `.${classes.ACTION_BUTTON}`,
+  CLOSE_BUTTON: `.${classes.CLOSE_BUTTON}`
+};
+var attributes = {
+  MESSAGE: "message",
+  ACTION_TEXT: "action-text",
+  DURATION: "duration",
+  PLACEMENT: "placement",
+  SHOW_CLOSE: "show-close"
+};
+var events = {
+  ACTION: `${elementName}-action`,
+  CLOSE: `${elementName}-close`
+};
+var defaults = {
+  PLACEMENT: "bottom",
+  DURATION: 2750
+};
+var TOAST_CONSTANTS = {
+  elementName,
+  classes,
+  selectors,
+  attributes,
+  defaults,
+  events,
+  customCssPositionProperties
+};
+
+// dist/build/lib/staging/src/toast/toast-adapter.ts
+var ToastAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._containerElement = getShadowElement(component, TOAST_CONSTANTS.selectors.CONTAINER);
+    this._messageElement = getShadowElement(component, TOAST_CONSTANTS.selectors.MESSAGE);
+    this._actionButtonElement = getShadowElement(component, TOAST_CONSTANTS.selectors.ACTION_BUTTON);
+    this._closeButtonElement = getShadowElement(component, TOAST_CONSTANTS.selectors.CLOSE_BUTTON);
+  }
+  setHostAttribute(name, value) {
+    if (this._component.getAttribute(name) !== value) {
+      this._component.setAttribute(name, value);
+    }
+  }
+  setMessage(value) {
+    this._messageElement.innerText = value;
+  }
+  setMessageTemplate(tpl) {
+    this._containerElement.classList.add(TOAST_CONSTANTS.classes.CUSTOM);
+    if (isString(tpl)) {
+      this._component.innerHTML = tpl;
+    } else {
+      removeAllChildren(this._messageElement);
+      this._component.appendChild(tpl);
+    }
+  }
+  setActionVisibility(isVisible) {
+    this._actionButtonPlaceholder = toggleElementPlaceholder(this._component, isVisible, TOAST_CONSTANTS.elementName, TOAST_CONSTANTS.selectors.ACTION_BUTTON, this._actionButtonElement, this._actionButtonPlaceholder);
+  }
+  setActionText(message) {
+    this._actionButtonElement.innerText = message;
+  }
+  registerActionListener(type, listener) {
+    this._actionButtonElement.addEventListener(type, listener);
+  }
+  deregisterActionListener(type, listener) {
+    this._actionButtonElement.removeEventListener(type, listener);
+  }
+  setPlacement(placement) {
+    removeClass([
+      TOAST_CONSTANTS.classes.TOP,
+      TOAST_CONSTANTS.classes.TOP_LEFT,
+      TOAST_CONSTANTS.classes.TOP_RIGHT,
+      TOAST_CONSTANTS.classes.BOTTOM,
+      TOAST_CONSTANTS.classes.BOTTOM_LEFT,
+      TOAST_CONSTANTS.classes.BOTTOM_RIGHT
+    ], this._containerElement);
+    const placementClass = this._getPlacementClass(placement);
+    if (placementClass) {
+      this._containerElement.classList.add(placementClass);
+    }
+  }
+  setActive(isActive) {
+    if (isActive) {
+      window.getComputedStyle(this._containerElement).getPropertyValue("bottom");
+      this._containerElement.classList.add(TOAST_CONSTANTS.classes.ACTIVE);
+    } else {
+      this._containerElement.classList.remove(TOAST_CONSTANTS.classes.ACTIVE);
+      const animationCompletedListener = () => {
+        this._containerElement.removeEventListener("transitionend", animationCompletedListener);
+        removeElement(this._component);
+      };
+      this._containerElement.addEventListener("transitionend", animationCompletedListener);
+    }
+  }
+  setCloseButtonVisibility(visible) {
+    if (visible) {
+      this._closeButtonElement.style.removeProperty("display");
+    } else {
+      this._closeButtonElement.style.display = "none";
+    }
+  }
+  registerCloseListener(listener) {
+    this._closeButtonElement.addEventListener("click", listener);
+  }
+  _getPlacementClass(placement) {
+    switch (placement) {
+      case "top":
+        return TOAST_CONSTANTS.classes.TOP;
+      case "top-start":
+        return TOAST_CONSTANTS.classes.TOP_LEFT;
+      case "top-end":
+        return TOAST_CONSTANTS.classes.TOP_RIGHT;
+      case "bottom":
+        return TOAST_CONSTANTS.classes.BOTTOM;
+      case "bottom-start":
+        return TOAST_CONSTANTS.classes.BOTTOM_LEFT;
+      case "bottom-end":
+        return TOAST_CONSTANTS.classes.BOTTOM_RIGHT;
+    }
+    return null;
+  }
+};
+
+// dist/build/lib/staging/src/toast/toast-foundation.ts
+var ToastFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._duration = TOAST_CONSTANTS.defaults.DURATION;
+    this._placement = TOAST_CONSTANTS.defaults.PLACEMENT;
+    this._showClose = true;
+    this._hasAction = false;
+    this._isActive = false;
+    this._actionListener = (evt) => this._onAction(evt);
+    this._closeListener = (evt) => this._onClose(evt);
+  }
+  initialize() {
+    this._adapter.setPlacement(this._placement);
+    this._adapter.registerCloseListener(this._closeListener);
+    this._adapter.setCloseButtonVisibility(this._showClose);
+    this._adapter.setActionVisibility(!!this._actionText);
+    this.show();
+  }
+  show() {
+    if (isFunction(this._builder)) {
+      const tpl = this._builder();
+      this._adapter.setMessageTemplate(tpl);
+    }
+    this._isActive = true;
+    this._adapter.setActive(true);
+    if (isFinite(this._duration) && this._duration > 0) {
+      this._hideTimeout = setTimeout(() => this.hide(true), this._duration);
+    }
+  }
+  hide(emitEvent = false) {
+    if (!this._isActive) {
+      return;
+    }
+    this._isActive = false;
+    this._adapter.setActive(false);
+    if (this._hideTimeout) {
+      clearTimeout(this._hideTimeout);
+      this._hideTimeout = void 0;
+    }
+    if (emitEvent) {
+      this._adapter.emitHostEvent(TOAST_CONSTANTS.events.CLOSE);
+    }
+  }
+  _onAction(evt) {
+    evt.stopPropagation();
+    this._adapter.emitHostEvent(TOAST_CONSTANTS.events.ACTION);
+  }
+  _onClose(evt) {
+    this.hide(true);
+  }
+  get message() {
+    return this._message;
+  }
+  set message(value) {
+    if (this._message !== value) {
+      this._message = value;
+      this._adapter.setMessage(this._message);
+      this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.MESSAGE, this._message);
+    }
+  }
+  get actionText() {
+    return this._actionText;
+  }
+  set actionText(value) {
+    if (this._actionText !== value) {
+      this._actionText = value;
+      if (this._actionText) {
+        if (this._hasAction) {
+          this._adapter.setActionText(this._actionText);
+        } else {
+          this._adapter.setActionText(this._actionText);
+          this._adapter.setActionVisibility(true);
+          this._adapter.registerActionListener("click", this._actionListener);
+          this._hasAction = true;
+        }
+      } else if (this._hasAction) {
+        this._adapter.setActionText("");
+        this._adapter.setActionVisibility(false);
+        this._adapter.deregisterActionListener("click", this._actionListener);
+        this._hasAction = false;
+      }
+      this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.ACTION_TEXT, this._actionText);
+    }
+  }
+  get duration() {
+    return this._duration;
+  }
+  set duration(value) {
+    if (this._duration !== value) {
+      this._duration = value;
+      if (this._hideTimeout) {
+        clearTimeout(this._hideTimeout);
+        this._hideTimeout = setTimeout(() => this.hide(true), this._duration);
+      }
+    }
+  }
+  get placement() {
+    return this._placement;
+  }
+  set placement(value) {
+    if (this._placement !== value) {
+      this._placement = value;
+      this._adapter.setPlacement(this._placement);
+    }
+    this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.PLACEMENT, this._placement);
+  }
+  get builder() {
+    return this._builder;
+  }
+  set builder(value) {
+    this._builder = value;
+  }
+  get showClose() {
+    return this._showClose;
+  }
+  set showClose(value) {
+    if (this._showClose !== value) {
+      this._showClose = value;
+      this._adapter.setCloseButtonVisibility(this._showClose);
+      this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.SHOW_CLOSE, this._showClose.toString());
+    }
+  }
+};
+
+// dist/build/lib/staging/src/toast/toast.ts
+var template = '<template><div class="forge-toast__container" aria-live="assertive" aria-atomic="true" part="root"><slot></slot><div class="forge-toast__message" part="message"></div><div class="forge-toast__action-container" part="action-container"><forge-button part="action-button"><button type="button" class="forge-toast__action-button" part="action-button-element"></button></forge-button><forge-icon-button part="close-button"><button type="button" class="forge-toast__close-button" aria-label="Close toast message" part="close-button-element"><forge-icon name="close" part="close-button-icon"></forge-icon></button></forge-icon-button></div></div></template>';
+var styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.forge-button{-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}.forge-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button::-moz-focus-inner{padding:0;border:0}.forge-button:active{outline:0}.forge-button:hover{cursor:pointer}.forge-button:disabled{cursor:default;pointer-events:none}.forge-button .forge-button__icon{margin-left:0;margin-right:8px;display:inline-block;font-size:1.125rem;height:1.125rem;vertical-align:top;width:1.125rem}.forge-button .forge-button__icon[dir=rtl],[dir=rtl] .forge-button .forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button__label~.forge-button__icon{margin-left:0;margin-right:8px}svg.forge-button__icon{fill:currentColor}.forge-button--outlined .forge-button__icon,.forge-button--raised .forge-button__icon,.forge-button--unelevated .forge-button__icon{margin-right:8px}.forge-button--outlined .forge-button__icon[dir=rtl],.forge-button--raised .forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon,.forge-button--raised .forge-button__label~.forge-button__icon,.forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--raised .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:8px}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-button .forge-button__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-button .forge-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button.mdc-ripple-upgraded .forge-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button.mdc-ripple-upgraded--unbounded .forge-button__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button.mdc-ripple-upgraded--foreground-activation .forge-button__ripple::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.mdc-ripple-upgraded--foreground-deactivation .forge-button__ripple::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 .forge-button__ripple::after,.forge-button .forge-button__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button .forge-button__ripple{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.forge-button:not(.forge-button--outlined) .forge-button__ripple{top:0;left:0}.forge-button--raised{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)}.forge-button--raised:focus,.forge-button--raised:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.forge-button--raised:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.forge-button--raised:disabled{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.forge-button--outlined{border-style:solid}.forge-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 8px 0 8px}.forge-button:not(:disabled){background-color:transparent}.forge-button:disabled{background-color:transparent}.forge-button:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--unelevated:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--unelevated:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--unelevated .forge-button__ripple::after,.forge-button--unelevated .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--unelevated.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--unelevated:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--unelevated.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--unelevated:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--unelevated:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--unelevated:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--unelevated .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--raised:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--raised:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--raised:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--raised .forge-button__ripple::after,.forge-button--raised .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--raised.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--raised:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--raised.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--raised:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--raised:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--raised:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--raised .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 15px 0 15px;border-width:1px}.forge-button--outlined:not(:disabled){background-color:transparent}.forge-button--outlined:disabled{background-color:transparent}.forge-button--outlined:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--outlined .forge-button__ripple::after,.forge-button--outlined .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button--outlined.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--outlined:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button--outlined.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--outlined:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button--outlined:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--outlined:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button--outlined .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--outlined .forge-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.forge-button--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem}forge-button{display:inline-block}forge-button[hidden]{display:none}forge-button[disabled]{cursor:not-allowed}a.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);text-decoration:none}a.forge-hyperlink:visited{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}a.forge-hyperlink[disabled]{pointer-events:none;cursor:default}a.forge-hyperlink:focus,a.forge-hyperlink:hover:not([disabled]){text-decoration:underline}button.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);cursor:pointer;border:none;background-color:transparent;font-size:inherit;padding:0;outline:0;text-align:left}button.forge-hyperlink[disabled]{pointer-events:none;cursor:default}button.forge-hyperlink:hover:not([disabled]){text-decoration:underline}.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}.forge-toast__container{z-index:9;z-index:var(--forge-z-index-notification,9);-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);background-color:#333;background-color:var(--forge-toast-theme-background,#333);display:-webkit-box;display:flex;position:fixed;border-radius:2px;-webkit-transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, 1, 1);transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, 1, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, 1, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, 1, 1),-webkit-transform 250ms 0s cubic-bezier(.4, 0, 1, 1);-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 8px 4px 16px;min-height:48px}@media (max-width:599px){.forge-toast__container{bottom:0;width:100%;border-radius:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-toast__container ::slotted(*){color:rgba(255,255,255,.87);color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87))}@media (min-width:600px){.forge-toast__container{min-width:344px;max-width:568px}.forge-toast__container.forge-toast__container--top,.forge-toast__container.forge-toast__container--top-left,.forge-toast__container.forge-toast__container--top-right{top:0}.forge-toast__container.forge-toast__container--top{left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);margin-top:0;margin-top:var(--forge-toast-top-margin-top,0)}.forge-toast__container.forge-toast__container--bottom{left:50%;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);margin-bottom:0;margin-bottom:var(--forge-toast-bottom-margin-bottom,0)}.forge-toast__container.forge-toast__container--top-left,.forge-toast__container.forge-toast__container--top-right{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.forge-toast__container.forge-toast__container--bottom-left,.forge-toast__container.forge-toast__container--bottom-right{-webkit-transform:translateY(100%);transform:translateY(100%)}.forge-toast__container.forge-toast__container--bottom,.forge-toast__container.forge-toast__container--bottom-left,.forge-toast__container.forge-toast__container--bottom-right{bottom:0}.forge-toast__container.forge-toast__container--bottom-left{margin-bottom:24px;margin-bottom:var(--forge-toast-bottom-left-margin-bottom,24px);margin-left:24px;margin-left:var(--forge-toast-bottom-left-margin-left,24px);left:0}.forge-toast__container.forge-toast__container--bottom-right{margin-bottom:24px;margin-bottom:var(--forge-toast-bottom-right-margin-bottom,24px);margin-right:24px;margin-right:var(--forge-toast-bottom-right-margin-right,24px)}.forge-toast__container.forge-toast__container--top-left{margin-top:24px;margin-top:var(--forge-toast-top-left-margin-top,24px);margin-left:24px;margin-left:var(--forge-toast-top-left-margin-left,24px);left:0}.forge-toast__container.forge-toast__container--top-right{margin-top:24px;margin-top:var(--forge-toast-top-right-margin-top,24px);margin-right:24px;margin-right:var(--forge-toast-top-right-margin-right,24px);right:0}.forge-toast__container.forge-toast__container--bottom-right{margin-bottom:24px;margin-bottom:var(--forge-toast-bottom-right-margin-bottom,24px);margin-right:24px;margin-right:var(--forge-toast-bottom-right-margin-right,24px);right:0}}.forge-toast__container--active{-webkit-transition:-webkit-transform 250ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 250ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 250ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 250ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 250ms 0s cubic-bezier(0, 0, .2, 1)}.forge-toast__container--active>.forge-toast__message{opacity:1}.forge-toast__container--active>.forge-toast__action-button{opacity:1}@media (max-width:599px){.forge-toast__container--active{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}@media (min-width:600px){.forge-toast__container--active.forge-toast__container--bottom,.forge-toast__container--active.forge-toast__container--top{-webkit-transform:translateX(-50%) translateY(0)!important;transform:translateX(-50%) translateY(0)!important}.forge-toast__container--active.forge-toast__container--bottom-left,.forge-toast__container--active.forge-toast__container--bottom-right,.forge-toast__container--active.forge-toast__container--top-left,.forge-toast__container--active.forge-toast__container--top-right{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}.forge-toast__container--custom{min-width:0;max-width:none}.forge-toast__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(255,255,255,.87);color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87));display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-transition:opacity .3s 0s cubic-bezier(.4, 0, 1, 1);transition:opacity .3s 0s cubic-bezier(.4, 0, 1, 1);opacity:0}.forge-toast__action-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-toast__action-button{--mdc-theme-primary:#ffc107;--mdc-theme-primary:var(--forge-toast-theme-action, #ffc107)}.forge-toast__close-button{color:rgba(255,255,255,.87);color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87));margin-left:8px}.forge-toast__close-button::after,.forge-toast__close-button::before{background-color:rgba(255,255,255,.87);background-color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87))}:host{display:inline-block}:host([hidden]){display:none}';
+var ToastComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    IconRegistry.define(tylIconClose);
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ToastFoundation(new ToastAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      TOAST_CONSTANTS.attributes.MESSAGE,
+      TOAST_CONSTANTS.attributes.ACTION_TEXT,
+      TOAST_CONSTANTS.attributes.DURATION,
+      TOAST_CONSTANTS.attributes.PLACEMENT,
+      TOAST_CONSTANTS.attributes.SHOW_CLOSE
+    ];
+  }
+  initializedCallback() {
+    this._foundation.initialize();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case TOAST_CONSTANTS.attributes.MESSAGE:
+        this.message = newValue;
+        break;
+      case TOAST_CONSTANTS.attributes.ACTION_TEXT:
+        this.actionText = newValue;
+        break;
+      case TOAST_CONSTANTS.attributes.DURATION:
+        const value = Number(newValue);
+        this.duration = value && value > 0 ? value : TOAST_CONSTANTS.defaults.DURATION;
+        break;
+      case TOAST_CONSTANTS.attributes.PLACEMENT:
+        this.placement = newValue || TOAST_CONSTANTS.defaults.PLACEMENT;
+        break;
+      case TOAST_CONSTANTS.attributes.SHOW_CLOSE:
+        this.showClose = coerceBoolean(newValue);
+        break;
+    }
+  }
+  hide() {
+    this._foundation.hide();
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], ToastComponent.prototype, "message", 2);
+__decorateClass([
+  FoundationProperty()
+], ToastComponent.prototype, "actionText", 2);
+__decorateClass([
+  FoundationProperty()
+], ToastComponent.prototype, "duration", 2);
+__decorateClass([
+  FoundationProperty()
+], ToastComponent.prototype, "placement", 2);
+__decorateClass([
+  FoundationProperty()
+], ToastComponent.prototype, "builder", 2);
+__decorateClass([
+  FoundationProperty()
+], ToastComponent.prototype, "showClose", 2);
+ToastComponent = __decorateClass([
+  CustomElement({
+    name: TOAST_CONSTANTS.elementName,
+    dependencies: [
+      ButtonComponent,
+      IconButtonComponent,
+      IconComponent
+    ]
+  })
+], ToastComponent);
+
+// dist/build/lib/staging/src/toast/index.ts
+function defineToastComponent() {
+  defineCustomElement(ToastComponent);
+}
+
+export {
+  TOAST_CONSTANTS,
+  ToastAdapter,
+  ToastFoundation,
+  ToastComponent,
+  defineToastComponent
+};
+//# sourceMappingURL=chunk.4V5O2CPU.js.map

package/dist/esm/chunks/chunk.4V5O2CPU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/toast/toast-constants.ts", "../../src/toast/toast-adapter.ts", "../../src/toast/toast-foundation.ts", "../../src/toast/toast.ts", "../../src/toast/index.ts"],
+  "sourcesContent": ["import { PopupPlacement } from '../popup/popup-constants';\nimport { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}toast`;\n\nconst customCssPositionProperties = {\n  TOP_MARGIN_TOP: '--forge-toast-top-margin-top',\n  BOTTOM_MARGIN_BOTTOM: '--forge-toast-bottom-margin-bottom',\n  TOP_LEFT_MARGIN_TOP: '--forge-toast-top-left-margin-top',\n  TOP_LEFT_MARGIN_LEFT: '--forge-toast-top-left-margin-left',\n  TOP_RIGHT_MARGIN_TOP: '--forge-toast-top-right-margin-top',\n  TOP_RIGHT_MARGIN_RIGHT: '--forge-toast-top-right-margin-right',\n  BOTTOM_LEFT_MARGIN_BOTTOM: '--forge-toast-bottom-left-margin-bottom',\n  BOTTOM_LEFT_MARGIN_LEFT: '--forge-toast-bottom-left-margin-left',\n  BOTTOM_RIGHT_MARGIN_RIGHT: '--forge-toast-bottom-right-margin-right',\n  BOTTOM_RIGHT_MARGIN_BOTTOM: '--forge-toast-bottom-right-margin-bottom'\n};\n\nconst classes = {\n  CONTAINER: 'forge-toast__container',\n  MESSAGE: 'forge-toast__message',\n  ACTION_BUTTON: 'forge-toast__action-button',\n  CLOSE_BUTTON: 'forge-toast__close-button',\n  TOP: 'forge-toast__container--top',\n  TOP_LEFT: 'forge-toast__container--top-left',\n  TOP_RIGHT: 'forge-toast__container--top-right',\n  BOTTOM: 'forge-toast__container--bottom',\n  BOTTOM_LEFT: 'forge-toast__container--bottom-left',\n  BOTTOM_RIGHT: 'forge-toast__container--bottom-right',\n  ACTIVE: 'forge-toast__container--active',\n  CUSTOM: 'forge-toast__container--custom'\n};\n\nconst selectors = {\n  CONTAINER: `.${classes.CONTAINER}`,\n  MESSAGE: `.${classes.MESSAGE}`,\n  ACTION_BUTTON: `.${classes.ACTION_BUTTON}`,\n  CLOSE_BUTTON: `.${classes.CLOSE_BUTTON}`\n};\n\nconst attributes = {\n  MESSAGE: 'message',\n  ACTION_TEXT: 'action-text',\n  DURATION: 'duration',\n  PLACEMENT: 'placement',\n  SHOW_CLOSE: 'show-close'\n};\n\nconst events = {\n  ACTION: `${elementName}-action`,\n  CLOSE: `${elementName}-close`\n};\n\nconst defaults = {\n  PLACEMENT: 'bottom' as ToastPlacement,\n  DURATION: 2750\n};\n\nexport const TOAST_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  defaults,\n  events,\n  customCssPositionProperties\n};\n\nexport type ToastBuilder = () => HTMLElement | string;\nexport type ToastPlacement = PopupPlacement;\n", "import { getShadowElement, isString, removeAllChildren, removeClass, removeElement, toggleElementPlaceholder } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { PopupPlacement } from '../popup';\nimport { IToastComponent } from './toast';\nimport { TOAST_CONSTANTS } from './toast-constants';\n\nexport interface IToastAdapter extends IBaseAdapter {\n  setHostAttribute: (name: string, value: string) => void;\n  setMessage: (value: string) => void;\n  setMessageTemplate: (tpl: HTMLElement | string) => void;\n  setActionVisibility: (isVisible: boolean) => void;\n  setActionText: (message: string) => void;\n  registerActionListener: (type: string, listener: (evt: MouseEvent) => void) => void;\n  deregisterActionListener: (type: string, listener: (evt: MouseEvent) => void) => void;\n  setPlacement: (placement: PopupPlacement) => void;\n  setActive: (isActive: boolean) => void;\n  setCloseButtonVisibility(visible: boolean): void;\n  registerCloseListener(listener: (evt: Event) => void): void;\n}\n\n/**\n * The DOM adapter for the `ToastComponent` web component.\n */\nexport class ToastAdapter extends BaseAdapter<IToastComponent> implements IToastAdapter {\n  private _containerElement: HTMLElement;\n  private _messageElement: HTMLElement;\n  private _actionButtonElement: HTMLButtonElement;\n  private _actionButtonPlaceholder: Comment;\n  private _closeButtonElement: HTMLButtonElement;\n\n  constructor(component: IToastComponent) {\n    super(component);\n    this._containerElement = getShadowElement(component, TOAST_CONSTANTS.selectors.CONTAINER);\n    this._messageElement = getShadowElement(component, TOAST_CONSTANTS.selectors.MESSAGE);\n    this._actionButtonElement = getShadowElement(component, TOAST_CONSTANTS.selectors.ACTION_BUTTON) as HTMLButtonElement;\n    this._closeButtonElement = getShadowElement(component, TOAST_CONSTANTS.selectors.CLOSE_BUTTON) as HTMLButtonElement;\n  }\n\n  /**\n   * Sets an attrinbute on the host element.\n   * @param name The attribute name.\n   * @param value The attribute value.\n   */\n  public setHostAttribute(name: string, value: string): void {\n    if (this._component.getAttribute(name) !== value) {\n      this._component.setAttribute(name, value);\n    }\n  }\n\n  /**\n   * Sets the message text on the toast element.\n   * @param value The message text.\n   */\n  public setMessage(value: string): void {\n    this._messageElement.innerText = value;\n  }\n\n  /**\n   * Sets a custom template on the message element.\n   * @param tpl The message template.\n   */\n  public setMessageTemplate(tpl: HTMLElement | string): void {\n    this._containerElement.classList.add(TOAST_CONSTANTS.classes.CUSTOM);\n    if (isString(tpl)) {\n      this._component.innerHTML = tpl;\n    } else {\n      removeAllChildren(this._messageElement);\n      this._component.appendChild(tpl);\n    }\n  }\n\n  /**\n   * Toggles the visibility of the action button element.\n   * @param isVisible The visibility.\n   */\n  public setActionVisibility(isVisible: boolean): void {\n    this._actionButtonPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      TOAST_CONSTANTS.elementName,\n      TOAST_CONSTANTS.selectors.ACTION_BUTTON,\n      this._actionButtonElement,\n      this._actionButtonPlaceholder\n    );\n  }\n\n  /**\n   * Sets the action button text.\n   * @param message The message text.\n   */\n  public setActionText(message: string): void {\n    this._actionButtonElement.innerText = message;\n  }\n\n  /**\n   * Adds an event listener to the action button element.\n   * @param type The event type.\n   * @param listener The event listener.\n   */\n  public registerActionListener(type: string, listener: (evt: MouseEvent) => void): void {\n    this._actionButtonElement.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event listener from the action button.\n   * @param type The event type.\n   * @param listener The event listener.\n   */\n  public deregisterActionListener(type: string, listener: (evt: MouseEvent) => void): void {\n    this._actionButtonElement.removeEventListener(type, listener);\n  }\n\n  /**\n   * Adjusts the class applied to the toast container to position it properly.\n   * @param placement The screen placement position.\n   */\n  public setPlacement(placement: PopupPlacement): void {\n    removeClass(\n      [\n        TOAST_CONSTANTS.classes.TOP,\n        TOAST_CONSTANTS.classes.TOP_LEFT,\n        TOAST_CONSTANTS.classes.TOP_RIGHT,\n        TOAST_CONSTANTS.classes.BOTTOM,\n        TOAST_CONSTANTS.classes.BOTTOM_LEFT,\n        TOAST_CONSTANTS.classes.BOTTOM_RIGHT\n      ],\n      this._containerElement\n    );\n\n    const placementClass = this._getPlacementClass(placement);\n    if (placementClass) {\n      this._containerElement.classList.add(placementClass);\n    }\n  }\n\n  /**\n   * Triggers the addition of classes to the container element to hide or show the toast using CSS transitions.\n   * @param isActive Active or not.\n   */\n  public setActive(isActive: boolean): void {\n    if (isActive) {\n      // We need to force a reflow here to make sure that our new transform gets applied by the active class\n      window.getComputedStyle(this._containerElement).getPropertyValue('bottom');\n      this._containerElement.classList.add(TOAST_CONSTANTS.classes.ACTIVE);\n    } else {\n      this._containerElement.classList.remove(TOAST_CONSTANTS.classes.ACTIVE);\n      const animationCompletedListener = (): void => {\n        this._containerElement.removeEventListener('transitionend', animationCompletedListener);\n        removeElement(this._component);\n      };\n      this._containerElement.addEventListener('transitionend', animationCompletedListener);\n    }\n  }\n\n  public setCloseButtonVisibility(visible: boolean): void {\n    if (visible) {\n      this._closeButtonElement.style.removeProperty('display');\n    } else {\n      this._closeButtonElement.style.display = 'none';\n    }\n  }\n\n  public registerCloseListener(listener: (evt: Event) => void): void {\n    this._closeButtonElement.addEventListener('click', listener);\n  }\n\n  private _getPlacementClass(placement: PopupPlacement): string | null {\n    switch (placement) {\n      case 'top':\n        return TOAST_CONSTANTS.classes.TOP;\n      case 'top-start':\n        return TOAST_CONSTANTS.classes.TOP_LEFT;\n      case 'top-end':\n        return TOAST_CONSTANTS.classes.TOP_RIGHT;\n      case 'bottom':\n        return TOAST_CONSTANTS.classes.BOTTOM;\n      case 'bottom-start':\n        return TOAST_CONSTANTS.classes.BOTTOM_LEFT;\n      case 'bottom-end':\n        return TOAST_CONSTANTS.classes.BOTTOM_RIGHT;\n    }\n\n    return null;\n  }\n}\n", "import { ICustomElementFoundation, isFunction } from '@tylertech/forge-core';\nimport { IToastAdapter } from './toast-adapter';\nimport { ToastBuilder, TOAST_CONSTANTS, ToastPlacement } from './toast-constants';\n\nexport interface IToastFoundation extends ICustomElementFoundation {\n  message: string;\n  actionText: string;\n  duration: number;\n  placement: ToastPlacement;\n  showClose: boolean;\n  builder: ToastBuilder | string;\n  show(): void;\n  hide(): void;\n}\n\n/**\n * The foundation class behind the `ToastComponent` class that manages the state of a toast component instance.\n */\nexport class ToastFoundation implements IToastFoundation {\n  private _message: string;\n  private _actionText: string;\n  private _duration: number = TOAST_CONSTANTS.defaults.DURATION;\n  private _placement: ToastPlacement = TOAST_CONSTANTS.defaults.PLACEMENT as ToastPlacement;\n  private _showClose = true;\n  private _hasAction = false;\n  private _isActive = false;\n  private _hideTimeout: number | NodeJS.Timer | undefined;\n  private _builder: ToastBuilder | string;\n  private _actionListener: (evt: MouseEvent) => void;\n  private _closeListener: (evt: MouseEvent) => void;\n\n  constructor(private _adapter: IToastAdapter) {\n    this._actionListener = (evt: MouseEvent) => this._onAction(evt);\n    this._closeListener = (evt: MouseEvent) => this._onClose(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.setPlacement(this._placement);\n    this._adapter.registerCloseListener(this._closeListener);\n    this._adapter.setCloseButtonVisibility(this._showClose);\n    this._adapter.setActionVisibility(!!this._actionText);\n    this.show();\n  }\n\n  /**\n   * Starts the animation of the toast and hides it after the duration.\n   */\n  public show(): void {\n    // Check if we were provided a builder function and call it if so (this will override the message text)\n    if (isFunction(this._builder)) {\n      const tpl = (this._builder as ToastBuilder)();\n      this._adapter.setMessageTemplate(tpl);\n    }\n\n    this._isActive = true;\n    this._adapter.setActive(true);\n\n    if (isFinite(this._duration) && this._duration > 0) {\n      this._hideTimeout = setTimeout(() => this.hide(true), this._duration);\n    }\n  }\n\n  /**\n   * Hides the toast and removes it from the DOM.\n   */\n  public hide(emitEvent: boolean = false): void {\n    if (!this._isActive) {\n      return;\n    }\n\n    this._isActive = false;\n    this._adapter.setActive(false);\n\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout as number);\n      this._hideTimeout = undefined;\n    }\n\n    if (emitEvent) {\n      this._adapter.emitHostEvent(TOAST_CONSTANTS.events.CLOSE);\n    }\n  }\n\n  /**\n   * Handles click events from the optional action button.\n   * @param {MouseEvent} evt The mouse event.\n   */\n  private _onAction(evt: MouseEvent): void {\n    evt.stopPropagation();\n    this._adapter.emitHostEvent(TOAST_CONSTANTS.events.ACTION);\n  }\n\n  private _onClose(evt: MouseEvent): void {\n    this.hide(true);\n  }\n\n  /** The message to display in the toast. */\n  public get message(): string {\n    return this._message;\n  }\n  public set message(value: string) {\n    if (this._message !== value) {\n      this._message = value;\n      this._adapter.setMessage(this._message);\n      this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.MESSAGE, this._message);\n    }\n  }\n\n  /** The text to display in the action button. */\n  public get actionText(): string {\n    return this._actionText;\n  }\n  public set actionText(value: string) {\n    if (this._actionText !== value) {\n      this._actionText = value;\n\n      if (this._actionText) {\n        if (this._hasAction) {\n          this._adapter.setActionText(this._actionText);\n        } else {\n          this._adapter.setActionText(this._actionText);\n          this._adapter.setActionVisibility(true);\n          this._adapter.registerActionListener('click', this._actionListener);\n          this._hasAction = true;\n        }\n      } else if (this._hasAction) {\n        this._adapter.setActionText('');\n        this._adapter.setActionVisibility(false);\n        this._adapter.deregisterActionListener('click', this._actionListener);\n        this._hasAction = false;\n      }\n\n      this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.ACTION_TEXT, this._actionText);\n    }\n  }\n\n  /** The time in milliseconds to show the toast. */\n  public get duration(): number {\n    return this._duration;\n  }\n  public set duration(value: number) {\n    if (this._duration !== value) {\n      this._duration = value;\n      if (this._hideTimeout) {\n        clearTimeout(this._hideTimeout as number);\n        this._hideTimeout = setTimeout(() => this.hide(true), this._duration);\n      }\n    }\n  }\n\n  /** The placement of the toast. */\n  public get placement(): ToastPlacement {\n    return this._placement;\n  }\n  public set placement(value: ToastPlacement) {\n    if (this._placement !== value) {\n      this._placement = value;\n      this._adapter.setPlacement(this._placement);\n    }\n\n    this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.PLACEMENT, this._placement);\n  }\n\n  public get builder(): ToastBuilder | string {\n    return this._builder;\n  }\n  public set builder(value: ToastBuilder | string) {\n    this._builder = value;\n  }\n\n  public get showClose(): boolean {\n    return this._showClose;\n  }\n  public set showClose(value: boolean) {\n    if (this._showClose !== value) {\n      this._showClose = value;\n      this._adapter.setCloseButtonVisibility(this._showClose);\n      this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.SHOW_CLOSE, this._showClose.toString());\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconClose } from '@tylertech/tyler-icons/standard';\nimport { ButtonComponent } from '../button';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { IconComponent, IconRegistry } from '../icon';\nimport { IconButtonComponent } from '../icon-button';\nimport { ToastAdapter } from './toast-adapter';\nimport { ToastBuilder, ToastPlacement, TOAST_CONSTANTS } from './toast-constants';\nimport { ToastFoundation } from './toast-foundation';\n\nconst template = '<template><div class=\\\"forge-toast__container\\\" aria-live=\\\"assertive\\\" aria-atomic=\\\"true\\\" part=\\\"root\\\"><slot></slot><div class=\\\"forge-toast__message\\\" part=\\\"message\\\"></div><div class=\\\"forge-toast__action-container\\\" part=\\\"action-container\\\"><forge-button part=\\\"action-button\\\"><button type=\\\"button\\\" class=\\\"forge-toast__action-button\\\" part=\\\"action-button-element\\\"></button></forge-button><forge-icon-button part=\\\"close-button\\\"><button type=\\\"button\\\" class=\\\"forge-toast__close-button\\\" aria-label=\\\"Close toast message\\\" part=\\\"close-button-element\\\"><forge-icon name=\\\"close\\\" part=\\\"close-button-icon\\\"></forge-icon></button></forge-icon-button></div></div></template>';\nconst styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.forge-button{-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}.forge-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button::-moz-focus-inner{padding:0;border:0}.forge-button:active{outline:0}.forge-button:hover{cursor:pointer}.forge-button:disabled{cursor:default;pointer-events:none}.forge-button .forge-button__icon{margin-left:0;margin-right:8px;display:inline-block;font-size:1.125rem;height:1.125rem;vertical-align:top;width:1.125rem}.forge-button .forge-button__icon[dir=rtl],[dir=rtl] .forge-button .forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button__label~.forge-button__icon{margin-left:0;margin-right:8px}svg.forge-button__icon{fill:currentColor}.forge-button--outlined .forge-button__icon,.forge-button--raised .forge-button__icon,.forge-button--unelevated .forge-button__icon{margin-right:8px}.forge-button--outlined .forge-button__icon[dir=rtl],.forge-button--raised .forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon,.forge-button--raised .forge-button__label~.forge-button__icon,.forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--raised .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:8px}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-button .forge-button__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-button .forge-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button.mdc-ripple-upgraded .forge-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button.mdc-ripple-upgraded--unbounded .forge-button__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button.mdc-ripple-upgraded--foreground-activation .forge-button__ripple::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.mdc-ripple-upgraded--foreground-deactivation .forge-button__ripple::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 .forge-button__ripple::after,.forge-button .forge-button__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button .forge-button__ripple{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.forge-button:not(.forge-button--outlined) .forge-button__ripple{top:0;left:0}.forge-button--raised{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)}.forge-button--raised:focus,.forge-button--raised:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.forge-button--raised:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.forge-button--raised:disabled{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.forge-button--outlined{border-style:solid}.forge-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 8px 0 8px}.forge-button:not(:disabled){background-color:transparent}.forge-button:disabled{background-color:transparent}.forge-button:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--unelevated:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--unelevated:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--unelevated .forge-button__ripple::after,.forge-button--unelevated .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--unelevated.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--unelevated:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--unelevated.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--unelevated:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--unelevated:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--unelevated:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--unelevated .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--raised:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--raised:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--raised:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--raised .forge-button__ripple::after,.forge-button--raised .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--raised.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--raised:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--raised.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--raised:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--raised:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--raised:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--raised .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 15px 0 15px;border-width:1px}.forge-button--outlined:not(:disabled){background-color:transparent}.forge-button--outlined:disabled{background-color:transparent}.forge-button--outlined:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--outlined .forge-button__ripple::after,.forge-button--outlined .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button--outlined.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--outlined:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button--outlined.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--outlined:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button--outlined:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--outlined:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button--outlined .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--outlined .forge-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.forge-button--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem}forge-button{display:inline-block}forge-button[hidden]{display:none}forge-button[disabled]{cursor:not-allowed}a.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);text-decoration:none}a.forge-hyperlink:visited{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}a.forge-hyperlink[disabled]{pointer-events:none;cursor:default}a.forge-hyperlink:focus,a.forge-hyperlink:hover:not([disabled]){text-decoration:underline}button.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);cursor:pointer;border:none;background-color:transparent;font-size:inherit;padding:0;outline:0;text-align:left}button.forge-hyperlink[disabled]{pointer-events:none;cursor:default}button.forge-hyperlink:hover:not([disabled]){text-decoration:underline}.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}.forge-toast__container{z-index:9;z-index:var(--forge-z-index-notification,9);-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);background-color:#333;background-color:var(--forge-toast-theme-background,#333);display:-webkit-box;display:flex;position:fixed;border-radius:2px;-webkit-transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, 1, 1);transition:-webkit-transform 250ms 0s cubic-bezier(.4, 0, 1, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, 1, 1);transition:transform 250ms 0s cubic-bezier(.4, 0, 1, 1),-webkit-transform 250ms 0s cubic-bezier(.4, 0, 1, 1);-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 8px 4px 16px;min-height:48px}@media (max-width:599px){.forge-toast__container{bottom:0;width:100%;border-radius:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-toast__container ::slotted(*){color:rgba(255,255,255,.87);color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87))}@media (min-width:600px){.forge-toast__container{min-width:344px;max-width:568px}.forge-toast__container.forge-toast__container--top,.forge-toast__container.forge-toast__container--top-left,.forge-toast__container.forge-toast__container--top-right{top:0}.forge-toast__container.forge-toast__container--top{left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);margin-top:0;margin-top:var(--forge-toast-top-margin-top,0)}.forge-toast__container.forge-toast__container--bottom{left:50%;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);margin-bottom:0;margin-bottom:var(--forge-toast-bottom-margin-bottom,0)}.forge-toast__container.forge-toast__container--top-left,.forge-toast__container.forge-toast__container--top-right{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.forge-toast__container.forge-toast__container--bottom-left,.forge-toast__container.forge-toast__container--bottom-right{-webkit-transform:translateY(100%);transform:translateY(100%)}.forge-toast__container.forge-toast__container--bottom,.forge-toast__container.forge-toast__container--bottom-left,.forge-toast__container.forge-toast__container--bottom-right{bottom:0}.forge-toast__container.forge-toast__container--bottom-left{margin-bottom:24px;margin-bottom:var(--forge-toast-bottom-left-margin-bottom,24px);margin-left:24px;margin-left:var(--forge-toast-bottom-left-margin-left,24px);left:0}.forge-toast__container.forge-toast__container--bottom-right{margin-bottom:24px;margin-bottom:var(--forge-toast-bottom-right-margin-bottom,24px);margin-right:24px;margin-right:var(--forge-toast-bottom-right-margin-right,24px)}.forge-toast__container.forge-toast__container--top-left{margin-top:24px;margin-top:var(--forge-toast-top-left-margin-top,24px);margin-left:24px;margin-left:var(--forge-toast-top-left-margin-left,24px);left:0}.forge-toast__container.forge-toast__container--top-right{margin-top:24px;margin-top:var(--forge-toast-top-right-margin-top,24px);margin-right:24px;margin-right:var(--forge-toast-top-right-margin-right,24px);right:0}.forge-toast__container.forge-toast__container--bottom-right{margin-bottom:24px;margin-bottom:var(--forge-toast-bottom-right-margin-bottom,24px);margin-right:24px;margin-right:var(--forge-toast-bottom-right-margin-right,24px);right:0}}.forge-toast__container--active{-webkit-transition:-webkit-transform 250ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 250ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 250ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 250ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 250ms 0s cubic-bezier(0, 0, .2, 1)}.forge-toast__container--active>.forge-toast__message{opacity:1}.forge-toast__container--active>.forge-toast__action-button{opacity:1}@media (max-width:599px){.forge-toast__container--active{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}@media (min-width:600px){.forge-toast__container--active.forge-toast__container--bottom,.forge-toast__container--active.forge-toast__container--top{-webkit-transform:translateX(-50%) translateY(0)!important;transform:translateX(-50%) translateY(0)!important}.forge-toast__container--active.forge-toast__container--bottom-left,.forge-toast__container--active.forge-toast__container--bottom-right,.forge-toast__container--active.forge-toast__container--top-left,.forge-toast__container--active.forge-toast__container--top-right{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}.forge-toast__container--custom{min-width:0;max-width:none}.forge-toast__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(255,255,255,.87);color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87));display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-transition:opacity .3s 0s cubic-bezier(.4, 0, 1, 1);transition:opacity .3s 0s cubic-bezier(.4, 0, 1, 1);opacity:0}.forge-toast__action-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-toast__action-button{--mdc-theme-primary:#ffc107;--mdc-theme-primary:var(--forge-toast-theme-action, #ffc107)}.forge-toast__close-button{color:rgba(255,255,255,.87);color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87));margin-left:8px}.forge-toast__close-button::after,.forge-toast__close-button::before{background-color:rgba(255,255,255,.87);background-color:var(--forge-toast-theme-on-background,rgba(255,255,255,.87))}:host{display:inline-block}:host([hidden]){display:none}';\n\nexport interface IToastComponent extends IBaseComponent {\n  message: string;\n  actionText: string;\n  duration: number;\n  placement: ToastPlacement;\n  showClose: boolean;\n  builder: ToastBuilder | string;\n  hide(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-toast': IToastComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-toast-action': CustomEvent<void>;\n    'forge-toast-close': CustomEvent<void>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-toast>` web component.\n */\n@CustomElement({\n  name: TOAST_CONSTANTS.elementName,\n  dependencies: [\n    ButtonComponent,\n    IconButtonComponent,\n    IconComponent\n  ]\n})\nexport class ToastComponent extends BaseComponent implements IToastComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      TOAST_CONSTANTS.attributes.MESSAGE,\n      TOAST_CONSTANTS.attributes.ACTION_TEXT,\n      TOAST_CONSTANTS.attributes.DURATION,\n      TOAST_CONSTANTS.attributes.PLACEMENT,\n      TOAST_CONSTANTS.attributes.SHOW_CLOSE\n    ];\n  }\n\n  private _foundation: ToastFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define(tylIconClose);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ToastFoundation(new ToastAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case TOAST_CONSTANTS.attributes.MESSAGE:\n        this.message = newValue;\n        break;\n      case TOAST_CONSTANTS.attributes.ACTION_TEXT:\n        this.actionText = newValue;\n        break;\n      case TOAST_CONSTANTS.attributes.DURATION:\n        const value = Number(newValue);\n        this.duration = value && value > 0 ? value : TOAST_CONSTANTS.defaults.DURATION;\n        break;\n      case TOAST_CONSTANTS.attributes.PLACEMENT:\n        this.placement = newValue as ToastPlacement || TOAST_CONSTANTS.defaults.PLACEMENT;\n        break;\n      case TOAST_CONSTANTS.attributes.SHOW_CLOSE:\n        this.showClose = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** The message to display in the toast. */\n  @FoundationProperty()\n  public message: string;\n\n  /** The text to display in the action button. */\n  @FoundationProperty()\n  public actionText: string;\n\n  /** The time in milliseconds to show the toast. */\n  @FoundationProperty()\n  public duration: number;\n\n  /** The placement of the toast. */\n  @FoundationProperty()\n  public placement: ToastPlacement;\n\n  /** Sets the toast builder function for displaying custom content. */\n  @FoundationProperty()\n  public builder: ToastBuilder | string;\n\n  /** Controls the visibility of the close button. */\n  @FoundationProperty()\n  public showClose: boolean;\n\n  /** Hides the toast and removes it from the DOM. */\n  public hide(): void {\n    this._foundation.hide();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ToastComponent } from './toast';\n\nexport * from './toast-adapter';\nexport * from './toast-constants';\nexport * from './toast-foundation';\nexport * from './toast';\n\nexport function defineToastComponent(): void {\n  defineCustomElement(ToastComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}