@tylertech/forge 2.8.0 → 2.10.0

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

@@ -1,552 +0,0 @@
-/**
- * @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.DLF5JAQO.js.map