@tylertech/forge 2.8.0 → 2.10.0

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

@@ -1,603 +0,0 @@
-/**
- * @license
- * Copyright 2022 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import {
-  SWITCH_CONSTANTS
-} from "./chunk.TYU4RLZG.js";
-import {
-  RADIO_CONSTANTS
-} from "./chunk.4PF7WRP4.js";
-import {
-  CHECKBOX_CONSTANTS
-} from "./chunk.7UAH67PT.js";
-import {
-  BACKDROP_CONSTANTS,
-  BackdropComponent
-} from "./chunk.GXTNND2M.js";
-import {
-  getEventPath
-} from "./chunk.EY57VTRF.js";
-import {
-  ICON_BUTTON_CONSTANTS
-} from "./chunk.EBC2HGO3.js";
-import {
-  BaseAdapter
-} from "./chunk.KZATVOA6.js";
-import {
-  FoundationProperty
-} from "./chunk.MMIZOYAS.js";
-import {
-  COMPONENT_NAME_PREFIX,
-  CustomElement
-} from "./chunk.35U3UPDV.js";
-import {
-  attachShadowTemplate,
-  defineCustomElement,
-  getShadowElement
-} from "./chunk.K2PCTUVN.js";
-import {
-  deepQuerySelectorAll,
-  removeElement,
-  toggleClass
-} from "./chunk.4JURZYE4.js";
-import {
-  coerceBoolean
-} from "./chunk.MEFT5FQC.js";
-import {
-  __decorateClass,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.LM5TVNZY.js";
-
-// dist/build/lib/staging/src/bottom-sheet/bottom-sheet-constants.ts
-var elementName = `${COMPONENT_NAME_PREFIX}bottom-sheet`;
-var classes = {
-  DRAGGING: "forge-bottom-sheet--dragging",
-  FULLSCREEN: "forge-bottom-sheet--fullscreen",
-  OPEN: "forge-bottom-sheet--open",
-  SCROLLABLE: "forge-bottom-sheet--scrollable"
-};
-var attributes = {
-  BACKDROP_CLOSE: "backdrop-close",
-  ESCAPE_CLOSE: "escape-close",
-  FULLSCREEN: "fullscreen",
-  INITIAL_FOCUS: `${elementName}-focus`,
-  OPEN: `${elementName}-open`,
-  SHOW_BACKDROP: "show-backdrop"
-};
-var selectors = {
-  BACKDROP: BACKDROP_CONSTANTS.elementName,
-  CONTAINER: ".forge-bottom-sheet",
-  CONTENT_BODY: "[forge-bottom-sheet-body]",
-  INITIAL_FOCUS: `[${attributes.INITIAL_FOCUS}]`,
-  HOST: `[${elementName}-host]`
-};
-var events = {
-  BEFORE_CLOSE: `forge-bottom-sheet-before-close`,
-  CLOSE: `forge-bottom-sheet-close`,
-  OPEN: `forge-bottom-sheet-open`,
-  READY: `forge-bottom-sheet-ready`,
-  DRAG_START: `forge-bottom-sheet-drag-start`,
-  DRAGGED: `forge-bottom-sheet-dragged`,
-  DRAG_END: `forge-bottom-sheet-drag-end`,
-  DRAG_CANCEL: `forge-bottom-sheet-drag-cancel`,
-  FULLSCREEN: `forge-bottom-sheet-fullscreen`
-};
-var BOTTOM_SHEET_CONSTANTS = {
-  elementName,
-  classes,
-  selectors,
-  attributes,
-  events
-};
-
-// dist/build/lib/staging/src/bottom-sheet/bottom-sheet-adapter.ts
-var BottomSheetAdapter = class extends BaseAdapter {
-  constructor(component) {
-    super(component);
-    this._backdropElement = getShadowElement(component, BOTTOM_SHEET_CONSTANTS.selectors.BACKDROP);
-    this._containerElement = getShadowElement(component, BOTTOM_SHEET_CONSTANTS.selectors.CONTAINER);
-  }
-  initializeAccessibility() {
-    if (!this._component.hasAttribute("role")) {
-      this._component.setAttribute("role", "dialog");
-      this._component.setAttribute("aria-modal", "true");
-    }
-  }
-  setVisibility(visible) {
-    toggleClass(this._containerElement, visible, BOTTOM_SHEET_CONSTANTS.classes.OPEN);
-  }
-  attach() {
-    const hostElement = document.querySelector(BOTTOM_SHEET_CONSTANTS.selectors.HOST) || document.body;
-    hostElement.appendChild(this._component);
-  }
-  detach() {
-    removeElement(this._component);
-  }
-  registerTransitionEndHandler(handler) {
-    this._containerElement.addEventListener("transitionend", handler);
-  }
-  deregisterTransitionEndHandler(handler) {
-    this._containerElement.removeEventListener("transitionend", handler);
-  }
-  setBodyListener(type, listener, options) {
-    document.body.addEventListener(type, listener, options);
-  }
-  removeBodyListener(type, listener) {
-    document.body.removeEventListener(type, listener);
-  }
-  setDocumentListener(type, listener) {
-    document.addEventListener(type, listener);
-  }
-  removeDocumentListener(type, listener) {
-    document.removeEventListener(type, listener);
-  }
-  registerBackdropClickHandler(handler) {
-    this._backdropElement.addEventListener(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, handler);
-  }
-  deregisterBackdropClickHandler(handler) {
-    this._backdropElement.removeEventListener(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, handler);
-  }
-  getOpenBottomSheets(selector) {
-    return document.querySelectorAll(selector);
-  }
-  trySetInitialFocus() {
-    const elements = deepQuerySelectorAll(this._component, BOTTOM_SHEET_CONSTANTS.selectors.INITIAL_FOCUS);
-    if (elements && elements.length) {
-      const initialElement = elements[elements.length - 1];
-      initialElement.focus();
-    }
-  }
-  isScrollable() {
-    const contentElement = this._getContentElement();
-    return contentElement ? contentElement.scrollHeight > contentElement.offsetHeight : false;
-  }
-  isContentChild(el) {
-    const contentElement = this._getContentElement();
-    return contentElement ? contentElement.contains(el) : false;
-  }
-  initScrollable() {
-    const isScrollable = this.isScrollable();
-    toggleClass(this._component, isScrollable, BOTTOM_SHEET_CONSTANTS.classes.SCROLLABLE);
-    toggleClass(this._containerElement, isScrollable, BOTTOM_SHEET_CONSTANTS.classes.SCROLLABLE);
-  }
-  setDragging(isDragging) {
-    toggleClass(this._containerElement, isDragging, BOTTOM_SHEET_CONSTANTS.classes.DRAGGING);
-    toggleClass(this._component, isDragging, BOTTOM_SHEET_CONSTANTS.classes.DRAGGING);
-  }
-  setBackdropVisiblity(value) {
-    this._backdropElement.hidden = !value;
-  }
-  setFullscreen(value) {
-    toggleClass(this._containerElement, value, BOTTOM_SHEET_CONSTANTS.classes.FULLSCREEN);
-  }
-  tryLayoutChildren() {
-    const layoutChildren = [ICON_BUTTON_CONSTANTS.elementName, SWITCH_CONSTANTS.elementName, CHECKBOX_CONSTANTS.elementName, RADIO_CONSTANTS.elementName];
-    const commonLayoutElements = Array.from(this._component.querySelectorAll(layoutChildren.join(",")));
-    commonLayoutElements.filter((el) => typeof el.layout === "function").forEach((el) => el.layout());
-  }
-  setContainerHeight(height) {
-    if (height !== null) {
-      const percent = Math.min(100, 100 * height / window.innerHeight);
-      this._containerElement.style.maxHeight = `${percent}%`;
-    } else {
-      this._containerElement.style.removeProperty("max-height");
-    }
-  }
-  getContainerBounds() {
-    return this._containerElement.getBoundingClientRect();
-  }
-  setDragTargetHandler(type, listener) {
-    this._containerElement.addEventListener(type, listener);
-  }
-  removeDragTargetHandler(type, listener) {
-    this._containerElement.removeEventListener(type, listener);
-  }
-  setBodyScrollHandler(listener) {
-    const contentElement = this._getContentElement();
-    if (contentElement) {
-      contentElement.addEventListener("scroll", listener);
-    }
-  }
-  _getContentElement() {
-    const contentElements = Array.from(deepQuerySelectorAll(this._component, BOTTOM_SHEET_CONSTANTS.selectors.CONTENT_BODY, false));
-    return contentElements.length ? contentElements[0] : null;
-  }
-};
-
-// dist/build/lib/staging/src/bottom-sheet/bottom-sheet-foundation.ts
-var BottomSheetFoundation = class {
-  constructor(_adapter) {
-    this._adapter = _adapter;
-    this._open = false;
-    this._backdropClose = true;
-    this._escapeClose = true;
-    this._fullscreen = false;
-    this._showBackdrop = false;
-    this._isDragging = false;
-    this._bodyScrollHandler = () => this._onBodyScroll();
-    this._dragStartHandler = ($event) => this._onDragStart($event);
-    this._dragMoveHandler = ($event) => this._onDragMove($event);
-    this._dragEndHandler = () => this._onDragEnd();
-    this._dragCancelHandler = () => this._onDragCancel();
-    this._openTransitionEndHandler = (_evt) => this._onOpenTransitionEnd();
-    this._closeTransitionEndHandler = (_evt) => this._onCloseTransitionEnd();
-    this._documentKeydownHandler = (evt) => this._onDocumentKeydown(evt);
-    this._backdropClickHandler = (evt) => this._onBackdropClick(evt);
-  }
-  initialize() {
-    this._adapter.initializeAccessibility();
-  }
-  destroy() {
-    if (this._open) {
-      this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler);
-      this._adapter.removeDocumentListener("keydown", this._documentKeydownHandler);
-      this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler);
-    }
-  }
-  _setOpen(open) {
-    this._open = open;
-    if (this._open) {
-      this._openBottomSheet();
-    } else {
-      this._closeBottomSheet();
-    }
-    this._adapter.toggleHostAttribute(BOTTOM_SHEET_CONSTANTS.attributes.OPEN, this._open);
-  }
-  _openBottomSheet() {
-    this._adapter.attach();
-    this._adapter.setBodyAttribute(BOTTOM_SHEET_CONSTANTS.attributes.OPEN, "true");
-    this._adapter.registerTransitionEndHandler(this._openTransitionEndHandler);
-    this._setDocumentKeydownListener(this._escapeClose);
-    this._setBackdropClickListener(this._backdropClose);
-    window.requestAnimationFrame(() => {
-      window.requestAnimationFrame(() => {
-        this._adapter.setVisibility(true);
-        this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.OPEN);
-        this._adapter.trySetInitialFocus();
-        this._adapter.initScrollable();
-      });
-    });
-  }
-  _closeBottomSheet() {
-    this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler);
-    this._adapter.removeDocumentListener("keydown", this._documentKeydownHandler);
-    this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler);
-    this._adapter.registerTransitionEndHandler(this._closeTransitionEndHandler);
-    this._adapter.setVisibility(false);
-  }
-  _onCloseTransitionEnd() {
-    this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.CLOSE);
-    this._adapter.detach();
-    const openBottomSheets = this._adapter.getOpenBottomSheets(BOTTOM_SHEET_CONSTANTS.elementName);
-    if (!openBottomSheets.length) {
-      this._adapter.removeBodyAttribute(BOTTOM_SHEET_CONSTANTS.attributes.OPEN);
-    }
-  }
-  _onOpenTransitionEnd() {
-    if (!this._open) {
-      return;
-    }
-    this._adapter.deregisterTransitionEndHandler(this._openTransitionEndHandler);
-    this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.READY);
-    this._adapter.tryLayoutChildren();
-    if (this._adapter.isScrollable()) {
-      this._initScrollableHandlers();
-    }
-  }
-  _onDocumentKeydown(evt) {
-    evt.stopPropagation();
-    if (evt.key && (evt.key === "Escape" || evt.key === "Esc")) {
-      this._tryClose();
-    }
-  }
-  _onBackdropClick(evt) {
-    evt.stopPropagation();
-    this._tryClose();
-  }
-  async _tryClose() {
-    const isCancelled = !this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.BEFORE_CLOSE, void 0, void 0, true);
-    if (isCancelled) {
-      return;
-    }
-    if (!this._beforeCloseCallback) {
-      this.open = false;
-      return;
-    }
-    try {
-      const shouldClose = await Promise.resolve(this._beforeCloseCallback());
-      if (shouldClose) {
-        this.open = false;
-        return;
-      }
-    } catch (err) {
-      return;
-    }
-  }
-  _setBackdropClickListener(attach) {
-    if (!this._open) {
-      return;
-    }
-    if (attach) {
-      this._adapter.registerBackdropClickHandler(this._backdropClickHandler);
-    } else {
-      this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler);
-    }
-  }
-  _setDocumentKeydownListener(attach) {
-    if (!this._open) {
-      return;
-    }
-    if (attach) {
-      this._adapter.addDocumentListener("keydown", this._documentKeydownHandler);
-    } else {
-      this._adapter.removeDocumentListener("keydown", this._documentKeydownHandler);
-    }
-  }
-  set backdropClose(value) {
-    value = Boolean(value);
-    if (this._backdropClose !== value) {
-      this._backdropClose = value;
-      this._setBackdropClickListener(this._backdropClose);
-      this._adapter.toggleHostAttribute(BOTTOM_SHEET_CONSTANTS.attributes.BACKDROP_CLOSE, this._backdropClose);
-    }
-  }
-  get backdropClose() {
-    return this._backdropClose;
-  }
-  set escapeClose(value) {
-    value = Boolean(value);
-    if (this._escapeClose !== value) {
-      this._escapeClose = value;
-      this._setDocumentKeydownListener(this._escapeClose);
-      this._adapter.toggleHostAttribute(BOTTOM_SHEET_CONSTANTS.attributes.ESCAPE_CLOSE, this._escapeClose);
-    }
-  }
-  get escapeClose() {
-    return this._escapeClose;
-  }
-  get open() {
-    return this._open;
-  }
-  set open(value) {
-    if (this._open !== value) {
-      value = Boolean(value);
-      if (value !== this._open) {
-        const callback = value ? this._openCallback : this._closeCallback;
-        if (callback) {
-          Promise.resolve(callback()).then(() => {
-            this._setOpen(value);
-          }).catch(() => {
-          });
-        } else {
-          this._setOpen(value);
-        }
-      }
-    }
-  }
-  get fullscreen() {
-    return this._fullscreen;
-  }
-  set fullscreen(value) {
-    if (this._fullscreen !== value) {
-      this._fullscreen = value;
-      this._adapter.setFullscreen(this._fullscreen);
-      this._adapter.toggleHostAttribute(BOTTOM_SHEET_CONSTANTS.attributes.FULLSCREEN, this._fullscreen);
-    }
-  }
-  get showBackdrop() {
-    return this._showBackdrop;
-  }
-  set showBackdrop(value) {
-    if (this._showBackdrop !== value) {
-      this._showBackdrop = value;
-      this._adapter.setBackdropVisiblity(value);
-      this._adapter.toggleHostAttribute(BOTTOM_SHEET_CONSTANTS.attributes.SHOW_BACKDROP, this._showBackdrop);
-    }
-  }
-  get openCallback() {
-    return this._openCallback;
-  }
-  set openCallback(callback) {
-    this._openCallback = callback;
-  }
-  get closeCallback() {
-    return this._closeCallback;
-  }
-  set closeCallback(callback) {
-    this._closeCallback = callback;
-  }
-  get beforeCloseCallback() {
-    return this._beforeCloseCallback;
-  }
-  set beforeCloseCallback(callback) {
-    this._beforeCloseCallback = callback;
-  }
-  _initScrollableHandlers() {
-    if (!this._fullscreen && this._adapter.isScrollable()) {
-      this._adapter.setDragTargetHandler("mousedown", this._dragStartHandler);
-      this._adapter.setDragTargetHandler("touchstart", this._dragStartHandler);
-      this._adapter.setBodyScrollHandler(this._bodyScrollHandler);
-    }
-  }
-  _onBodyScroll() {
-    if (!this._fullscreen && !this._isDragging) {
-      this.fullscreen = true;
-      this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.FULLSCREEN, this._fullscreen);
-    }
-  }
-  _onDragStart(evt) {
-    if (this._fullscreen) {
-      const eventPath = getEventPath(evt);
-      const isWithinScrollContainer = this._adapter.isScrollable() && this._adapter.isContentChild(eventPath[0]);
-      if (isWithinScrollContainer) {
-        return;
-      }
-    }
-    evt.stopPropagation();
-    const bounds = this._adapter.getContainerBounds();
-    const clientY = evt instanceof MouseEvent ? evt.clientY : evt.touches[0].clientY;
-    this._dragContext = {
-      top: clientY - bounds.top,
-      height: bounds.height
-    };
-    this._adapter.setBodyListener("mousemove", this._dragMoveHandler, { passive: false });
-    this._adapter.setBodyListener("touchmove", this._dragMoveHandler, { passive: false });
-    this._adapter.setBodyListener("mouseup", this._dragEndHandler);
-    this._adapter.setBodyListener("touchend", this._dragEndHandler);
-    this._adapter.setBodyListener("touchcancel", this._dragCancelHandler);
-  }
-  _onDragMove(evt) {
-    evt.stopPropagation();
-    evt.preventDefault();
-    if (!this._dragContext) {
-      return;
-    }
-    const clientY = evt instanceof MouseEvent ? evt.clientY : evt.touches[0].clientY;
-    const height = { y: window.innerHeight - clientY + this._dragContext.top };
-    if (!this._isDragging) {
-      this._isDragging = true;
-      const canDrag = this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.DRAG_START, height, true, true);
-      if (!canDrag) {
-        return;
-      }
-      this._adapter.setDragging(true);
-    }
-    const newPosition = this._fullscreen ? height : { y: Math.max(height.y, this._dragContext.height) };
-    if (!this._lastPosition || newPosition.y !== this._lastPosition.y) {
-      const canMove = this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.DRAGGED, newPosition, true, true);
-      if (canMove) {
-        this._lastPosition = __spreadProps(__spreadValues({}, newPosition), { clientY });
-        this._adapter.setContainerHeight(newPosition.y);
-      }
-    }
-  }
-  _onDragEnd() {
-    if (this._lastPosition) {
-      const clientY = this._lastPosition.clientY;
-      const dragContext = this._dragContext;
-      if (dragContext) {
-        if (this._fullscreen && clientY > 0) {
-          this.fullscreen = false;
-          this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.FULLSCREEN, this._fullscreen);
-        } else if (!this._fullscreen && clientY < dragContext.height + dragContext.top) {
-          this.fullscreen = true;
-          this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.FULLSCREEN, this._fullscreen);
-        }
-      }
-    }
-    if (this._isDragging) {
-      this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.DRAG_END);
-    }
-    this._dragComplete();
-  }
-  _onDragCancel() {
-    if (this._isDragging) {
-      this._adapter.emitHostEvent(BOTTOM_SHEET_CONSTANTS.events.DRAG_CANCEL);
-    }
-    this._dragComplete();
-  }
-  _dragComplete() {
-    this._adapter.setDragging(false);
-    this._adapter.removeBodyListener("mousemove", this._dragMoveHandler);
-    this._adapter.removeBodyListener("touchmove", this._dragMoveHandler);
-    this._adapter.removeBodyListener("mouseup", this._dragEndHandler);
-    this._adapter.removeBodyListener("touchend", this._dragEndHandler);
-    this._adapter.removeBodyListener("touchcancel", this._dragCancelHandler);
-    this._adapter.setContainerHeight(null);
-    this._lastPosition = void 0;
-    this._dragContext = void 0;
-    this._isDragging = false;
-  }
-};
-
-// dist/build/lib/staging/src/bottom-sheet/bottom-sheet.ts
-var template = '<template><forge-backdrop hidden part="backdrop"></forge-backdrop><div class="forge-bottom-sheet" part="root"><slot></slot></div></template>';
-var styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}.forge-bottom-sheet{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);border-radius:4px 4px 0 0;border-radius:var(--forge-bottom-sheet-border-radius,4px 4px 0 0);max-width:50%;max-width:var(--forge-bottom-sheet-desktop-max-width,50%);-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;right:0;left:0;max-height:50%;margin:0 auto;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1);transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in,transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1),-webkit-transform var(--forge-bottom-sheet-transition-duration-close, 200ms) cubic-bezier(.4, 0, .2, 1)}@media (max-width:600px){.forge-bottom-sheet{max-width:100%;width:100%;margin:0;border-radius:0}}.forge-bottom-sheet--open{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:var(--forge-bottom-sheet-transition-duration, 250ms);transition-duration:var(--forge-bottom-sheet-transition-duration, 250ms)}.forge-bottom-sheet--fullscreen.forge-bottom-sheet--open{height:100%;max-height:100%;-webkit-transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in;transition:max-height var(--forge-bottom-sheet-transition-duration, 250ms) ease-in}.forge-bottom-sheet--dragging{-webkit-transition:none!important;transition:none!important}.forge-bottom-sheet--scrollable{height:100%}:host{z-index:8;z-index:var(--forge-z-index-dialog,8);position:fixed}:host forge-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed}:host([hidden]){display:none}';
-var BottomSheetComponent = class extends HTMLElement {
-  constructor() {
-    super();
-    attachShadowTemplate(this, template, styles);
-    this._foundation = new BottomSheetFoundation(new BottomSheetAdapter(this));
-  }
-  static get observedAttributes() {
-    return [
-      BOTTOM_SHEET_CONSTANTS.attributes.BACKDROP_CLOSE,
-      BOTTOM_SHEET_CONSTANTS.attributes.ESCAPE_CLOSE,
-      BOTTOM_SHEET_CONSTANTS.attributes.OPEN,
-      BOTTOM_SHEET_CONSTANTS.attributes.FULLSCREEN,
-      BOTTOM_SHEET_CONSTANTS.attributes.SHOW_BACKDROP
-    ];
-  }
-  connectedCallback() {
-    this._foundation.initialize();
-  }
-  disconnectedCallback() {
-    this._foundation.destroy();
-  }
-  attributeChangedCallback(name, _oldValue, newValue) {
-    switch (name) {
-      case BOTTOM_SHEET_CONSTANTS.attributes.BACKDROP_CLOSE:
-        this.backdropClose = coerceBoolean(newValue);
-        break;
-      case BOTTOM_SHEET_CONSTANTS.attributes.ESCAPE_CLOSE:
-        this.escapeClose = coerceBoolean(newValue);
-        break;
-      case BOTTOM_SHEET_CONSTANTS.attributes.OPEN:
-        this.open = coerceBoolean(newValue);
-        break;
-      case BOTTOM_SHEET_CONSTANTS.attributes.FULLSCREEN:
-        this.fullscreen = coerceBoolean(newValue);
-        break;
-      case BOTTOM_SHEET_CONSTANTS.attributes.SHOW_BACKDROP:
-        this.showBackdrop = coerceBoolean(newValue);
-        break;
-    }
-  }
-};
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "backdropClose", 2);
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "escapeClose", 2);
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "open", 2);
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "fullscreen", 2);
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "showBackdrop", 2);
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "openCallback", 2);
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "closeCallback", 2);
-__decorateClass([
-  FoundationProperty()
-], BottomSheetComponent.prototype, "beforeCloseCallback", 2);
-BottomSheetComponent = __decorateClass([
-  CustomElement({
-    name: BOTTOM_SHEET_CONSTANTS.elementName,
-    dependencies: [BackdropComponent]
-  })
-], BottomSheetComponent);
-
-// dist/build/lib/staging/src/bottom-sheet/index.ts
-function defineBottomSheetComponent() {
-  defineCustomElement(BottomSheetComponent);
-}
-
-export {
-  BOTTOM_SHEET_CONSTANTS,
-  BottomSheetAdapter,
-  BottomSheetFoundation,
-  BottomSheetComponent,
-  defineBottomSheetComponent
-};
-//# sourceMappingURL=chunk.QWW6A7AF.js.map