@tylertech/forge 2.8.0 → 2.10.0

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

@@ -1,458 +0,0 @@
-/**
- * @license
- * Copyright 2022 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import {
-  ViewComponent
-} from "./chunk.THKWQXBJ.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,
-  defineCustomElement,
-  getShadowElement
-} from "./chunk.K2PCTUVN.js";
-import {
-  removeClass
-} from "./chunk.4JURZYE4.js";
-import {
-  coerceNumber,
-  isDefined
-} from "./chunk.MEFT5FQC.js";
-import {
-  __decorateClass
-} from "./chunk.LM5TVNZY.js";
-
-// dist/build/lib/staging/src/view-switcher/view-switcher-constants.ts
-var elementName = `${COMPONENT_NAME_PREFIX}view-switcher`;
-var classes = {
-  ROOT: "forge-view-switcher",
-  VIEW_HIDDEN: "forge-view-switcher__view--hidden",
-  VIEW_SWITCHER_SLIDE: "forge-view-switcher--slide",
-  VIEW_SWITCHER_FADE: "forge-view-switcher--fade"
-};
-var selectors = {
-  ROOT: `.${classes.ROOT}`,
-  DEFAULT_SLOT: "slot:not([name])",
-  VIEW_HIDDEN: `.${classes.VIEW_HIDDEN}`
-};
-var attributes = {
-  INDEX: "index",
-  ANIMATION_TYPE: "animation-type"
-};
-var numbers = {
-  DEFAULT_TRANSITION_DURATION: 500
-};
-var VIEW_SWITCHER_CONSTANTS = {
-  elementName,
-  attributes,
-  classes,
-  selectors,
-  numbers
-};
-var ViewAnimationDirection = /* @__PURE__ */ ((ViewAnimationDirection2) => {
-  ViewAnimationDirection2["Left"] = "left";
-  ViewAnimationDirection2["Right"] = "right";
-  return ViewAnimationDirection2;
-})(ViewAnimationDirection || {});
-var ViewSwitcherAnimationType = /* @__PURE__ */ ((ViewSwitcherAnimationType3) => {
-  ViewSwitcherAnimationType3["None"] = "none";
-  ViewSwitcherAnimationType3["Slide"] = "slide";
-  ViewSwitcherAnimationType3["Fade"] = "fade";
-  return ViewSwitcherAnimationType3;
-})(ViewSwitcherAnimationType || {});
-
-// dist/build/lib/staging/src/view-switcher/view-switcher-adapter.ts
-var ViewSwitcherAdapter = class extends BaseAdapter {
-  constructor(component) {
-    super(component);
-    this._rootElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.ROOT);
-    this._slotElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.DEFAULT_SLOT);
-  }
-  getViewCount() {
-    return this._getViews().length;
-  }
-  startViewObserver(callback) {
-    this._viewObserver = new MutationObserver(callback);
-    this._viewObserver.observe(this._component, { childList: true });
-  }
-  stopViewObserver() {
-    if (this._viewObserver) {
-      this._viewObserver.disconnect();
-    }
-  }
-  initializeSlideViews(index) {
-    let views = this._getViews();
-    views.forEach((view, i) => {
-      view.style.removeProperty("opacity");
-      view.style.removeProperty("display");
-      if (i === index) {
-        views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-        view.style.removeProperty("visibility");
-        return;
-      }
-      view.style.transition = "none";
-      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-      view.style.visibility = "hidden";
-      if (i > index) {
-        view.style.transform = "translate3d(100%, 0, 0)";
-      } else {
-        view.style.transform = "translate3d(-100%, 0, 0)";
-      }
-    });
-    window.requestAnimationFrame(() => {
-      views = this._getViews();
-      views.forEach((v, i) => {
-        if (i === index) {
-          return;
-        }
-        v.style.removeProperty("transition");
-      });
-    });
-  }
-  initializeFadeViews(index) {
-    const views = this._getViews();
-    views.forEach((view, i) => {
-      view.style.removeProperty("transform");
-      view.style.removeProperty("display");
-      if (i === index) {
-        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-        view.style.removeProperty("visibility");
-        return;
-      }
-      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-      view.style.visibility = "hidden";
-    });
-    if (views[index]) {
-      views[index].style.opacity = "1";
-    }
-  }
-  setActiveView(index) {
-    const views = this._getViews();
-    views.forEach((view, i) => {
-      if (i === index) {
-        return;
-      }
-      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-      view.style.display = "none";
-    });
-    if (views[index]) {
-      views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-      views[index].style.removeProperty("display");
-    }
-  }
-  hideInactiveViews(index) {
-    const views = this._getViews();
-    views.forEach((view, i) => {
-      view.style.removeProperty("opacity");
-      view.style.removeProperty("transform");
-      view.style.removeProperty("visibility");
-      if (i === index) {
-        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-        return;
-      }
-      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-      view.style.display = "none";
-    });
-  }
-  async transitionToView(fromIndex, toIndex, animationType, direction) {
-    const views = this._getViews();
-    const fromView = views[fromIndex];
-    const toView = views[toIndex];
-    return new Promise((resolve) => {
-      toView.style.removeProperty("visibility");
-      window.requestAnimationFrame(() => {
-        let transitionProp;
-        switch (animationType) {
-          case "slide" /* Slide */:
-            this._slideToView(fromView, toView, direction);
-            transitionProp = "transform";
-            break;
-          case "fade" /* Fade */:
-            this._fadeToView(fromView, toView);
-            transitionProp = "opacity";
-            break;
-          default:
-            return;
-        }
-        this._animateHeight(fromView, toView);
-        if (fromView) {
-          fromView.addEventListener("transitionend", transitionEndHandler);
-        } else {
-          toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-        }
-        function transitionEndHandler(evt) {
-          if (evt.propertyName === transitionProp) {
-            fromView.removeEventListener("transitionend", transitionEndHandler);
-            toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);
-            resolve();
-          }
-        }
-      });
-    });
-  }
-  _slideToView(fromView, toView, direction) {
-    if (direction === "left" /* Left */) {
-      if (fromView) {
-        fromView.style.transform = "translate3d(-100%, 0, 0)";
-      }
-      toView.style.transform = "translate3d(0, 0, 0)";
-    } else {
-      if (fromView) {
-        fromView.style.transform = "translate3d(100%, 0, 0)";
-      }
-      toView.style.transform = "translate3d(0, 0, 0)";
-    }
-  }
-  _fadeToView(fromView, toView) {
-    if (fromView) {
-      fromView.style.opacity = "0";
-    }
-    toView.style.opacity = "1";
-  }
-  _animateHeight(fromView, toView) {
-    const fromViewHeight = fromView ? this._getViewHeight(fromView) : 0;
-    const toViewHeight = this._getViewHeight(toView);
-    if (fromViewHeight !== toViewHeight) {
-      this._rootElement.addEventListener("transitionend", this._onRootTransitionEnd.bind(this));
-      this._setHeight(fromViewHeight);
-      window.requestAnimationFrame(() => {
-        window.requestAnimationFrame(() => {
-          this._setHeight(toViewHeight);
-        });
-      });
-    }
-  }
-  _onRootTransitionEnd(evt) {
-    if (evt.propertyName === "height") {
-      this._rootElement.removeEventListener("transitionend", this._onRootTransitionEnd);
-      this._rootElement.style.removeProperty("height");
-    }
-  }
-  setAnimationType(type) {
-    removeClass([VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE, VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE], this._component);
-    switch (type) {
-      case "slide" /* Slide */:
-        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE);
-        break;
-      case "fade" /* Fade */:
-        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE);
-        break;
-    }
-  }
-  _getViews() {
-    return this._slotElement.assignedNodes().filter((n) => n.nodeType === 1);
-  }
-  _setHeight(viewHeight) {
-    this._rootElement.style.height = `${viewHeight}px`;
-  }
-  _getViewHeight(view) {
-    let height = 0;
-    const elements = view.children.length ? Array.from(view.children) : [view];
-    for (const element of elements) {
-      const styles2 = window.getComputedStyle(element);
-      const margin = parseFloat(styles2.marginTop) + parseFloat(styles2.marginBottom);
-      height += Math.ceil(element.offsetHeight + margin);
-    }
-    return height;
-  }
-};
-
-// dist/build/lib/staging/src/view-switcher/view-switcher-foundation.ts
-var ViewSwitcherFoundation = class {
-  constructor(_adapter) {
-    this._adapter = _adapter;
-    this._viewCount = 0;
-    this._viewIndex = 0;
-    this._animationType = "none" /* None */;
-    this._viewsChangedListener = () => this._onViewsChanged();
-  }
-  initialize() {
-    this._viewCount = this._adapter.getViewCount();
-    this._adapter.startViewObserver(this._viewsChangedListener);
-    this._adapter.setAnimationType(this._animationType);
-    if (this._viewCount) {
-      this._initializeAnimationType();
-    }
-  }
-  disconnect() {
-    this._adapter.stopViewObserver();
-  }
-  _initializeAnimationType() {
-    switch (this._animationType) {
-      case "slide" /* Slide */:
-        this._adapter.initializeSlideViews(this._viewIndex);
-        break;
-      case "fade" /* Fade */:
-        this._adapter.initializeFadeViews(this._viewIndex);
-        break;
-      case "none" /* None */:
-      default:
-        this._adapter.hideInactiveViews(this._viewIndex);
-        break;
-    }
-  }
-  _onViewsChanged() {
-    this._viewCount = this._adapter.getViewCount();
-    if (this._viewCount === 0) {
-      this._viewIndex = 0;
-    }
-    if (this._viewCount) {
-      this._initializeAnimationType();
-    }
-    if (this._viewCount > 0 && this._viewIndex >= this._viewCount) {
-      const currIndex = this._viewIndex;
-      this._viewIndex = this._viewCount > 0 ? this._viewCount - 1 : 0;
-      this._goToView(currIndex, this._viewCount);
-    }
-  }
-  async _goToView(fromIndex, viewCount) {
-    this._viewCount = !isDefined(viewCount) ? this._adapter.getViewCount() : viewCount;
-    const isValidIndex = this._viewIndex >= 0 && this._viewIndex <= this._viewCount - 1;
-    if (!isValidIndex || fromIndex === this._clampedViewIndex(this._viewIndex, this._viewCount)) {
-      return;
-    }
-    switch (this._animationType) {
-      case "slide" /* Slide */:
-        const animationDirection = this._viewIndex > fromIndex ? "left" /* Left */ : "right" /* Right */;
-        await this._adapter.transitionToView(fromIndex, this._viewIndex, "slide" /* Slide */, animationDirection);
-        this._adapter.initializeSlideViews(this._viewIndex);
-        break;
-      case "fade" /* Fade */:
-        await this._adapter.transitionToView(fromIndex, this._viewIndex, "fade" /* Fade */);
-        this._adapter.initializeFadeViews(this._viewIndex);
-        break;
-      case "none" /* None */:
-      default:
-        this._adapter.setActiveView(this._viewIndex);
-        break;
-    }
-  }
-  _clampedViewIndex(viewIndex, viewCount) {
-    if (viewIndex < 0) {
-      viewIndex = 0;
-    } else if (viewIndex > viewCount - 1) {
-      viewIndex = viewCount > 0 ? viewCount - 1 : 0;
-    }
-    return viewIndex;
-  }
-  next() {
-    this.index++;
-  }
-  previous() {
-    this.index--;
-  }
-  goToStart() {
-    this.index = 0;
-  }
-  goToEnd() {
-    this.index = this._viewCount - 1;
-  }
-  get index() {
-    return this._viewIndex;
-  }
-  set index(value) {
-    if (this._viewIndex !== value) {
-      const currIndex = this._viewIndex;
-      this._viewIndex = value;
-      this._goToView(currIndex);
-      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.INDEX, this._viewIndex.toString());
-    }
-  }
-  get animationType() {
-    return this._animationType;
-  }
-  set animationType(value) {
-    if (this._animationType !== value) {
-      this._animationType = value;
-      this._initializeAnimationType();
-      this._adapter.setAnimationType(this._animationType);
-      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE, this._animationType);
-    }
-  }
-};
-
-// dist/build/lib/staging/src/view-switcher/view-switcher.ts
-var template = '<template><div class="forge-view-switcher" part="root"><slot></slot></div></template>';
-var styles = ".forge-view-switcher{height:auto;height:var(--forge-view-switcher-height,auto);position:relative;overflow:hidden;-webkit-transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1)}.forge-view-switcher ::slotted(.forge-view-switcher__view--hidden){position:absolute;top:0;right:0;bottom:0;left:0}:host{height:auto;height:var(--forge-view-switcher-height,auto);display:block}:host([hidden]){display:none}:host(.forge-view-switcher--slide) ::slotted(forge-view){-webkit-transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1),-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:transform}:host(.forge-view-switcher--fade) ::slotted(forge-view){-webkit-transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:opacity}:host(.forge-view-switcher--fade) ::slotted(.forge-view-switcher__view--hidden){opacity:0}";
-var ViewSwitcherComponent = class extends BaseComponent {
-  constructor() {
-    super();
-    attachShadowTemplate(this, template, styles);
-    this._foundation = new ViewSwitcherFoundation(new ViewSwitcherAdapter(this));
-  }
-  static get observedAttributes() {
-    return [
-      VIEW_SWITCHER_CONSTANTS.attributes.INDEX,
-      VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE
-    ];
-  }
-  connectedCallback() {
-    this._foundation.initialize();
-  }
-  disconnectedCallback() {
-    this._foundation.disconnect();
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case VIEW_SWITCHER_CONSTANTS.attributes.INDEX:
-        this.index = coerceNumber(newValue);
-        break;
-      case VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE:
-        this.animationType = newValue;
-        break;
-    }
-  }
-  next() {
-    this._foundation.next();
-  }
-  previous() {
-    this._foundation.previous();
-  }
-  goToStart() {
-    this._foundation.goToStart();
-  }
-  goToEnd() {
-    this._foundation.goToEnd();
-  }
-};
-__decorateClass([
-  FoundationProperty()
-], ViewSwitcherComponent.prototype, "index", 2);
-__decorateClass([
-  FoundationProperty()
-], ViewSwitcherComponent.prototype, "animationType", 2);
-ViewSwitcherComponent = __decorateClass([
-  CustomElement({
-    name: VIEW_SWITCHER_CONSTANTS.elementName,
-    dependencies: [ViewComponent]
-  })
-], ViewSwitcherComponent);
-
-// dist/build/lib/staging/src/view-switcher/index.ts
-function defineViewSwitcherComponent() {
-  defineCustomElement(ViewSwitcherComponent);
-}
-
-export {
-  VIEW_SWITCHER_CONSTANTS,
-  ViewAnimationDirection,
-  ViewSwitcherAnimationType,
-  ViewSwitcherAdapter,
-  ViewSwitcherFoundation,
-  ViewSwitcherComponent,
-  defineViewSwitcherComponent
-};
-//# sourceMappingURL=chunk.LX2HDAIF.js.map