@matter-server/dashboard 0.2.0-alpha.0-00000000-000000000 → 0.2.0

package/dist/web/js/prevent_default-D4GG_QeD.js

@@ -1,814 +0,0 @@
-import { E as EASING, m as mixinDelegatesAria, i, _ as __decorate, n, e, r, b, f as e$1, A, a as i$1, t } from './matter-dashboard-app-BazvuIIi.js';
-
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * Re-dispatches an event from the provided element.
- *
- * This function is useful for forwarding non-composed events, such as `change`
- * events.
- *
- * @example
- * class MyInput extends LitElement {
- *   render() {
- *     return html`<input @change=${this.redispatchEvent}>`;
- *   }
- *
- *   protected redispatchEvent(event: Event) {
- *     redispatchEvent(this, event);
- *   }
- * }
- *
- * @param element The element to dispatch the event from.
- * @param event The event to re-dispatch.
- * @return Whether or not the event was dispatched (if cancelable).
- */
-function redispatchEvent(element, event) {
-  // For bubbling events in SSR light DOM (or composed), stop their propagation
-  // and dispatch the copy.
-  if (event.bubbles && (!element.shadowRoot || event.composed)) {
-    event.stopPropagation();
-  }
-  const copy = Reflect.construct(event.constructor, [event.type, event]);
-  const dispatched = element.dispatchEvent(copy);
-  if (!dispatched) {
-    event.preventDefault();
-  }
-  return dispatched;
-}
-
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * The default dialog open animation.
- */
-const DIALOG_DEFAULT_OPEN_ANIMATION = {
-  dialog: [[
-  // Dialog slide down
-  [{
-    'transform': 'translateY(-50px)'
-  }, {
-    'transform': 'translateY(0)'
-  }], {
-    duration: 500,
-    easing: EASING.EMPHASIZED
-  }]],
-  scrim: [[
-  // Scrim fade in
-  [{
-    'opacity': 0
-  }, {
-    'opacity': 0.32
-  }], {
-    duration: 500,
-    easing: 'linear'
-  }]],
-  container: [[
-  // Container fade in
-  [{
-    'opacity': 0
-  }, {
-    'opacity': 1
-  }], {
-    duration: 50,
-    easing: 'linear',
-    pseudoElement: '::before'
-  }], [
-  // Container grow
-  // Note: current spec says to grow from 0dp->100% and shrink from
-  // 100%->35%. We change this to 35%->100% to simplify the animation that
-  // is supposed to clip content as it grows. From 0dp it's possible to see
-  // text/actions appear before the container has fully grown.
-  [{
-    'height': '35%'
-  }, {
-    'height': '100%'
-  }], {
-    duration: 500,
-    easing: EASING.EMPHASIZED,
-    pseudoElement: '::before'
-  }]],
-  headline: [[
-  // Headline fade in
-  [{
-    'opacity': 0
-  }, {
-    'opacity': 0,
-    offset: 0.2
-  }, {
-    'opacity': 1
-  }], {
-    duration: 250,
-    easing: 'linear',
-    fill: 'forwards'
-  }]],
-  content: [[
-  // Content fade in
-  [{
-    'opacity': 0
-  }, {
-    'opacity': 0,
-    offset: 0.2
-  }, {
-    'opacity': 1
-  }], {
-    duration: 250,
-    easing: 'linear',
-    fill: 'forwards'
-  }]],
-  actions: [[
-  // Actions fade in
-  [{
-    'opacity': 0
-  }, {
-    'opacity': 0,
-    offset: 0.5
-  }, {
-    'opacity': 1
-  }], {
-    duration: 300,
-    easing: 'linear',
-    fill: 'forwards'
-  }]]
-};
-/**
- * The default dialog close animation.
- */
-const DIALOG_DEFAULT_CLOSE_ANIMATION = {
-  dialog: [[
-  // Dialog slide up
-  [{
-    'transform': 'translateY(0)'
-  }, {
-    'transform': 'translateY(-50px)'
-  }], {
-    duration: 150,
-    easing: EASING.EMPHASIZED_ACCELERATE
-  }]],
-  scrim: [[
-  // Scrim fade out
-  [{
-    'opacity': 0.32
-  }, {
-    'opacity': 0
-  }], {
-    duration: 150,
-    easing: 'linear'
-  }]],
-  container: [[
-  // Container shrink
-  [{
-    'height': '100%'
-  }, {
-    'height': '35%'
-  }], {
-    duration: 150,
-    easing: EASING.EMPHASIZED_ACCELERATE,
-    pseudoElement: '::before'
-  }], [
-  // Container fade out
-  [{
-    'opacity': '1'
-  }, {
-    'opacity': '0'
-  }], {
-    delay: 100,
-    duration: 50,
-    easing: 'linear',
-    pseudoElement: '::before'
-  }]],
-  headline: [[
-  // Headline fade out
-  [{
-    'opacity': 1
-  }, {
-    'opacity': 0
-  }], {
-    duration: 100,
-    easing: 'linear',
-    fill: 'forwards'
-  }]],
-  content: [[
-  // Content fade out
-  [{
-    'opacity': 1
-  }, {
-    'opacity': 0
-  }], {
-    duration: 100,
-    easing: 'linear',
-    fill: 'forwards'
-  }]],
-  actions: [[
-  // Actions fade out
-  [{
-    'opacity': 1
-  }, {
-    'opacity': 0
-  }], {
-    duration: 100,
-    easing: 'linear',
-    fill: 'forwards'
-  }]]
-};
-
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-// Separate variable needed for closure.
-const dialogBaseClass = mixinDelegatesAria(i);
-/**
- * A dialog component.
- *
- * @fires open {Event} Dispatched when the dialog is opening before any animations.
- * @fires opened {Event} Dispatched when the dialog has opened after any animations.
- * @fires close {Event} Dispatched when the dialog is closing before any animations.
- * @fires closed {Event} Dispatched when the dialog has closed after any animations.
- * @fires cancel {Event} Dispatched when the dialog has been canceled by clicking
- * on the scrim or pressing Escape.
- */
-class Dialog extends dialogBaseClass {
-  // We do not use `delegatesFocus: true` due to a Chromium bug with
-  // selecting text.
-  // See https://bugs.chromium.org/p/chromium/issues/detail?id=950357
-  /**
-   * Opens the dialog when set to `true` and closes it when set to `false`.
-   */
-  get open() {
-    return this.isOpen;
-  }
-  set open(open) {
-    if (open === this.isOpen) {
-      return;
-    }
-    this.isOpen = open;
-    if (open) {
-      this.setAttribute('open', '');
-      this.show();
-    } else {
-      this.removeAttribute('open');
-      this.close();
-    }
-  }
-  constructor() {
-    super();
-    /**
-     * Skips the opening and closing animations.
-     */
-    this.quick = false;
-    /**
-     * Gets or sets the dialog's return value, usually to indicate which button
-     * a user pressed to close it.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/returnValue
-     */
-    this.returnValue = '';
-    /**
-     * Disables focus trapping, which by default keeps keyboard Tab navigation
-     * within the dialog.
-     *
-     * When disabled, after focusing the last element of a dialog, pressing Tab
-     * again will release focus from the window back to the browser (such as the
-     * URL bar).
-     *
-     * Focus trapping is recommended for accessibility, and should not typically
-     * be disabled. Only turn this off if the use case of a dialog is more
-     * accessible without focus trapping.
-     */
-    this.noFocusTrap = false;
-    /**
-     * Gets the opening animation for a dialog. Set to a new function to customize
-     * the animation.
-     */
-    this.getOpenAnimation = () => DIALOG_DEFAULT_OPEN_ANIMATION;
-    /**
-     * Gets the closing animation for a dialog. Set to a new function to customize
-     * the animation.
-     */
-    this.getCloseAnimation = () => DIALOG_DEFAULT_CLOSE_ANIMATION;
-    this.isOpen = false;
-    this.isOpening = false;
-    this.isConnectedPromise = this.getIsConnectedPromise();
-    this.isAtScrollTop = false;
-    this.isAtScrollBottom = false;
-    this.nextClickIsFromContent = false;
-    // Dialogs should not be SSR'd while open, so we can just use runtime checks.
-    this.hasHeadline = false;
-    this.hasActions = false;
-    this.hasIcon = false;
-    // See https://bugs.chromium.org/p/chromium/issues/detail?id=1512224
-    // Chrome v120 has a bug where escape keys do not trigger cancels. If we get
-    // a dialog "close" event that is triggered without a "cancel" after an escape
-    // keydown, then we need to manually trigger our closing logic.
-    //
-    // This bug occurs when pressing escape to close a dialog without first
-    // interacting with the dialog's content.
-    //
-    // Cleanup tracking:
-    // https://github.com/material-components/material-web/issues/5330
-    // This can be removed when full CloseWatcher support added and the above bug
-    // in Chromium is fixed to fire 'cancel' with one escape press and close with
-    // multiple.
-    this.escapePressedWithoutCancel = false;
-    // This TreeWalker is used to walk through a dialog's children to find
-    // focusable elements. TreeWalker is faster than `querySelectorAll('*')`.
-    // We check for isServer because there isn't a "document" during an SSR
-    // run.
-    this.treewalker = document.createTreeWalker(this, NodeFilter.SHOW_ELEMENT);
-    {
-      this.addEventListener('submit', this.handleSubmit);
-    }
-  }
-  /**
-   * Opens the dialog and fires a cancelable `open` event. After a dialog's
-   * animation, an `opened` event is fired.
-   *
-   * Add an `autofocus` attribute to a child of the dialog that should
-   * receive focus after opening.
-   *
-   * @return A Promise that resolves after the animation is finished and the
-   *     `opened` event was fired.
-   */
-  async show() {
-    var _this$querySelector;
-    this.isOpening = true;
-    // Dialogs can be opened before being attached to the DOM, so we need to
-    // wait until we're connected before calling `showModal()`.
-    await this.isConnectedPromise;
-    await this.updateComplete;
-    const dialog = this.dialog;
-    // Check if already opened or if `dialog.close()` was called while awaiting.
-    if (dialog.open || !this.isOpening) {
-      this.isOpening = false;
-      return;
-    }
-    const preventOpen = !this.dispatchEvent(new Event('open', {
-      cancelable: true
-    }));
-    if (preventOpen) {
-      this.open = false;
-      this.isOpening = false;
-      return;
-    }
-    // All Material dialogs are modal.
-    dialog.showModal();
-    this.open = true;
-    // Reset scroll position if re-opening a dialog with the same content.
-    if (this.scroller) {
-      this.scroller.scrollTop = 0;
-    }
-    // Native modal dialogs ignore autofocus and instead force focus to the
-    // first focusable child. Override this behavior if there is a child with
-    // an autofocus attribute.
-    (_this$querySelector = this.querySelector('[autofocus]')) === null || _this$querySelector === void 0 || _this$querySelector.focus();
-    await this.animateDialog(this.getOpenAnimation());
-    this.dispatchEvent(new Event('opened'));
-    this.isOpening = false;
-  }
-  /**
-   * Closes the dialog and fires a cancelable `close` event. After a dialog's
-   * animation, a `closed` event is fired.
-   *
-   * @param returnValue A return value usually indicating which button was used
-   *     to close a dialog. If a dialog is canceled by clicking the scrim or
-   *     pressing Escape, it will not change the return value after closing.
-   * @return A Promise that resolves after the animation is finished and the
-   *     `closed` event was fired.
-   */
-  async close(returnValue = this.returnValue) {
-    this.isOpening = false;
-    if (!this.isConnected) {
-      // Disconnected dialogs do not fire close events or animate.
-      this.open = false;
-      return;
-    }
-    await this.updateComplete;
-    const dialog = this.dialog;
-    // Check if already closed or if `dialog.show()` was called while awaiting.
-    if (!dialog.open || this.isOpening) {
-      this.open = false;
-      return;
-    }
-    const prevReturnValue = this.returnValue;
-    this.returnValue = returnValue;
-    const preventClose = !this.dispatchEvent(new Event('close', {
-      cancelable: true
-    }));
-    if (preventClose) {
-      this.returnValue = prevReturnValue;
-      return;
-    }
-    await this.animateDialog(this.getCloseAnimation());
-    dialog.close(returnValue);
-    this.open = false;
-    this.dispatchEvent(new Event('closed'));
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.isConnectedPromiseResolve();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.isConnectedPromise = this.getIsConnectedPromise();
-  }
-  render() {
-    const scrollable = this.open && !(this.isAtScrollTop && this.isAtScrollBottom);
-    const classes = {
-      'has-headline': this.hasHeadline,
-      'has-actions': this.hasActions,
-      'has-icon': this.hasIcon,
-      'scrollable': scrollable,
-      'show-top-divider': scrollable && !this.isAtScrollTop,
-      'show-bottom-divider': scrollable && !this.isAtScrollBottom
-    };
-    // The focus trap sentinels are only added after the dialog opens, since
-    // dialog.showModal() will try to autofocus them, even with tabindex="-1".
-    const showFocusTrap = this.open && !this.noFocusTrap;
-    const focusTrap = b`
-      <div
-        class="focus-trap"
-        tabindex="0"
-        aria-hidden="true"
-        @focus=${this.handleFocusTrapFocus}></div>
-    `;
-    const {
-      ariaLabel
-    } = this;
-    return b`
-      <div class="scrim"></div>
-      <dialog
-        class=${e$1(classes)}
-        aria-label=${ariaLabel || A}
-        aria-labelledby=${this.hasHeadline ? 'headline' : A}
-        role=${this.type === 'alert' ? 'alertdialog' : A}
-        @cancel=${this.handleCancel}
-        @click=${this.handleDialogClick}
-        @close=${this.handleClose}
-        @keydown=${this.handleKeydown}
-        .returnValue=${this.returnValue || A}>
-        ${showFocusTrap ? focusTrap : A}
-        <div class="container" @click=${this.handleContentClick}>
-          <div class="headline">
-            <div class="icon" aria-hidden="true">
-              <slot name="icon" @slotchange=${this.handleIconChange}></slot>
-            </div>
-            <h2 id="headline" aria-hidden=${!this.hasHeadline || A}>
-              <slot
-                name="headline"
-                @slotchange=${this.handleHeadlineChange}></slot>
-            </h2>
-            <md-divider></md-divider>
-          </div>
-          <div class="scroller">
-            <div class="content">
-              <div class="top anchor"></div>
-              <slot name="content"></slot>
-              <div class="bottom anchor"></div>
-            </div>
-          </div>
-          <div class="actions">
-            <md-divider></md-divider>
-            <slot name="actions" @slotchange=${this.handleActionsChange}></slot>
-          </div>
-        </div>
-        ${showFocusTrap ? focusTrap : A}
-      </dialog>
-    `;
-  }
-  firstUpdated() {
-    this.intersectionObserver = new IntersectionObserver(entries => {
-      for (const entry of entries) {
-        this.handleAnchorIntersection(entry);
-      }
-    }, {
-      root: this.scroller
-    });
-    this.intersectionObserver.observe(this.topAnchor);
-    this.intersectionObserver.observe(this.bottomAnchor);
-  }
-  handleDialogClick() {
-    if (this.nextClickIsFromContent) {
-      // Avoid doing a layout calculation below if we know the click came from
-      // content.
-      this.nextClickIsFromContent = false;
-      return;
-    }
-    // Click originated on the backdrop. Native `<dialog>`s will not cancel,
-    // but Material dialogs do.
-    const preventDefault = !this.dispatchEvent(new Event('cancel', {
-      cancelable: true
-    }));
-    if (preventDefault) {
-      return;
-    }
-    this.close();
-  }
-  handleContentClick() {
-    this.nextClickIsFromContent = true;
-  }
-  handleSubmit(event) {
-    const form = event.target;
-    const {
-      submitter
-    } = event;
-    if (form.getAttribute('method') !== 'dialog' || !submitter) {
-      return;
-    }
-    // Close reason is the submitter's value attribute, or the dialog's
-    // `returnValue` if there is no attribute.
-    this.close(submitter.getAttribute('value') ?? this.returnValue);
-  }
-  handleCancel(event) {
-    if (event.target !== this.dialog) {
-      // Ignore any cancel events dispatched by content.
-      return;
-    }
-    this.escapePressedWithoutCancel = false;
-    const preventDefault = !redispatchEvent(this, event);
-    // We always prevent default on the original dialog event since we'll
-    // animate closing it before it actually closes.
-    event.preventDefault();
-    if (preventDefault) {
-      return;
-    }
-    this.close();
-  }
-  handleClose() {
-    var _this$dialog;
-    if (!this.escapePressedWithoutCancel) {
-      return;
-    }
-    this.escapePressedWithoutCancel = false;
-    (_this$dialog = this.dialog) === null || _this$dialog === void 0 || _this$dialog.dispatchEvent(new Event('cancel', {
-      cancelable: true
-    }));
-  }
-  handleKeydown(event) {
-    if (event.key !== 'Escape') {
-      return;
-    }
-    // An escape key was pressed. If a "close" event fires next without a
-    // "cancel" event first, then we know we're in the Chrome v120 bug.
-    this.escapePressedWithoutCancel = true;
-    // Wait a full task for the cancel/close event listeners to fire, then
-    // reset the flag.
-    setTimeout(() => {
-      this.escapePressedWithoutCancel = false;
-    });
-  }
-  async animateDialog(animation) {
-    var _this$cancelAnimation;
-    // Always cancel the previous animations. Animations can include `fill`
-    // modes that need to be cleared when `quick` is toggled. If not, content
-    // that faded out will remain hidden when a `quick` dialog re-opens after
-    // previously opening and closing without `quick`.
-    (_this$cancelAnimation = this.cancelAnimations) === null || _this$cancelAnimation === void 0 || _this$cancelAnimation.abort();
-    this.cancelAnimations = new AbortController();
-    if (this.quick) {
-      return;
-    }
-    const {
-      dialog,
-      scrim,
-      container,
-      headline,
-      content,
-      actions
-    } = this;
-    if (!dialog || !scrim || !container || !headline || !content || !actions) {
-      return;
-    }
-    const {
-      container: containerAnimate,
-      dialog: dialogAnimate,
-      scrim: scrimAnimate,
-      headline: headlineAnimate,
-      content: contentAnimate,
-      actions: actionsAnimate
-    } = animation;
-    const elementAndAnimation = [[dialog, dialogAnimate ?? []], [scrim, scrimAnimate ?? []], [container, containerAnimate ?? []], [headline, headlineAnimate ?? []], [content, contentAnimate ?? []], [actions, actionsAnimate ?? []]];
-    const animations = [];
-    for (const [element, animation] of elementAndAnimation) {
-      for (const animateArgs of animation) {
-        const animation = element.animate(...animateArgs);
-        this.cancelAnimations.signal.addEventListener('abort', () => {
-          animation.cancel();
-        });
-        animations.push(animation);
-      }
-    }
-    await Promise.all(animations.map(animation => animation.finished.catch(() => {
-      // Ignore intentional AbortErrors when calling `animation.cancel()`.
-    })));
-  }
-  handleHeadlineChange(event) {
-    const slot = event.target;
-    this.hasHeadline = slot.assignedElements().length > 0;
-  }
-  handleActionsChange(event) {
-    const slot = event.target;
-    this.hasActions = slot.assignedElements().length > 0;
-  }
-  handleIconChange(event) {
-    const slot = event.target;
-    this.hasIcon = slot.assignedElements().length > 0;
-  }
-  handleAnchorIntersection(entry) {
-    const {
-      target,
-      isIntersecting
-    } = entry;
-    if (target === this.topAnchor) {
-      this.isAtScrollTop = isIntersecting;
-    }
-    if (target === this.bottomAnchor) {
-      this.isAtScrollBottom = isIntersecting;
-    }
-  }
-  getIsConnectedPromise() {
-    return new Promise(resolve => {
-      this.isConnectedPromiseResolve = resolve;
-    });
-  }
-  handleFocusTrapFocus(event) {
-    const [firstFocusableChild, lastFocusableChild] = this.getFirstAndLastFocusableChildren();
-    if (!firstFocusableChild || !lastFocusableChild) {
-      var _this$dialog2;
-      // When a dialog does not have focusable children, the dialog itself
-      // receives focus.
-      (_this$dialog2 = this.dialog) === null || _this$dialog2 === void 0 || _this$dialog2.focus();
-      return;
-    }
-    // To determine which child to focus, we need to know which focus trap
-    // received focus...
-    const isFirstFocusTrap = event.target === this.firstFocusTrap;
-    const isLastFocusTrap = !isFirstFocusTrap;
-    // ...and where the focus came from (what was previously focused).
-    const focusCameFromFirstChild = event.relatedTarget === firstFocusableChild;
-    const focusCameFromLastChild = event.relatedTarget === lastFocusableChild;
-    // Although this is a focus trap, focus can come from outside the trap.
-    // This can happen when elements are programmatically `focus()`'d. It also
-    // happens when focus leaves and returns to the window, such as clicking on
-    // the browser's URL bar and pressing Tab, or switching focus between
-    // iframes.
-    const focusCameFromOutsideDialog = !focusCameFromFirstChild && !focusCameFromLastChild;
-    // Focus the dialog's first child when we reach the end of the dialog and
-    // focus is moving forward. Or, when focus is moving forwards into the
-    // dialog from outside of the window.
-    const shouldFocusFirstChild = isLastFocusTrap && focusCameFromLastChild || isFirstFocusTrap && focusCameFromOutsideDialog;
-    if (shouldFocusFirstChild) {
-      firstFocusableChild.focus();
-      return;
-    }
-    // Focus the dialog's last child when we reach the beginning of the dialog
-    // and focus is moving backward. Or, when focus is moving backwards into the
-    // dialog from outside of the window.
-    const shouldFocusLastChild = isFirstFocusTrap && focusCameFromFirstChild || isLastFocusTrap && focusCameFromOutsideDialog;
-    if (shouldFocusLastChild) {
-      lastFocusableChild.focus();
-      return;
-    }
-    // The booleans above are verbose for readability, but code executation
-    // won't actually reach here.
-  }
-  getFirstAndLastFocusableChildren() {
-    if (!this.treewalker) {
-      return [null, null];
-    }
-    let firstFocusableChild = null;
-    let lastFocusableChild = null;
-    // Reset the current node back to the root host element.
-    this.treewalker.currentNode = this.treewalker.root;
-    while (this.treewalker.nextNode()) {
-      // Cast as Element since the TreeWalker filter only accepts Elements.
-      const nextChild = this.treewalker.currentNode;
-      if (!isFocusable(nextChild)) {
-        continue;
-      }
-      if (!firstFocusableChild) {
-        firstFocusableChild = nextChild;
-      }
-      lastFocusableChild = nextChild;
-    }
-    // We set lastFocusableChild immediately after finding a
-    // firstFocusableChild, which means the pair is either both null or both
-    // non-null. Cast since TypeScript does not recognize this.
-    return [firstFocusableChild, lastFocusableChild];
-  }
-}
-__decorate([n({
-  type: Boolean
-})], Dialog.prototype, "open", null);
-__decorate([n({
-  type: Boolean
-})], Dialog.prototype, "quick", void 0);
-__decorate([n({
-  attribute: false
-})], Dialog.prototype, "returnValue", void 0);
-__decorate([n()], Dialog.prototype, "type", void 0);
-__decorate([n({
-  type: Boolean,
-  attribute: 'no-focus-trap'
-})], Dialog.prototype, "noFocusTrap", void 0);
-__decorate([e('dialog')], Dialog.prototype, "dialog", void 0);
-__decorate([e('.scrim')], Dialog.prototype, "scrim", void 0);
-__decorate([e('.container')], Dialog.prototype, "container", void 0);
-__decorate([e('.headline')], Dialog.prototype, "headline", void 0);
-__decorate([e('.content')], Dialog.prototype, "content", void 0);
-__decorate([e('.actions')], Dialog.prototype, "actions", void 0);
-__decorate([r()], Dialog.prototype, "isAtScrollTop", void 0);
-__decorate([r()], Dialog.prototype, "isAtScrollBottom", void 0);
-__decorate([e('.scroller')], Dialog.prototype, "scroller", void 0);
-__decorate([e('.top.anchor')], Dialog.prototype, "topAnchor", void 0);
-__decorate([e('.bottom.anchor')], Dialog.prototype, "bottomAnchor", void 0);
-__decorate([e('.focus-trap')], Dialog.prototype, "firstFocusTrap", void 0);
-__decorate([r()], Dialog.prototype, "hasHeadline", void 0);
-__decorate([r()], Dialog.prototype, "hasActions", void 0);
-__decorate([r()], Dialog.prototype, "hasIcon", void 0);
-function isFocusable(element) {
-  var _element$shadowRoot;
-  // Check if the element is a known built-in focusable element:
-  // - <a> and <area> with `href` attributes.
-  // - Form controls that are not disabled.
-  // - `contenteditable` elements.
-  // - Anything with a non-negative `tabindex`.
-  const knownFocusableElements = ':is(button,input,select,textarea,object,:is(a,area)[href],[tabindex],[contenteditable=true])';
-  const notDisabled = ':not(:disabled,[disabled])';
-  const notNegativeTabIndex = ':not([tabindex^="-"])';
-  if (element.matches(knownFocusableElements + notDisabled + notNegativeTabIndex)) {
-    return true;
-  }
-  const isCustomElement = element.localName.includes('-');
-  if (!isCustomElement) {
-    return false;
-  }
-  // If a custom element does not have a tabindex, it may still be focusable
-  // if it delegates focus with a shadow root. We also need to check again if
-  // the custom element is a disabled form control.
-  if (!element.matches(notDisabled)) {
-    return false;
-  }
-  return ((_element$shadowRoot = element.shadowRoot) === null || _element$shadowRoot === void 0 ? void 0 : _element$shadowRoot.delegatesFocus) ?? false;
-}
-
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-// Generated stylesheet for ./dialog/internal/dialog-styles.css.
-const styles = i$1`:host{border-start-start-radius:var(--md-dialog-container-shape-start-start, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-start-end-radius:var(--md-dialog-container-shape-start-end, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-end-end-radius:var(--md-dialog-container-shape-end-end, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-end-start-radius:var(--md-dialog-container-shape-end-start, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));display:contents;margin:auto;max-height:min(560px,100% - 48px);max-width:min(560px,100% - 48px);min-height:140px;min-width:280px;position:fixed;height:fit-content;width:fit-content}dialog{background:rgba(0,0,0,0);border:none;border-radius:inherit;flex-direction:column;height:inherit;margin:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;outline:none;overflow:visible;padding:0;width:inherit}dialog[open]{display:flex}::backdrop{background:none}.scrim{background:var(--md-sys-color-scrim, #000);display:none;inset:0;opacity:32%;pointer-events:none;position:fixed;z-index:1}:host([open]) .scrim{display:flex}h2{all:unset;align-self:stretch}.headline{align-items:center;color:var(--md-dialog-headline-color, var(--md-sys-color-on-surface, #1d1b20));display:flex;flex-direction:column;font-family:var(--md-dialog-headline-font, var(--md-sys-typescale-headline-small-font, var(--md-ref-typeface-brand, Roboto)));font-size:var(--md-dialog-headline-size, var(--md-sys-typescale-headline-small-size, 1.5rem));line-height:var(--md-dialog-headline-line-height, var(--md-sys-typescale-headline-small-line-height, 2rem));font-weight:var(--md-dialog-headline-weight, var(--md-sys-typescale-headline-small-weight, var(--md-ref-typeface-weight-regular, 400)));position:relative}slot[name=headline]::slotted(*){align-items:center;align-self:stretch;box-sizing:border-box;display:flex;gap:8px;padding:24px 24px 0}.icon{display:flex}slot[name=icon]::slotted(*){color:var(--md-dialog-icon-color, var(--md-sys-color-secondary, #625b71));fill:currentColor;font-size:var(--md-dialog-icon-size, 24px);margin-top:24px;height:var(--md-dialog-icon-size, 24px);width:var(--md-dialog-icon-size, 24px)}.has-icon slot[name=headline]::slotted(*){justify-content:center;padding-top:16px}.scrollable slot[name=headline]::slotted(*){padding-bottom:16px}.scrollable.has-headline slot[name=content]::slotted(*){padding-top:8px}.container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative;transform-origin:top}.container::before{background:var(--md-dialog-container-color, var(--md-sys-color-surface-container-high, #ece6f0));border-radius:inherit;content:"";inset:0;position:absolute}.scroller{display:flex;flex:1;flex-direction:column;overflow:hidden;z-index:1}.scrollable .scroller{overflow-y:scroll}.content{color:var(--md-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-dialog-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-dialog-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-dialog-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));flex:1;font-weight:var(--md-dialog-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)));height:min-content;position:relative}slot[name=content]::slotted(*){box-sizing:border-box;padding:24px}.anchor{position:absolute}.top.anchor{top:0}.bottom.anchor{bottom:0}.actions{position:relative}slot[name=actions]::slotted(*){box-sizing:border-box;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px 24px}.has-actions slot[name=content]::slotted(*){padding-bottom:8px}md-divider{display:none;position:absolute}.has-headline.show-top-divider .headline md-divider,.has-actions.show-bottom-divider .actions md-divider{display:flex}.headline md-divider{bottom:0}.actions md-divider{top:0}@media(forced-colors: active){dialog{outline:2px solid WindowText}}
-`;
-
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * @summary Dialogs can require an action, communicate information, or help
- * users accomplish a task. There are two types of dialogs: basic and
- * full-screen.
- *
- * @description
- * A dialog is a modal window that appears in front of app content to provide
- * critical information or ask for a decision. Dialogs disable all app
- * functionality when they appear, and remain on screen until confirmed,
- * dismissed, or a required action has been taken.
- *
- * Dialogs are purposefully interruptive, so they should be used sparingly.
- * A less disruptive alternative is to use a menu, which provides options
- * without interrupting a user’s experience.
- *
- * On mobile devices only, complex dialogs should be displayed fullscreen.
- *
- * __Example usages:__
- * - Common use cases for basic dialogs include alerts, quick selection, and
- * confirmation.
- * - More complex dialogs may contain actions that require a series of tasks
- * to complete. One example is creating a calendar entry with the event title,
- * date, location, and time.
- *
- * @final
- * @suppress {visibility}
- */
-let MdDialog = class MdDialog extends Dialog {};
-MdDialog.styles = [styles];
-MdDialog = __decorate([t('md-dialog')], MdDialog);
-
-/**
- * @license
- * Copyright 2025-2026 Open Home Foundation
- * SPDX-License-Identifier: Apache-2.0
- */
-const preventDefault = ev => ev.preventDefault();
-
-export { preventDefault as p, redispatchEvent as r };