@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +1,244 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+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 {
+  toggleClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/app-bar/app-bar-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}app-bar`;
+var classes = {
+  DENSE: "forge-app-bar--dense",
+  FIXED: "forge-app-bar--fixed",
+  RAISED: "forge-app-bar--raised",
+  ROW: "forge-app-bar__row",
+  TITLE_INTERACTABLE: "forge-app-bar__title--interactable",
+  NO_CENTER: "forge-app-bar--no-center"
+};
+var selectors = {
+  ROOT: ".forge-app-bar",
+  TITLE: ".forge-app-bar__title",
+  BOTTOM: ".forge-app-bar__bottom",
+  BOTTOM_SLOT: "slot[name=bottom]",
+  CENTER_SLOT: "slot[name=center]",
+  CENTER_SECTION: "#center-section",
+  FIXED: `.${classes.FIXED}`,
+  RAISED: `.${classes.RAISED}`
+};
+var attributes = {
+  TITLE_TEXT: "title-text",
+  FIXED: "fixed",
+  RAISED: "raised",
+  THEME: "theme"
+};
+var APP_BAR_CONSTANTS = {
+  elementName,
+  selectors,
+  attributes,
+  classes
+};
+
+// dist/build/lib/staging/src/app-bar/app-bar-adapter.ts
+var AppBarAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._rootElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.ROOT);
+    this._titleElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.TITLE);
+    this._bottomElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.BOTTOM);
+    this._bottomSlotElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.BOTTOM_SLOT);
+    this._centerSlotElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SLOT);
+    this._centerSectionElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SECTION);
+  }
+  setTitleText(value) {
+    this._titleElement.textContent = value;
+  }
+  setDense(value) {
+    toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.DENSE);
+  }
+  setRaised(value) {
+    toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.RAISED);
+  }
+  setFixed(value) {
+    toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.FIXED);
+  }
+  addBottomClass(name) {
+    this._bottomElement.classList.add(name);
+  }
+  removeBottomClass(name) {
+    this._bottomElement.classList.remove(name);
+  }
+  addBottomSlotListener(listener) {
+    this._bottomSlotElement.addEventListener("slotchange", listener);
+  }
+  addCenterSlotListener(listener) {
+    this._centerSlotElement.addEventListener("slotchange", listener);
+  }
+  setCenterSlotVisibility() {
+    if (this._centerSlotElement.assignedNodes().length) {
+      this._centerSectionElement.style.removeProperty("display");
+      this._rootElement.classList.remove(APP_BAR_CONSTANTS.classes.NO_CENTER);
+    } else {
+      this._centerSectionElement.style.display = "none";
+      this._rootElement.classList.add(APP_BAR_CONSTANTS.classes.NO_CENTER);
+    }
+  }
+};
+
+// dist/build/lib/staging/src/app-bar/app-bar-foundation.ts
+var AppBarFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._fixed = false;
+    this._raised = true;
+    this._bottomSlotListener = (evt) => this._onBottomSlotChanged(evt);
+    this._centerSlotListener = (evt) => this._onCenterSlotChanged(evt);
+  }
+  initialize() {
+    this._adapter.setTitleText(this._titleText);
+    this._adapter.addBottomSlotListener(this._bottomSlotListener);
+    this._adapter.addCenterSlotListener(this._centerSlotListener);
+    this._adapter.setCenterSlotVisibility();
+    this._adapter.setRaised(this._raised);
+    this._adapter.setFixed(this._fixed);
+  }
+  _onBottomSlotChanged(evt) {
+    const slotElement = evt.target;
+    if (slotElement.assignedNodes().length) {
+      this._adapter.addBottomClass(APP_BAR_CONSTANTS.classes.ROW);
+    } else {
+      this._adapter.removeBottomClass(APP_BAR_CONSTANTS.classes.ROW);
+    }
+  }
+  _onCenterSlotChanged(evt) {
+    this._adapter.setCenterSlotVisibility();
+  }
+  get titleText() {
+    return this._titleText;
+  }
+  set titleText(value) {
+    if (this._titleText !== value) {
+      this._titleText = value;
+      this._adapter.setTitleText(this._titleText);
+      this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.TITLE_TEXT, value);
+    }
+  }
+  get fixed() {
+    return this._fixed;
+  }
+  set fixed(value) {
+    if (this._fixed !== value) {
+      this._fixed = value;
+      this._adapter.setFixed(this._fixed);
+      this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.FIXED, this._fixed.toString());
+    }
+  }
+  get raised() {
+    return this._raised;
+  }
+  set raised(value) {
+    if (this._raised !== value) {
+      this._raised = value;
+      this._adapter.setRaised(value);
+      this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.RAISED, this._raised.toString());
+    }
+  }
+};
+
+// dist/build/lib/staging/src/app-bar/app-bar.ts
+var template = '<template><header class="forge-app-bar" part="root"><div class="forge-app-bar__row" part="row"><section class="forge-app-bar__section forge-app-bar__section--align-start" part="section-start"><slot name="start"></slot><slot name="logo"></slot><slot name="title"><h1 class="forge-app-bar__title" part="title"></h1></slot></section><section id="center-section" class="forge-app-bar__section forge-app-bar__section--align-center" part="section-center"><slot name="center"></slot></section><section class="forge-app-bar__section forge-app-bar__section--align-end" part="section-end"><slot name="end"></slot></section></div><div class="forge-app-bar__bottom" part="bottom"><slot name="bottom"></slot></div></header></template>';
+var styles = ".forge-app-bar{color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);background-color:#283593;background-color:var(--forge-app-bar-theme-background,#283593);z-index:4;z-index:var(--forge-z-index-header,4);background-size:cover;background-position:center;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar__row{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:56px}.forge-app-bar--no-center .forge-app-bar__row{grid-template-columns:1fr auto}.forge-app-bar__section{display:-webkit-inline-box;display:inline-flex;-webkit-box-flex:1;flex:1 1 auto;-webkit-box-align:center;align-items:center;min-width:0;padding:0 4px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-app-bar__section--align-start{-webkit-box-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:0;order:-1;grid-column:1}.forge-app-bar__section--align-center{grid-column:2;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar__section--align-end{-webkit-box-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;order:1;grid-column:3}.forge-app-bar--no-center .forge-app-bar__section--align-end{grid-column:2}.forge-app-bar ::slotted([slot=logo]){color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 8px;font-size:3rem;overflow:visible}.forge-app-bar ::slotted([slot=profile]){margin-left:4px}.forge-app-bar ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar slot[name=user-action]{display:-webkit-inline-box;display:inline-flex;margin-right:24px}.forge-app-bar__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar__title--interactable:hover{background-color:rgba(255,255,255,.12);border-radius:4px;cursor:pointer}.forge-app-bar__title--interactable:active{background-color:rgba(255,255,255,.24)}.forge-app-bar__bottom{padding:0 4px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:auto!important;overflow:hidden;grid-row:2}.forge-app-bar--fixed{-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar--raised{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)}:host{z-index:4;z-index:var(--forge-z-index-header,4);position:relative;display:block;contain:layout style;--mdc-theme-text-secondary-on-background:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-secondary-on-light:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-disabled-on-background:var(--forge-app-bar-theme-disabled-on-background, rgba(255, 255, 255, 0.38));--mdc-theme-text-disabled-on-light:var(--forge-app-bar-theme-disabled-on-light, rgba(255, 255, 255, 0.12))}:host ::slotted(:not(forge-button)){--mdc-theme-on-primary:var(--forge-app-bar-theme-on-background, #ffffff);--mdc-theme-on-surface:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-tab-bar){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-button:not([type])),:host ::slotted(forge-button[type=outlined]){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, rgba(255, 255, 255, 0.87))}:host([hidden]){display:none}:host([theme=white]){--forge-app-bar-theme-background:#ffffff;--forge-app-bar-theme-on-background:rgba(0, 0, 0, 0.87);--forge-app-bar-theme-secondary-on-background:rgba(0, 0, 0, 0.54);--forge-app-bar-theme-disabled-on-background:rgba(0, 0, 0, 0.38);--forge-app-bar-theme-disabled-on-light:rgba(0, 0, 0, 0.12)}";
+var AppBarComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new AppBarFoundation(new AppBarAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      APP_BAR_CONSTANTS.attributes.TITLE_TEXT,
+      APP_BAR_CONSTANTS.attributes.FIXED,
+      APP_BAR_CONSTANTS.attributes.RAISED
+    ];
+  }
+  initializedCallback() {
+    this._foundation.initialize();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case APP_BAR_CONSTANTS.attributes.TITLE_TEXT:
+        this.titleText = newValue;
+        break;
+      case APP_BAR_CONSTANTS.attributes.FIXED:
+        this.fixed = coerceBoolean(newValue);
+        break;
+      case APP_BAR_CONSTANTS.attributes.RAISED:
+        this.raised = coerceBoolean(newValue);
+        break;
+    }
+  }
+  get theme() {
+    return this.getAttribute(APP_BAR_CONSTANTS.attributes.THEME) || null;
+  }
+  set theme(value) {
+    if (value) {
+      this.setAttribute(APP_BAR_CONSTANTS.attributes.THEME, value);
+    } else {
+      this.removeAttribute(APP_BAR_CONSTANTS.attributes.THEME);
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], AppBarComponent.prototype, "titleText", 2);
+__decorateClass([
+  FoundationProperty()
+], AppBarComponent.prototype, "fixed", 2);
+__decorateClass([
+  FoundationProperty()
+], AppBarComponent.prototype, "raised", 2);
+AppBarComponent = __decorateClass([
+  CustomElement({
+    name: APP_BAR_CONSTANTS.elementName
+  })
+], AppBarComponent);
+
+// dist/build/lib/staging/src/app-bar/index.ts
+function defineAppBarComponent() {
+  defineCustomElement(AppBarComponent);
+}
+
+export {
+  elementName,
+  APP_BAR_CONSTANTS,
+  AppBarAdapter,
+  AppBarFoundation,
+  AppBarComponent,
+  defineAppBarComponent
+};
+//# sourceMappingURL=chunk.DB7ZQBES.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/app-bar/app-bar-constants.ts", "../../src/app-bar/app-bar-adapter.ts", "../../src/app-bar/app-bar-foundation.ts", "../../src/app-bar/app-bar.ts", "../../src/app-bar/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nexport const elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar`;\n\nconst classes = {\n  DENSE: 'forge-app-bar--dense',\n  FIXED: 'forge-app-bar--fixed',\n  RAISED: 'forge-app-bar--raised',\n  ROW: 'forge-app-bar__row',\n  TITLE_INTERACTABLE: 'forge-app-bar__title--interactable',\n  NO_CENTER: 'forge-app-bar--no-center'\n};\n\nconst selectors = {\n  ROOT: '.forge-app-bar',\n  TITLE: '.forge-app-bar__title',\n  BOTTOM: '.forge-app-bar__bottom',\n  BOTTOM_SLOT: 'slot[name=bottom]',\n  CENTER_SLOT: 'slot[name=center]',\n  CENTER_SECTION: '#center-section',\n  FIXED: `.${classes.FIXED}`,\n  RAISED: `.${classes.RAISED}`\n};\n\nconst attributes = {\n  TITLE_TEXT: 'title-text',\n  FIXED: 'fixed',\n  RAISED: 'raised',\n  THEME: 'theme'\n};\n\nexport const APP_BAR_CONSTANTS = {\n  elementName,\n  selectors,\n  attributes,\n  classes\n};\n", "import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IAppBarComponent } from './app-bar';\nimport { APP_BAR_CONSTANTS } from './app-bar-constants';\n\nexport interface IAppBarAdapter extends IBaseAdapter {\n  setTitleText(value: string): void;\n  setDense(value: boolean): void;\n  setRaised(value: boolean): void;\n  setFixed(value: boolean): void;\n  addBottomClass(name: string): void;\n  removeBottomClass(name: string): void;\n  addBottomSlotListener(listener: (evt: Event) => void): void;\n  addCenterSlotListener(listener: (evt: Event) => void): void;\n  setCenterSlotVisibility(): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarComponent`.\n */\nexport class AppBarAdapter extends BaseAdapter<IAppBarComponent> implements IAppBarAdapter {\n  private _rootElement: HTMLElement;\n  private _titleElement: HTMLElement;\n  private _bottomElement: HTMLElement;\n  private _bottomSlotElement: HTMLSlotElement;\n  private _centerSlotElement: HTMLSlotElement;\n  private _centerSectionElement: HTMLElement;\n\n  constructor(component: IAppBarComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.ROOT);\n    this._titleElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.TITLE);\n    this._bottomElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.BOTTOM);\n    this._bottomSlotElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.BOTTOM_SLOT) as HTMLSlotElement;\n    this._centerSlotElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SLOT) as HTMLSlotElement;\n    this._centerSectionElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SECTION);\n  }\n\n  /**\n   * Sets the title text value.\n   * @param {string} value The title text.\n   */\n  public setTitleText(value: string): void {\n    this._titleElement.textContent = value;\n  }\n\n  public setDense(value: boolean): void {\n    toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.DENSE);\n  }\n\n  public setRaised(value: boolean): void {\n    toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.RAISED);\n  }\n\n  public setFixed(value: boolean): void {\n    toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.FIXED);\n  }\n\n  public addBottomClass(name: string): void {\n    this._bottomElement.classList.add(name);\n  }\n\n  public removeBottomClass(name: string): void {\n    this._bottomElement.classList.remove(name);\n  }\n\n  public addBottomSlotListener(listener: (evt: Event) => void): void {\n    this._bottomSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public addCenterSlotListener(listener: (evt: Event) => void): void {\n    this._centerSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public setCenterSlotVisibility(): void {\n    if (this._centerSlotElement.assignedNodes().length) {\n      this._centerSectionElement.style.removeProperty('display');\n      this._rootElement.classList.remove(APP_BAR_CONSTANTS.classes.NO_CENTER);\n    } else {\n      this._centerSectionElement.style.display = 'none';\n      this._rootElement.classList.add(APP_BAR_CONSTANTS.classes.NO_CENTER);\n    }\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IAppBarAdapter } from './app-bar-adapter';\nimport { APP_BAR_CONSTANTS } from './app-bar-constants';\n\nexport interface IAppBarFoundation extends ICustomElementFoundation {\n  titleText: string;\n  fixed: boolean;\n  raised: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar component.\n */\nexport class AppBarFoundation implements IAppBarFoundation {\n  private _titleText: string;\n  private _fixed = false;\n  private _raised = true;\n  private _bottomSlotListener: (evt: Event) => void;\n  private _centerSlotListener: (evt: Event) => void;\n\n  constructor(private _adapter: IAppBarAdapter) {\n    this._bottomSlotListener = evt => this._onBottomSlotChanged(evt);\n    this._centerSlotListener = evt => this._onCenterSlotChanged(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.setTitleText(this._titleText);\n    this._adapter.addBottomSlotListener(this._bottomSlotListener);\n    this._adapter.addCenterSlotListener(this._centerSlotListener);\n    this._adapter.setCenterSlotVisibility();\n    this._adapter.setRaised(this._raised);\n    this._adapter.setFixed(this._fixed);\n  }\n\n  private _onBottomSlotChanged(evt: Event): void {\n    const slotElement = evt.target as HTMLSlotElement;\n    if (slotElement.assignedNodes().length) {\n      this._adapter.addBottomClass(APP_BAR_CONSTANTS.classes.ROW);\n    } else {\n      this._adapter.removeBottomClass(APP_BAR_CONSTANTS.classes.ROW);\n    }\n  }\n\n  private _onCenterSlotChanged(evt: Event): void {\n    this._adapter.setCenterSlotVisibility();\n  }\n\n  /** Gets/sets the title text. */\n  public get titleText(): string {\n    return this._titleText;\n  }\n  public set titleText(value: string) {\n    if (this._titleText !== value) {\n      this._titleText = value;\n      this._adapter.setTitleText(this._titleText);\n      this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.TITLE_TEXT, value);\n    }\n  }\n  \n  /** Gets/sets the fixed state. */\n  public get fixed(): boolean {\n    return this._fixed;\n  }\n  public set fixed(value: boolean) {\n    if (this._fixed !== value) {\n      this._fixed = value;\n      this._adapter.setFixed(this._fixed);\n      this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.FIXED, this._fixed.toString());\n    }\n  }\n\n  public get raised(): boolean {\n    return this._raised;\n  }\n  public set raised(value: boolean) {\n    if (this._raised !== value) {\n      this._raised = value;\n      this._adapter.setRaised(value);\n      this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.RAISED, this._raised.toString());\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { AppBarAdapter } from './app-bar-adapter';\nimport { AppBarFoundation } from './app-bar-foundation';\nimport { APP_BAR_CONSTANTS } from './app-bar-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><header class=\\\"forge-app-bar\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar__row\\\" part=\\\"row\\\"><section class=\\\"forge-app-bar__section forge-app-bar__section--align-start\\\" part=\\\"section-start\\\"><slot name=\\\"start\\\"></slot><slot name=\\\"logo\\\"></slot><slot name=\\\"title\\\"><h1 class=\\\"forge-app-bar__title\\\" part=\\\"title\\\"></h1></slot></section><section id=\\\"center-section\\\" class=\\\"forge-app-bar__section forge-app-bar__section--align-center\\\" part=\\\"section-center\\\"><slot name=\\\"center\\\"></slot></section><section class=\\\"forge-app-bar__section forge-app-bar__section--align-end\\\" part=\\\"section-end\\\"><slot name=\\\"end\\\"></slot></section></div><div class=\\\"forge-app-bar__bottom\\\" part=\\\"bottom\\\"><slot name=\\\"bottom\\\"></slot></div></header></template>';\nconst styles = '.forge-app-bar{color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);background-color:#283593;background-color:var(--forge-app-bar-theme-background,#283593);z-index:4;z-index:var(--forge-z-index-header,4);background-size:cover;background-position:center;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar__row{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:56px}.forge-app-bar--no-center .forge-app-bar__row{grid-template-columns:1fr auto}.forge-app-bar__section{display:-webkit-inline-box;display:inline-flex;-webkit-box-flex:1;flex:1 1 auto;-webkit-box-align:center;align-items:center;min-width:0;padding:0 4px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-app-bar__section--align-start{-webkit-box-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:0;order:-1;grid-column:1}.forge-app-bar__section--align-center{grid-column:2;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar__section--align-end{-webkit-box-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;order:1;grid-column:3}.forge-app-bar--no-center .forge-app-bar__section--align-end{grid-column:2}.forge-app-bar ::slotted([slot=logo]){color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 8px;font-size:3rem;overflow:visible}.forge-app-bar ::slotted([slot=profile]){margin-left:4px}.forge-app-bar ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar slot[name=user-action]{display:-webkit-inline-box;display:inline-flex;margin-right:24px}.forge-app-bar__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar__title--interactable:hover{background-color:rgba(255,255,255,.12);border-radius:4px;cursor:pointer}.forge-app-bar__title--interactable:active{background-color:rgba(255,255,255,.24)}.forge-app-bar__bottom{padding:0 4px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:auto!important;overflow:hidden;grid-row:2}.forge-app-bar--fixed{-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar--raised{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)}:host{z-index:4;z-index:var(--forge-z-index-header,4);position:relative;display:block;contain:layout style;--mdc-theme-text-secondary-on-background:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-secondary-on-light:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-disabled-on-background:var(--forge-app-bar-theme-disabled-on-background, rgba(255, 255, 255, 0.38));--mdc-theme-text-disabled-on-light:var(--forge-app-bar-theme-disabled-on-light, rgba(255, 255, 255, 0.12))}:host ::slotted(:not(forge-button)){--mdc-theme-on-primary:var(--forge-app-bar-theme-on-background, #ffffff);--mdc-theme-on-surface:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-tab-bar){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-button:not([type])),:host ::slotted(forge-button[type=outlined]){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, rgba(255, 255, 255, 0.87))}:host([hidden]){display:none}:host([theme=white]){--forge-app-bar-theme-background:#ffffff;--forge-app-bar-theme-on-background:rgba(0, 0, 0, 0.87);--forge-app-bar-theme-secondary-on-background:rgba(0, 0, 0, 0.54);--forge-app-bar-theme-disabled-on-background:rgba(0, 0, 0, 0.38);--forge-app-bar-theme-disabled-on-light:rgba(0, 0, 0, 0.12)}';\n\nexport interface IAppBarComponent extends IBaseComponent {\n  titleText: string;\n  fixed: boolean;\n  raised: boolean;\n  theme: string | null;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-app-bar': IAppBarComponent;\n  }\n}\n\n/** The web component class behind the <forge-app-bar> custom element. */\n@CustomElement({\n  name: APP_BAR_CONSTANTS.elementName\n})\nexport class AppBarComponent extends BaseComponent implements IAppBarComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      APP_BAR_CONSTANTS.attributes.TITLE_TEXT,\n      APP_BAR_CONSTANTS.attributes.FIXED,\n      APP_BAR_CONSTANTS.attributes.RAISED\n    ];\n  }\n\n  private _foundation: AppBarFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new AppBarFoundation(new AppBarAdapter(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 APP_BAR_CONSTANTS.attributes.TITLE_TEXT:\n        this.titleText = newValue;\n        break;\n      case APP_BAR_CONSTANTS.attributes.FIXED:\n        this.fixed = coerceBoolean(newValue);\n        break;\n      case APP_BAR_CONSTANTS.attributes.RAISED:\n        this.raised = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Gets/sets the title text. */\n  @FoundationProperty()\n  public titleText: string;\n\n  /** Gets/sets the fixed variant. */\n  @FoundationProperty()\n  public fixed: boolean;\n\n  /** Gets/sets the raised state. */\n  @FoundationProperty()\n  public raised: boolean;\n\n  /** Convenience property to allow for easily getting/setting the theme color from JavaScript. */\n  public get theme(): string | null {\n    return this.getAttribute(APP_BAR_CONSTANTS.attributes.THEME) || null;\n  }\n  public set theme(value: string | null) {\n    if (value) {\n      this.setAttribute(APP_BAR_CONSTANTS.attributes.THEME, value);\n    } else {\n      this.removeAttribute(APP_BAR_CONSTANTS.attributes.THEME);\n    }\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { AppBarComponent } from './app-bar';\n\nexport * from './app-bar-adapter';\nexport * from './app-bar-constants';\nexport * from './app-bar-foundation';\nexport * from './app-bar';\nexport * from './search';\nexport * from './menu-button';\nexport * from './notification-button';\nexport * from './help-button';\nexport * from '../profile-card';\nexport * from './profile-button';\n\nexport function defineAppBarComponent(): void {\n  defineCustomElement(AppBarComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+//# sourceMappingURL=chunk.E4NCI7MS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,200 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  CHIP_CONSTANTS,
+  CHIP_SET_CONSTANTS,
+  ChipComponent
+} from "./chunk.SKISCNSC.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  toggleClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/chips/chip-set/chip-set-adapter.ts
+var ChipSetAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._rootElement = getShadowElement(this._component, CHIP_SET_CONSTANTS.selectors.ROOT);
+  }
+  setVertical(value) {
+    toggleClass(this._rootElement, value, CHIP_SET_CONSTANTS.classes.VERTICAL);
+  }
+  setType(value) {
+    const chips = this._getChips();
+    chips.forEach((c) => c.type = value);
+  }
+  setDense(value) {
+    const chips = this._getChips();
+    chips.forEach((c) => c.dense = value);
+  }
+  setDisabled(value) {
+    const chips = this._getChips();
+    chips.forEach((c) => c.disabled = value);
+  }
+  _getChips() {
+    return Array.from(this._component.querySelectorAll(CHIP_CONSTANTS.elementName));
+  }
+};
+
+// dist/build/lib/staging/src/chips/chip-set/chip-set-foundation.ts
+var ChipSetFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._vertical = false;
+    this._type = CHIP_CONSTANTS.defaults.TYPE;
+    this._dense = false;
+    this._disabled = false;
+  }
+  initialize() {
+    this._applyVertical();
+    this._applyType();
+    this._applyDense();
+    this._applyDisabled();
+  }
+  _applyVertical() {
+    this._adapter.setVertical(this._vertical);
+    this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.VERTICAL, this._vertical);
+  }
+  _applyType() {
+    this._adapter.setType(this._type);
+    this._adapter.setHostAttribute(CHIP_SET_CONSTANTS.attributes.TYPE, this._type);
+  }
+  _applyDense() {
+    this._adapter.setDense(this._dense);
+    this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.DENSE, this._dense);
+  }
+  _applyDisabled() {
+    this._adapter.setDisabled(this._disabled);
+    this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.DISABLED, this._disabled);
+  }
+  get vertical() {
+    return this._vertical;
+  }
+  set vertical(value) {
+    if (this._vertical !== value) {
+      this._vertical = value;
+      this._applyVertical();
+    }
+  }
+  get type() {
+    return this._type;
+  }
+  set type(value) {
+    if (this._type !== value) {
+      this._type = value;
+      this._applyType();
+    }
+  }
+  get dense() {
+    return this._dense;
+  }
+  set dense(value) {
+    if (this._dense !== value) {
+      this._dense = value;
+      this._applyDense();
+    }
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(value) {
+    if (this._disabled !== value) {
+      this._disabled = value;
+      this._applyDisabled();
+    }
+  }
+};
+
+// dist/build/lib/staging/src/chips/chip-set/chip-set.ts
+var template = '<template><div class="forge-chip-set" part="root"><slot></slot></div></template>';
+var styles = ".forge-chip-set{gap:4px;gap:var(--forge-chip-set-spacing,4px);display:-webkit-box;display:flex;flex-wrap:wrap}.forge-chip-set ::slotted(forge-chip:not(:last-child)){margin-right:4px;margin-right:var(--forge-chip-set-spacing,4px)}.forge-chip-set--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-chip-set--vertical ::slotted(forge-chip:not(:last-child)){margin-bottom:4px;margin-bottom:var(--forge-chip-set-spacing,4px)}:host{display:inline-block}:host([hidden]){display:none}";
+var ChipSetComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ChipSetFoundation(new ChipSetAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      CHIP_SET_CONSTANTS.attributes.VERTICAL,
+      CHIP_SET_CONSTANTS.attributes.TYPE,
+      CHIP_SET_CONSTANTS.attributes.DENSE,
+      CHIP_SET_CONSTANTS.attributes.DISABLED
+    ];
+  }
+  connectedCallback() {
+    this._foundation.initialize();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case CHIP_SET_CONSTANTS.attributes.VERTICAL:
+        this.vertical = coerceBoolean(newValue);
+        break;
+      case CHIP_SET_CONSTANTS.attributes.TYPE:
+        this.type = newValue;
+        break;
+      case CHIP_SET_CONSTANTS.attributes.DENSE:
+        this.dense = coerceBoolean(newValue);
+        break;
+      case CHIP_SET_CONSTANTS.attributes.DISABLED:
+        this.disabled = coerceBoolean(newValue);
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], ChipSetComponent.prototype, "vertical", 2);
+__decorateClass([
+  FoundationProperty()
+], ChipSetComponent.prototype, "type", 2);
+__decorateClass([
+  FoundationProperty()
+], ChipSetComponent.prototype, "dense", 2);
+__decorateClass([
+  FoundationProperty()
+], ChipSetComponent.prototype, "disabled", 2);
+ChipSetComponent = __decorateClass([
+  CustomElement({
+    name: CHIP_SET_CONSTANTS.elementName,
+    dependencies: [ChipComponent]
+  })
+], ChipSetComponent);
+
+// dist/build/lib/staging/src/chips/chip-set/index.ts
+function defineChipSetComponent() {
+  defineCustomElement(ChipSetComponent);
+}
+
+export {
+  ChipSetAdapter,
+  ChipSetFoundation,
+  ChipSetComponent,
+  defineChipSetComponent
+};
+//# sourceMappingURL=chunk.EA7XMXI5.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/chips/chip-set/chip-set-adapter.ts", "../../src/chips/chip-set/chip-set-foundation.ts", "../../src/chips/chip-set/chip-set.ts", "../../src/chips/chip-set/index.ts"],
+  "sourcesContent": ["import { getShadowElement, toggleClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { IChipComponent } from '../chip/chip';\r\nimport { ChipType, CHIP_CONSTANTS } from '../chip/chip-constants';\r\nimport { IChipSetComponent } from './chip-set';\r\nimport { CHIP_SET_CONSTANTS } from './chip-set-constants';\r\n\r\nexport interface IChipSetAdapter extends IBaseAdapter {\r\n  setVertical(value: boolean): void;\r\n  setType(value: ChipType): void;\r\n  setDense(value: boolean): void;\r\n  setDisabled(value: boolean): void;\r\n}\r\n\r\nexport class ChipSetAdapter extends BaseAdapter<IChipSetComponent> implements IChipSetAdapter {\r\n  private _rootElement: HTMLElement;\r\n\r\n  constructor(component: IChipSetComponent) {\r\n    super(component);\r\n    this._rootElement = getShadowElement(this._component, CHIP_SET_CONSTANTS.selectors.ROOT);\r\n  }\r\n\r\n  public setVertical(value: boolean): void {\r\n    toggleClass(this._rootElement, value, CHIP_SET_CONSTANTS.classes.VERTICAL);\r\n  }\r\n\r\n  public setType(value: ChipType): void {\r\n    const chips = this._getChips();\r\n    chips.forEach(c => c.type = value);\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    const chips = this._getChips();\r\n    chips.forEach(c => c.dense = value);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    const chips = this._getChips();\r\n    chips.forEach(c => c.disabled = value);\r\n  }\r\n\r\n  private _getChips(): IChipComponent[] {\r\n    return Array.from(this._component.querySelectorAll(CHIP_CONSTANTS.elementName));\r\n  }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\n\r\nimport { IChipSetAdapter } from './chip-set-adapter';\r\nimport { CHIP_CONSTANTS, ChipType } from '../chip/chip-constants';\r\nimport { CHIP_SET_CONSTANTS } from './chip-set-constants';\r\n\r\nexport interface IChipSetFoundation extends ICustomElementFoundation {\r\n  vertical: boolean;\r\n  type: ChipType;\r\n  dense: boolean;\r\n  disabled: boolean;\r\n}\r\n\r\nexport class ChipSetFoundation implements IChipSetFoundation {\r\n  private _vertical = false;\r\n  private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n  private _dense = false;\r\n  private _disabled = false;\r\n\r\n  constructor(private _adapter: IChipSetAdapter) {}\r\n\r\n  public initialize(): void {\r\n    this._applyVertical();\r\n    this._applyType();\r\n    this._applyDense();\r\n    this._applyDisabled();\r\n  }\r\n\r\n  private _applyVertical(): void {\r\n    this._adapter.setVertical(this._vertical);\r\n    this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.VERTICAL, this._vertical);\r\n  }\r\n\r\n  private _applyType(): void {\r\n    this._adapter.setType(this._type);\r\n    this._adapter.setHostAttribute(CHIP_SET_CONSTANTS.attributes.TYPE, this._type);\r\n  }\r\n\r\n  private _applyDense(): void {\r\n    this._adapter.setDense(this._dense);\r\n    this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.DENSE, this._dense);\r\n  }\r\n\r\n  private _applyDisabled(): void {\r\n    this._adapter.setDisabled(this._disabled);\r\n    this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n  \r\n  public get vertical(): boolean {\r\n    return this._vertical;\r\n  }\r\n  public set vertical(value: boolean) {\r\n    if (this._vertical !== value) {\r\n      this._vertical = value;\r\n      this._applyVertical();\r\n    }\r\n  }\r\n\r\n  public get type(): ChipType {\r\n    return this._type;\r\n  }\r\n  public set type(value: ChipType) {\r\n    if (this._type !== value) {\r\n      this._type = value;\r\n      this._applyType();\r\n    }\r\n  }\r\n\r\n  public get dense(): boolean {\r\n    return this._dense;\r\n  }\r\n  public set dense(value: boolean) {\r\n    if (this._dense !== value) {\r\n      this._dense = value;\r\n      this._applyDense();\r\n    }\r\n  }\r\n\r\n  public get disabled(): boolean {\r\n    return this._disabled;\r\n  }\r\n  public set disabled(value: boolean) {\r\n    if (this._disabled !== value) {\r\n      this._disabled = value;\r\n      this._applyDisabled();\r\n    }\r\n  }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { ChipComponent } from '../chip/chip';\r\nimport { ChipType } from '../chip/chip-constants';\r\nimport { ChipSetAdapter } from './chip-set-adapter';\r\nimport { CHIP_SET_CONSTANTS } from './chip-set-constants';\r\nimport { ChipSetFoundation } from './chip-set-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-chip-set\\\" part=\\\"root\\\"><slot></slot></div></template>';\r\nconst styles = '.forge-chip-set{gap:4px;gap:var(--forge-chip-set-spacing,4px);display:-webkit-box;display:flex;flex-wrap:wrap}.forge-chip-set ::slotted(forge-chip:not(:last-child)){margin-right:4px;margin-right:var(--forge-chip-set-spacing,4px)}.forge-chip-set--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-chip-set--vertical ::slotted(forge-chip:not(:last-child)){margin-bottom:4px;margin-bottom:var(--forge-chip-set-spacing,4px)}:host{display:inline-block}:host([hidden]){display:none}';\r\n\r\nexport interface IChipSetComponent extends IBaseComponent {\r\n  vertical: boolean;\r\n  type: ChipType;\r\n  dense: boolean;\r\n  disabled: boolean;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-chip-set': IChipSetComponent;\r\n  }\r\n}\r\n\r\n@CustomElement({\r\n  name: CHIP_SET_CONSTANTS.elementName,\r\n  dependencies: [ChipComponent]\r\n})\r\nexport class ChipSetComponent extends BaseComponent implements IChipSetComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      CHIP_SET_CONSTANTS.attributes.VERTICAL,\r\n      CHIP_SET_CONSTANTS.attributes.TYPE,\r\n      CHIP_SET_CONSTANTS.attributes.DENSE,\r\n      CHIP_SET_CONSTANTS.attributes.DISABLED\r\n    ];\r\n  }\r\n\r\n  private _foundation: ChipSetFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ChipSetFoundation(new ChipSetAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case CHIP_SET_CONSTANTS.attributes.VERTICAL:\r\n        this.vertical = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_SET_CONSTANTS.attributes.TYPE:\r\n        this.type = newValue as ChipType;\r\n        break;\r\n      case CHIP_SET_CONSTANTS.attributes.DENSE:\r\n        this.dense = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_SET_CONSTANTS.attributes.DISABLED:\r\n        this.disabled = coerceBoolean(newValue);\r\n        break;\r\n    }\r\n  }\r\n\r\n  @FoundationProperty()\r\n  public vertical: boolean;\r\n\r\n  @FoundationProperty()\r\n  public type: ChipType;\r\n\r\n  @FoundationProperty()\r\n  public dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public disabled: boolean;\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { ChipSetComponent } from './chip-set';\r\n\r\nexport * from './chip-set-adapter';\r\nexport * from './chip-set-constants';\r\nexport * from './chip-set-foundation';\r\nexport * from './chip-set';\r\n\r\nexport function defineChipSetComponent(): void {\r\n  defineCustomElement(ChipSetComponent);\r\n}\r\n"],
+  "mappings": "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",
+  "names": []
+}