@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.5EEEKOOK.js

@@ -0,0 +1,552 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  positionElementAsync
+} from "./chunk.BKMWXPAS.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  closestElement,
+  defineCustomElement,
+  emitEvent,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  addClass,
+  deepQuerySelectorAll,
+  getActiveElement,
+  isElement,
+  notChildEventListener,
+  removeClass,
+  removeElement
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  isDefined
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/popup/popup-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}popup`;
+var attributes = {
+  CONTAINER: "forge-popup",
+  OPEN: "open",
+  PLACEMENT: "placement",
+  MANAGE_FOCUS: "manage-focus",
+  ANIMATION_TYPE: "animation-type",
+  STATIC: "static",
+  HIDE_WHEN_CLIPPED: "hide-when-clipped",
+  HOST: "forge-popup-host",
+  INITIAL_FOCUS: "forge-popup-focus"
+};
+var classes = {
+  OPEN: "forge-popup--open",
+  OPENING: "forge-popup--opening",
+  CLOSED: "forge-popup--closed",
+  SELECT: "forge-popup--select"
+};
+var selectors = {
+  HOST: `.forge-popup-host, [${attributes.HOST}]`,
+  CONTAINER: ".forge-popup",
+  INITIAL_FOCUS: `[${attributes.INITIAL_FOCUS}]`
+};
+var events = {
+  OPEN: `${elementName}-open`,
+  CLOSE: `${elementName}-close`,
+  POSITION: `${elementName}-position`,
+  BLUR: `${elementName}-blur`
+};
+var numbers = {
+  ANIMATION_DURATION: 120
+};
+var POPUP_CONSTANTS = {
+  elementName,
+  classes,
+  selectors,
+  attributes,
+  events,
+  numbers
+};
+var PopupAnimationType = /* @__PURE__ */ ((PopupAnimationType3) => {
+  PopupAnimationType3["None"] = "none";
+  PopupAnimationType3["Menu"] = "menu";
+  PopupAnimationType3["Dropdown"] = "dropdown";
+  return PopupAnimationType3;
+})(PopupAnimationType || {});
+
+// dist/build/lib/staging/src/popup/popup-adapter.ts
+var PopupAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._rootElement = getShadowElement(component, POPUP_CONSTANTS.selectors.CONTAINER);
+  }
+  setAttribute(attribute, value, element) {
+    if (element) {
+      element.setAttribute(attribute, value);
+    } else {
+      this._component.setAttribute(attribute, value);
+    }
+  }
+  removeAttribute(attribute, element) {
+    if (element) {
+      element.removeAttribute(attribute);
+    } else {
+      this._component.removeAttribute(attribute);
+    }
+  }
+  async positionPopup() {
+    const config = {
+      element: this._component,
+      targetElement: this._component.targetElement,
+      placement: this._component.placement,
+      hide: this._component.hideWhenClipped
+    };
+    if (this._component.offset) {
+      config.offset = this._component.offset;
+    }
+    const data = await positionElementAsync(config);
+    emitEvent(this._component, POPUP_CONSTANTS.events.POSITION, data);
+  }
+  addPopup(targetElement, manageFocus) {
+    this._component.setAttribute("tabindex", "-1");
+    this._component.setAttribute(POPUP_CONSTANTS.attributes.HOST, "");
+    const hostDocument = targetElement.ownerDocument || document;
+    this._hostElement = closestElement(POPUP_CONSTANTS.selectors.HOST, targetElement) || hostDocument.body;
+    this._hostElement.appendChild(this._component);
+    this.positionPopup();
+    if (manageFocus) {
+      this._previouslyFocusedElement = getActiveElement();
+      this._component.focus();
+    }
+  }
+  removePopup(manageFocus) {
+    removeElement(this._component);
+    if (manageFocus) {
+      window.requestAnimationFrame(() => {
+        if (this._previouslyFocusedElement) {
+          const activeElement = getActiveElement();
+          if (!activeElement || activeElement === document.body) {
+            this._previouslyFocusedElement.focus();
+          }
+          this._previouslyFocusedElement = void 0;
+        }
+      });
+    }
+    this._hostElement = void 0;
+  }
+  manageWindowEvents(add = false) {
+    if (add) {
+      this._windowEventCallback = (evt) => this._windowInteraction(evt);
+      window.addEventListener("scroll", this._windowEventCallback, true);
+      window.addEventListener("resize", this._windowEventCallback, true);
+    } else {
+      if (this._windowEventCallback) {
+        window.removeEventListener("scroll", this._windowEventCallback, true);
+        window.removeEventListener("resize", this._windowEventCallback, true);
+        this._windowEventCallback = void 0;
+      }
+    }
+  }
+  dispatchEvent(type, data, bubbles, cancelable) {
+    if (this._component.targetElement) {
+      return !emitEvent(this._component.targetElement, type, data, bubbles, cancelable);
+    }
+    return false;
+  }
+  addClass(classes2) {
+    addClass(classes2, this._rootElement);
+  }
+  removeClass(classes2) {
+    removeClass(classes2, this._rootElement);
+  }
+  setAnimationEndListener(listener, classes2) {
+    window.requestAnimationFrame(() => {
+      if (classes2 && classes2.length) {
+        addClass(classes2, this._rootElement);
+      }
+      this._rootElement.addEventListener("transitionend", listener);
+    });
+  }
+  removeEventListener(type, listener) {
+    this._rootElement.removeEventListener(type, listener);
+  }
+  setBlurListener(listener) {
+    return notChildEventListener(this._component, (activeElement) => {
+      if (!this._component.contains(activeElement)) {
+        listener();
+      }
+    }, true);
+  }
+  trySetInitialFocus() {
+    window.requestAnimationFrame(() => {
+      const elements = deepQuerySelectorAll(this._component, POPUP_CONSTANTS.selectors.INITIAL_FOCUS);
+      if (elements && elements.length) {
+        const initialElement = elements[elements.length - 1];
+        initialElement.focus();
+      }
+    });
+  }
+  _windowInteraction(evt) {
+    if (!this._component.open) {
+      return;
+    }
+    switch (evt.type) {
+      case "scroll":
+      case "resize":
+        this.positionPopup();
+        break;
+      default:
+        break;
+    }
+  }
+};
+
+// dist/build/lib/staging/src/popup/popup-foundation.ts
+var PopupFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._placement = "bottom-start";
+    this._open = false;
+    this._manageFocus = false;
+    this._animationType = "none" /* None */;
+    this._static = false;
+    this._hideWhenClipped = false;
+    this._blurListener = () => this._onBlur();
+  }
+  disconnect() {
+    if (this.open) {
+      this.open = false;
+    }
+  }
+  _openPopup() {
+    if (this._animationType !== "none" /* None */) {
+      this._applyOpenAnimation();
+      if (this._animationType === "dropdown" /* Dropdown */) {
+        this._adapter.addClass(POPUP_CONSTANTS.classes.SELECT);
+      }
+    } else {
+      this._adapter.addClass(POPUP_CONSTANTS.classes.OPEN);
+    }
+    this._adapter.setAttribute(POPUP_CONSTANTS.attributes.OPEN, "");
+    this._adapter.addPopup(this.targetElement, this._manageFocus);
+    this._adapter.trySetInitialFocus();
+    if (this._destroyBlurListener) {
+      this._destroyBlurListener();
+    }
+    if (!this._static) {
+      this._destroyBlurListener = this._adapter.setBlurListener(this._blurListener);
+    }
+    this._adapter.manageWindowEvents(true);
+    this._adapter.dispatchEvent(POPUP_CONSTANTS.events.OPEN);
+  }
+  _closePopup() {
+    if (this._destroyBlurListener) {
+      this._destroyBlurListener();
+      this._destroyBlurListener = void 0;
+    }
+    if (this._animationType !== "none" /* None */) {
+      this._applyCloseAnimation();
+    } else {
+      this._destroyPopup();
+    }
+  }
+  _destroyPopup() {
+    this._adapter.manageWindowEvents(false);
+    this._adapter.removePopup(this._manageFocus);
+    this._adapter.dispatchEvent(POPUP_CONSTANTS.events.CLOSE);
+    this._adapter.removeAttribute(POPUP_CONSTANTS.attributes.OPEN);
+  }
+  _applyOpenAnimation() {
+    switch (this._animationType) {
+      case "dropdown" /* Dropdown */:
+      case "menu" /* Menu */:
+        this._adapter.addClass(POPUP_CONSTANTS.classes.OPENING);
+        const transitionEndListener = (evt) => {
+          if (evt.propertyName === "transform") {
+            this._adapter.removeClass(POPUP_CONSTANTS.classes.OPENING);
+            this._adapter.removeEventListener("transitionend", transitionEndListener);
+          }
+        };
+        this._adapter.setAnimationEndListener(transitionEndListener, POPUP_CONSTANTS.classes.OPEN);
+        break;
+    }
+  }
+  _applyCloseAnimation() {
+    switch (this._animationType) {
+      case "dropdown" /* Dropdown */:
+      case "menu" /* Menu */:
+        this._adapter.removeClass(POPUP_CONSTANTS.classes.OPEN);
+        this._adapter.addClass(POPUP_CONSTANTS.classes.CLOSED);
+        const transitionEndListener = (evt) => {
+          if (evt.propertyName === "opacity") {
+            if (fallbackTimer) {
+              clearTimeout(fallbackTimer);
+            }
+            this._destroyPopup();
+          }
+        };
+        this._adapter.setAnimationEndListener(transitionEndListener);
+        const fallbackTimer = setTimeout(() => this._destroyPopup(), POPUP_CONSTANTS.numbers.ANIMATION_DURATION);
+        break;
+    }
+  }
+  _onBlur() {
+    const cancelled = this._adapter.dispatchEvent(POPUP_CONSTANTS.events.BLUR, void 0, true, true);
+    if (!cancelled) {
+      this.open = false;
+    }
+  }
+  _applyOpen() {
+    if (this._open) {
+      if (!this.targetElement || !isElement(this.targetElement)) {
+        throw new Error("targetElement on Popup component must be an HTMLElement");
+      }
+      if (typeof this._openCallback === "function") {
+        this._executeOpenCallback();
+      } else {
+        this._openPopup();
+      }
+    } else {
+      if (typeof this._closeCallback === "function") {
+        this._executeCloseCallback();
+      } else {
+        this._closePopup();
+      }
+    }
+  }
+  async _executeOpenCallback() {
+    try {
+      if (await Promise.resolve(this._openCallback()) !== false) {
+        this._openPopup();
+      } else {
+        this._open = false;
+      }
+    } catch (e) {
+      this._open = false;
+    }
+  }
+  async _executeCloseCallback() {
+    try {
+      if (await Promise.resolve(this._closeCallback()) !== false) {
+        this._closePopup();
+      } else {
+        this._open = true;
+      }
+    } catch (e) {
+      this._open = true;
+    }
+  }
+  get targetElement() {
+    return this._targetElement;
+  }
+  set targetElement(element) {
+    if (!element || !isElement(element)) {
+      throw new Error("targetElement on Popup component must be an HTMLElement");
+    }
+    this._targetElement = element;
+  }
+  get placement() {
+    return this._placement;
+  }
+  set placement(value) {
+    if (this._placement !== value) {
+      this._placement = value || "bottom-start";
+      this._adapter.setAttribute(POPUP_CONSTANTS.attributes.PLACEMENT, this._placement);
+    }
+  }
+  get open() {
+    return this._open;
+  }
+  set open(value) {
+    value = Boolean(value);
+    if (this._open !== value) {
+      this._open = value;
+      this._applyOpen();
+    }
+  }
+  get manageFocus() {
+    return this._manageFocus;
+  }
+  set manageFocus(value) {
+    if (this._manageFocus !== value) {
+      this._manageFocus = value;
+    }
+  }
+  get animationType() {
+    return this._animationType;
+  }
+  set animationType(value) {
+    if (this._animationType !== value) {
+      this._animationType = value;
+    }
+  }
+  get static() {
+    return this._static;
+  }
+  set static(value) {
+    if (this._static !== value) {
+      this._static = value;
+      if (this._static && this._destroyBlurListener) {
+        this._destroyBlurListener();
+        this._destroyBlurListener = void 0;
+      }
+    }
+  }
+  get hideWhenClipped() {
+    return this._hideWhenClipped;
+  }
+  set hideWhenClipped(value) {
+    if (this._hideWhenClipped !== value) {
+      this._hideWhenClipped = value;
+    }
+  }
+  get offset() {
+    var _a;
+    return (_a = this._offset) != null ? _a : { x: 0, y: 0 };
+  }
+  set offset(value) {
+    var _a, _b;
+    if (!value) {
+      this._offset = void 0;
+    } else {
+      this._offset = {
+        x: (_a = value.x) != null ? _a : 0,
+        y: (_b = value.y) != null ? _b : 0
+      };
+    }
+    if (this._open) {
+      this._adapter.positionPopup();
+    }
+  }
+  get openCallback() {
+    return this._openCallback;
+  }
+  set openCallback(callback) {
+    this._openCallback = callback;
+  }
+  get closeCallback() {
+    return this._closeCallback;
+  }
+  set closeCallback(callback) {
+    this._closeCallback = callback;
+  }
+  position() {
+    this._adapter.positionPopup();
+  }
+};
+
+// dist/build/lib/staging/src/popup/popup.ts
+var template = '<template><div class="forge-popup" part="root"><slot></slot></div></template>';
+var styles = ".forge-popup{min-width:112px;min-width:var(--min-width,112px);background-color:#fff;background-color:var(--forge-theme-elevated-surface,#fff);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));color:#000;color:var(--mdc-theme-on-surface,#000);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:none;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:100%;margin:0;padding:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 24px 0;transform-origin:50% 24px 0;opacity:0;will-change:transform,opacity;-webkit-transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms cubic-bezier(0, 0, .2, 1)}.forge-popup::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-popup::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-popup::-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-popup::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-popup--opening{display:block;-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.forge-popup--closed{display:block;opacity:0;-webkit-transition:opacity 120ms linear;transition:opacity 120ms linear}.forge-popup--open{display:block;-webkit-transform:scale(1);transform:scale(1);opacity:1}.forge-popup--select{border-top-left-radius:0;border-top-right-radius:0;max-height:256px;overflow-y:auto}:host{z-index:10;z-index:var(--forge-z-index-popup,10);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;position:absolute;overflow:visible}:host([hidden]){display:none}";
+var PopupComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new PopupFoundation(new PopupAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      POPUP_CONSTANTS.attributes.OPEN,
+      POPUP_CONSTANTS.attributes.PLACEMENT,
+      POPUP_CONSTANTS.attributes.MANAGE_FOCUS,
+      POPUP_CONSTANTS.attributes.ANIMATION_TYPE,
+      POPUP_CONSTANTS.attributes.STATIC,
+      POPUP_CONSTANTS.attributes.HIDE_WHEN_CLIPPED
+    ];
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case POPUP_CONSTANTS.attributes.OPEN:
+        this.open = isDefined(newValue);
+        break;
+      case POPUP_CONSTANTS.attributes.PLACEMENT:
+        this.placement = newValue;
+        break;
+      case POPUP_CONSTANTS.attributes.MANAGE_FOCUS:
+        this.manageFocus = coerceBoolean(newValue);
+        break;
+      case POPUP_CONSTANTS.attributes.ANIMATION_TYPE:
+        this.animationType = newValue;
+        break;
+      case POPUP_CONSTANTS.attributes.STATIC:
+        this.static = coerceBoolean(newValue);
+        break;
+      case POPUP_CONSTANTS.attributes.HIDE_WHEN_CLIPPED:
+        this.hideWhenClipped = coerceBoolean(newValue);
+        break;
+    }
+  }
+  position() {
+    this._foundation.position();
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "targetElement", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "placement", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "open", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "manageFocus", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "animationType", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "static", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "hideWhenClipped", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "openCallback", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "closeCallback", 2);
+__decorateClass([
+  FoundationProperty()
+], PopupComponent.prototype, "offset", 2);
+PopupComponent = __decorateClass([
+  CustomElement({
+    name: POPUP_CONSTANTS.elementName
+  })
+], PopupComponent);
+
+// dist/build/lib/staging/src/popup/index.ts
+function definePopupComponent() {
+  defineCustomElement(PopupComponent);
+}
+
+export {
+  POPUP_CONSTANTS,
+  PopupAnimationType,
+  PopupAdapter,
+  PopupFoundation,
+  PopupComponent,
+  definePopupComponent
+};
+//# sourceMappingURL=chunk.5EEEKOOK.js.map

package/dist/esm/chunks/chunk.5EEEKOOK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/popup/popup-constants.ts", "../../src/popup/popup-adapter.ts", "../../src/popup/popup-foundation.ts", "../../src/popup/popup.ts", "../../src/popup/index.ts"],
+  "sourcesContent": ["import { PositionPlacement } from '@tylertech/forge-core';\nimport { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}popup`;\n\nconst attributes = {\n  CONTAINER: 'forge-popup',\n  OPEN: 'open',\n  PLACEMENT: 'placement',\n  MANAGE_FOCUS: 'manage-focus',\n  ANIMATION_TYPE: 'animation-type',\n  STATIC: 'static',\n  HIDE_WHEN_CLIPPED: 'hide-when-clipped',\n  HOST: 'forge-popup-host',\n  INITIAL_FOCUS: 'forge-popup-focus'\n};\n\nconst classes = {\n  OPEN: 'forge-popup--open',\n  OPENING: 'forge-popup--opening',\n  CLOSED: 'forge-popup--closed',\n  SELECT: 'forge-popup--select'\n};\n\nconst selectors = {\n  HOST: `.forge-popup-host, [${attributes.HOST}]`,\n  CONTAINER: '.forge-popup',\n  INITIAL_FOCUS: `[${attributes.INITIAL_FOCUS}]`\n};\n\nconst events = {\n  OPEN: `${elementName}-open`,\n  CLOSE: `${elementName}-close`,\n  POSITION: `${elementName}-position`,\n  BLUR: `${elementName}-blur`\n};\n\nconst numbers = {\n  ANIMATION_DURATION: 120\n};\n\nexport const POPUP_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  events,\n  numbers\n};\n\nexport interface IPopupPosition {\n  x: number;\n  y: number;\n}\n\nexport type PopupPlacement = PositionPlacement;\n\nexport enum PopupAnimationType {\n  None = 'none',\n  Menu = 'menu',\n  Dropdown = 'dropdown'\n}\n\nexport interface IPopupPositionEventData extends IPopupPosition {\n  visibility: 'visible' | 'hidden';\n}\n\nexport type PopupStateCallback = () => boolean | void | Promise<boolean | void>;\n", "import { addClass, closestElement, emitEvent, getShadowElement, IPositionElementConfig, notChildEventListener, positionElementAsync, removeClass, removeElement, deepQuerySelectorAll, getActiveElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IPopupComponent } from './popup';\nimport { IPopupPositionEventData, POPUP_CONSTANTS } from './popup-constants';\n\nexport interface IPopupAdapter extends IBaseAdapter {\n  setAttribute(attribute: string, value: string, element?: HTMLElement): void;\n  removeAttribute(attribute: string, element?: HTMLElement): void;\n  positionPopup(): void;\n  addPopup(targetElement: HTMLElement, manageFocus: boolean): void;\n  removePopup(manageFocus: boolean): void;\n  manageWindowEvents(add: boolean): void;\n  dispatchEvent(type: string, data?: any, bubbles?: boolean, cancellable?: boolean): boolean;\n  addClass(classes: string | string[]): void;\n  removeClass(classes: string | string[]): void;\n  setAnimationEndListener(listener: (evt: TransitionEvent) => void, classes?: string | string[]): void;\n  removeEventListener(type: string, listener: (evt: Event) => void): void;\n  setBlurListener(listener: () => void): () => void;\n  trySetInitialFocus(): void;\n}\n\nexport class PopupAdapter extends BaseAdapter<IPopupComponent> implements IPopupAdapter {\n  private _windowEventCallback?: (evt: Event) => void;\n  private _previouslyFocusedElement?: HTMLElement;\n  private _hostElement?: HTMLElement;\n  private _rootElement: HTMLElement;\n\n  constructor(component: IPopupComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, POPUP_CONSTANTS.selectors.CONTAINER);\n  }\n\n  public setAttribute(attribute: string, value: string, element?: HTMLElement): void {\n    if (element) {\n      element.setAttribute(attribute, value);\n    } else {\n      this._component.setAttribute(attribute, value);\n    }\n  }\n\n  public removeAttribute(attribute: string, element?: HTMLElement): void {\n    if (element) {\n      element.removeAttribute(attribute);\n    } else {\n      this._component.removeAttribute(attribute);\n    }\n  }\n\n  public async positionPopup(): Promise<void> {\n    const config: IPositionElementConfig = {\n      element: this._component,\n      targetElement: this._component.targetElement,\n      placement: this._component.placement,\n      hide: this._component.hideWhenClipped\n    };\n    if (this._component.offset) {\n      config.offset = this._component.offset;\n    }\n    const data: IPopupPositionEventData = await positionElementAsync(config);\n    emitEvent(this._component, POPUP_CONSTANTS.events.POSITION, data);\n  }\n\n  public addPopup(targetElement: HTMLElement, manageFocus: boolean): void {\n    this._component.setAttribute('tabindex', '-1');\n    this._component.setAttribute(POPUP_CONSTANTS.attributes.HOST, '');\n    const hostDocument = targetElement.ownerDocument || document;\n    this._hostElement = (closestElement(POPUP_CONSTANTS.selectors.HOST, targetElement) as HTMLElement) || hostDocument.body;\n    this._hostElement.appendChild(this._component);\n    this.positionPopup();\n\n    if (manageFocus) {\n      this._previouslyFocusedElement = getActiveElement() as HTMLElement;\n      this._component.focus();\n    }\n  }\n\n  public removePopup(manageFocus: boolean): void {\n    removeElement(this._component);\n\n    if (manageFocus) {\n      window.requestAnimationFrame(() => {\n        if (this._previouslyFocusedElement) {\n          const activeElement = getActiveElement();\n          if (!activeElement || activeElement === document.body) {\n            this._previouslyFocusedElement.focus();\n          }\n          this._previouslyFocusedElement = undefined;\n        }\n      });\n    }\n\n    this._hostElement = undefined;\n  }\n\n  public manageWindowEvents(add = false): void {\n    if (add) {\n      this._windowEventCallback = evt => this._windowInteraction(evt);\n      window.addEventListener('scroll', this._windowEventCallback, true);\n      window.addEventListener('resize', this._windowEventCallback, true);\n    } else {\n      if (this._windowEventCallback) {\n        window.removeEventListener('scroll', this._windowEventCallback, true);\n        window.removeEventListener('resize', this._windowEventCallback, true);\n        this._windowEventCallback = undefined;\n      }\n    }\n  }\n\n  public dispatchEvent(type: string, data?: any, bubbles?: boolean, cancelable?: boolean): boolean {\n    if (this._component.targetElement) {\n      return !emitEvent(this._component.targetElement, type, data, bubbles, cancelable);\n    }\n    return false;\n  }\n\n  public addClass(classes: string | string[]): void {\n    addClass(classes, this._rootElement);\n  }\n\n  public removeClass(classes: string | string[]): void {\n    removeClass(classes, this._rootElement);\n  }\n\n  public setAnimationEndListener(listener: (evt: TransitionEvent) => void, classes?: string | string[]): void {\n    window.requestAnimationFrame(() => {\n      if (classes && classes.length) {\n        addClass(classes, this._rootElement);\n      }\n      this._rootElement.addEventListener('transitionend', listener);\n    });\n  }\n\n  public removeEventListener(type: string, listener: (evt: Event) => void): void {\n    this._rootElement.removeEventListener(type, listener);\n  }\n\n  public setBlurListener(listener: () => void): () => void {\n    return notChildEventListener(this._component, activeElement => {\n      if (!this._component.contains(activeElement)) {\n        listener();\n      }\n      }, true );\n  }\n\n  public trySetInitialFocus(): void {\n    window.requestAnimationFrame(() => {\n      const elements = deepQuerySelectorAll(this._component, POPUP_CONSTANTS.selectors.INITIAL_FOCUS);\n      if (elements && elements.length) {\n        const initialElement = elements[elements.length - 1] as HTMLElement;\n        initialElement.focus();\n      }\n    });\n  }\n\n  private _windowInteraction(evt: Event): void {\n    if (!this._component.open) {\n      return;\n    }\n\n    switch (evt.type) {\n      case 'scroll':\n      case 'resize':\n        this.positionPopup();\n        break;\n      default:\n        break;\n    }\n  }\n}\n", "import { ICustomElementFoundation, isElement } from '@tylertech/forge-core';\nimport { IPopupAdapter } from './popup-adapter';\nimport { IPopupPosition, PopupAnimationType, PopupPlacement, PopupStateCallback, POPUP_CONSTANTS as constants, POPUP_CONSTANTS } from './popup-constants';\n\nexport interface IPopupFoundation extends ICustomElementFoundation {\n  targetElement: HTMLElement;\n  placement: PopupPlacement;\n  open: boolean;\n  manageFocus: boolean;\n  animationType: PopupAnimationType;\n  static: boolean;\n  offset: IPopupPosition;\n  hideWhenClipped: boolean;\n  position(): void;\n  openCallback: PopupStateCallback;\n  closeCallback: PopupStateCallback;\n}\n\nexport class PopupFoundation implements IPopupFoundation {\n  private _targetElement: HTMLElement;\n  private _placement: PopupPlacement = 'bottom-start';\n  private _open = false;\n  private _manageFocus = false;\n  private _animationType = PopupAnimationType.None;\n  private _static = false;\n  private _offset?: IPopupPosition;\n  private _hideWhenClipped = false;\n  private _destroyBlurListener: (() => void) | undefined;\n  private _openCallback: PopupStateCallback;\n  private _closeCallback: PopupStateCallback;\n  private _blurListener: () => void;\n\n  constructor(private _adapter: IPopupAdapter) {\n    this._blurListener = () => this._onBlur();\n  }\n\n  public disconnect(): void {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  private _openPopup(): void {\n    if (this._animationType !== PopupAnimationType.None) {\n      this._applyOpenAnimation();\n\n      if (this._animationType === PopupAnimationType.Dropdown) {\n        this._adapter.addClass(POPUP_CONSTANTS.classes.SELECT);\n      }\n    } else {\n      this._adapter.addClass(POPUP_CONSTANTS.classes.OPEN);\n    }\n\n    this._adapter.setAttribute(POPUP_CONSTANTS.attributes.OPEN, '');\n    this._adapter.addPopup(this.targetElement, this._manageFocus);\n    this._adapter.trySetInitialFocus();\n\n    if (this._destroyBlurListener) {\n      this._destroyBlurListener();\n    }\n\n    if (!this._static) {\n      this._destroyBlurListener = this._adapter.setBlurListener(this._blurListener);\n    }\n\n    this._adapter.manageWindowEvents(true);\n    this._adapter.dispatchEvent(constants.events.OPEN);\n  }\n\n  private _closePopup(): void {\n    if (this._destroyBlurListener) {\n      this._destroyBlurListener();\n      this._destroyBlurListener = undefined;\n    }\n\n    if (this._animationType !== PopupAnimationType.None) {\n      this._applyCloseAnimation();\n    } else {\n      this._destroyPopup();\n    }\n  }\n\n  private _destroyPopup(): void {\n    this._adapter.manageWindowEvents(false);\n    this._adapter.removePopup(this._manageFocus);\n    this._adapter.dispatchEvent(constants.events.CLOSE);\n    this._adapter.removeAttribute(POPUP_CONSTANTS.attributes.OPEN);\n  }\n\n  private _applyOpenAnimation(): void {\n    switch (this._animationType) {\n      case PopupAnimationType.Dropdown:\n      case PopupAnimationType.Menu:\n        this._adapter.addClass(POPUP_CONSTANTS.classes.OPENING);\n        const transitionEndListener = (evt: TransitionEvent): void => {\n          if (evt.propertyName === 'transform') {\n            this._adapter.removeClass(POPUP_CONSTANTS.classes.OPENING);\n            this._adapter.removeEventListener('transitionend', transitionEndListener);\n          }\n        };\n        this._adapter.setAnimationEndListener(transitionEndListener, POPUP_CONSTANTS.classes.OPEN);\n        break;\n    }\n  }\n\n  private _applyCloseAnimation(): void {\n    switch (this._animationType) {\n      case PopupAnimationType.Dropdown:\n      case PopupAnimationType.Menu:\n        this._adapter.removeClass(POPUP_CONSTANTS.classes.OPEN);\n        this._adapter.addClass(POPUP_CONSTANTS.classes.CLOSED);\n        const transitionEndListener = (evt: TransitionEvent): void => {\n          if (evt.propertyName === 'opacity') {\n            if (fallbackTimer) {\n              clearTimeout(fallbackTimer);\n            }\n            this._destroyPopup();\n          }\n        };\n        this._adapter.setAnimationEndListener(transitionEndListener);\n        const fallbackTimer = setTimeout(() => this._destroyPopup(), POPUP_CONSTANTS.numbers.ANIMATION_DURATION);\n        break;\n    }\n  }\n\n  private _onBlur(): void {\n    const cancelled = this._adapter.dispatchEvent(POPUP_CONSTANTS.events.BLUR, undefined, true, true);\n    if (!cancelled) {\n      this.open = false;\n    }\n  }\n\n  private _applyOpen(): void {\n    if (this._open) {\n      if (!this.targetElement || !isElement(this.targetElement)) {\n        throw new Error('targetElement on Popup component must be an HTMLElement');\n      }\n\n      if (typeof this._openCallback === 'function') {\n        this._executeOpenCallback();\n      } else {\n        this._openPopup();\n      }\n    } else {\n      if (typeof this._closeCallback === 'function') {\n        this._executeCloseCallback();\n      } else {\n        this._closePopup();\n      }\n    }\n  }\n\n  private async _executeOpenCallback(): Promise<void> {\n    try {\n      if (await Promise.resolve(this._openCallback()) !== false) {\n        this._openPopup();\n      } else {\n        this._open = false;\n      }\n    } catch (e) {\n      this._open = false;\n    }\n  }\n\n  private async _executeCloseCallback(): Promise<void> {\n    try {\n      if (await Promise.resolve(this._closeCallback()) !== false) {\n        this._closePopup();\n      } else {\n        this._open = true;\n      }\n    } catch (e) {\n      this._open = true;\n    }\n  }\n\n  public get targetElement(): HTMLElement {\n    return this._targetElement;\n  }\n  public set targetElement(element: HTMLElement) {\n    if (!element || !isElement(element)) {\n      throw new Error('targetElement on Popup component must be an HTMLElement');\n    }\n    this._targetElement = element;\n  }\n\n  public get placement(): PopupPlacement {\n    return this._placement;\n  }\n  public set placement(value: PopupPlacement) {\n    if (this._placement !== value) {\n      this._placement = value || 'bottom-start';\n      this._adapter.setAttribute(POPUP_CONSTANTS.attributes.PLACEMENT, this._placement);\n    }\n  }\n\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._open = value;\n      this._applyOpen();\n    }\n  }\n\n  public get manageFocus(): boolean {\n    return this._manageFocus;\n  }\n  public set manageFocus(value: boolean) {\n    if (this._manageFocus !== value) {\n      this._manageFocus = value;\n    }\n  }\n\n  public get animationType(): PopupAnimationType {\n    return this._animationType;\n  }\n  public set animationType(value: PopupAnimationType) {\n    if (this._animationType !== value) {\n      this._animationType = value;\n    }\n  }\n\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      if (this._static && this._destroyBlurListener) {\n        this._destroyBlurListener();\n        this._destroyBlurListener = undefined;\n      }\n    }\n  }\n\n  public get hideWhenClipped(): boolean {\n    return this._hideWhenClipped;\n  }\n  public set hideWhenClipped(value: boolean) {\n    if (this._hideWhenClipped !== value) {\n      this._hideWhenClipped = value;\n    }\n  }\n\n  public get offset(): IPopupPosition {\n    return this._offset ?? { x: 0, y: 0 };\n  }\n  public set offset(value: IPopupPosition) {\n    if (!value) {\n      this._offset = undefined;\n    } else {\n      this._offset = {\n        x: value.x ?? 0,\n        y: value.y ?? 0\n      };\n    }\n    if (this._open) {\n      this._adapter.positionPopup();\n    }\n  }\n\n  public get openCallback(): PopupStateCallback {\n    return this._openCallback;\n  }\n  public set openCallback(callback: PopupStateCallback) {\n    this._openCallback = callback;\n  }\n\n  public get closeCallback(): PopupStateCallback {\n    return this._closeCallback;\n  }\n  public set closeCallback(callback: PopupStateCallback) {\n    this._closeCallback = callback;\n  }\n\n  public position(): void {\n    this._adapter.positionPopup();\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty, isDefined } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { PopupAdapter } from './popup-adapter';\nimport { IPopupPosition, IPopupPositionEventData, PopupAnimationType, PopupPlacement, PopupStateCallback, POPUP_CONSTANTS } from './popup-constants';\nimport { PopupFoundation } from './popup-foundation';\n\n\nconst template = '<template><div class=\\\"forge-popup\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-popup{min-width:112px;min-width:var(--min-width,112px);background-color:#fff;background-color:var(--forge-theme-elevated-surface,#fff);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));color:#000;color:var(--mdc-theme-on-surface,#000);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:none;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:100%;margin:0;padding:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 24px 0;transform-origin:50% 24px 0;opacity:0;will-change:transform,opacity;-webkit-transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms cubic-bezier(0, 0, .2, 1)}.forge-popup::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-popup::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-popup::-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-popup::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-popup--opening{display:block;-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.forge-popup--closed{display:block;opacity:0;-webkit-transition:opacity 120ms linear;transition:opacity 120ms linear}.forge-popup--open{display:block;-webkit-transform:scale(1);transform:scale(1);opacity:1}.forge-popup--select{border-top-left-radius:0;border-top-right-radius:0;max-height:256px;overflow-y:auto}:host{z-index:10;z-index:var(--forge-z-index-popup,10);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;position:absolute;overflow:visible}:host([hidden]){display:none}';\n\nexport interface IPopupComponent extends IBaseComponent {\n  targetElement: HTMLElement;\n  placement: PopupPlacement;\n  open: boolean;\n  manageFocus: boolean;\n  animationType: PopupAnimationType;\n  static: boolean;\n  offset: IPopupPosition;\n  hideWhenClipped: boolean;\n  position(): void;\n  openCallback: PopupStateCallback;\n  closeCallback: PopupStateCallback;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-popup': IPopupComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-popup-open': CustomEvent<void>;\n    'forge-popup-close': CustomEvent<void>;\n    'forge-popup-position': CustomEvent<IPopupPositionEventData>;\n    'forge-popup-blur': CustomEvent<void>;\n  }\n}\n\n@CustomElement({\n  name: POPUP_CONSTANTS.elementName\n})\nexport class PopupComponent extends BaseComponent implements IPopupComponent {\n  private _foundation: PopupFoundation;\n\n  public static get observedAttributes(): string[] {\n    return [\n      POPUP_CONSTANTS.attributes.OPEN,\n      POPUP_CONSTANTS.attributes.PLACEMENT,\n      POPUP_CONSTANTS.attributes.MANAGE_FOCUS,\n      POPUP_CONSTANTS.attributes.ANIMATION_TYPE,\n      POPUP_CONSTANTS.attributes.STATIC,\n      POPUP_CONSTANTS.attributes.HIDE_WHEN_CLIPPED\n    ];\n  }\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new PopupFoundation(new PopupAdapter(this));\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 POPUP_CONSTANTS.attributes.OPEN:\n        this.open = isDefined(newValue);\n        break;\n      case POPUP_CONSTANTS.attributes.PLACEMENT:\n        this.placement = newValue as PopupPlacement;\n        break;\n      case POPUP_CONSTANTS.attributes.MANAGE_FOCUS:\n        this.manageFocus = coerceBoolean(newValue);\n        break;\n      case POPUP_CONSTANTS.attributes.ANIMATION_TYPE:\n        this.animationType = newValue as PopupAnimationType;\n        break;\n      case POPUP_CONSTANTS.attributes.STATIC:\n        this.static = coerceBoolean(newValue);\n        break;\n      case POPUP_CONSTANTS.attributes.HIDE_WHEN_CLIPPED:\n        this.hideWhenClipped = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public targetElement: HTMLElement;\n\n  @FoundationProperty()\n  public placement: PopupPlacement;\n\n  @FoundationProperty()\n  public open: boolean;\n\n  @FoundationProperty()\n  public manageFocus: boolean;\n\n  @FoundationProperty()\n  public animationType: PopupAnimationType;\n\n  @FoundationProperty()\n  public static: boolean;\n\n  @FoundationProperty()\n  public hideWhenClipped: boolean;\n\n  @FoundationProperty()\n  public openCallback: PopupStateCallback;\n\n  @FoundationProperty()\n  public closeCallback: PopupStateCallback;\n\n  @FoundationProperty()\n  public offset: IPopupPosition;\n\n  public position(): void {\n    this._foundation.position();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { PopupComponent } from './popup';\n\nexport * from './popup-adapter';\nexport * from './popup-constants';\nexport * from './popup-foundation';\nexport * from './popup';\n\nexport function definePopupComponent(): void {\n  defineCustomElement(PopupComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}