@alegendstale/holly-components 2.0.2 → 2.0.4

package/dist/components/responsive-svg/responsive-svg.styles.js

@@ -1,46 +1,49 @@
-import { css } from 'lit';
-export default css `
-	:host {
-		display: block;
-		--scale: 1;
-	}
-
-	:host([autofit]),
-	:host([autofit]) svg {
-		width: 100%;
-		height: 100%;
-	}
-
-	/* Size scaling based on font-size */
-	:host(:not([autofit])) {
-		/* Removes extra space from under SVG */
-		display: flex;
-	}
-
-	:host(:not([autofit])) svg {
-		/* Allow SVG to be manipulated by font size */
-		display: inline-block;
-		/* Change SVG size using font-size */
-		font-size: inherit;
-		/* Remove extra vertical space in inline element reserved for character descenders */
-		vertical-align: top;
-
-		width: calc(var(--svg-width, var(--svg-width-fallback)) / 100 * var(--scale));
-		height: calc(var(--svg-height, var(--svg-height-fallback)) / 100 * var(--scale));
-	}
-
-	:host(:not([svgColors])) svg {
-		/* Inherit fill to bypass default */
-		fill: inherit;
-	}
-
-	:host(:not([svgColors])) path {
-		fill: inherit;
-		stroke: inherit;
-	}
-
-	svg {
-		max-width: 100%;
-		max-height: 100%;
-	}
+import { css as t } from "lit";
+const s = t`
+	:host {
+		display: block;
+		--scale: 1;
+	}
+
+	:host([autofit]),
+	:host([autofit]) svg {
+		width: 100%;
+		height: 100%;
+	}
+
+	/* Size scaling based on font-size */
+	:host(:not([autofit])) {
+		/* Removes extra space from under SVG */
+		display: flex;
+	}
+
+	:host(:not([autofit])) svg {
+		/* Allow SVG to be manipulated by font size */
+		display: inline-block;
+		/* Change SVG size using font-size */
+		font-size: inherit;
+		/* Remove extra vertical space in inline element reserved for character descenders */
+		vertical-align: top;
+
+		width: calc(var(--svg-width, var(--svg-width-fallback)) / 100 * var(--scale));
+		height: calc(var(--svg-height, var(--svg-height-fallback)) / 100 * var(--scale));
+	}
+
+	:host(:not([svgColors])) svg {
+		/* Inherit fill to bypass default */
+		fill: inherit;
+	}
+
+	:host(:not([svgColors])) path {
+		fill: inherit;
+		stroke: inherit;
+	}
+
+	svg {
+		max-width: 100%;
+		max-height: 100%;
+	}
 `;
+export {
+  s as default
+};

package/dist/components/tool-tip/tool-tip.d.ts

@@ -1,7 +1,10 @@
 import { LitElement } from "lit";
-import { client } from "../../utils/types.js";
 export declare const triggerTypes: readonly ["hover", "click", "manual"];
 export type TriggerTypes = typeof triggerTypes[number];
+type client = {
+    x: number;
+    y: number;
+};
 /**
  * A tooltip that can display information on hover or click
  *
@@ -44,4 +47,5 @@ declare global {
         'tool-tip': ToolTip;
     }
 }
+export {};
 //# sourceMappingURL=tool-tip.d.ts.map

package/dist/components/tool-tip/tool-tip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,eAAO,MAAM,YAAY,uCAAwC,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,4BAAY;IAEzB,gBAAgB;IAET,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAErC,0CAA0C;IAEnC,OAAO,EAAE,OAAO,CAAS;IAEhC,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAA0B;IAC1C;;;;OAIG;IACH,IACI,OAAO,CAAC,GAAG,EAAE,YAAY,EAG5B;IACD,IAAI,OAAO,IAJM,YAAY,CAM5B;IAED,2CAA2C;IAE3C,IAAI,EAAE,MAAM,CAAM;IAElB,MAAM;IAYN,yDAAyD;IACzD,SAAS,CAAC,aAAa,CAAE,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,MAAM,EAAE,OAAO;;;;IAwBvE,6DAA6D;IACtD,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAI3D,iCAAiC;IAC1B,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
+{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,eAAO,MAAM,YAAY,uCAAwC,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAEvD,KAAK,MAAM,GAAG;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV,CAAA;AAED;;;;;GAKG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,4BAAY;IAEzB,gBAAgB;IAET,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAErC,0CAA0C;IAEnC,OAAO,EAAE,OAAO,CAAS;IAEhC,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAA0B;IAC1C;;;;OAIG;IACH,IACI,OAAO,CAAC,GAAG,EAAE,YAAY,EAG5B;IACD,IAAI,OAAO,IAJM,YAAY,CAM5B;IAED,2CAA2C;IAE3C,IAAI,EAAE,MAAM,CAAM;IAElB,MAAM;IAYN,yDAAyD;IACzD,SAAS,CAAC,aAAa,CAAE,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,MAAM,EAAE,OAAO;;;;IAwBvE,6DAA6D;IACtD,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAI3D,iCAAiC;IAC1B,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}

package/dist/components/tool-tip/tool-tip.js

@@ -1,103 +1,67 @@
-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 y, html as g } from "lit";
+import { query as a, property as f, customElement as c } from "lit/decorators.js";
+import n from "./tool-tip.styles.js";
+var x = Object.defineProperty, m = Object.getOwnPropertyDescriptor, h = (e, t, r, o) => {
+  for (var i = o > 1 ? void 0 : o ? m(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+    (l = e[s]) && (i = (o ? l(t, r, i) : l(i)) || i);
+  return o && i && x(t, r, i), i;
 };
-import { html, LitElement } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
-import styles from './tool-tip.styles.js';
-export const triggerTypes = ['hover', 'click', 'manual'];
-/**
- * A tooltip that can display information on hover or click
- *
- * @cssprop {<length>} --tooltip-x - The x position of the tooltip.
- * @cssprop {<length>} --tooltip-y - The y position of the tooltip.
- */
-let ToolTip = class ToolTip extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** Whether the tooltip can be visible. */
-        this.display = false;
-        /** @internal */
-        this._trigger = "manual";
-        /** The text to display on the tool-tip. */
-        this.text = '';
-    }
-    static { this.styles = [styles]; }
-    /**
-     * Which type of trigger the tool-tip will use.
-     * @type {TriggerTypes}
-     * @default manual
-     */
-    set trigger(val) {
-        this._trigger = val;
-        if (val === 'hover')
-            this.display = true;
-    }
-    get trigger() {
-        return this._trigger;
-    }
-    render() {
-        return html `
-			<slot
-				@click=${() => this.trigger === 'click' ? this.display = !this.display : null}
-			>
-			</slot>
-			<p id="tip">
-				${this.text}
-			</p>
+const v = ["hover", "click", "manual"];
+let p = class extends y {
+  constructor() {
+    super(...arguments), this.display = !1, this._trigger = "manual", this.text = "";
+  }
+  set trigger(e) {
+    this._trigger = e, e === "hover" && (this.display = !0);
+  }
+  get trigger() {
+    return this._trigger;
+  }
+  render() {
+    return g`
+			<slot
+				@click=${() => this.trigger === "click" ? this.display = !this.display : null}
+			>
+			</slot>
+			<p id="tip">
+				${this.text}
+			</p>
 		`;
-    }
-    /** Clamps the tooltip position to within the bounds.  */
-    clampPosition(pos, bounds) {
-        if (!this.textEl || !bounds)
-            return { x: 0, y: 0 };
-        // Get tooltip bounds
-        let tooltipWidth = this.textEl.offsetWidth;
-        let tooltipHeight = this.textEl.offsetHeight;
-        // Set tooltip position left or right side of mouse based on whether cursor is halfway
-        let leftPosition = pos.x - bounds.left > bounds.width / 2 ? pos.x - bounds.left - 56 : pos.x - bounds.left + 64;
-        let halfTooltipWidth = tooltipWidth / 2;
-        // Clamp to left edge
-        if (leftPosition < 0 + halfTooltipWidth)
-            leftPosition = 0 + halfTooltipWidth;
-        else if (leftPosition + tooltipWidth > bounds.width + halfTooltipWidth)
-            leftPosition = bounds.width - tooltipWidth + halfTooltipWidth;
-        // Get cursor position & align tooltip centered to cursor (1/4 tooltip height)
-        let topPosition = pos.y - bounds.top - tooltipHeight / 4;
-        // Clamp to top edge
-        if (topPosition < 0)
-            topPosition = 0;
-        // Clamp to bottom edge
-        else if (topPosition + tooltipHeight > bounds.height)
-            topPosition = bounds.height - tooltipHeight;
-        return { x: leftPosition, y: topPosition };
-    }
-    ;
-    /** Sets the tooltip position, clamped to a set of bounds. */
-    setClampedPosition({ x, y }, bounds) {
-        this.setPosition(this.clampPosition({ x, y }, bounds));
-    }
-    /** Sets the tooltip position. */
-    setPosition({ x, y }) {
-        this.style.setProperty('--tooltip-x', `${x}px`);
-        this.style.setProperty('--tooltip-y', `${y}px`);
-    }
+  }
+  /** Clamps the tooltip position to within the bounds.  */
+  clampPosition(e, t) {
+    if (!this.textEl || !t) return { x: 0, y: 0 };
+    let r = this.textEl.offsetWidth, o = this.textEl.offsetHeight, i = e.x - t.left > t.width / 2 ? e.x - t.left - 56 : e.x - t.left + 64, s = r / 2;
+    i < 0 + s ? i = 0 + s : i + r > t.width + s && (i = t.width - r + s);
+    let l = e.y - t.top - o / 4;
+    return l < 0 ? l = 0 : l + o > t.height && (l = t.height - o), { x: i, y: l };
+  }
+  /** Sets the tooltip position, clamped to a set of bounds. */
+  setClampedPosition({ x: e, y: t }, r) {
+    this.setPosition(this.clampPosition({ x: e, y: t }, r));
+  }
+  /** Sets the tooltip position. */
+  setPosition({ x: e, y: t }) {
+    this.style.setProperty("--tooltip-x", `${e}px`), this.style.setProperty("--tooltip-y", `${t}px`);
+  }
+};
+p.styles = [n];
+h([
+  a("p")
+], p.prototype, "textEl", 2);
+h([
+  f({ type: Boolean, reflect: !0, useDefault: !0 })
+], p.prototype, "display", 2);
+h([
+  f({ type: String, reflect: !0 })
+], p.prototype, "trigger", 1);
+h([
+  f({ type: String, reflect: !0 })
+], p.prototype, "text", 2);
+p = h([
+  c("tool-tip")
+], p);
+export {
+  p as ToolTip,
+  v as triggerTypes
 };
