@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.7FC5CPLE.js

@@ -0,0 +1,603 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  SWITCH_CONSTANTS
+} from "./chunk.7XGNGXLR.js";
+import {
+  RADIO_CONSTANTS
+} from "./chunk.VTXXZ5KT.js";
+import {
+  CHECKBOX_CONSTANTS
+} from "./chunk.KCK3G74Y.js";
+import {
+  BACKDROP_CONSTANTS,
+  BackdropComponent
+} from "./chunk.2NUAEZY7.js";
+import {
+  getEventPath
+} from "./chunk.EY57VTRF.js";
+import {
+  ICON_BUTTON_CONSTANTS
+} from "./chunk.7Y4NHCJH.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.7FC5CPLE.js.map