@alegendstale/holly-components 2.0.2 → 2.0.4

package/dist/components/absolute-container/absolute-container.js

@@ -1,116 +1,82 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+import { LitElement as h, html as m } from "lit";
+import { property as f, state as a, customElement as u } from "lit/decorators.js";
+import { createRef as d, ref as c } from "lit/directives/ref.js";
+import { styleMap as g } from "lit/directives/style-map.js";
+import { EventEmitter as v } from "../../utils/EventEmitter.js";
+import y from "./absolute-container.styles.js";
+var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? b(t, r) : t, l = e.length - 1, p; l >= 0; l--)
+    (p = e[l]) && (o = (i ? p(t, r, o) : p(o)) || o);
+  return i && o && _(t, r, o), o;
 };
-import { LitElement, html } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { createRef, ref } from 'lit/directives/ref.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { EventEmitter } from '../../utils/EventEmitter.js';
-import styles from './absolute-container.styles.js';
-/**
- * A container component which can serve as a modal or popup wrapper.
- */
-let AbsoluteContainer = class AbsoluteContainer extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.dialogRef = createRef();
-        /** @internal */
-        this._open = false;
-        /** @internal */
-        this.left = 0;
-        /** @internal */
-        this.top = 0;
-        /** Public way to subscribe to events. */
-        this.emitter = new EventEmitter();
-        /**
-         * Disables the ContextEvent (right click, or long touch)
-         * Useful for context menus
-         */
-        this.disableContextEvent = false;
-    }
-    static { this.styles = [styles]; }
-    /**
-     * Whether the container is open (visible) or not.
-     * @type {boolean}
-     * @default false
-     */
-    set open(val) {
-        this._open = val;
-        requestAnimationFrame(() => {
-            if (!this.dialogRef.value)
-                return;
-            let dialog = this.dialogRef.value;
-            if (dialog.open)
-                dialog.close();
-            else
-                dialog.showModal();
-        });
-        this.emitter.emit('visibility', val);
-    }
-    get open() {
-        return this._open;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.emitter.clear();
-    }
-    render() {
-        const dialogStyles = {
-            inset: this.left === 0 && this.top === 0 ? 0 : 'unset',
-            left: `${this.left}px`,
-            top: `${this.top}px`,
-        };
-        return html `
-			<dialog
-				part='__dialog'
-				style=${styleMap(dialogStyles)}
-				@mousedown=${(e) => {
-            if (!(e.target instanceof HTMLElement))
-                return;
-            const outsideWidthBounds = e.offsetX < 0 || e.offsetX > e.target.offsetWidth;
-            const outsideHeightBounds = e.offsetY < 0 || e.offsetY > e.target.offsetHeight;
-            // Check if cursor is inside element bounds. Close dialog if it isn't.
-            if (outsideWidthBounds || outsideHeightBounds)
-                this.open = false;
-        }}
-				@contextmenu=${(e) => this.disableContextEvent && e.preventDefault()}
-				${ref(this.dialogRef)}
-			>
-				<slot></slot>
-			</dialog>
+let s = class extends h {
+  constructor() {
+    super(...arguments), this.dialogRef = d(), this._open = !1, this.left = 0, this.top = 0, this.emitter = new v(), this.disableContextEvent = !1;
+  }
+  set open(e) {
+    this._open = e, requestAnimationFrame(() => {
+      if (!this.dialogRef.value) return;
+      let t = this.dialogRef.value;
+      t.open ? t.close() : t.showModal();
+    }), this.emitter.emit("visibility", e);
+  }
+  get open() {
+    return this._open;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.emitter.clear();
+  }
+  render() {
+    const e = {
+      inset: this.left === 0 && this.top === 0 ? 0 : "unset",
+      left: `${this.left}px`,
+      top: `${this.top}px`
+    };
+    return m`
+			<dialog
+				part='__dialog'
+				style=${g(e)}
+				@mousedown=${(t) => {
+      if (!(t.target instanceof HTMLElement)) return;
+      const r = t.offsetX < 0 || t.offsetX > t.target.offsetWidth, i = t.offsetY < 0 || t.offsetY > t.target.offsetHeight;
+      (r || i) && (this.open = !1);
+    }}
+				@contextmenu=${(t) => this.disableContextEvent && t.preventDefault()}
+				${c(this.dialogRef)}
+			>
+				<slot></slot>
+			</dialog>
 		`;
-    }
-    /** Toggle whether container is open. */
-    toggle() {
-        this.open = !this.open;
-    }
-    /** Set whether the container is open. */
-    setOpen(val) {
-        this.open = val;
-    }
-    /** Set the x and y position of the container. */
-    setPosition(left, top) {
-        this.left = left;
-        this.top = top;
-    }
+  }
+  /** Toggle whether container is open. */
+  toggle() {
+    this.open = !this.open;
+  }
+  /** Set whether the container is open. */
+  setOpen(e) {
+    this.open = e;
+  }
+  /** Set the x and y position of the container. */
+  setPosition(e, t) {
+    this.left = e, this.top = t;
+  }
+};
+s.styles = [y];
+n([
+  f({ type: Boolean, reflect: !0 })
+], s.prototype, "open", 1);
+n([
+  a()
+], s.prototype, "left", 2);
+n([
+  a()
+], s.prototype, "top", 2);
+n([
+  f({ type: Boolean, reflect: !0 })
+], s.prototype, "disableContextEvent", 2);
+s = n([
+  u("absolute-container")
+], s);
+export {
+  s as AbsoluteContainer
 };
-__decorate([
-    property({ type: Boolean, reflect: true })
-], AbsoluteContainer.prototype, "open", null);
-__decorate([
-    state()
-], AbsoluteContainer.prototype, "left", void 0);
-__decorate([
-    state()
-], AbsoluteContainer.prototype, "top", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], AbsoluteContainer.prototype, "disableContextEvent", void 0);
-AbsoluteContainer = __decorate([
-    customElement('absolute-container')
-], AbsoluteContainer);
-export { AbsoluteContainer };

package/dist/components/absolute-container/absolute-container.styles.js

@@ -1,18 +1,21 @@
-import { css } from 'lit';
-export default css `
-	:host {
-		display: block;
-	}
-
-	dialog {
-		width: min-content;
-		border: 0;
-		padding: 0;
-		background-color: transparent;
-		scrollbar-width: thin;
-
-		&::backdrop {
-			background-color: transparent;
-		}
-	}
+import { css as o } from "lit";
+const t = o`
+	:host {
+		display: block;
+	}
+
+	dialog {
+		width: min-content;
+		border: 0;
+		padding: 0;
+		background-color: transparent;
+		scrollbar-width: thin;
+
+		&::backdrop {
+			background-color: transparent;
+		}
+	}
 `;
+export {
+  t as default
+};