@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +1,92 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  removeAllChildren,
+  removeElement
+} from "./chunk.4JURZYE4.js";
+
+// dist/build/lib/staging/src/core/delegates/base-component-delegate.ts
+var BaseComponentDelegate = class {
+  constructor(_config = {}) {
+    this._config = _config;
+    this._initialize();
+  }
+  get element() {
+    return this._element;
+  }
+  destroy() {
+    this.disconnect();
+  }
+  disconnect() {
+    if (!this._element.isConnected) {
+      return;
+    }
+    removeElement(this._element);
+  }
+  _initialize() {
+    var _a, _b, _c, _d;
+    this._element = this._build();
+    if (!this._element) {
+      throw new Error(`Invalid component instance: ${this._element}`);
+    }
+    this._applyProps();
+    this._applyStyle();
+    this._applyAttrs();
+    (_b = (_a = this._config.options) == null ? void 0 : _a.parent) == null ? void 0 : _b.append(this._element);
+    if ((_c = this._config.options) == null ? void 0 : _c.children) {
+      this._applyChildren();
+    }
+    (_d = this._configure) == null ? void 0 : _d.call(this);
+  }
+  _applyProps() {
+    if (this._config.props) {
+      Object.assign(this._element, this._config.props);
+    }
+  }
+  _applyStyle() {
+    var _a, _b;
+    if ((_a = this._config.options) == null ? void 0 : _a.style) {
+      const keys = Object.keys(this._config.options.style);
+      for (const key of keys) {
+        (_b = this._element) == null ? void 0 : _b.style.setProperty(key, this._config.options.style[key]);
+      }
+    }
+  }
+  _applyAttrs() {
+    var _a, _b;
+    if ((_a = this._config.options) == null ? void 0 : _a.attributes) {
+      if (this._config.options.attributes instanceof Map) {
+        for (const [key, value] of Array.from(this._config.options.attributes)) {
+          this._element.setAttribute(key, value);
+        }
+      } else {
+        const keys = Object.keys(this._config.options.attributes);
+        for (const key of keys) {
+          (_b = this._element) == null ? void 0 : _b.setAttribute(key, this._config.options.attributes[key]);
+        }
+      }
+    }
+  }
+  _applyChildren() {
+    var _a;
+    if (this._element.hasChildNodes()) {
+      removeAllChildren(this._element);
+    }
+    if (!((_a = this._config.options) == null ? void 0 : _a.children)) {
+      return;
+    }
+    if (typeof this._config.options.children === "string") {
+      this._element.innerHTML = this._config.options.children;
+    } else {
+      this._element.appendChild(this._config.options.children);
+    }
+  }
+};
+
+export {
+  BaseComponentDelegate
+};
+//# sourceMappingURL=chunk.WT4W2IFT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/delegates/base-component-delegate.ts"],
+  "sourcesContent": ["import { removeAllChildren, removeElement } from '@tylertech/forge-core';\n\nexport type BaseComponentDelegateProps<T extends HTMLElement> = Partial<T>;\n\nexport interface IBaseComponentDelegateOptions {\n  style?: Partial<CSSStyleDeclaration> | { [key: string]: string };\n  attributes?: { [key: string]: string } | Map<string, string>;\n  parent?: HTMLElement;\n  children?: HTMLElement | string;\n}\n\nexport interface IBaseComponentDelegateConfig<T extends HTMLElement, K extends IBaseComponentDelegateOptions> {\n  props?: BaseComponentDelegateProps<T>;\n  options?: K;\n}\n\nexport interface IBaseComponentDelegate<T> {\n  element: T;\n  destroy(): void;\n  disconnect(): void;\n}\n\nexport abstract class BaseComponentDelegate<T extends HTMLElement, K extends IBaseComponentDelegateOptions> implements IBaseComponentDelegate<T> {\n  protected _element: T;\n\n  public get element(): T {\n    return this._element;\n  }\n\n  constructor(protected _config: IBaseComponentDelegateConfig<T, K> = {}) {\n    this._initialize();\n  }\n\n  public destroy(): void {\n    this.disconnect();\n  }\n\n  public disconnect(): void {\n    if (!this._element.isConnected) {\n      return;\n    }\n    removeElement(this._element);\n  }\n\n  private _initialize(): void {\n    this._element = this._build();\n\n    if (!this._element) {\n      throw new Error(`Invalid component instance: ${this._element}`);\n    }\n\n    this._applyProps();\n    this._applyStyle();\n    this._applyAttrs();\n\n    this._config.options?.parent?.append(this._element);\n    \n    if (this._config.options?.children) {\n      this._applyChildren();\n    }\n\n    this._configure?.();\n  }\n\n  private _applyProps(): void {\n    if (this._config.props) {\n      Object.assign(this._element, this._config.props);\n    }\n  }\n\n  private _applyStyle(): void {\n    if (this._config.options?.style) {\n      const keys = Object.keys(this._config.options.style);\n      for (const key of keys) {\n        this._element?.style.setProperty(key, this._config.options.style[key]);\n      }\n    }\n  }\n\n  private _applyAttrs(): void {\n    if (this._config.options?.attributes) {\n      if (this._config.options.attributes instanceof Map) {\n        for (const [key, value] of Array.from(this._config.options.attributes)) {\n          this._element.setAttribute(key, value);\n        }\n      } else {\n        const keys = Object.keys(this._config.options.attributes);\n        for (const key of keys) {\n          this._element?.setAttribute(key, this._config.options.attributes[key]);\n        }\n      }\n    }\n  }\n\n  private _applyChildren(): void {\n    if (this._element.hasChildNodes()) {\n      removeAllChildren(this._element);\n    }\n    if (!this._config.options?.children) {\n      return;\n    }\n    if (typeof this._config.options.children === 'string') {\n      this._element.innerHTML = this._config.options.children;\n    } else {\n      this._element.appendChild(this._config.options.children);\n    }\n  }\n\n  protected abstract _build(): T;\n  protected _configure?(): void;\n}\n"],
+  "mappings": ";;;;;;AAsBO,IAAe,wBAAf,MAA0I;AAAA,EAO/I,YAAsB,UAA8C,CAAC,GAAG;AAAlD;AACpB,SAAK,YAAY;AAAA,EACnB;AAAA,EANA,IAAW,UAAa;AACtB,WAAO,KAAK;AAAA,EACd;AAAA,EAMA,AAAO,UAAgB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,AAAO,aAAmB;AACxB,QAAI,CAAC,KAAK,SAAS,aAAa;AAC9B;AAAA,IACF;AACA,kBAAc,KAAK,QAAQ;AAAA,EAC7B;AAAA,EAEA,AAAQ,cAAoB;AA5C9B;AA6CI,SAAK,WAAW,KAAK,OAAO;AAE5B,QAAI,CAAC,KAAK,UAAU;AAClB,YAAM,IAAI,MAAM,+BAA+B,KAAK,UAAU;AAAA,IAChE;AAEA,SAAK,YAAY;AACjB,SAAK,YAAY;AACjB,SAAK,YAAY;AAEjB,qBAAK,QAAQ,YAAb,mBAAsB,WAAtB,mBAA8B,OAAO,KAAK;AAE1C,QAAI,WAAK,QAAQ,YAAb,mBAAsB,UAAU;AAClC,WAAK,eAAe;AAAA,IACtB;AAEA,eAAK,eAAL;AAAA,EACF;AAAA,EAEA,AAAQ,cAAoB;AAC1B,QAAI,KAAK,QAAQ,OAAO;AACtB,aAAO,OAAO,KAAK,UAAU,KAAK,QAAQ,KAAK;AAAA,IACjD;AAAA,EACF;AAAA,EAEA,AAAQ,cAAoB;AAtE9B;AAuEI,QAAI,WAAK,QAAQ,YAAb,mBAAsB,OAAO;AAC/B,YAAM,OAAO,OAAO,KAAK,KAAK,QAAQ,QAAQ,KAAK;AACnD,iBAAW,OAAO,MAAM;AACtB,mBAAK,aAAL,mBAAe,MAAM,YAAY,KAAK,KAAK,QAAQ,QAAQ,MAAM;AAAA,MACnE;AAAA,IACF;AAAA,EACF;AAAA,EAEA,AAAQ,cAAoB;AA/E9B;AAgFI,QAAI,WAAK,QAAQ,YAAb,mBAAsB,YAAY;AACpC,UAAI,KAAK,QAAQ,QAAQ,sBAAsB,KAAK;AAClD,mBAAW,CAAC,KAAK,UAAU,MAAM,KAAK,KAAK,QAAQ,QAAQ,UAAU,GAAG;AACtE,eAAK,SAAS,aAAa,KAAK,KAAK;AAAA,QACvC;AAAA,MACF,OAAO;AACL,cAAM,OAAO,OAAO,KAAK,KAAK,QAAQ,QAAQ,UAAU;AACxD,mBAAW,OAAO,MAAM;AACtB,qBAAK,aAAL,mBAAe,aAAa,KAAK,KAAK,QAAQ,QAAQ,WAAW;AAAA,QACnE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,AAAQ,iBAAuB;AA9FjC;AA+FI,QAAI,KAAK,SAAS,cAAc,GAAG;AACjC,wBAAkB,KAAK,QAAQ;AAAA,IACjC;AACA,QAAI,CAAC,YAAK,QAAQ,YAAb,mBAAsB,WAAU;AACnC;AAAA,IACF;AACA,QAAI,OAAO,KAAK,QAAQ,QAAQ,aAAa,UAAU;AACrD,WAAK,SAAS,YAAY,KAAK,QAAQ,QAAQ;AAAA,IACjD,OAAO;AACL,WAAK,SAAS,YAAY,KAAK,QAAQ,QAAQ,QAAQ;AAAA,IACzD;AAAA,EACF;AAIF;",
+  "names": []
+}

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

