@prosekit/lit 0.0.0-next-20230627094841

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ocavue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/chunk-43BFWKM2.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+
+// src/styles/block-component.styles.ts
+import { css as css2 } from "lit";
+
+// src/styles/component.styles.ts
+import { css } from "lit";
+var componentStyles = css`:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}`;
+
+// src/styles/block-component.styles.ts
+var blockComponentStyles = css2`${componentStyles}:host{display:block}`;
+
+export {
+  __decorateClass,
+  blockComponentStyles
+};

package/dist/chunk-5VENWR7M.js

@@ -0,0 +1,118 @@
+import {
+  __decorateClass,
+  blockComponentStyles
+} from "./chunk-43BFWKM2.js";
+
+// src/elements/popover.ts
+import {
+  autoUpdate,
+  computePosition
+} from "@floating-ui/dom";
+import { LitElement, html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+var Popover = class extends LitElement {
+  /** @hidden */
+  constructor() {
+    super();
+    this.active = false;
+    this.autoUpdate = false;
+  }
+  /** @hidden */
+  disconnectedCallback() {
+    this.cleanup();
+  }
+  /** @hidden */
+  updated(changed) {
+    if (!changed.has("computed")) {
+      this.start();
+    }
+  }
+  /** @hidden */
+  start() {
+    this.cleanup();
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    if (this.autoUpdate) {
+      this.cleanupAutoUpdate = autoUpdate(
+        reference,
+        floating,
+        () => void this.compute(),
+        this.autoUpdateOptions
+      );
+    } else {
+      void this.compute();
+    }
+  }
+  /** @hidden */
+  async compute() {
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    const options = this.options;
+    this.computed = await computePosition(reference, floating, options);
+  }
+  /** @hidden */
+  cleanup() {
+    var _a;
+    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
+    this.cleanupAutoUpdate = void 0;
+  }
+  /** @hidden */
+  render() {
+    var _a;
+    const { x, y, strategy } = (_a = this.computed) != null ? _a : {
+      x: 0,
+      y: 0,
+      strategy: "absolute"
+    };
+    const style = {
+      top: "0",
+      left: "0",
+      position: strategy,
+      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,
+      display: this.active ? void 0 : "none"
+    };
+    return html`<div class="floating" style="${styleMap(style)}"><slot></slot></div>`;
+  }
+};
+/** @hidden */
+Popover.styles = blockComponentStyles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Popover.prototype, "active", 2);
+__decorateClass([
+  query(".floating")
+], Popover.prototype, "floating", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "reference", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "options", 2);
+__decorateClass([
+  property({
+    type: Boolean,
+    reflect: true
+  })
+], Popover.prototype, "autoUpdate", 2);
+__decorateClass([
+  property({ type: Object })
+], Popover.prototype, "autoUpdateOptions", 2);
+__decorateClass([
+  state()
+], Popover.prototype, "computed", 2);
+Popover = __decorateClass([
+  customElement("prosekit-popover")
+], Popover);
+function roundByDPR(value) {
+  const dpr = window.devicePixelRatio || 1;
+  return Math.round(value * dpr) / dpr;
+}
+
+export {
+  Popover
+};

package/dist/chunk-6EHMW3VI.js

@@ -0,0 +1,19 @@
+// src/utils/visibility.ts
+function isVisibleElement(element) {
+  return !element.hidden;
+}
+function isHiddenElement(element) {
+  return element.hidden;
+}
+function createVisibilityFilter(visible) {
+  if (visible === true)
+    return isVisibleElement;
+  if (visible === false)
+    return isHiddenElement;
+  return () => true;
+}
+
+export {
+  isVisibleElement,
+  createVisibilityFilter
+};

package/dist/chunk-7C2I5DWH.js

