import { r as h, i as l, e as m } from "./query-assigned-elements-D930kELM.mjs";
import { n as c } from "./property-DJzm_oB9.mjs";
import { s as p, C as f } from "./dialog-ChTd6dnt.mjs";
const g = ":host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background);--mdc-theme-surface: var(--cv-theme-surface)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}";
var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (i, s, d, r) => {
  for (var e = r > 1 ? void 0 : r ? v(s, d) : s, a = i.length - 1, n; a >= 0; a--)
    (n = i[a]) && (e = (r ? n(s, d, e) : n(e)) || e);
  return r && e && u(s, d, e), e;
};
let t = class extends f {
  constructor() {
    super(), this.pushed = !1, this.noPadding = !1, this.width = 800, this.hideActions = !0;
  }
  willUpdate(i) {
    super.willUpdate(i), i.has("width") && (this.width !== 800 ? this.style.setProperty("--cv-side-sheet-width", `${this.width}px`) : this.style.removeProperty("--cv-side-sheet-width"));
  }
};
t.styles = [
  p,
  l`
      ${h(g)}
    `
];
o([
  c({ type: Boolean, reflect: !0 })
], t.prototype, "pushed", 2);
o([
  c({ type: Boolean, reflect: !0 })
], t.prototype, "noPadding", 2);
o([
  c({ type: Number })
], t.prototype, "width", 2);
t = o([
  m("cv-side-sheet")
], t);
export {
  t as CovalentSideSheet
};