@@ -0,0 +1,52 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/scaffold/scaffold-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}scaffold`;
+var SCAFFOLD_CONSTANTS = {
+  elementName
+};
+
+// dist/build/lib/staging/src/scaffold/scaffold.ts
+var template = '<template><div class="forge-scaffold" part="root"><slot name="left"></slot><div class="forge-scaffold__header" part="header-container"><slot name="header"></slot></div><div class="forge-scaffold__body" part="body-container"><slot name="body-left"></slot><slot name="body-header"></slot><slot name="body"></slot><slot name="body-footer"></slot><slot name="body-right"></slot></div><slot name="footer"></slot><slot name="right"></slot></div></template>';
+var styles = ".forge-scaffold{height:100%;height:var(--forge-scaffold-height,100%);position:relative;position:var(--forge-scaffold-position,relative);overflow:hidden;overflow:var(--forge-scaffold-overflow,hidden);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto}.forge-scaffold__header{grid-row:1;grid-column:2;min-width:0}.forge-scaffold__body{width:100%;width:var(--forge-scaffold-width,100%);position:relative;position:var(--forge-scaffold-body-position,relative);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-row:2;grid-column:2;overflow:hidden}.forge-scaffold__body ::slotted([slot=left]){overflow:auto;grid-column:1;grid-row:1/5}.forge-scaffold__body ::slotted([slot=right]){overflow:auto;grid-column:3;grid-row:1/5}.forge-scaffold__body ::slotted([slot=body-left]){overflow:auto;grid-column:1;grid-row:1/4}.forge-scaffold__body ::slotted([slot=body-right]){overflow:auto;grid-column:3;grid-row:1/4}.forge-scaffold__body ::slotted([slot=body-header]){grid-row:1;grid-column:2}.forge-scaffold__body ::slotted([slot=body]){overflow:auto;grid-row:2;grid-column:2}.forge-scaffold__body ::slotted([slot=body-footer]){grid-row:3;grid-column:2}.forge-scaffold ::slotted([slot=body-left]),.forge-scaffold ::slotted([slot=body-right]),.forge-scaffold ::slotted([slot=left]),.forge-scaffold ::slotted([slot=right]){overflow:auto}.forge-scaffold ::slotted([slot=body-left]){grid-column:1;grid-row:1/4}.forge-scaffold ::slotted([slot=body-right]){grid-column:3;grid-row:1/4}.forge-scaffold ::slotted([slot=footer]){grid-row:3;grid-column:2}.forge-scaffold ::slotted([slot=left]){grid-column:1;grid-row:1/5}.forge-scaffold ::slotted([slot=right]){grid-column:3;grid-row:1/5}:host{display:block;height:100%;width:100%}:host([hidden]){display:none}:host([viewport]){width:100vw;width:var(--forge-scaffold-width,100vw);height:100vh;height:var(--forge-scaffold-height,100vh);--forge-scaffold-height:100vh;--forge-scaffold-width:100vw}:host([viewport]) .forge-scaffold{height:100vh;height:var(--forge-scaffold-height,100vh);--forge-scaffold-height:100vh}:host([viewport]) .forge-scaffold__body{width:100vw;width:var(--forge-scaffold-width,100vw);--forge-scaffold-width:100vw}";
+var ScaffoldComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+  }
+};
+ScaffoldComponent = __decorateClass([
+  CustomElement({
+    name: SCAFFOLD_CONSTANTS.elementName
+  })
+], ScaffoldComponent);
+
+// dist/build/lib/staging/src/scaffold/index.ts
+function defineScaffoldComponent() {
+  defineCustomElement(ScaffoldComponent);
+}
+
+export {
+  SCAFFOLD_CONSTANTS,
+  ScaffoldComponent,
+  defineScaffoldComponent
+};
+//# sourceMappingURL=chunk.WXFCZJJI.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scaffold/scaffold-constants.ts", "../../src/scaffold/scaffold.ts", "../../src/scaffold/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}scaffold`;\n\nexport const SCAFFOLD_CONSTANTS = {\n  elementName\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { SCAFFOLD_CONSTANTS } from './scaffold-constants';\n\nconst template = '<template><div class=\\\"forge-scaffold\\\" part=\\\"root\\\"><slot name=\\\"left\\\"></slot><div class=\\\"forge-scaffold__header\\\" part=\\\"header-container\\\"><slot name=\\\"header\\\"></slot></div><div class=\\\"forge-scaffold__body\\\" part=\\\"body-container\\\"><slot name=\\\"body-left\\\"></slot><slot name=\\\"body-header\\\"></slot><slot name=\\\"body\\\"></slot><slot name=\\\"body-footer\\\"></slot><slot name=\\\"body-right\\\"></slot></div><slot name=\\\"footer\\\"></slot><slot name=\\\"right\\\"></slot></div></template>';\nconst styles = '.forge-scaffold{height:100%;height:var(--forge-scaffold-height,100%);position:relative;position:var(--forge-scaffold-position,relative);overflow:hidden;overflow:var(--forge-scaffold-overflow,hidden);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto}.forge-scaffold__header{grid-row:1;grid-column:2;min-width:0}.forge-scaffold__body{width:100%;width:var(--forge-scaffold-width,100%);position:relative;position:var(--forge-scaffold-body-position,relative);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-row:2;grid-column:2;overflow:hidden}.forge-scaffold__body ::slotted([slot=left]){overflow:auto;grid-column:1;grid-row:1/5}.forge-scaffold__body ::slotted([slot=right]){overflow:auto;grid-column:3;grid-row:1/5}.forge-scaffold__body ::slotted([slot=body-left]){overflow:auto;grid-column:1;grid-row:1/4}.forge-scaffold__body ::slotted([slot=body-right]){overflow:auto;grid-column:3;grid-row:1/4}.forge-scaffold__body ::slotted([slot=body-header]){grid-row:1;grid-column:2}.forge-scaffold__body ::slotted([slot=body]){overflow:auto;grid-row:2;grid-column:2}.forge-scaffold__body ::slotted([slot=body-footer]){grid-row:3;grid-column:2}.forge-scaffold ::slotted([slot=body-left]),.forge-scaffold ::slotted([slot=body-right]),.forge-scaffold ::slotted([slot=left]),.forge-scaffold ::slotted([slot=right]){overflow:auto}.forge-scaffold ::slotted([slot=body-left]){grid-column:1;grid-row:1/4}.forge-scaffold ::slotted([slot=body-right]){grid-column:3;grid-row:1/4}.forge-scaffold ::slotted([slot=footer]){grid-row:3;grid-column:2}.forge-scaffold ::slotted([slot=left]){grid-column:1;grid-row:1/5}.forge-scaffold ::slotted([slot=right]){grid-column:3;grid-row:1/5}:host{display:block;height:100%;width:100%}:host([hidden]){display:none}:host([viewport]){width:100vw;width:var(--forge-scaffold-width,100vw);height:100vh;height:var(--forge-scaffold-height,100vh);--forge-scaffold-height:100vh;--forge-scaffold-width:100vw}:host([viewport]) .forge-scaffold{height:100vh;height:var(--forge-scaffold-height,100vh);--forge-scaffold-height:100vh}:host([viewport]) .forge-scaffold__body{width:100vw;width:var(--forge-scaffold-width,100vw);--forge-scaffold-width:100vw}';\n\nexport interface IScaffoldComponent extends IBaseComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-scaffold': IScaffoldComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-scaffold>` element.\n */\n@CustomElement({\n  name: SCAFFOLD_CONSTANTS.elementName\n})\nexport class ScaffoldComponent extends BaseComponent implements IScaffoldComponent {\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ScaffoldComponent } from './scaffold';\n\nexport * from './scaffold-constants';\nexport * from './scaffold';\n\nexport function defineScaffoldComponent(): void {\n  defineCustomElement(ScaffoldComponent);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAE7C,IAAM,qBAAqB;AAAA,EAChC;AACF;;;ACFA,IAAM,WAAW;AACjB,IAAM,SAAS;AAgBR,IAAM,oBAAN,cAAgC,cAA4C;AAAA,EACjF,cAAc;AACZ,UAAM;AACN,yBAAqB,MAAM,UAAU,MAAM;AAAA,EAC7C;AACF;AALa,oBAAN;AAAA,EAHP,AAAC,cAAc;AAAA,IACb,MAAM,mBAAmB;AAAA,EAC3B,CAAC;AAAA,GACY;;;ACdN,mCAAyC;AAC9C,sBAAoB,iBAAiB;AACvC;",
+  "names": []
+}

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