@@ -0,0 +1,122 @@
+import {
+  __decorateClass,
+  blockComponentStyles
+} from "./chunk-43BFWKM2.js";
+
+// src/elements/popover/popover.ts
+import {
+  autoUpdate,
+  computePosition
+} from "@floating-ui/dom";
+import { LitElement, html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+
+// src/utils/round-by-dpr.ts
+function roundByDPR(value) {
+  const dpr = window.devicePixelRatio || 1;
+  return Math.round(value * dpr) / dpr;
+}
+
+// src/elements/popover/popover.ts
+var Popover = class extends LitElement {
+  /** @hidden */
+  constructor() {
+    super();
+    this.active = false;
+    this.autoUpdate = false;
+  }
+  /** @hidden */
+  disconnectedCallback() {
+    this.cleanup();
+  }
+  /** @hidden */
+  updated(changed) {
+    if (!changed.has("computed")) {
+      this.start();
+    }
+  }
+  /** @hidden */
+  start() {
+    this.cleanup();
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    if (this.autoUpdate) {
+      this.cleanupAutoUpdate = autoUpdate(
+        reference,
+        floating,
+        () => void this.compute(),
+        this.autoUpdateOptions
+      );
+    } else {
+      void this.compute();
+    }
+  }
+  /** @hidden */
+  async compute() {
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    const options = this.options;
+    this.computed = await computePosition(reference, floating, options);
+  }
+  /** @hidden */
+  cleanup() {
+    var _a;
+    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
+    this.cleanupAutoUpdate = void 0;
+  }
+  /** @hidden */
+  render() {
+    var _a;
+    const { x, y, strategy } = (_a = this.computed) != null ? _a : {
+      x: 0,
+      y: 0,
+      strategy: "absolute"
+    };
+    const style = {
+      top: "0",
+      left: "0",
+      position: strategy,
+      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,
+      display: this.active ? void 0 : "none"
+    };
+    return html`<div class="floating" style="${styleMap(style)}"><slot></slot></div>`;
+  }
+};
+/** @hidden */
+Popover.styles = blockComponentStyles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Popover.prototype, "active", 2);
+__decorateClass([
+  query(".floating")
+], Popover.prototype, "floating", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "reference", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "options", 2);
+__decorateClass([
+  property({
+    type: Boolean,
+    reflect: true
+  })
+], Popover.prototype, "autoUpdate", 2);
+__decorateClass([
+  property({ type: Object })
+], Popover.prototype, "autoUpdateOptions", 2);
+__decorateClass([
+  state()
+], Popover.prototype, "computed", 2);
+Popover = __decorateClass([
+  customElement("prosekit-popover")
+], Popover);
+
+export {
+  Popover
+};

package/dist/chunk-CFFBSSAU.js

@@ -0,0 +1,121 @@
+import {
+  __decorateClass,
+  blockComponentStyles
+} from "./chunk-43BFWKM2.js";
+
+// src/elements/popover.ts
+import {
+  autoUpdate,
+  computePosition
+} from "@floating-ui/dom";
+import { LitElement, html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+var Popover = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.active = false;
+    this.autoUpdate = false;
+  }
+  /** @hidden */
+  disconnectedCallback() {
+    this.cleanup();
+  }
+  /** @hidden */
+  updated(changed) {
+    if (!changed.has("computed")) {
+      this.start();
+    }
+  }
+  /** @hidden */
+  start() {
+    this.cleanup();
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    if (this.autoUpdate) {
+      this.cleanupAutoUpdate = autoUpdate(
+        reference,
+        floating,
+        () => void this.compute(),
+        this.autoUpdateOptions
+      );
+    } else {
+      void this.compute();
+    }
+  }
+  /** @hidden */
+  async compute() {
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    const options = this.options;
+    this.computed = await computePosition(reference, floating, options);
+  }
+  /** @hidden */
+  cleanup() {
+    var _a;
+    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
+    this.cleanupAutoUpdate = void 0;
+  }
+  /** @hidden */
+  render() {
+    var _a;
+    const { x, y, strategy } = (_a = this.computed) != null ? _a : {
+      x: 0,
+      y: 0,
+      strategy: "absolute"
+    };
+    const style = {
+      top: "0",
+      left: "0",
+      position: strategy,
+      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,
+      display: this.active ? void 0 : "none"
+    };
+    return html`<div class="floating" style="${styleMap(style)}"><slot></slot></div>`;
+  }
+};
+/** @hidden */
+// private constructor(...args) {
+//   super(...args)
+// }
+/** @hidden */
+Popover.styles = blockComponentStyles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Popover.prototype, "active", 2);
+__decorateClass([
+  query(".floating")
+], Popover.prototype, "floating", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "reference", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "options", 2);
+__decorateClass([
+  property({
+    type: Boolean,
+    reflect: true
+  })
+], Popover.prototype, "autoUpdate", 2);
+__decorateClass([
+  property({ type: Object })
+], Popover.prototype, "autoUpdateOptions", 2);
+__decorateClass([
+  state()
+], Popover.prototype, "computed", 2);
+Popover = __decorateClass([
+  customElement("prosekit-popover")
+], Popover);
+function roundByDPR(value) {
+  const dpr = window.devicePixelRatio || 1;
+  return Math.round(value * dpr) / dpr;
+}
+
+export {
+  Popover
+};

package/dist/chunk-EZ4YICBQ.js

