@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/quantity-field/quantity-field-constants.ts", "../../src/quantity-field/quantity-field-adapter.ts", "../../src/quantity-field/quantity-field-foundation.ts", "../../src/quantity-field/quantity-field.ts", "../../src/quantity-field/quantity-field-component-delegate.ts", "../../src/quantity-field/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}quantity-field`;\n\nconst attributes = {\n  INVALID: 'invalid',\n  REQUIRED: 'required',\n  DISABLED: 'disabled'\n};\n\nconst classes = {\n  ROOT: 'forge-quantity-field',\n  INVALID: 'forge-quantity-field--invalid',\n  REQUIRED: 'forge-quantity-field--required'\n};\n\nconst slots = {\n  INCREMENT_BUTTON: 'increment-button',\n  DECREMENT_BUTTON: 'decrement-button',\n  LABEL: 'label',\n  HELPER_TEXT: 'helper-text'\n};\n\nconst selectors = {\n  ROOT: `.${classes.ROOT}`,\n  INCREMENT_BUTTON_SLOT: `slot[name=${slots.INCREMENT_BUTTON}]`,\n  DECREMENT_BUTTON_SLOT: `slot[name=${slots.DECREMENT_BUTTON}]`,\n  INCREMENT_BUTTON: `[slot=${slots.INCREMENT_BUTTON}] button, button[slot=${slots.INCREMENT_BUTTON}]`,\n  DECREMENT_BUTTON: `[slot=${slots.DECREMENT_BUTTON}] button, button[slot=${slots.DECREMENT_BUTTON}]`,\n  TEXT_FIELD: 'forge-text-field',\n  INPUT: 'input[type=number]',\n  LABEL: `[slot=${slots.LABEL}]`,\n  HELPER_TEXT: `[slot=${slots.HELPER_TEXT}]`\n};\n\nexport const QUANTITY_FIELD_CONSTANTS = {\n  elementName,\n  classes,\n  slots,\n  selectors,\n  attributes\n};\n", "import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IQuantityFieldComponent } from './quantity-field';\nimport { getShadowElement, Platform } from '@tylertech/forge-core';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\nimport { TextFieldComponent } from '../text-field';\n\nexport interface IQuantityFieldAdapter extends IBaseAdapter {\n  addRootClass(name: string): void;\n  removeRootClass(name: string): void;\n  inputHasAttribute(name: string): boolean;\n  addIncrementButtonSlotListener(listener: () => void): void;\n  removeIncrementButtonSlotListener(listener: () => void): void;\n  addDecrementButtonSlotListener(listener: (evt: Event) => void): void;\n  removeDecrementButtonSlotListener(listener: (evt: Event) => void): void;\n  addIncrementEventListener(event: string, callback: (event: Event) => void): void;\n  addDecrementEventListener(event: string, callback: (event: Event) => void): void;\n  removeIncrementEventListener(event: string, callback: (event: Event) => void): void;\n  removeDecrementEventListener(event: string, callback: (event: Event) => void): void;\n  addIncrementButtonAttribute(name: string, value?: string): void;\n  removeIncrementButtonAttribute(name: string): void;\n  addDecrementButtonAttribute(name: string, value?: string): void;\n  removeDecrementButtonAttribute(name: string): void;\n  addInputDisabledAttributeChangeListener(callback: () => void): void;\n  addTextFieldAttribute(name: string, value?: string): void;\n  removeTextFieldAttribute(name: string): void;\n  removeInputDisabledAttributeChangeListener(): void;\n  setLabelAsRequired(required: boolean): void;\n  increment(): void;\n  decrement(): void;\n}\n\nexport class QuantityFieldAdapter extends BaseAdapter<IQuantityFieldComponent> implements IQuantityFieldAdapter {\n  private _rootElement: HTMLElement;\n  private _incrementButtonSlot: HTMLSlotElement;\n  private _decrementButtonSlot: HTMLSlotElement;\n  private _incrementButton: HTMLButtonElement;\n  private _decrementButton: HTMLButtonElement;\n  private _textField: TextFieldComponent;\n  private _inputElement: HTMLInputElement | null;\n  private _inputAttributeMutationObserver: MutationObserver | undefined;\n\n  constructor(component: IQuantityFieldComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, QUANTITY_FIELD_CONSTANTS.selectors.ROOT);\n    this._incrementButtonSlot = getShadowElement(this._component, QUANTITY_FIELD_CONSTANTS.selectors.INCREMENT_BUTTON_SLOT) as HTMLSlotElement;\n    this._decrementButtonSlot = getShadowElement(this._component, QUANTITY_FIELD_CONSTANTS.selectors.DECREMENT_BUTTON_SLOT) as HTMLSlotElement;\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 inputHasAttribute(name: string): boolean {\n    if (!this.inputElement) {\n      return false;\n    }\n\n    return this.inputElement.hasAttribute(name);\n  }\n\n  public addIncrementButtonSlotListener(listener: () => void): void {\n    this._incrementButtonSlot.addEventListener('slotchange', listener);\n  }\n\n  public removeIncrementButtonSlotListener(listener: () => void): void {\n    if (this._incrementButtonSlot) {\n      this._incrementButtonSlot.removeEventListener('slotchange', listener);\n    }\n  }\n\n  public addDecrementButtonSlotListener(listener: (evt: Event) => void): void {\n    this._decrementButtonSlot.addEventListener('slotchange', listener);\n  }\n\n  public removeDecrementButtonSlotListener(listener: (evt: Event) => void): void {\n    if (this._decrementButtonSlot) {\n      this._decrementButtonSlot.removeEventListener('slotchange', listener);\n    }\n  }\n\n  public addTextFieldAttribute(name: string, value = ''): void {\n    if (this._textFieldComponent) {\n      this._textFieldComponent.setAttribute(name, value);\n    }\n  }\n\n  public removeTextFieldAttribute(name: string): void {\n    if (this._textFieldComponent) {\n      this._textFieldComponent.removeAttribute(name);\n    }\n  }\n\n  public addIncrementEventListener(event: string, callback: (event: Event) => void): void {\n    this._incrementButtonElement.addEventListener(event, callback);\n  }\n\n  public removeIncrementEventListener(event: string, callback: (event: Event) => void): void {\n    if (this._incrementButtonElement) {\n      this._incrementButtonElement.removeEventListener(event, callback);\n    }\n  }\n\n  public addDecrementEventListener(event: string, callback: (event: Event) => void): void {\n    this._decrementButtonElement.addEventListener(event, callback);\n  }\n\n  public removeDecrementEventListener(event: string, callback: (event: Event) => void): void {\n    if (this._decrementButtonElement) {\n      this._decrementButtonElement.removeEventListener(event, callback);\n    }\n  }\n\n  public addIncrementButtonAttribute(name: string, value = ''): void {\n    this._incrementButtonElement.setAttribute(name, value);\n  }\n\n  public removeIncrementButtonAttribute(name: string): void {\n    this._incrementButtonElement.removeAttribute(name);\n  }\n\n  public addDecrementButtonAttribute(name: string, value = ''): void {\n    this._decrementButtonElement.setAttribute(name, value);\n  }\n\n  public removeDecrementButtonAttribute(name: string): void {\n    this._decrementButtonElement.removeAttribute(name);\n  }\n\n  public setLabelAsRequired(required: boolean): void {\n    const labelElement = this._component.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.LABEL) as HTMLLabelElement;\n\n    // Due to a Safari bug with ::slotted::after selectors, we need to manually append the required \"asterisk\" to the label text\n    // https://bugs.webkit.org/show_bug.cgi?id=178237\n    if (required && Platform.WEBKIT && labelElement && !labelElement.innerText.endsWith('*')) {\n      const asterisk = document.createElement('span');\n      asterisk.style.color = 'var(--mdc-theme-error)';\n      asterisk.style.marginLeft = '1px';\n      asterisk.textContent = '*';\n      labelElement.appendChild(asterisk);\n    }\n  }\n\n  public increment(): void {\n    const input = this.inputElement;\n    if (!input) {\n      return;\n    }\n\n    const curValue = +input.value;\n    const precision = this._calcPrecision(this._inputStep);\n    let newValue = parseFloat((curValue + this._inputStep).toFixed(precision));\n    if (!!this._inputMax && this._inputMax < newValue) {\n      newValue = this._inputMax;\n    }\n\n    this._setInputValue(newValue);\n  }\n\n  public decrement(): void {\n    const input = this.inputElement;\n    if (!input) {\n      return;\n    }\n\n    const curValue = +input.value;\n    const precision = this._calcPrecision(this._inputStep);\n    let newValue = parseFloat((curValue - this._inputStep).toFixed(precision));\n    if (!!this._inputMin && this._inputMin > newValue) {\n      newValue = this._inputMin;\n    }\n\n    this._setInputValue(newValue);\n  }\n\n  public addInputDisabledAttributeChangeListener(callback: () => void): void {\n    this._setupInputDisabledAttributeMutationObserver(callback);\n  }\n\n  public removeInputDisabledAttributeChangeListener(): void {\n    this._cleanupInputDisabledAttributeMutationObserver();\n  }\n\n  private _setInputValue(value: string | number): void {\n    if (!this.inputElement) {\n      return;\n    }\n\n    this.inputElement.value = `${value}`;\n    this.inputElement.dispatchEvent(new Event('input'));\n    this.inputElement.dispatchEvent(new Event('change'));\n  }\n\n  private _isNullOrUndefinedOrEmpty(value: any): value is null | undefined {\n    return value === null || value === undefined || value === '';\n  }\n\n  private _setupInputDisabledAttributeMutationObserver(callback: () => void): void {\n    if (!this.inputElement) {\n      return;\n    }\n\n    this._cleanupInputDisabledAttributeMutationObserver();\n    const mutationCallback = (mutationRecords: MutationRecord[]): void => this._inputDisabledAttributeMutationCallback(mutationRecords, callback);\n    this._inputAttributeMutationObserver = new MutationObserver(mutationCallback);\n    const mutationOptions: MutationObserverInit = {\n      attributes: true,\n      attributeOldValue: true,\n      attributeFilter: [QUANTITY_FIELD_CONSTANTS.attributes.DISABLED]\n    };\n    this._inputAttributeMutationObserver.observe(this.inputElement, mutationOptions);\n  }\n\n  private _cleanupInputDisabledAttributeMutationObserver(): void {\n    if (this._inputAttributeMutationObserver) {\n      this._inputAttributeMutationObserver.disconnect();\n      delete this._inputAttributeMutationObserver;\n    }\n  }\n\n  private _inputDisabledAttributeMutationCallback(mutationRecords: MutationRecord[], callback: () => void): void {\n    for (const mutationRecord of mutationRecords) {\n      // Skip:\n      //   - Non-attribute mutations.\n      //   - Mutations without an attribute name.\n      //   - Mutations without a matching attribute name.\n      //   - Mutations that did not change the attribute value.\n      if (mutationRecord.type !== 'attributes'\n        || !mutationRecord.attributeName\n        || mutationRecord.attributeName !== QUANTITY_FIELD_CONSTANTS.attributes.DISABLED\n        || mutationRecord.target[mutationRecord.attributeName] === mutationRecord.oldValue) {\n        continue;\n      }\n\n      callback();\n    }\n  }\n\n  private get _incrementButtonElement(): HTMLButtonElement {\n    if (!this._incrementButton) {\n      this._incrementButton = this._component.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.INCREMENT_BUTTON) as HTMLButtonElement;\n    }\n    return this._incrementButton;\n  }\n\n  private get _decrementButtonElement(): HTMLButtonElement {\n    if (!this._decrementButton) {\n      this._decrementButton = this._component.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.DECREMENT_BUTTON) as HTMLButtonElement;\n    }\n    return this._decrementButton;\n  }\n\n  private get _textFieldComponent(): TextFieldComponent {\n    if (!this._textField) {\n      this._textField = this._component.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.TEXT_FIELD) as TextFieldComponent;\n    }\n    return this._textField;\n  }\n\n  public get inputElement(): HTMLInputElement | null {\n    if (!this._inputElement) {\n      this._inputElement = this._component.querySelector<HTMLInputElement>(QUANTITY_FIELD_CONSTANTS.selectors.INPUT);\n    }\n    return this._inputElement;\n  }\n\n  private get _inputStep(): number {\n    const input = this.inputElement;\n    if (!input || this._isNullOrUndefinedOrEmpty(input.step)) {\n      return 1;\n    }\n\n    return +input.step;\n  }\n\n  private get _inputMax(): number | null {\n    const input = this.inputElement;\n    if (!input || this._isNullOrUndefinedOrEmpty(input.max)) {\n      return null;\n    }\n\n    return +input.max;\n  }\n\n  private get _inputMin(): number | null {\n    const input = this.inputElement;\n    if (!input || this._isNullOrUndefinedOrEmpty(input.min)) {\n      return null;\n    }\n\n    return +input.min;\n  }\n\n  private _calcPrecision(value: number): number {\n    const strVal = String(value);\n    if (strVal.includes('.')) {\n      return strVal.split('.')[1].length;\n    }\n    return 0;\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IQuantityFieldAdapter } from './quantity-field-adapter';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\n\nexport interface IQuantityFieldFoundation extends ICustomElementFoundation {\n  required: boolean;\n  invalid: boolean;\n}\n\nexport class QuantityFieldFoundation implements IQuantityFieldFoundation {\n  private _required: boolean;\n  private _invalid: boolean;\n  private _incrementButtonSlotChanged: () => void;\n  private _decrementButtonSlotChanged: () => void;\n  private _incrementValue: () => void;\n  private _decrementValue: () => void;\n\n  constructor(private _adapter: IQuantityFieldAdapter) {\n    this._incrementValue = () => this._adapter.increment();\n    this._decrementValue = () => this._adapter.decrement();\n    this._incrementButtonSlotChanged = () => this._onIncrementButtonSlotChanged();\n    this._decrementButtonSlotChanged = () => this._onDecrementButtonSlotChanged();\n\n    this._adapter.addIncrementButtonSlotListener(this._incrementButtonSlotChanged);\n    this._adapter.addDecrementButtonSlotListener(this._decrementButtonSlotChanged);\n  }\n\n  public connect(): void {\n    this._adapter.addInputDisabledAttributeChangeListener(() => this._syncDisabledStateOfButtons());\n    this._syncDisabledStateOfButtons();\n  }\n\n  public disconnect(): void {\n    this._removeIncrementEventListener();\n    this._removeDecrementEventListener();\n    this._removeIncrementButtonSlotListener();\n    this._removeDecrementButtonSlotListener();\n    this._adapter.removeInputDisabledAttributeChangeListener();\n  }\n\n  private _onIncrementButtonSlotChanged(): void {\n    this._addIncrementEventListener();\n  }\n\n  private _onDecrementButtonSlotChanged(): void {\n    this._addDecrementEventListener();\n  }\n\n  private _addIncrementEventListener(): void {\n    this._adapter.addIncrementEventListener('click', this._incrementValue);\n  }\n\n  private _addDecrementEventListener(): void {\n    this._adapter.addDecrementEventListener('click', this._decrementValue);\n  }\n\n  private _removeIncrementEventListener(): void {\n    this._adapter.removeIncrementEventListener('click', this._incrementValue);\n  }\n\n  private _removeDecrementEventListener(): void {\n    this._adapter.removeDecrementEventListener('click', this._decrementValue);\n  }\n\n  private _removeIncrementButtonSlotListener(): void {\n    this._adapter.removeIncrementButtonSlotListener(this._incrementButtonSlotChanged);\n  }\n\n  private _removeDecrementButtonSlotListener(): void {\n    this._adapter.removeDecrementButtonSlotListener(this._decrementButtonSlotChanged);\n  }\n\n  private _syncDisabledStateOfButtons(): void {\n    const isDisabled = this._adapter.inputHasAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n    if (isDisabled) {\n      this._adapter.addDecrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n      this._adapter.addIncrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n    } else {\n      this._adapter.removeIncrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n      this._adapter.removeDecrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n    }\n  }\n\n  public get required(): boolean {\n    return this._required;\n  }\n  public set required(value: boolean) {\n    if (this._required === value) {\n      return;\n    }\n\n    this._required = value;\n\n    if (this._required) {\n      this._adapter.setHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED);\n      this._adapter.addRootClass(QUANTITY_FIELD_CONSTANTS.classes.REQUIRED);\n    } else {\n      this._adapter.removeHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED);\n      this._adapter.removeRootClass(QUANTITY_FIELD_CONSTANTS.classes.REQUIRED);\n    }\n\n    this._adapter.setLabelAsRequired(this._required);\n  }\n\n  public get invalid(): boolean {\n    return this._invalid;\n  }\n  public set invalid(value: boolean) {\n    if (this._invalid === value) {\n      return;\n    }\n\n    this._invalid = value;\n\n    if (this._invalid) {\n      this._adapter.setHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n      this._adapter.addRootClass(QUANTITY_FIELD_CONSTANTS.classes.INVALID);\n      this._adapter.addTextFieldAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n    } else {\n      this._adapter.removeHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n      this._adapter.removeRootClass(QUANTITY_FIELD_CONSTANTS.classes.INVALID);\n      this._adapter.removeTextFieldAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n    }\n  }\n\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { QuantityFieldAdapter } from './quantity-field-adapter';\nimport { QuantityFieldFoundation } from './quantity-field-foundation';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\nimport { IconButtonComponent } from '../icon-button';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-quantity-field\\\" part=\\\"root\\\"><slot name=\\\"label\\\"></slot><div class=\\\"forge-quantity-field__row\\\" part=\\\"row\\\"><slot name=\\\"decrement-button\\\"></slot><slot></slot><slot name=\\\"increment-button\\\"></slot></div><slot name=\\\"helper-text\\\"></slot></div></template>';\nconst styles = '.forge-quantity-field ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}.forge-quantity-field__row{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-quantity-field ::slotted(forge-icon-button:first-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-right:4px}.forge-quantity-field ::slotted(forge-icon-button:last-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-left:4px}.forge-quantity-field ::slotted(forge-text-field){--forge-text-field-margin-top:0;--forge-text-field-margin-bottom:0}.forge-quantity-field--required ::slotted([slot=label])::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:\\\"*\\\";margin-right:1px}.forge-quantity-field--invalid ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}:host{display:inline-block}:host([hidden]){display:none}';\n\nexport interface IQuantityFieldComponent extends IBaseComponent {\n  invalid: boolean;\n  required: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-quantity-field': IQuantityFieldComponent;\n  }\n}\n\n@CustomElement({\n  name: QUANTITY_FIELD_CONSTANTS.elementName,\n  dependencies: [\n    IconButtonComponent\n  ]\n})\nexport class QuantityFieldComponent extends BaseComponent implements IQuantityFieldComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      QUANTITY_FIELD_CONSTANTS.attributes.INVALID,\n      QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED\n    ];\n  }\n\n  private _foundation: QuantityFieldFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new QuantityFieldFoundation(new QuantityFieldAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this._requiredElementsPresent()) {\n      this._foundation.connect();\n    } else {\n      this._ensureElementsPresent().then(() => {\n        this._foundation.connect();\n      });\n    }\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 QUANTITY_FIELD_CONSTANTS.attributes.INVALID:\n        this.invalid = coerceBoolean(newValue);\n        break;\n      case QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED:\n        this.required = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  private _ensureElementsPresent(): Promise<void> {\n    return new Promise<void>(resolve => {\n      if (this._requiredElementsPresent()) {\n        resolve();\n        return;\n      }\n\n      const observer = new MutationObserver(changes => {\n        const hasAddedNodes = changes.reduce((prev, curr) => prev + curr.addedNodes.length, 0) > 0;\n        if (hasAddedNodes) {\n          if (this._requiredElementsPresent()) {\n            observer.disconnect();\n            resolve();\n          }\n        }\n      });\n      observer.observe(this, { childList: true, subtree: true });\n    });\n  }\n\n  private _requiredElementsPresent(): boolean {\n    const inputElement = this.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.INPUT);\n    const decrementElement = this.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.DECREMENT_BUTTON);\n    const incrementElement = this.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.INCREMENT_BUTTON);\n    return !!inputElement && !!decrementElement && !!incrementElement;\n  }\n\n  /** Gets/sets the invalid state. */\n  @FoundationProperty()\n  public invalid: boolean;\n\n  /** Gets/sets the required state which controls the visibility of the asterisk in the label. */\n  @FoundationProperty()\n  public required: boolean;\n}\n", "import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';\nimport { IconButtonComponentDelegate } from '../icon-button';\nimport { ITextFieldComponentDelegateConfig, TextFieldComponentDelegate } from '../text-field/text-field-component-delegate';\nimport { IQuantityFieldComponent } from './quantity-field';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\nimport { tylIconRemoveCircleOutline, tylIconControlPoint } from '@tylertech/tyler-icons/standard';\nimport { IconRegistry } from '../icon';\n\nexport type QuantityFieldComponentDelegateProps = Partial<IQuantityFieldComponent>;\nexport interface IQuantityFieldComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n  id?: string;\n  label?: string;\n  value?: string;\n  step?: string;\n  helperText?: string;\n  textFieldDelegateConfig?: ITextFieldComponentDelegateConfig;\n}\nexport interface IQuantityFieldComponentDelegateConfig extends IBaseComponentDelegateConfig<IQuantityFieldComponent, IQuantityFieldComponentDelegateOptions> {}\n\nexport class QuantityFieldComponentDelegate extends FormFieldComponentDelegate<IQuantityFieldComponent, IQuantityFieldComponentDelegateOptions> {\n  private _textFieldDelegate: TextFieldComponentDelegate;\n  private _labelElement: HTMLLabelElement | undefined;\n  private _helperTextElement: HTMLSpanElement | undefined;\n\n  constructor(config?: IQuantityFieldComponentDelegateConfig) {\n    super(config);\n    IconRegistry.define([tylIconRemoveCircleOutline, tylIconControlPoint]);\n  }\n\n  protected _build(): IQuantityFieldComponent {\n    const quantityField = document.createElement(QUANTITY_FIELD_CONSTANTS.elementName);\n    this._attachButton(quantityField, tylIconRemoveCircleOutline.name, 'decrement-button');\n    this._attachTextField(quantityField);\n    this._attachButton(quantityField, tylIconControlPoint.name,  'increment-button');\n    return quantityField;\n  }\n\n  protected override _configure(): void {\n    this.inputElement.value = this._config.options?.value ?? '0';\n    this.inputElement.style.textAlign = 'center';\n    this.inputElement.style.width = '64px';\n\n    if (this._config.options?.helperText) {\n      this.setHelperText(this._config.options.helperText);\n    }\n    if (typeof this._config.options?.label === 'string') {\n      this._createLabel(this._config.options.label);\n    }\n    if (this._config.options?.step !== undefined) {\n      this.inputElement.step = this._config.options.step;\n    }\n  }\n\n  public get value(): string {\n    return this._textFieldDelegate.inputElement.value;\n  }\n  public set value(value: string) {\n    this._textFieldDelegate.inputElement.value = value;\n  }\n\n  public get disabled(): boolean {\n    return this._textFieldDelegate.inputElement.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._textFieldDelegate.inputElement.disabled = value;\n  }\n\n  public get invalid(): boolean {\n    return this._element.invalid || false;\n  }\n  public set invalid(value: boolean) {\n    this._element.invalid = value;\n  }\n\n  public get inputElement(): HTMLInputElement {\n    return this._textFieldDelegate.inputElement;\n  }\n\n  public get labelElement(): HTMLLabelElement | undefined {\n    return this._labelElement;\n  }\n\n  public onChange(listener: (value: string) => void): void {\n    this._textFieldDelegate.inputElement.addEventListener('input', evt => listener((evt.target as HTMLInputElement).value));\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._textFieldDelegate.inputElement.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._textFieldDelegate.inputElement.addEventListener('blur', evt => listener(evt));\n  }\n\n  private _attachTextField(quantityField: IQuantityFieldComponent): void {\n    const textFieldConfig: ITextFieldComponentDelegateConfig = {\n      props: { ...this._config.options?.textFieldDelegateConfig?.props },\n      options: {\n        ...this._config.options?.textFieldDelegateConfig?.options,\n        id: this._config.options?.id,\n        type: 'number'\n      }\n    };\n    this._textFieldDelegate = new TextFieldComponentDelegate(textFieldConfig);\n    quantityField.appendChild(this._textFieldDelegate.element);\n  }\n\n  public setLabel(text: string | null): void {\n    if (text) {\n      if (this._labelElement) {\n        this._labelElement.textContent = text;\n      } else {\n        this._createLabel(text);\n      }\n    } else if (this._labelElement) {\n      this._element.removeChild(this._labelElement);\n      this._labelElement = undefined;\n    }\n  }\n\n  public setHelperText(text: string | null): void {\n    if (text) {\n      if (!this._helperTextElement) {\n        this._helperTextElement = document.createElement('span');\n        this._helperTextElement.slot = 'helper-text';\n        this._element.appendChild(this._helperTextElement);\n      }\n      this._helperTextElement.textContent = text;\n    } else if (this._helperTextElement) {\n      this._element.removeChild(this._helperTextElement);\n      this._helperTextElement = undefined;\n    }\n  }\n\n  private _createLabel(text: string): void {\n    this._labelElement = document.createElement('label');\n    this._labelElement.textContent = text;\n    this._labelElement.slot = 'label';\n    if (this._config.options?.id) {\n      this._labelElement.setAttribute('for', this._config.options.id);\n    }\n    this._element.appendChild(this._labelElement);\n  }\n\n  private _attachButton(parent: HTMLElement, iconName: string, slot: string): IconButtonComponentDelegate {\n    const iconButtonDelegate = new IconButtonComponentDelegate({\n      options: {\n        iconName,\n        parent,\n        attributes: { slot }\n      }\n    });\n    return iconButtonDelegate;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { QuantityFieldComponent } from './quantity-field';\n\nexport * from './quantity-field-adapter';\nexport * from './quantity-field-constants';\nexport * from './quantity-field-foundation';\nexport * from './quantity-field';\nexport * from './quantity-field-component-delegate';\n\nexport function defineQuantityFieldComponent(): void {\n  defineCustomElement(QuantityFieldComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,202 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  MDCRipple,
+  MDCRippleFoundation
+} from "./chunk.4HQ5VELO.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  defineCustomElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  addClass,
+  removeClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/ripple/ripple-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}ripple`;
+var classes = {
+  SURFACE: "mdc-ripple-surface"
+};
+var attributes = {
+  TARGET: "target",
+  UNBOUNDED: "unbounded"
+};
+var RIPPLE_CONSTANTS = {
+  elementName,
+  classes,
+  attributes
+};
+
+// dist/build/lib/staging/src/ripple/forge-ripple.ts
+var ForgeRipple = class extends MDCRipple {
+};
+var ForgeRippleFoundation = class extends MDCRippleFoundation {
+};
+
+// dist/build/lib/staging/src/ripple/ripple-adapter.ts
+var RippleAdapter = class {
+  constructor(_component) {
+    this._component = _component;
+  }
+  _tryFindTarget() {
+    return this._component.parentElement;
+  }
+  initialize(target, unbounded) {
+    if (target) {
+      this._target = (this._component.ownerDocument || document).querySelector(target);
+    }
+    if (!this._target) {
+      this._target = this._tryFindTarget();
+    }
+    if (this._target) {
+      this._ripple = new ForgeRipple(this._target);
+      this._ripple.unbounded = unbounded;
+      addClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);
+    }
+  }
+  destroy() {
+    if (this._ripple) {
+      this._ripple.destroy();
+      this._ripple = void 0;
+    }
+    if (this._target) {
+      removeClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);
+    }
+    this._target = void 0;
+  }
+  activate() {
+    var _a;
+    (_a = this._ripple) == null ? void 0 : _a.activate();
+  }
+  deactivate() {
+    var _a;
+    (_a = this._ripple) == null ? void 0 : _a.deactivate();
+  }
+};
+
+// dist/build/lib/staging/src/ripple/ripple-foundation.ts
+var RippleFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._unbounded = false;
+  }
+  initialize() {
+    this._adapter.initialize(this._target, this._unbounded);
+  }
+  disconnect() {
+    this._adapter.destroy();
+  }
+  layout() {
+    this._applyTarget();
+  }
+  activate() {
+    this._adapter.activate();
+  }
+  deactivate() {
+    this._adapter.deactivate();
+  }
+  _applyTarget() {
+    this._adapter.destroy();
+    this._adapter.initialize(this._target, this._unbounded);
+  }
+  get target() {
+    return this._target;
+  }
+  set target(value) {
+    if (this._target !== value) {
+      this._target = value;
+      this._applyTarget();
+    }
+  }
+  get unbounded() {
+    return this._unbounded;
+  }
+  set unbounded(value) {
+    if (this._unbounded !== value) {
+      this._unbounded = value;
+      this._applyTarget();
+    }
+  }
+};
+
+// dist/build/lib/staging/src/ripple/ripple.ts
+var RippleComponent = class extends HTMLElement {
+  constructor() {
+    super();
+    this._foundation = new RippleFoundation(new RippleAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      RIPPLE_CONSTANTS.attributes.TARGET,
+      RIPPLE_CONSTANTS.attributes.UNBOUNDED
+    ];
+  }
+  connectedCallback() {
+    this._foundation.initialize();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case RIPPLE_CONSTANTS.attributes.TARGET:
+        this.target = newValue;
+        break;
+      case RIPPLE_CONSTANTS.attributes.UNBOUNDED:
+        this.unbounded = coerceBoolean(newValue);
+        break;
+    }
+  }
+  layout() {
+    this._foundation.layout();
+  }
+  activate() {
+    return this._foundation.activate();
+  }
+  deactivate() {
+    return this._foundation.deactivate();
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], RippleComponent.prototype, "target", 2);
+__decorateClass([
+  FoundationProperty()
+], RippleComponent.prototype, "unbounded", 2);
+RippleComponent = __decorateClass([
+  CustomElement({
+    name: RIPPLE_CONSTANTS.elementName
+  })
+], RippleComponent);
+
+// dist/build/lib/staging/src/ripple/index.ts
+function defineRippleComponent() {
+  defineCustomElement(RippleComponent);
+}
+
+export {
+  RIPPLE_CONSTANTS,
+  ForgeRipple,
+  ForgeRippleFoundation,
+  RippleAdapter,
+  RippleFoundation,
+  RippleComponent,
+  defineRippleComponent
+};
+//# sourceMappingURL=chunk.C2MR3RDF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ripple/ripple-constants.ts", "../../src/ripple/forge-ripple.ts", "../../src/ripple/ripple-adapter.ts", "../../src/ripple/ripple-foundation.ts", "../../src/ripple/ripple.ts", "../../src/ripple/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}ripple`;\n\nconst classes = {\n  SURFACE: 'mdc-ripple-surface'\n};\n\nconst attributes = {\n  TARGET: 'target',\n  UNBOUNDED: 'unbounded'\n};\n\nexport const RIPPLE_CONSTANTS = {\n  elementName,\n  classes,\n  attributes\n};\n", "import { MDCRipple, MDCRippleAdapter, MDCRippleFoundation, MDCRippleCapableSurface } from '@material/ripple';\n\nexport class ForgeRipple extends MDCRipple {}\nexport class ForgeRippleFoundation extends MDCRippleFoundation {}\nexport {\n  MDCRippleAdapter as ForgeRippleAdapter,\n  MDCRippleCapableSurface as ForgeRippleCapableSurface\n};\n", "import { addClass, removeClass } from '@tylertech/forge-core';\n\nimport { IRippleComponent } from './ripple';\nimport { RIPPLE_CONSTANTS } from './ripple-constants';\nimport { ForgeRipple } from './forge-ripple';\n\nexport interface IRippleAdapter {\n  initialize(target: string, unbounded: boolean): void;\n  destroy(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\nexport class RippleAdapter implements IRippleAdapter {\n  private _target: HTMLElement | undefined;\n  private _ripple: ForgeRipple | undefined;\n\n  constructor(private _component: IRippleComponent) {}\n\n  private _tryFindTarget(): HTMLElement {\n    return this._component.parentElement as HTMLElement;\n  }\n\n  public initialize(target: string, unbounded: boolean): void {\n    if (target) {\n      this._target = (this._component.ownerDocument || document).querySelector(target) as HTMLElement;\n    }\n\n    if (!this._target) {\n      this._target = this._tryFindTarget();\n    }\n\n    if (this._target) {\n      this._ripple = new ForgeRipple(this._target);\n      this._ripple.unbounded = unbounded;\n      addClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);\n    }\n  }\n\n  public destroy(): void {\n    if (this._ripple) {\n      this._ripple.destroy();\n      this._ripple = undefined;\n    }\n\n    if (this._target) {\n      removeClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);\n    }\n    \n    this._target = undefined;\n  }\n\n  public activate(): void {\n    this._ripple?.activate();\n  }\n\n  public deactivate(): void {\n    this._ripple?.deactivate();\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IRippleAdapter } from './ripple-adapter';\n\nexport interface IRippleFoundation extends ICustomElementFoundation {\n  target: string;\n  unbounded: boolean;\n  layout(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\nexport class RippleFoundation implements IRippleFoundation {\n  private _target: string;\n  private _unbounded = false;\n\n  constructor(private _adapter: IRippleAdapter) {}\n\n  public initialize(): void {\n    this._adapter.initialize(this._target, this._unbounded);\n  }\n\n  public disconnect(): void {\n    this._adapter.destroy();\n  }\n\n  public layout(): void {\n    this._applyTarget();\n  }\n\n  public activate(): void {\n    this._adapter.activate();\n  }\n\n  public deactivate(): void {\n    this._adapter.deactivate();\n  }\n\n  private _applyTarget(): void {\n    this._adapter.destroy();\n    this._adapter.initialize(this._target, this._unbounded);\n  }\n\n  public get target(): string {\n    return this._target;\n  }\n  public set target(value: string) {\n    if (this._target !== value) {\n      this._target = value;\n      this._applyTarget();\n    }\n  }\n\n  public get unbounded(): boolean {\n    return this._unbounded;\n  }\n  public set unbounded(value: boolean) {\n    if (this._unbounded !== value) {\n      this._unbounded = value;\n      this._applyTarget();\n    }\n  }\n}\n", "import { coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { RippleAdapter } from './ripple-adapter';\nimport { RIPPLE_CONSTANTS } from './ripple-constants';\nimport { RippleFoundation } from './ripple-foundation';\n\nexport interface IRippleComponent extends IBaseComponent {\n  target: string;\n  unbounded: boolean;\n  layout(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-ripple': IRippleComponent;\n  }\n}\n\n@CustomElement({\n  name: RIPPLE_CONSTANTS.elementName\n})\nexport class RippleComponent extends HTMLElement implements IRippleComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      RIPPLE_CONSTANTS.attributes.TARGET,\n      RIPPLE_CONSTANTS.attributes.UNBOUNDED\n    ];\n  }\n\n  private _foundation: RippleFoundation;\n\n  constructor() {\n    super();\n    this._foundation = new RippleFoundation(new RippleAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\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 RIPPLE_CONSTANTS.attributes.TARGET:\n        this.target = newValue;\n        break;\n      case RIPPLE_CONSTANTS.attributes.UNBOUNDED:\n        this.unbounded = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public layout(): void {\n    this._foundation.layout();\n  }\n\n  public activate(): void {\n    return this._foundation.activate();\n  }\n\n  public deactivate(): void {\n    return this._foundation.deactivate();\n  }\n\n  @FoundationProperty()\n  public target: string;\n\n  @FoundationProperty()\n  public unbounded: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { RippleComponent } from './ripple';\n\nexport * from './ripple-adapter';\nexport * from './ripple-constants';\nexport * from './ripple-foundation';\nexport * from './ripple';\nexport * from './forge-ripple';\n\nexport function defineRippleComponent(): void {\n  defineCustomElement(RippleComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,55 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  BaseDrawerAdapter,
+  BaseDrawerComponent,
+  BaseDrawerFoundation
+} from "./chunk.IWXT6VVJ.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/drawer/drawer/drawer-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}drawer`;
+var DRAWER_CONSTANTS = {
+  elementName
+};
+
+// dist/build/lib/staging/src/drawer/drawer/drawer.ts
+var template = '<template><div class="forge-drawer" part="root"><slot name="header"></slot><div class="forge-drawer__content" part="content"><slot></slot></div><slot name="footer"></slot></div></template>';
+var styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:"touch";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}:host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden!important}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){:host([open]){-webkit-transform:translateZ(0);transform:translateZ(0)}}}';
+var DrawerComponent = class extends BaseDrawerComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new BaseDrawerFoundation(new BaseDrawerAdapter(this));
+  }
+};
+DrawerComponent = __decorateClass([
+  CustomElement({
+    name: DRAWER_CONSTANTS.elementName
+  })
+], DrawerComponent);
+
+// dist/build/lib/staging/src/drawer/drawer/index.ts
+function defineDrawerComponent() {
+  defineCustomElement(DrawerComponent);
+}
+
+export {
+  DRAWER_CONSTANTS,
+  DrawerComponent,
+  defineDrawerComponent
+};
+//# sourceMappingURL=chunk.C64YUJHS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/drawer/drawer/drawer-constants.ts", "../../src/drawer/drawer/drawer.ts", "../../src/drawer/drawer/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}drawer`;\n\nexport const DRAWER_CONSTANTS = {\n  elementName\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { DRAWER_CONSTANTS } from './drawer-constants';\nimport { BaseDrawerAdapter, BaseDrawerComponent, BaseDrawerFoundation, IBaseDrawerComponent } from '../base';\n\nconst template = '<template><div class=\\\"forge-drawer\\\" part=\\\"root\\\"><slot name=\\\"header\\\"></slot><div class=\\\"forge-drawer__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"footer\\\"></slot></div></template>';\nconst styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\\\"touch\\\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}:host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden!important}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){:host([open]){-webkit-transform:translateZ(0);transform:translateZ(0)}}}';\n\nexport interface IDrawerComponent extends IBaseDrawerComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-drawer': IDrawerComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-drawer-after-open': CustomEvent<void>;\n    'forge-drawer-after-close': CustomEvent<void>;\n  }\n}\n\n@CustomElement({\n  name: DRAWER_CONSTANTS.elementName\n})\nexport class DrawerComponent extends BaseDrawerComponent<BaseDrawerFoundation> implements IDrawerComponent {\n  protected _foundation: BaseDrawerFoundation;\n  \n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new BaseDrawerFoundation(new BaseDrawerAdapter(this));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { DrawerComponent } from './drawer';\n\nexport * from './drawer-constants';\nexport * from './drawer';\n\nexport function defineDrawerComponent(): void {\n  defineCustomElement(DrawerComponent);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAE7C,IAAM,mBAAmB;AAAA,EAC9B;AACF;;;ACFA,IAAM,WAAW;AACjB,IAAM,SAAS;AAkBR,IAAM,kBAAN,cAA8B,oBAAsE;AAAA,EAGzG,cAAc;AACZ,UAAM;AACN,yBAAqB,MAAM,UAAU,MAAM;AAC3C,SAAK,cAAc,IAAI,qBAAqB,IAAI,kBAAkB,IAAI,CAAC;AAAA,EACzE;AACF;AARa,kBAAN;AAAA,EAHP,AAAC,cAAc;AAAA,IACb,MAAM,iBAAiB;AAAA,EACzB,CAAC;AAAA,GACY;;;ACjBN,iCAAuC;AAC5C,sBAAoB,eAAe;AACrC;",
+  "names": []
+}