@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.2NUAEZY7.js

@@ -0,0 +1,221 @@
+/**
+ * @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 {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/backdrop/backdrop-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}backdrop`;
+var selectors = {
+  CONTAINER: ".forge-backdrop"
+};
+var numbers = {
+  OPACITY: 0.54,
+  DELAY: 0,
+  TRANSITION_DURATION: 150
+};
+var attributes = {
+  DELAY: "delay",
+  MAX_OPACITY: "max-opacity",
+  APPEARANCE: "appearance",
+  FIXED: "fixed"
+};
+var events = {
+  BACKDROP_CLICK: `${elementName}-click`
+};
+var BACKDROP_CONSTANTS = {
+  elementName,
+  selectors,
+  numbers,
+  attributes,
+  events
+};
+
+// dist/build/lib/staging/src/backdrop/backdrop-adapter.ts
+var BackdropAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._backdropElement = getShadowElement(component, BACKDROP_CONSTANTS.selectors.CONTAINER);
+  }
+  setBackdropOpacity(opacity) {
+    this._backdropElement.style.opacity = opacity.toString();
+  }
+  addBackdropEventListener(type, listener) {
+    this._backdropElement.addEventListener("click", listener);
+  }
+  removeBackdropEventListener(type, listener) {
+    this._backdropElement.removeEventListener("click", listener);
+  }
+};
+
+// dist/build/lib/staging/src/backdrop/backdrop-foundation.ts
+var BackdropFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._delay = BACKDROP_CONSTANTS.numbers.DELAY;
+    this._maxOpacity = BACKDROP_CONSTANTS.numbers.OPACITY;
+    this._adapter.addBackdropEventListener("click", this._onClick.bind(this));
+  }
+  initialize() {
+    this._adapter.setBackdropOpacity(0);
+    this._applyAppearance();
+    this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());
+    this.fadeIn();
+  }
+  fadeOut() {
+    return new Promise((resolve) => {
+      this._adapter.setBackdropOpacity(0);
+      setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);
+    });
+  }
+  fadeIn() {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        this._adapter.setBackdropOpacity(this._maxOpacity);
+        setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);
+      }, this.delay);
+    });
+  }
+  _onClick(evt) {
+    evt.stopPropagation();
+    this._adapter.emitHostEvent(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, void 0, true, true);
+  }
+  disconnect() {
+    this._adapter.removeBackdropEventListener("click", this._onClick);
+  }
+  _applyAppearance() {
+    if (this._appearance) {
+      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE, String(this._appearance));
+    } else {
+      this._adapter.removeHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE);
+    }
+  }
+  set delay(value) {
+    if (this._delay !== value) {
+      this._delay = value;
+      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());
+    }
+  }
+  get delay() {
+    return this._delay;
+  }
+  set maxOpacity(value) {
+    if (this._maxOpacity !== value) {
+      this._maxOpacity = value;
+      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY, this._maxOpacity.toString());
+    }
+  }
+  get maxOpacity() {
+    return this._maxOpacity;
+  }
+  get appearance() {
+    return this._appearance;
+  }
+  set appearance(value) {
+    if (this._appearance !== value) {
+      this._appearance = value;
+      this._applyAppearance();
+    }
+  }
+};
+
+// dist/build/lib/staging/src/backdrop/backdrop.ts
+var template = '<template><div class="forge-backdrop" part="root"></div></template>';
+var styles = ".forge-backdrop{z-index:7;z-index:var(--forge-z-index-backdrop,7);background-color:rgba(0,0,0,.54);background-color:var(--forge-backdrop-theme-background,rgba(0,0,0,.54));position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);opacity:0}:host{display:block}:host([hidden]){display:none}:host([fixed]) .forge-backdrop{position:fixed}:host([appearance=light]){--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54)}:host([appearance=dark]){--forge-backdrop-theme-background:rgba(0, 0, 0, 0.54)}";
+var BackdropComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new BackdropFoundation(new BackdropAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      BACKDROP_CONSTANTS.attributes.DELAY,
+      BACKDROP_CONSTANTS.attributes.MAX_OPACITY
+    ];
+  }
+  connectedCallback() {
+    if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.DELAY) && this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY)) {
+      const inDelay = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY));
+      this.delay = inDelay >= 0 ? inDelay : BACKDROP_CONSTANTS.numbers.DELAY;
+    }
+    if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY)) {
+      const inMaxOpacity = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY));
+      this.maxOpacity = inMaxOpacity >= 0 && inMaxOpacity <= 1 ? inMaxOpacity : BACKDROP_CONSTANTS.numbers.OPACITY;
+    }
+    this._foundation.initialize();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case BACKDROP_CONSTANTS.attributes.DELAY:
+        const delayValue = Number(newValue);
+        this.delay = delayValue >= 0 ? delayValue : BACKDROP_CONSTANTS.numbers.DELAY;
+        break;
+      case BACKDROP_CONSTANTS.attributes.MAX_OPACITY:
+        const opacityValue = Number(newValue);
+        this.maxOpacity = opacityValue >= 0 && opacityValue <= 1 ? opacityValue : BACKDROP_CONSTANTS.numbers.OPACITY;
+        break;
+      case BACKDROP_CONSTANTS.attributes.APPEARANCE:
+        this.appearance = newValue;
+        break;
+    }
+  }
+  fadeOut() {
+    return this._foundation.fadeOut();
+  }
+  fadeIn() {
+    return this._foundation.fadeIn();
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], BackdropComponent.prototype, "delay", 2);
+__decorateClass([
+  FoundationProperty()
+], BackdropComponent.prototype, "appearance", 2);
+__decorateClass([
+  FoundationProperty()
+], BackdropComponent.prototype, "maxOpacity", 2);
+BackdropComponent = __decorateClass([
+  CustomElement({
+    name: BACKDROP_CONSTANTS.elementName
+  })
+], BackdropComponent);
+
+// dist/build/lib/staging/src/backdrop/index.ts
+function defineBackdropComponent() {
+  defineCustomElement(BackdropComponent);
+}
+
+export {
+  BACKDROP_CONSTANTS,
+  BackdropAdapter,
+  BackdropFoundation,
+  BackdropComponent,
+  defineBackdropComponent
+};
+//# sourceMappingURL=chunk.2NUAEZY7.js.map

package/dist/esm/chunks/chunk.2NUAEZY7.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backdrop/backdrop-constants.ts", "../../src/backdrop/backdrop-adapter.ts", "../../src/backdrop/backdrop-foundation.ts", "../../src/backdrop/backdrop.ts", "../../src/backdrop/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}backdrop`;\n\nconst selectors = {\n  CONTAINER: '.forge-backdrop'\n};\n\nconst numbers = {\n  OPACITY: 0.54,\n  DELAY: 0,\n  TRANSITION_DURATION: 150\n};\n\nconst attributes = {\n  DELAY: 'delay',\n  MAX_OPACITY: 'max-opacity',\n  APPEARANCE: 'appearance',\n  FIXED: 'fixed'\n};\n\nconst events = {\n  BACKDROP_CLICK: `${elementName}-click`\n};\n\nexport const BACKDROP_CONSTANTS = {\n  elementName,\n  selectors,\n  numbers,\n  attributes,\n  events\n};\n\nexport type BackdropAppearance = 'light' | 'dark' | undefined;\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IBackdropComponent } from './backdrop';\nimport { BACKDROP_CONSTANTS } from './backdrop-constants';\n\nexport interface IBackdropAdapter extends IBaseAdapter {\n  setBackdropOpacity: (opacity: number) => void;\n  addBackdropEventListener: (type: string, listener: (evt: Event) => void) => void;\n  removeBackdropEventListener: (type: string, listener: (evt: Event) => void) => void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `BackdropComponent`.\n */\nexport class BackdropAdapter extends BaseAdapter<IBackdropComponent> implements IBackdropAdapter {\n  private _backdropElement: HTMLElement;\n\n  constructor(component: IBackdropComponent) {\n    super(component);\n    this._backdropElement = getShadowElement(component, BACKDROP_CONSTANTS.selectors.CONTAINER);\n  }\n\n  /**\n   * Sets the backdrop element opacity.\n   * @param opacity The opacity amount.\n   */\n  public setBackdropOpacity(opacity: number): void {\n    this._backdropElement.style.opacity = opacity.toString();\n  }\n\n  /**\n   * Adds a click event to the backdrop container element.\n   * @param type The event type.\n   * @param listener The event listener.\n   */\n  public addBackdropEventListener(type: string, listener: (evt: Event) => void): void {\n    this._backdropElement.addEventListener('click', listener);\n  }\n\n  /**\n   * Removes a click event from the backdrop container element.\n   * @param type The event type.\n   * @param listener The event listener.\n   */\n  public removeBackdropEventListener(type: string, listener: (evt: Event) => void): void {\n    this._backdropElement.removeEventListener('click', listener);\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IBackdropAdapter } from './backdrop-adapter';\nimport { BackdropAppearance, BACKDROP_CONSTANTS } from './backdrop-constants';\n\n\nexport interface IBackdropFoundation extends ICustomElementFoundation {\n  fadeOut(): Promise<void>;\n  fadeIn(): Promise<void>;\n  appearance: BackdropAppearance;\n}\n\nexport class BackdropFoundation implements IBackdropFoundation {\n  private _delay: number = BACKDROP_CONSTANTS.numbers.DELAY;\n  private _maxOpacity: number = BACKDROP_CONSTANTS.numbers.OPACITY;\n  private _appearance: BackdropAppearance;\n\n  constructor(private _adapter: IBackdropAdapter) {\n    this._adapter.addBackdropEventListener('click', this._onClick.bind(this));\n  }\n\n  public initialize(): void {\n    this._adapter.setBackdropOpacity(0);\n    this._applyAppearance();\n    this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());\n    this.fadeIn();\n  }\n\n  /**\n   * Starts the fade-out animation to animate the backdrop to 0% opacity.\n   */\n  public fadeOut(): Promise<void> {\n    return new Promise<void>(resolve => {\n      this._adapter.setBackdropOpacity(0);\n      setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);\n    });\n  }\n\n  /**\n   * Starts the fade-in animation to animate the backdrop to max opacity.\n   */\n  public fadeIn(): Promise<void> {\n    return new Promise<void>(resolve => {\n      setTimeout(() => {\n        this._adapter.setBackdropOpacity(this._maxOpacity);\n        setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);\n      }, this.delay);\n    });\n  }\n\n  private _onClick(evt: Event): void {\n    evt.stopPropagation();\n    this._adapter.emitHostEvent(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, undefined, true, true);\n  }\n\n  public disconnect(): void {\n    this._adapter.removeBackdropEventListener('click', this._onClick);\n  }\n\n  private _applyAppearance(): void {\n    if (this._appearance) {\n      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE, String(this._appearance));\n    } else {\n      this._adapter.removeHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE);\n    }\n  }\n\n  public set delay(value: number) {\n    if (this._delay !== value) {\n      this._delay = value;\n      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());\n    }\n  }\n  public get delay(): number {\n    return this._delay;\n  }\n\n  public set maxOpacity(value: number) {\n    if (this._maxOpacity !== value) {\n      this._maxOpacity = value;\n      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY, this._maxOpacity.toString());\n    }\n  }\n  public get maxOpacity(): number {\n    return this._maxOpacity;\n  }\n\n  public get appearance(): BackdropAppearance {\n    return this._appearance;\n  }\n  public set appearance(value: BackdropAppearance) {\n    if (this._appearance !== value) {\n      this._appearance = value;\n      this._applyAppearance();\n    }\n  }\n}\n", "import { attachShadowTemplate, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { BackdropAdapter } from './backdrop-adapter';\nimport { BackdropAppearance, BACKDROP_CONSTANTS } from './backdrop-constants';\nimport { BackdropFoundation } from './backdrop-foundation';\n\nconst template = '<template><div class=\\\"forge-backdrop\\\" part=\\\"root\\\"></div></template>';\nconst styles = '.forge-backdrop{z-index:7;z-index:var(--forge-z-index-backdrop,7);background-color:rgba(0,0,0,.54);background-color:var(--forge-backdrop-theme-background,rgba(0,0,0,.54));position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);opacity:0}:host{display:block}:host([hidden]){display:none}:host([fixed]) .forge-backdrop{position:fixed}:host([appearance=light]){--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54)}:host([appearance=dark]){--forge-backdrop-theme-background:rgba(0, 0, 0, 0.54)}';\n\nexport interface IBackdropComponent extends IBaseComponent {\n  delay: number;\n  maxOpacity: number;\n  appearance: BackdropAppearance;\n  fadeOut(): Promise<void>;\n  fadeIn(): Promise<void>;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-backdrop': IBackdropComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-backdrop-click': CustomEvent<void>;\n  }\n}\n\n/**\n * A web component that renders a backdrop covering its parent container with a semi-opaque element.\n */\n@CustomElement({\n  name: BACKDROP_CONSTANTS.elementName\n})\nexport class BackdropComponent extends BaseComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BACKDROP_CONSTANTS.attributes.DELAY,\n      BACKDROP_CONSTANTS.attributes.MAX_OPACITY\n    ];\n  }\n\n  protected _foundation: BackdropFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new BackdropFoundation(new BackdropAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.DELAY) && this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY)) {\n      const inDelay = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY));\n      this.delay = inDelay >= 0 ? inDelay : BACKDROP_CONSTANTS.numbers.DELAY;\n    }\n\n    if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY)) {\n      const inMaxOpacity = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY));\n      this.maxOpacity = inMaxOpacity >= 0 && inMaxOpacity <= 1 ? inMaxOpacity : BACKDROP_CONSTANTS.numbers.OPACITY;\n    }\n\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 BACKDROP_CONSTANTS.attributes.DELAY:\n        const delayValue = Number(newValue);\n        this.delay = delayValue >= 0 ? delayValue : BACKDROP_CONSTANTS.numbers.DELAY;\n        break;\n      case BACKDROP_CONSTANTS.attributes.MAX_OPACITY:\n        const opacityValue = Number(newValue);\n        this.maxOpacity = opacityValue >= 0 && opacityValue <= 1 ? opacityValue : BACKDROP_CONSTANTS.numbers.OPACITY;\n        break;\n      case BACKDROP_CONSTANTS.attributes.APPEARANCE:\n        this.appearance = newValue as BackdropAppearance;\n        break;\n    }\n  }\n\n  /**\n   * The time in milliseconds to delay the fade in animation of the opacity.\n   * Note: The element will start with 0% opacity when the component is rendered.\n   */\n  @FoundationProperty()\n  public delay: number;\n\n  /** Controls whether the theme defaults to light vs dark compatibility. */\n  @FoundationProperty()\n  public appearance: BackdropAppearance;\n\n  /** The max opacity to fade the element to. This defines how opaque the backdrop is when visible. */\n  @FoundationProperty()\n  public maxOpacity: number;\n\n  /**\n   * Starts the fade-out animation to animate the backdrop to 0% opacity.\n   */\n  public fadeOut(): Promise<void> {\n    return this._foundation.fadeOut();\n  }\n\n  /**\n   * Starts the fade-in animation to animate the backdrop to max opacity.\n   */\n  public fadeIn(): Promise<void> {\n    return this._foundation.fadeIn();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { BackdropComponent } from './backdrop';\n\nexport * from './backdrop-adapter';\nexport * from './backdrop-constants';\nexport * from './backdrop-foundation';\nexport * from './backdrop';\n\nexport function defineBackdropComponent(): void {\n  defineCustomElement(BackdropComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/chunks/chunk.35U3UPDV.js

@@ -0,0 +1,70 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  defineCustomElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  isFunction
+} from "./chunk.MEFT5FQC.js";
+
+// dist/build/lib/staging/src/constants.ts
+var COMPONENT_NAME_PREFIX = "forge-";
+var KEYSTROKE_DEBOUNCE_THRESHOLD = 500;
+var ICON_CLASS_NAME = "tyler-icons";
+var CDN_BASE_URL = "https://cdn.forge.tylertech.com/";
+
+// node_modules/@tylertech/forge-core/esm/custom-elements/decorators/custom-element.js
+var CUSTOM_ELEMENT_NAME_PROPERTY = "_customElementName";
+var CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY = "_customElementDependencies";
+function CustomElement({ name, dependencies, define = true }) {
+  return (ctor) => {
+    patchConnectedCallback(ctor);
+    if (name) {
+      ctor[CUSTOM_ELEMENT_NAME_PROPERTY] = name;
+    }
+    if (dependencies && dependencies.length) {
+      ctor[CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY] = dependencies;
+    }
+    if (window.__forgeFlags__autoDefine !== false && define) {
+      defineCustomElement(ctor);
+    }
+  };
+}
+function patchConnectedCallback(ctor) {
+  const originalConnectedCallback = ctor.prototype.connectedCallback;
+  ctor.prototype.connectedCallback = function() {
+    if (!this.isConnected) {
+      return;
+    }
+    if (!this._isInitialized) {
+      tryUpgradeOwnProperties(this);
+      if (isFunction(this.initializedCallback)) {
+        this.initializedCallback.apply(this);
+      }
+      this._isInitialized = true;
+    }
+    if (isFunction(originalConnectedCallback)) {
+      originalConnectedCallback.apply(this);
+    }
+  };
+}
+function tryUpgradeOwnProperties(instance) {
+  const ownProperties = Object.getOwnPropertyNames(instance).filter((p) => !p.startsWith("_"));
+  for (const property of ownProperties) {
+    const value = instance[property];
+    delete instance[property];
+    instance[property] = value;
+  }
+}
+
+export {
+  CustomElement,
+  COMPONENT_NAME_PREFIX,
+  KEYSTROKE_DEBOUNCE_THRESHOLD,
+  ICON_CLASS_NAME,
+  CDN_BASE_URL
+};
+//# sourceMappingURL=chunk.35U3UPDV.js.map

package/dist/esm/chunks/chunk.35U3UPDV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.ts", "../../../../../../node_modules/@tylertech/forge-core/esm/custom-elements/decorators/custom-element.js"],
+  "sourcesContent": ["export const COMPONENT_NAME_PREFIX = 'forge-';\nexport const KEYSTROKE_DEBOUNCE_THRESHOLD = 500;\nexport const ICON_CLASS_NAME = 'tyler-icons';\nexport const CDN_BASE_URL = 'https://cdn.forge.tylertech.com/';\n", "import { isFunction } from '../../utils';\nimport { defineCustomElement } from '../component-utils';\nexport const CUSTOM_ELEMENT_NAME_PROPERTY = '_customElementName';\nexport const CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY = '_customElementDependencies';\n/**\n * This decorator is intended to be used on classes that extend `HTMLElement` to\n * extend/modify the behavior of a custom element.\n * @param {ICustomElementConfig} [config={}] The custom element configuration.\n */\nexport function CustomElement({ name, dependencies, define = true }) {\n    return (ctor) => {\n        patchConnectedCallback(ctor);\n        if (name) {\n            ctor[CUSTOM_ELEMENT_NAME_PROPERTY] = name;\n        }\n        if (dependencies && dependencies.length) {\n            ctor[CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY] = dependencies;\n        }\n        if (window.__forgeFlags__autoDefine !== false && define) {\n            defineCustomElement(ctor);\n        }\n    };\n}\nfunction patchConnectedCallback(ctor) {\n    const originalConnectedCallback = ctor.prototype.connectedCallback;\n    ctor.prototype.connectedCallback = function () {\n        if (!this.isConnected) {\n            return;\n        }\n        if (!this._isInitialized) {\n            tryUpgradeOwnProperties(this);\n            if (isFunction(this.initializedCallback)) {\n                this.initializedCallback.apply(this);\n            }\n            this._isInitialized = true;\n        }\n        if (isFunction(originalConnectedCallback)) {\n            originalConnectedCallback.apply(this);\n        }\n    };\n}\nfunction tryUpgradeOwnProperties(instance) {\n    // We ignore our properties that start with an underscore as those are considered \"internal\"\n    // and are not auto-upgraded for us\n    const ownProperties = Object.getOwnPropertyNames(instance)\n        .filter(p => !p.startsWith('_'));\n    for (const property of ownProperties) {\n        const value = instance[property];\n        delete instance[property];\n        instance[property] = value;\n    }\n}\n"],
+  "mappings": ";;;;;;;;AAAO,IAAM,wBAAwB;AAC9B,IAAM,+BAA+B;AACrC,IAAM,kBAAkB;AACxB,IAAM,eAAe;;;ACDrB,IAAM,+BAA+B;AACrC,IAAM,uCAAuC;AAM7C,uBAAuB,EAAE,MAAM,cAAc,SAAS,QAAQ;AACjE,SAAO,CAAC,SAAS;AACb,2BAAuB,IAAI;AAC3B,QAAI,MAAM;AACN,WAAK,gCAAgC;AAAA,IACzC;AACA,QAAI,gBAAgB,aAAa,QAAQ;AACrC,WAAK,wCAAwC;AAAA,IACjD;AACA,QAAI,OAAO,6BAA6B,SAAS,QAAQ;AACrD,0BAAoB,IAAI;AAAA,IAC5B;AAAA,EACJ;AACJ;AACA,gCAAgC,MAAM;AAClC,QAAM,4BAA4B,KAAK,UAAU;AACjD,OAAK,UAAU,oBAAoB,WAAY;AAC3C,QAAI,CAAC,KAAK,aAAa;AACnB;AAAA,IACJ;AACA,QAAI,CAAC,KAAK,gBAAgB;AACtB,8BAAwB,IAAI;AAC5B,UAAI,WAAW,KAAK,mBAAmB,GAAG;AACtC,aAAK,oBAAoB,MAAM,IAAI;AAAA,MACvC;AACA,WAAK,iBAAiB;AAAA,IAC1B;AACA,QAAI,WAAW,yBAAyB,GAAG;AACvC,gCAA0B,MAAM,IAAI;AAAA,IACxC;AAAA,EACJ;AACJ;AACA,iCAAiC,UAAU;AAGvC,QAAM,gBAAgB,OAAO,oBAAoB,QAAQ,EACpD,OAAO,OAAK,CAAC,EAAE,WAAW,GAAG,CAAC;AACnC,aAAW,YAAY,eAAe;AAClC,UAAM,QAAQ,SAAS;AACvB,WAAO,SAAS;AAChB,aAAS,YAAY;AAAA,EACzB;AACJ;",
+  "names": []
+}