@@ -0,0 +1,108 @@
+import {
+  __decorateClass,
+  blockComponentStyles
+} from "./chunk-43BFWKM2.js";
+
+// src/elements/popover.ts
+import {
+  autoUpdate,
+  computePosition
+} from "@floating-ui/dom";
+import { LitElement, html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+var Popover = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.active = false;
+    this.reference = null;
+    this.autoUpdate = false;
+  }
+  disconnectedCallback() {
+    this.cleanup();
+  }
+  updated(changed) {
+    if (!changed.has("computed")) {
+      this.start();
+    }
+  }
+  start() {
+    this.cleanup();
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    if (this.autoUpdate) {
+      this.cleanupAutoUpdate = autoUpdate(
+        reference,
+        floating,
+        () => void this.compute(),
+        this.autoUpdateOptions
+      );
+    } else {
+      void this.compute();
+    }
+  }
+  async compute() {
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    const options = this.options;
+    this.computed = await computePosition(reference, floating, options);
+  }
+  render() {
+    var _a;
+    const { x, y, strategy } = (_a = this.computed) != null ? _a : {
+      x: 0,
+      y: 0,
+      strategy: "absolute"
+    };
+    const style = {
+      top: "0",
+      left: "0",
+      position: strategy,
+      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,
+      display: this.active ? void 0 : "none"
+    };
+    return html`<div class="floating" style="${styleMap(style)}"><slot></slot></div>`;
+  }
+  cleanup() {
+    var _a;
+    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
+    this.cleanupAutoUpdate = void 0;
+  }
+};
+Popover.styles = blockComponentStyles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Popover.prototype, "active", 2);
+__decorateClass([
+  query(".floating")
+], Popover.prototype, "floating", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "reference", 2);
+__decorateClass([
+  property({ type: Object })
+], Popover.prototype, "options", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Popover.prototype, "autoUpdate", 2);
+__decorateClass([
+  property({ type: Object })
+], Popover.prototype, "autoUpdateOptions", 2);
+__decorateClass([
+  state()
+], Popover.prototype, "computed", 2);
+Popover = __decorateClass([
+  customElement("prosekit-popover")
+], Popover);
+function roundByDPR(value) {
+  const dpr = window.devicePixelRatio || 1;
+  return Math.round(value * dpr) / dpr;
+}
+
+export {
+  Popover
+};

package/dist/chunk-JFOZX34E.js

@@ -0,0 +1,109 @@
+import {
+  __decorateClass,
+  blockComponentStyles
+} from "./chunk-43BFWKM2.js";
+
+// src/elements/popover/popover.ts
+import {
+  autoUpdate,
+  computePosition
+} from "@floating-ui/dom";
+import "@shoelace-style/shoelace/dist/components/popup/popup.js";
+import { LitElement, html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+var Popover = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.active = false;
+    this.reference = null;
+    this.autoUpdate = false;
+  }
+  disconnectedCallback() {
+    this.cleanup();
+  }
+  updated(changed) {
+    if (!changed.has("computed")) {
+      this.start();
+    }
+  }
+  start() {
+    this.cleanup();
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    if (this.autoUpdate) {
+      this.cleanupAutoUpdate = autoUpdate(
+        reference,
+        floating,
+        () => void this.compute(),
+        this.autoUpdateOptions
+      );
+    } else {
+      void this.compute();
+    }
+  }
+  async compute() {
+    const reference = this.reference;
+    const floating = this.floating;
+    if (!reference)
+      return;
+    const options = this.options;
+    this.computed = await computePosition(reference, floating, options);
+  }
+  render() {
+    var _a;
+    const { x, y, strategy } = (_a = this.computed) != null ? _a : {
+      x: 0,
+      y: 0,
+      strategy: "absolute"
+    };
+    const style = {
+      top: "0",
+      left: "0",
+      position: strategy,
+      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,
+      display: this.active ? void 0 : "none"
+    };
+    return html`<div class="floating" style="${styleMap(style)}"><slot></slot></div>`;
+  }
+  cleanup() {
+    var _a;
+    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
+    this.cleanupAutoUpdate = void 0;
+  }
+};
+Popover.styles = blockComponentStyles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Popover.prototype, "active", 2);
+__decorateClass([
+  query(".floating")
+], Popover.prototype, "floating", 2);
+__decorateClass([
+  property()
+], Popover.prototype, "reference", 2);
+__decorateClass([
+  property({ type: Object })
+], Popover.prototype, "options", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Popover.prototype, "autoUpdate", 2);
+__decorateClass([
+  property({ type: Object })
+], Popover.prototype, "autoUpdateOptions", 2);
+__decorateClass([
+  state()
+], Popover.prototype, "computed", 2);
+Popover = __decorateClass([
+  customElement("prosekit-popover")
+], Popover);
+function roundByDPR(value) {
+  const dpr = window.devicePixelRatio || 1;
+  return Math.round(value * dpr) / dpr;
+}
+
+export {
+  Popover
+};