-__decorate([
-    query('p')
-], ToolTip.prototype, "textEl", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, useDefault: true })
-], ToolTip.prototype, "display", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], ToolTip.prototype, "trigger", null);
-__decorate([
-    property({ type: String, reflect: true })
-], ToolTip.prototype, "text", void 0);
-ToolTip = __decorate([
-    customElement('tool-tip')
-], ToolTip);
-export { ToolTip };

package/dist/components/tool-tip/tool-tip.styles.js

@@ -1,58 +1,61 @@
-import { css } from 'lit';
-export default css `
-	:host {
-		display: block;
-		position: relative;
-		--tooltip-x: 0;
-		--tooltip-y: 0;
-	}
-
-	/* Manual or Click appear when display is true */
-	:host(:not([trigger='hover'])[display]) p {
-		display: flex;
-	}
-
-	/* Hover appears when display is true and user is hovering */
-	:host([trigger='hover'][display]:hover) p {
-		display: flex;
-	}
-
-	/* Display nothing when there is no text */
-	:host([text='']) #tip {
-		display: none;
-	}
-
-	p {
-		display: none;
-		align-items: center;
-		justify-content: center;
-
-		position: absolute;
-		background: #000000c0;
-		width: max-content;
-		min-width: 100px;
-		height: 40px;
-		text-align: center;
-		vertical-align: middle;
-		font-size: 18px;
-		font-weight: var(--font-medium);
-		color: #fafafa;
-		padding: 0;
-		margin: 0;
-		transform: translateX(-50%);
-
-		left: var(--tooltip-x);
-		top: var(--tooltip-y);
-
-		/* Obsidian Styling */
-		box-sizing: border-box;
-		animation: pop-down 200ms forwards ease-in-out;
-		box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
-		border-radius: var(--radius-s);
-		line-height: var(--line-height-tight);
-		z-index: var(--layer-tooltip);
-		pointer-events: none;
-		word-break: normal;
-		overflow-wrap: anywhere;
-	}
+import { css as t } from "lit";
+const i = t`
+	:host {
+		display: block;
+		position: relative;
+		--tooltip-x: 0;
+		--tooltip-y: 0;
+	}
+
+	/* Manual or Click appear when display is true */
+	:host(:not([trigger='hover'])[display]) p {
+		display: flex;
+	}
+
+	/* Hover appears when display is true and user is hovering */
+	:host([trigger='hover'][display]:hover) p {
+		display: flex;
+	}
+
+	/* Display nothing when there is no text */
+	:host([text='']) #tip {
+		display: none;
+	}
+
+	p {
+		display: none;
+		align-items: center;
+		justify-content: center;
+
+		position: absolute;
+		background: #000000c0;
+		width: max-content;
+		min-width: 100px;
+		height: 40px;
+		text-align: center;
+		vertical-align: middle;
+		font-size: 18px;
+		font-weight: var(--font-medium);
+		color: #fafafa;
+		padding: 0;
+		margin: 0;
+		transform: translateX(-50%);
+
+		left: var(--tooltip-x);
+		top: var(--tooltip-y);
+
+		/* Obsidian Styling */
+		box-sizing: border-box;
+		animation: pop-down 200ms forwards ease-in-out;
+		box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
+		border-radius: var(--radius-s);
+		line-height: var(--line-height-tight);
+		z-index: var(--layer-tooltip);
+		pointer-events: none;
+		word-break: normal;
+		overflow-wrap: anywhere;
+	}
 `;
+export {
+  i as default
+};

package/dist/decorators/condCustomElement.js

@@ -1,12 +1,9 @@
-import { customElement as litCustomElement } from "lit/decorators.js";
-/**
- * Registers a new custom element if it doesn't already exist.
- * @param tagName The tag name of the custom element to define.
- */
-export function condCustomElement(tagName) {
-    return function (constructor) {
-        if (!customElements.get(tagName))
-            litCustomElement(tagName)(constructor);
-        return constructor;
-    };
+import { customElement as n } from "lit/decorators.js";
+function o(t) {
+  return function(e) {
+    return customElements.get(t) || n(t)(e), e;
+  };
 }
+export {
+  o as condCustomElement
+};

package/dist/utils/EventEmitter.js

@@ -1,24 +1,24 @@
-export class EventEmitter {
-    constructor() {
-        this.eventListeners = {};
-    }
-    on(eventName, listener) {
-        const listeners = this.eventListeners[eventName] ?? new Set();
-        listeners.add(listener);
-        this.eventListeners[eventName] = listeners;
-    }
-    off(eventName, listener) {
-        const listeners = this.eventListeners[eventName] ?? new Set();
-        listeners.delete(listener);
-        this.eventListeners[eventName] = listeners;
-    }
-    emit(eventName, ...args) {
-        const listeners = this.eventListeners[eventName] ?? new Set();
-        for (const listener of listeners) {
-            listener(...args);
-        }
-    }
-    clear() {
-        this.eventListeners = {};
-    }
+class r {
+  constructor() {
+    this.eventListeners = {};
+  }
+  on(e, s) {
+    const t = this.eventListeners[e] ?? /* @__PURE__ */ new Set();
+    t.add(s), this.eventListeners[e] = t;
+  }
+  off(e, s) {
+    const t = this.eventListeners[e] ?? /* @__PURE__ */ new Set();
+    t.delete(s), this.eventListeners[e] = t;
+  }
+  emit(e, ...s) {
+    const t = this.eventListeners[e] ?? /* @__PURE__ */ new Set();
+    for (const n of t)
+      n(...s);
+  }
+  clear() {
+    this.eventListeners = {};
+  }
 }
+export {
+  r as EventEmitter
+};

package/dist/utils/ResponsiveController.js

@@ -1,19 +1,16 @@
-export class ResponsiveController {
-    constructor(host, mobileBreakpoint = '60rem') {
-        this.isMobile = false;
-        (this.host = host).addController(this);
-        this.mediaQueryList = matchMedia(`(width < ${mobileBreakpoint})`);
-        this.handleMediaQueryChange = (event) => {
-            this.isMobile = event.matches;
-            this.host.requestUpdate();
-        };
-    }
-    hostConnected() {
-        this.mediaQueryList.addEventListener('change', this.handleMediaQueryChange);
-        this.isMobile = this.mediaQueryList.matches;
-        this.host.requestUpdate();
-    }
-    hostDisconnected() {
-        this.mediaQueryList.removeEventListener('change', this.handleMediaQueryChange);
-    }
+class h {
+  constructor(e, t = "60rem") {
+    this.isMobile = !1, (this.host = e).addController(this), this.mediaQueryList = matchMedia(`(width < ${t})`), this.handleMediaQueryChange = (s) => {
+      this.isMobile = s.matches, this.host.requestUpdate();
+    };
+  }
+  hostConnected() {
+    this.mediaQueryList.addEventListener("change", this.handleMediaQueryChange), this.isMobile = this.mediaQueryList.matches, this.host.requestUpdate();
+  }
+  hostDisconnected() {
+    this.mediaQueryList.removeEventListener("change", this.handleMediaQueryChange);
+  }
 }
+export {
+  h as ResponsiveController
+};