@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +1,296 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  LIST_CONSTANTS,
+  LIST_ITEM_CONSTANTS,
+  ListItemComponent
+} from "./chunk.G6FY472A.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
+} from "./chunk.K2PCTUVN.js";
+import {
+  deepQuerySelectorAll,
+  getActiveElement
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  isDefined
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/list/list/list-adapter.ts
+var ListAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+  }
+  initializeAccessibility() {
+    if (!this._component.hasAttribute("role")) {
+      this._component.setAttribute("role", "list");
+    }
+  }
+  addListener(type, listener) {
+    this._component.addEventListener(type, listener);
+  }
+  removeListener(type, listener) {
+    this._component.removeEventListener(type, listener);
+  }
+  getListItems() {
+    return Array.from(this._component.children).filter((child) => child.tagName === LIST_ITEM_CONSTANTS.elementName.toUpperCase());
+  }
+  focusNextListItem() {
+    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false);
+    if (listItems && listItems.length > 0) {
+      const focusedListItemIndex = listItems.indexOf(getActiveElement());
+      const nextIndex = focusedListItemIndex < listItems.length - 1 ? focusedListItemIndex + 1 : 0;
+      if (nextIndex <= listItems.length - 1) {
+        listItems[nextIndex].focus();
+      }
+    }
+  }
+  focusPreviousListItem() {
+    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false);
+    if (listItems && listItems.length > 0) {
+      const focusedListItemIndex = listItems.indexOf(getActiveElement());
+      const nextIndex = focusedListItemIndex > 0 ? focusedListItemIndex - 1 : listItems.length - 1;
+      if (nextIndex >= 0) {
+        listItems[nextIndex].focus();
+      }
+    }
+  }
+  focusFirstListItem() {
+    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false);
+    if (listItems && listItems.length > 0) {
+      listItems[0].focus();
+    }
+  }
+  focusLastListItem() {
+    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false);
+    if (listItems && listItems.length > 0) {
+      listItems[listItems.length - 1].focus();
+    }
+  }
+  setSelectedListItems(values) {
+    const listItems = Array.from(this._component.querySelectorAll(LIST_ITEM_CONSTANTS.elementName));
+    if (listItems && listItems.length) {
+      for (const item of listItems) {
+        item.selected = values.includes(item.value);
+      }
+    }
+  }
+  updateListItems(cb) {
+    this.getListItems().forEach((li) => cb(li));
+  }
+};
+
+// dist/build/lib/staging/src/list/list/list-foundation.ts
+var ELEMENTS_KEY_ALLOWED_IN = ["input", "button", "textarea", "select"];
+var ListFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._static = false;
+    this._dense = false;
+    this._propagateClick = true;
+    this._indented = false;
+    this._keydownListener = (evt) => this._onKeydown(evt);
+  }
+  initialize() {
+    this._adapter.initializeAccessibility();
+    if (!this._static) {
+      this._adapter.addListener("keydown", this._keydownListener);
+    }
+    if (this._selectedValue) {
+      this._adapter.setSelectedListItems(this._selectedValue);
+    }
+  }
+  _onKeydown(evt) {
+    const isArrowDown = evt.key === "ArrowDown" || evt.keyCode === 40;
+    const isArrowUp = evt.key === "ArrowUp" || evt.keyCode === 38;
+    const isHome = evt.key === "Home" || evt.keyCode === 36;
+    const isEnd = evt.key === "End" || evt.keyCode === 35;
+    const isTab = evt.key === "Tab" || evt.keyCode === 9;
+    if (evt.altKey || evt.ctrlKey || evt.shiftKey || evt.metaKey) {
+      return;
+    }
+    if (!isTab) {
+      this._preventDefaultEvent(evt);
+    }
+    if (isHome) {
+      this._adapter.focusFirstListItem();
+    } else if (isEnd) {
+      this._adapter.focusLastListItem();
+    } else if (isArrowDown) {
+      this._adapter.focusNextListItem();
+    } else if (isArrowUp) {
+      this._adapter.focusPreviousListItem();
+    }
+  }
+  _preventDefaultEvent(evt) {
+    const tagName = `${evt.target.tagName}`.toLowerCase();
+    if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {
+      evt.preventDefault();
+    }
+  }
+  _setSelectedValue(value) {
+    let values = value instanceof Array ? value : [value];
+    values = values.filter((v) => isDefined(v));
+    this._adapter.setSelectedListItems(values);
+  }
+  get static() {
+    return this._static;
+  }
+  set static(value) {
+    if (this._static !== value) {
+      this._static = value;
+      if (!this._static) {
+        this._adapter.addListener("keydown", this._keydownListener);
+      } else {
+        this._adapter.removeListener("keydown", this._keydownListener);
+      }
+      this._adapter.updateListItems((li) => li.static = this._static);
+      if (this._static) {
+        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.STATIC);
+      } else {
+        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.STATIC);
+      }
+    }
+  }
+  get dense() {
+    return this._dense;
+  }
+  set dense(value) {
+    if (this._dense !== value) {
+      this._dense = value;
+      this._adapter.updateListItems((li) => li.dense = this._dense);
+      if (this._dense) {
+        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.DENSE);
+      } else {
+        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.DENSE);
+      }
+    }
+  }
+  get propagateClick() {
+    return this._propagateClick;
+  }
+  set propagateClick(value) {
+    if (this._propagateClick !== value) {
+      this._propagateClick = value;
+      this._adapter.updateListItems((li) => li.propagateClick = this._propagateClick);
+      this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.PROPAGATE_CLICK, "" + !!this._propagateClick);
+    }
+  }
+  get indented() {
+    return this._indented;
+  }
+  set indented(value) {
+    if (this._indented !== value) {
+      this._indented = value;
+      this._adapter.updateListItems((li) => li.indented = this._indented);
+      if (this._indented) {
+        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.INDENTED);
+      } else {
+        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.INDENTED);
+      }
+    }
+  }
+  get selectedValue() {
+    return this._selectedValue;
+  }
+  set selectedValue(value) {
+    this._selectedValue = value;
+    this._setSelectedValue(value);
+  }
+};
+
+// dist/build/lib/staging/src/list/list/list.ts
+var template = '<template><div class="forge-list" part="root"><slot></slot></div></template>';
+var styles = ".forge-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);line-height:1.5rem;padding-top:8px;padding-top:var(--forge-list-padding,8px);padding-bottom:8px;padding-bottom:var(--forge-list-padding,8px);margin:0;list-style-type:none}.forge-list:focus{outline:0}:host{display:block;contain:content}:host([hidden]){display:none}";
+var ListComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ListFoundation(new ListAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      LIST_CONSTANTS.attributes.STATIC,
+      LIST_CONSTANTS.attributes.DENSE,
+      LIST_CONSTANTS.attributes.SELECTED_VALUE,
+      LIST_CONSTANTS.attributes.PROPAGATE_CLICK,
+      LIST_CONSTANTS.attributes.INDENTED
+    ];
+  }
+  initializedCallback() {
+    this._foundation.initialize();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case LIST_CONSTANTS.attributes.STATIC:
+        this.static = coerceBoolean(newValue);
+        break;
+      case LIST_CONSTANTS.attributes.DENSE:
+        this.dense = coerceBoolean(newValue);
+        break;
+      case LIST_CONSTANTS.attributes.PROPAGATE_CLICK:
+        this.propagateClick = coerceBoolean(newValue);
+        break;
+      case LIST_CONSTANTS.attributes.INDENTED:
+        this.indented = coerceBoolean(newValue);
+        break;
+      case LIST_CONSTANTS.attributes.SELECTED_VALUE:
+        this.selectedValue = newValue;
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], ListComponent.prototype, "static", 2);
+__decorateClass([
+  FoundationProperty()
+], ListComponent.prototype, "dense", 2);
+__decorateClass([
+  FoundationProperty()
+], ListComponent.prototype, "propagateClick", 2);
+__decorateClass([
+  FoundationProperty()
+], ListComponent.prototype, "indented", 2);
+__decorateClass([
+  FoundationProperty()
+], ListComponent.prototype, "selectedValue", 2);
+ListComponent = __decorateClass([
+  CustomElement({
+    name: LIST_CONSTANTS.elementName,
+    dependencies: [ListItemComponent]
+  })
+], ListComponent);
+
+// dist/build/lib/staging/src/list/list/index.ts
+function defineListComponent() {
+  defineCustomElement(ListComponent);
+}
+
+export {
+  ListAdapter,
+  ListFoundation,
+  ListComponent,
+  defineListComponent
+};
+//# sourceMappingURL=chunk.4UKSUUTX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/list/list/list-adapter.ts", "../../src/list/list/list-foundation.ts", "../../src/list/list/list.ts", "../../src/list/list/index.ts"],
+  "sourcesContent": ["import { emitEvent, deepQuerySelectorAll, getActiveElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IListItemComponent, LIST_ITEM_CONSTANTS } from '../list-item';\nimport { IListComponent } from './list';\nimport { LIST_CONSTANTS } from './list-constants';\n\nexport interface IListAdapter extends IBaseAdapter {\n  initializeAccessibility(): void;\n  addListener(type: string, listener: (evt: Event) => void): void;\n  removeListener(type: string, listener: (evt: Event) => void): void;\n  getListItems(): IListItemComponent[];\n  focusNextListItem(): void;\n  focusPreviousListItem(): void;\n  focusFirstListItem(): void;\n  focusLastListItem(): void;\n  setSelectedListItems(values: any[]): void;\n  updateListItems(cb: (li: IListItemComponent) => void): void;\n}\n\n/**\n * The DOM adapter for the `<forge-list>` component.\n */\nexport class ListAdapter extends BaseAdapter<IListComponent> implements IListAdapter {\n  constructor(component: IListComponent) {\n    super(component);\n  }\n\n  public initializeAccessibility(): void {\n    if (!this._component.hasAttribute('role')) {\n      this._component.setAttribute('role', 'list');\n    }\n  }\n\n  /**\n   * Adds an event listener to the `<forge-list>` host element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event callback.\n   */\n  public addListener(type: string, listener: (evt: Event) => void): void {\n    this._component.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event listener to the `<forge-list>` host element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event callback.\n   */\n  public removeListener(type: string, listener: (evt: Event) => void): void {\n    this._component.removeEventListener(type, listener);\n  }\n\n  /**\n   * Returns all child `<forge-list-item>` elements.\n   */\n  public getListItems(): IListItemComponent[] {\n    return Array.from(this._component.children).filter(child => child.tagName === LIST_ITEM_CONSTANTS.elementName.toUpperCase()) as IListItemComponent[];\n  }\n\n  /**\n   * Sets focus to the next item in the list.\n   */\n  public focusNextListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n      const nextIndex = focusedListItemIndex < listItems.length - 1 ? focusedListItemIndex + 1 : 0;\n\n      if (nextIndex <= listItems.length - 1) {\n        listItems[nextIndex].focus();\n      }\n    }\n  }\n\n  /**\n   * Sets focus to the previous item in the list.\n   */\n  public focusPreviousListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n      const nextIndex = focusedListItemIndex > 0 ? focusedListItemIndex - 1 : listItems.length - 1;\n\n      if (nextIndex >= 0) {\n        listItems[nextIndex].focus();\n      }\n    }\n  }\n\n  /**\n   * Sets focus to the first item in the list.\n   */\n  public focusFirstListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      listItems[0].focus();\n    }\n  }\n\n  /**\n   * Sets focus to the last item in the list.\n   */\n  public focusLastListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n    if (listItems && listItems.length > 0) {\n      listItems[listItems.length - 1].focus();\n    }\n  }\n\n  public setSelectedListItems(values: any[]): void {\n    const listItems = Array.from(this._component.querySelectorAll(LIST_ITEM_CONSTANTS.elementName)) as IListItemComponent[];\n    if (listItems && listItems.length) {\n      for (const item of listItems) {\n        item.selected = values.includes(item.value);\n      }\n    }\n  }\n\n  public updateListItems(cb: (li: IListItemComponent) => void): void {\n    this.getListItems().forEach(li => cb(li));\n  }\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\n\nimport { IListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { LIST_ITEM_CONSTANTS, IListItemComponent, IListItemSelectEventData } from '../list-item';\n\nexport interface IListFoundation extends ICustomElementFoundation {\n  static: boolean;\n  dense: boolean;\n  propagateClick: boolean;\n  indented: boolean;\n  selectedValue: any;\n}\n\nconst ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select'];\n\n/**\n * The foundation class behind the `<forge-list>` component.\n */\nexport class ListFoundation implements IListFoundation {\n  private _static = false;\n  private _dense = false;\n  private _propagateClick = true;\n  private _indented = false;\n  private _selectedValue: any;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n\n  constructor(private _adapter: IListAdapter) {\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initializeAccessibility();\n    \n    if (!this._static) {\n      this._adapter.addListener('keydown', this._keydownListener);\n    }\n\n    if (this._selectedValue) {\n      this._adapter.setSelectedListItems(this._selectedValue);\n    }\n  }\n\n  private _onKeydown(evt: KeyboardEvent): void {\n    const isArrowDown = evt.key === 'ArrowDown' || evt.keyCode === 40;\n    const isArrowUp = evt.key === 'ArrowUp' || evt.keyCode === 38;\n    const isHome = evt.key === 'Home' || evt.keyCode === 36;\n    const isEnd = evt.key === 'End' || evt.keyCode === 35;\n    const isTab = evt.key === 'Tab' || evt.keyCode === 9;\n\n    // We don't capture modifier keys\n    if (evt.altKey || evt.ctrlKey || evt.shiftKey || evt.metaKey) {\n      return;\n    }\n\n    if (!isTab) {\n      this._preventDefaultEvent(evt);\n    }\n\n    if (isHome) {\n      this._adapter.focusFirstListItem();\n    } else if (isEnd) {\n      this._adapter.focusLastListItem();\n    } else if (isArrowDown) {\n      this._adapter.focusNextListItem();\n    } else if (isArrowUp) {\n      this._adapter.focusPreviousListItem();\n    }\n  }\n\n  /**\n   * Ensures that preventDefault is only called if the containing element doesn't\n   * consume the event, and it will cause an unintended scroll.\n   * @param {Event} evt\n   */\n  private _preventDefaultEvent(evt: Event): void {\n    const tagName = `${(evt.target as HTMLElement).tagName}`.toLowerCase();\n    if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {\n      evt.preventDefault();\n    }\n  }\n\n  private _setSelectedValue(value: any): void {\n    let values = value instanceof Array ? value : [value];\n    values = values.filter(v => isDefined(v));\n    this._adapter.setSelectedListItems(values);\n  }\n\n  /** Gets/sets whether the list has all static items or not. */\n  public get static(): boolean {\n    return this._static;\n  }\n  public set static(value: boolean) {\n    if (this._static !== value) {\n      this._static = value;\n\n      if (!this._static) {\n        this._adapter.addListener('keydown', this._keydownListener);\n      } else {\n        this._adapter.removeListener('keydown', this._keydownListener);\n      }\n\n      this._adapter.updateListItems(li => li.static = this._static);\n\n      if (this._static) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n      }\n    }\n  }\n\n  /** Gets/sets whether the list has all dense items or not. */\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._adapter.updateListItems(li => li.dense = this._dense);\n      if (this._dense) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n      }\n    }\n  }\n\n  public get propagateClick(): boolean {\n    return this._propagateClick;\n  }\n  public set propagateClick(value: boolean) {\n    if (this._propagateClick !== value) {\n      this._propagateClick = value;\n      this._adapter.updateListItems(li => li.propagateClick = this._propagateClick);\n      this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.PROPAGATE_CLICK, '' + !!this._propagateClick);\n    }\n  }\n\n  public get indented(): boolean {\n    return this._indented;\n  }\n  public set indented(value: boolean) {\n    if (this._indented !== value) {\n      this._indented = value;\n      this._adapter.updateListItems(li => li.indented = this._indented);\n      if (this._indented) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n      }\n    }\n  }\n\n  public get selectedValue(): any {\n    return this._selectedValue;\n  }\n  public set selectedValue(value: any) {\n    this._selectedValue = value;\n    this._setSelectedValue(value);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ListItemComponent } from '../list-item';\nimport { ListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { ListFoundation } from './list-foundation';\n\nconst template = '<template><div class=\\\"forge-list\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);line-height:1.5rem;padding-top:8px;padding-top:var(--forge-list-padding,8px);padding-bottom:8px;padding-bottom:var(--forge-list-padding,8px);margin:0;list-style-type:none}.forge-list:focus{outline:0}:host{display:block;contain:content}:host([hidden]){display:none}';\n\nexport interface IListComponent extends IBaseComponent {\n  static: boolean;\n  dense: boolean;\n  propagateClick: boolean;\n  indented: boolean;\n  selectedValue: any;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-list': IListComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-list>` element.\n */\n@CustomElement({\n  name: LIST_CONSTANTS.elementName,\n  dependencies: [ListItemComponent]\n})\nexport class ListComponent extends BaseComponent implements IListComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      LIST_CONSTANTS.attributes.STATIC,\n      LIST_CONSTANTS.attributes.DENSE,\n      LIST_CONSTANTS.attributes.SELECTED_VALUE,\n      LIST_CONSTANTS.attributes.PROPAGATE_CLICK,\n      LIST_CONSTANTS.attributes.INDENTED\n    ];\n  }\n\n  private _foundation: ListFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ListFoundation(new ListAdapter(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 LIST_CONSTANTS.attributes.STATIC:\n        this.static = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.PROPAGATE_CLICK:\n        this.propagateClick = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.INDENTED:\n        this.indented = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.SELECTED_VALUE:\n        this.selectedValue = newValue;\n        break;\n    }\n  }\n\n  /** Gets/sets whether the list has all static items or not. */\n  @FoundationProperty()\n  public static: boolean;\n\n  /** Gets/sets whether the list has all dense items or not. */\n  @FoundationProperty()\n  public dense: boolean;\n\n  /** Gets/sets whether the list items allow mousedown events through to their underlying list item elements. Default is true. */\n  @FoundationProperty()\n  public propagateClick: boolean;\n\n  /** Gets/sets whether the list items within this list are indented. Default is false. */\n  @FoundationProperty()\n  public indented: boolean;\n\n  /** Gets/sets the selected list item value(s) */\n  @FoundationProperty()\n  public selectedValue: any;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ListComponent } from './list';\n\nexport * from './list-adapter';\nexport * from './list-constants';\nexport * from './list-foundation';\nexport * from './list';\n\nexport function defineListComponent(): void {\n  defineCustomElement(ListComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}