@@ -0,0 +1,248 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  IconButtonComponent
+} from "./chunk.7Y4NHCJH.js";
+import {
+  tylIconCancel
+} from "./chunk.GS2AXUCN.js";
+import {
+  TooltipComponent
+} from "./chunk.2F6PST3N.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
+} from "./chunk.K2PCTUVN.js";
+import {
+  coerceBoolean
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/banner/banner-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}banner`;
+var classes = {
+  BANNER: "forge-banner",
+  DISMISSED: "forge-banner--dismissed"
+};
+var selectors = {
+  BANNER: ".forge-banner",
+  FORGE_DISMISS_BUTTON: "forge-icon-button.forge-banner__container-dismiss",
+  DISMISS_BUTTON: ".forge-banner__container-dismiss button",
+  ICON: "i",
+  FORGE_BUTTON: "forge-button"
+};
+var attributes = {
+  SLOT: "slot",
+  DISMISSED: "dismissed",
+  CAN_DISMISS: "can-dismiss",
+  HIDDEN: "hidden"
+};
+var slots = {
+  ICON: "icon",
+  TEXT: "text",
+  BUTTON: "button"
+};
+var events = {
+  DISMISSED: `${elementName}-dismissed`,
+  UNDISMISSED: `${elementName}-undismissed`
+};
+var BANNER_CONSTANTS = {
+  elementName,
+  classes,
+  selectors,
+  attributes,
+  slots,
+  events
+};
+
+// dist/build/lib/staging/src/banner/banner-adapter.ts
+var BannerAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._rootElement = getShadowElement(component, BANNER_CONSTANTS.selectors.BANNER);
+  }
+  addRootClass(name) {
+    this._rootElement.classList.add(name);
+  }
+  removeRootClass(name) {
+    this._rootElement.classList.remove(name);
+  }
+  addDismissButtonAttribute(name, value = "") {
+    this.forgeIconButtonDismiss.setAttribute(name, value);
+  }
+  removeDismissButtonAttribute(name) {
+    this.forgeIconButtonDismiss.removeAttribute(name);
+  }
+  addDismissEventListener(event, callback) {
+    this.buttonDismiss.addEventListener(event, callback);
+  }
+  removeDismissEventListener(event, callback) {
+    this.buttonDismiss.removeEventListener(event, callback);
+  }
+  get forgeIconButtonDismiss() {
+    if (!this._forgeIconButtonDismiss) {
+      this._forgeIconButtonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.FORGE_DISMISS_BUTTON);
+    }
+    return this._forgeIconButtonDismiss;
+  }
+  get buttonDismiss() {
+    if (!this._buttonDismiss) {
+      this._buttonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON);
+    }
+    return this._buttonDismiss;
+  }
+};
+
+// dist/build/lib/staging/src/banner/banner-foundation.ts
+var BannerFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._dismissed = false;
+    this._canDismiss = true;
+    this._dismissBanner = () => this._dismiss();
+  }
+  connect() {
+    this._addDismissEventListener();
+  }
+  disconnect() {
+    this._removeDismissEventListener();
+  }
+  _dismiss() {
+    this.dismissed = true;
+  }
+  _syncDismissedState() {
+    if (this.dismissed) {
+      this._setDismissedClass();
+      this._adapter.emitHostEvent(BANNER_CONSTANTS.events.DISMISSED);
+    } else {
+      this._setUndissmissedClass();
+      this._adapter.emitHostEvent(BANNER_CONSTANTS.events.UNDISMISSED);
+    }
+  }
+  _setUndissmissedClass() {
+    this._adapter.removeRootClass(BANNER_CONSTANTS.classes.DISMISSED);
+  }
+  _setDismissedClass() {
+    this._adapter.addRootClass(BANNER_CONSTANTS.classes.DISMISSED);
+  }
+  _syncCanDismissState() {
+    if (this.canDismiss) {
+      this._adapter.removeDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);
+    } else {
+      this._adapter.addDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);
+    }
+  }
+  _addDismissEventListener() {
+    this._adapter.addDismissEventListener("click", this._dismissBanner);
+  }
+  _removeDismissEventListener() {
+    this._adapter.removeDismissEventListener("click", this._dismissBanner);
+  }
+  get dismissed() {
+    return !!this._dismissed;
+  }
+  set dismissed(val) {
+    if (this.dismissed === !!val) {
+      return;
+    }
+    this._dismissed = !!val;
+    this._syncDismissedState();
+  }
+  get canDismiss() {
+    return !!this._canDismiss;
+  }
+  set canDismiss(val) {
+    if (this._canDismiss === !!val) {
+      return;
+    }
+    this._canDismiss = !!val;
+    this._syncCanDismissState();
+  }
+};
+
+// dist/build/lib/staging/src/banner/banner.ts
+var template = '<template><div class="forge-banner" part="root"><div class="forge-banner__container" part="container"><div class="forge-banner__container-wrapper" part="wrapper"><div class="forge-banner__container-wrapper-icon" part="icon-container"><slot name="icon"></slot></div><div class="forge-banner__container-wrapper-subsection" part="subsection-wrapper"><div class="forge-banner__container-wrapper-subsection-text forge-typography--body1" part="subsection-text"><slot></slot></div><div class="forge-banner__container-wrapper-subsection-action" part="action-subsection"><slot name="button"></slot></div></div></div><forge-icon-button class="forge-banner__container-dismiss" part="dismiss-icon-button"><button type="button" aria-label="Dismiss this banner" part="dismiss-button"><forge-icon name="cancel" part="dismiss-button-icon"></forge-icon></button><forge-tooltip>Dismiss</forge-tooltip></forge-icon-button></div></div></template>';
+var styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}@media (min-width:600px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;-webkit-box-align:center;align-items:center;padding:0 24px 0 24px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-subsection-text{padding:14px 0 14px 0;margin-right:24px}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-right:16px}.forge-banner__container-dismiss[hidden]{display:none}}@media (max-width:599px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;padding:16px 12px 16px 12px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-top:12px}.forge-banner__container-dismiss{margin-top:-12px;margin-right:-12px}.forge-banner__container-dismiss[hidden]{display:none}}:host{display:block}:host([hidden]){display:none}:host(:not([theme])) .forge-banner,:host([theme=""]) .forge-banner,:host([theme=default]) .forge-banner{background:#e8eaf6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-default-background,#e8eaf6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-default-font-color,rgba(0,0,0,.87)))}:host(:not([theme])) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=""]) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=default]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host(:not([theme])) .forge-banner .forge-banner__container-dismiss,:host([theme=""]) .forge-banner .forge-banner__container-dismiss,:host([theme=default]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner{background:#ffcdd2;background:var(--forge-banner-theme-background,var(--forge-banner-theme-danger-background,#ffcdd2));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner{background:#ffdba6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-warning-background,#ffdba6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner{background:#a5d6a7;background:var(--forge-banner-theme-background,var(--forge-banner-theme-success-background,#a5d6a7));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner{background:#bbdefb;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-primary-background,#bbdefb));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner{background:#e0e0e0;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-secondary-background,#e0e0e0));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}';
+var BannerComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    IconRegistry.define(tylIconCancel);
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new BannerFoundation(new BannerAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      BANNER_CONSTANTS.attributes.DISMISSED,
+      BANNER_CONSTANTS.attributes.CAN_DISMISS
+    ];
+  }
+  connectedCallback() {
+    this._foundation.connect();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case BANNER_CONSTANTS.attributes.DISMISSED:
+        this.dismissed = coerceBoolean(newValue);
+        break;
+      case BANNER_CONSTANTS.attributes.CAN_DISMISS:
+        this.canDismiss = coerceBoolean(newValue);
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], BannerComponent.prototype, "dismissed", 2);
+__decorateClass([
+  FoundationProperty()
+], BannerComponent.prototype, "canDismiss", 2);
+BannerComponent = __decorateClass([
+  CustomElement({
+    name: BANNER_CONSTANTS.elementName,
+    dependencies: [
+      IconButtonComponent,
+      IconComponent,
+      TooltipComponent
+    ]
+  })
+], BannerComponent);
+
+// dist/build/lib/staging/src/banner/index.ts
+function defineBannerComponent() {
+  defineCustomElement(BannerComponent);
+}
+
+export {
+  BANNER_CONSTANTS,
+  BannerAdapter,
+  BannerFoundation,
+  BannerComponent,
+  defineBannerComponent
+};
+//# sourceMappingURL=chunk.XEF6G5NS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/banner/banner-constants.ts", "../../src/banner/banner-adapter.ts", "../../src/banner/banner-foundation.ts", "../../src/banner/banner.ts", "../../src/banner/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}banner`;\n\nconst classes = {\n  BANNER: 'forge-banner',\n  DISMISSED: 'forge-banner--dismissed'\n};\n\nconst selectors = {\n  BANNER: '.forge-banner',\n  FORGE_DISMISS_BUTTON: 'forge-icon-button.forge-banner__container-dismiss',\n  DISMISS_BUTTON: '.forge-banner__container-dismiss button',\n  ICON: 'i',\n  FORGE_BUTTON: 'forge-button'\n};\n\nconst attributes = {\n  SLOT: 'slot',\n  DISMISSED: 'dismissed',\n  CAN_DISMISS: 'can-dismiss',\n  HIDDEN: 'hidden'\n};\n\nconst slots = {\n  ICON: 'icon',\n  TEXT: 'text',\n  BUTTON: 'button'\n};\n\nconst events = {\n  DISMISSED: `${elementName}-dismissed`,\n  UNDISMISSED: `${elementName}-undismissed`\n};\n\nexport const BANNER_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  slots,\n  events\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\n\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IIconButtonComponent } from '../icon-button';\nimport { IBannerComponent } from './banner';\nimport { BANNER_CONSTANTS } from './banner-constants';\n\nexport interface IBannerAdapter extends IBaseAdapter {\n  addRootClass(className: string): void;\n  removeRootClass(className: string): void;\n  addDismissButtonAttribute(name: string, value?: string): void;\n  removeDismissButtonAttribute(name: string): void;\n  addDismissEventListener(event: string, callback: (event: Event) => void): void;\n  removeDismissEventListener(event: string, callback: (event: Event) => void): void;\n}\n\nexport class BannerAdapter extends BaseAdapter<IBannerComponent> implements IBannerAdapter {\n  private _rootElement: HTMLElement;\n  private _forgeIconButtonDismiss: IIconButtonComponent;\n  private _buttonDismiss: HTMLButtonElement;\n\n  constructor(component: IBannerComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, BANNER_CONSTANTS.selectors.BANNER);\n  }\n\n  public addRootClass(name: string): void {\n    this._rootElement.classList.add(name);\n  }\n\n  public removeRootClass(name: string): void {\n    this._rootElement.classList.remove(name);\n  }\n\n  public addDismissButtonAttribute(name: string, value = ''): void {\n    this.forgeIconButtonDismiss.setAttribute(name, value);\n  }\n\n  public removeDismissButtonAttribute(name: string): void {\n    this.forgeIconButtonDismiss.removeAttribute(name);\n  }\n\n  public addDismissEventListener(event: string, callback: (event: Event) => void): void {\n    this.buttonDismiss.addEventListener(event, callback);\n  }\n\n  public removeDismissEventListener(event: string, callback: (event: Event) => void): void {\n    this.buttonDismiss.removeEventListener(event, callback);\n  }\n\n  public get forgeIconButtonDismiss(): IIconButtonComponent {\n    if (!this._forgeIconButtonDismiss) {\n      this._forgeIconButtonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.FORGE_DISMISS_BUTTON) as IIconButtonComponent;\n    }\n\n    return this._forgeIconButtonDismiss;\n  }\n\n  public get buttonDismiss(): HTMLButtonElement {\n    if (!this._buttonDismiss) {\n      this._buttonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON) as HTMLButtonElement;\n    }\n\n    return this._buttonDismiss;\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IBannerAdapter } from './banner-adapter';\nimport { BANNER_CONSTANTS } from './banner-constants';\n\nexport interface IBannerFoundation extends ICustomElementFoundation {\n  dismissed: boolean;\n  canDismiss: boolean;\n}\n\nexport class BannerFoundation implements IBannerFoundation {\n  private _dismissed = false;\n  private _canDismiss = true;\n  private _dismissBanner: () => void;\n\n  constructor(private _adapter: IBannerAdapter) {\n    this._dismissBanner = () => this._dismiss();\n  }\n\n  public connect(): void {\n    this._addDismissEventListener();\n  }\n\n  public disconnect(): void {\n    this._removeDismissEventListener();\n  }\n\n  private _dismiss(): void {\n    this.dismissed = true;\n  }\n\n  private _syncDismissedState(): void {\n    if (this.dismissed) {\n      this._setDismissedClass();\n      this._adapter.emitHostEvent(BANNER_CONSTANTS.events.DISMISSED);\n    } else {\n      this._setUndissmissedClass();\n      this._adapter.emitHostEvent(BANNER_CONSTANTS.events.UNDISMISSED);\n    }\n  }\n\n  private _setUndissmissedClass(): void {\n    this._adapter.removeRootClass(BANNER_CONSTANTS.classes.DISMISSED);\n  }\n\n  private _setDismissedClass(): void {\n    this._adapter.addRootClass(BANNER_CONSTANTS.classes.DISMISSED);\n  }\n\n  private _syncCanDismissState(): void {\n    if (this.canDismiss) {\n      this._adapter.removeDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);\n    } else {\n      this._adapter.addDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);\n    }\n  }\n\n  private _addDismissEventListener(): void {\n    this._adapter.addDismissEventListener('click', this._dismissBanner);\n  }\n\n  private _removeDismissEventListener(): void {\n    this._adapter.removeDismissEventListener('click', this._dismissBanner);\n  }\n\n  public get dismissed(): boolean {\n    return !!this._dismissed;\n  }\n  public set dismissed(val: boolean) {\n    if (this.dismissed === !!val) {\n      return;\n    }\n\n    this._dismissed = !!val;\n    this._syncDismissedState();\n  }\n\n  public get canDismiss(): boolean {\n    return !!this._canDismiss;\n  }\n  public set canDismiss(val: boolean) {\n    if (this._canDismiss === !!val) {\n      return;\n    }\n\n    this._canDismiss = !!val;\n    this._syncCanDismissState();\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { IconComponent, IconRegistry } from '../icon';\nimport { IconButtonComponent } from '../icon-button';\nimport { TooltipComponent } from '../tooltip';\nimport { BannerAdapter } from './banner-adapter';\nimport { BANNER_CONSTANTS } from './banner-constants';\nimport { BannerFoundation } from './banner-foundation';\n\nconst template = '<template><div class=\\\"forge-banner\\\" part=\\\"root\\\"><div class=\\\"forge-banner__container\\\" part=\\\"container\\\"><div class=\\\"forge-banner__container-wrapper\\\" part=\\\"wrapper\\\"><div class=\\\"forge-banner__container-wrapper-icon\\\" part=\\\"icon-container\\\"><slot name=\\\"icon\\\"></slot></div><div class=\\\"forge-banner__container-wrapper-subsection\\\" part=\\\"subsection-wrapper\\\"><div class=\\\"forge-banner__container-wrapper-subsection-text forge-typography--body1\\\" part=\\\"subsection-text\\\"><slot></slot></div><div class=\\\"forge-banner__container-wrapper-subsection-action\\\" part=\\\"action-subsection\\\"><slot name=\\\"button\\\"></slot></div></div></div><forge-icon-button class=\\\"forge-banner__container-dismiss\\\" part=\\\"dismiss-icon-button\\\"><button type=\\\"button\\\" aria-label=\\\"Dismiss this banner\\\" part=\\\"dismiss-button\\\"><forge-icon name=\\\"cancel\\\" part=\\\"dismiss-button-icon\\\"></forge-icon></button><forge-tooltip>Dismiss</forge-tooltip></forge-icon-button></div></div></template>';\nconst styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}@media (min-width:600px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;-webkit-box-align:center;align-items:center;padding:0 24px 0 24px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-subsection-text{padding:14px 0 14px 0;margin-right:24px}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-right:16px}.forge-banner__container-dismiss[hidden]{display:none}}@media (max-width:599px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;padding:16px 12px 16px 12px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-top:12px}.forge-banner__container-dismiss{margin-top:-12px;margin-right:-12px}.forge-banner__container-dismiss[hidden]{display:none}}:host{display:block}:host([hidden]){display:none}:host(:not([theme])) .forge-banner,:host([theme=\\\"\\\"]) .forge-banner,:host([theme=default]) .forge-banner{background:#e8eaf6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-default-background,#e8eaf6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-default-font-color,rgba(0,0,0,.87)))}:host(:not([theme])) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=\\\"\\\"]) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=default]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host(:not([theme])) .forge-banner .forge-banner__container-dismiss,:host([theme=\\\"\\\"]) .forge-banner .forge-banner__container-dismiss,:host([theme=default]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner{background:#ffcdd2;background:var(--forge-banner-theme-background,var(--forge-banner-theme-danger-background,#ffcdd2));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner{background:#ffdba6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-warning-background,#ffdba6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner{background:#a5d6a7;background:var(--forge-banner-theme-background,var(--forge-banner-theme-success-background,#a5d6a7));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner{background:#bbdefb;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-primary-background,#bbdefb));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner{background:#e0e0e0;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-secondary-background,#e0e0e0));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}';\n\nexport interface IBannerComponent extends IBaseComponent {\n  dismissed: boolean;\n  canDismiss: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-banner': IBannerComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-banner-dismissed': CustomEvent<void>;\n    'forge-banner-undismissed': CustomEvent<void>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-banner>` element.\n */\n@CustomElement({\n  name: BANNER_CONSTANTS.elementName,\n  dependencies: [\n    IconButtonComponent,\n    IconComponent,\n    TooltipComponent\n  ]\n})\nexport class BannerComponent extends BaseComponent implements IBannerComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BANNER_CONSTANTS.attributes.DISMISSED,\n      BANNER_CONSTANTS.attributes.CAN_DISMISS\n    ];\n  }\n\n  protected _foundation: BannerFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define(tylIconCancel);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new BannerFoundation(new BannerAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.connect();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case BANNER_CONSTANTS.attributes.DISMISSED:\n        this.dismissed = coerceBoolean(newValue);\n        break;\n      case BANNER_CONSTANTS.attributes.CAN_DISMISS:\n        this.canDismiss = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Controls whether the component is dismissed (hidden) or not.  */\n  @FoundationProperty()\n  public dismissed: boolean;\n\n  /** Controls the visibility of the dismiss button. */\n  @FoundationProperty()\n  public canDismiss: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { BannerComponent } from './banner';\n\nexport * from './banner-adapter';\nexport * from './banner-constants';\nexport * from './banner-foundation';\nexport * from './banner';\n\nexport function defineBannerComponent(): void {\n  defineCustomElement(BannerComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}