overview-components 1.0.93 → 1.0.96

package/dist/shared/lit-button.js

@@ -1,65 +1,50 @@
-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 "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as r } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { customElement as u } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as e } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import m from "./styles/button-shared-styles.js";
+import { css as h } from "../node_modules/@lit/reactive-element/css-tag.js";
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (s, n, a, l) => {
+  for (var o = l > 1 ? void 0 : l ? f(n, a) : n, p = s.length - 1, c; p >= 0; p--)
+    (c = s[p]) && (o = (l ? c(n, a, o) : c(o)) || o);
+  return l && o && b(n, a, o), o;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-// styles
-import buttonStyles from './styles/button-shared-styles.js';
-// elements
-import './lit-icon.js';
-import './lit-pill.js';
-import './lit-loader.js';
-let LitButton = class LitButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.variant = 'contained';
-        this.size = 'medium';
-        this.label = 'Button';
-        this.fullWidth = false;
-        this.disabled = false;
-        this.count = undefined;
-        this.active = false;
-        this.isLoading = false;
-    }
-    render() {
-        const classes = `button--${this.size} button--${this.variant} ${this.fullWidth ? 'button--fullWidth' : ''} ${this.active ? 'active' : ''}`;
-        const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
-        return html `
-            <button ?disabled=${this.disabled} @click=${this.onClick} class=${classes}>
+let t = class extends d {
+  constructor() {
+    super(...arguments), this.variant = "contained", this.size = "medium", this.label = "Button", this.fullWidth = !1, this.disabled = !1, this.count = void 0, this.active = !1, this.isLoading = !1;
+  }
+  render() {
+    const s = `button--${this.size} button--${this.variant} ${this.fullWidth ? "button--fullWidth" : ""} ${this.active ? "active" : ""}`, n = this.count !== void 0 && this.count !== null && this.count >= 0;
+    return r`
+            <button ?disabled=${this.disabled} @click=${this.onClick} class=${s}>
                 <div class="button--content">
-                    ${this.isLoading
-            ? html ` <lit-loader size="small" class="button--loader"></lit-loader> `
-            : null}
+                    ${this.isLoading ? r` <lit-loader size="small" class="button--loader"></lit-loader> ` : null}
 
                     <div
                         class="button-inner"
-                        style="visibility: ${this.isLoading ? 'hidden' : 'visible'};
+                        style="visibility: ${this.isLoading ? "hidden" : "visible"};
                     "
                     >
                         <slot name="start-icon">
-                            ${this.icon
-            ? html `<lit-icon
+                            ${this.icon ? r`<lit-icon
                                       class="start-icon"
                                       size="1.25rem"
                                       icon="${this.icon}"
-                                  ></lit-icon>`
-            : ''}
+                                  ></lit-icon>` : ""}
                         </slot>
                         ${this.label}
-                        ${hasCount ? html `<lit-pill count=${this.count}></lit-pill>` : ''}
+                        ${n ? r`<lit-pill count=${this.count}></lit-pill>` : ""}
                     </div>
                 </div>
             </button>
         `;
-    }
+  }
 };
-LitButton.styles = [
-    // styles,
-    buttonStyles,
-    css `
+t.styles = [
+  // styles,
+  m,
+  h`
             /* Basic button styles */
             button {
                 line-height: 1.5rem;
@@ -117,40 +102,41 @@ LitButton.styles = [
                 gap: 0.5rem;
                 visibility: visible;
             }
-        `,
+        `
 ];
-__decorate([
-    property({ type: String })
-], LitButton.prototype, "variant", void 0);
-__decorate([
-    property({ type: String })
-], LitButton.prototype, "size", void 0);
-__decorate([
-    property({ type: String })
-], LitButton.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], LitButton.prototype, "icon", void 0);
-__decorate([
-    property({ type: Boolean })
-], LitButton.prototype, "fullWidth", void 0);
-__decorate([
-    property({ type: Boolean })
-], LitButton.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Number })
-], LitButton.prototype, "count", void 0);
-__decorate([
-    property({ type: Function })
-], LitButton.prototype, "onClick", void 0);
-__decorate([
-    property({ type: Boolean })
-], LitButton.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean })
-], LitButton.prototype, "isLoading", void 0);
-LitButton = __decorate([
-    customElement('lit-button')
-], LitButton);
-export { LitButton };
-//# sourceMappingURL=lit-button.js.map
+i([
+  e({ type: String })
+], t.prototype, "variant", 2);
+i([
+  e({ type: String })
+], t.prototype, "size", 2);
+i([
+  e({ type: String })
+], t.prototype, "label", 2);
+i([
+  e({ type: String })
+], t.prototype, "icon", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "fullWidth", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "disabled", 2);
+i([
+  e({ type: Number })
+], t.prototype, "count", 2);
+i([
+  e({ type: Function })
+], t.prototype, "onClick", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "active", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "isLoading", 2);
+t = i([
+  u("lit-button")
+], t);
+export {
+  t as LitButton
+};

package/dist/shared/lit-progress-bar.js

@@ -1,34 +1,35 @@
-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 { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as g } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? v(t, i) : t, a = e.length - 1, p; a >= 0; a--)
+    (p = e[a]) && (r = (o ? p(t, i, r) : p(r)) || r);
+  return o && r && f(t, i, r), r;
 };
-import { customElement, property } from 'lit/decorators.js';
-import { css, html, LitElement } from 'lit';
-let LitProgressBar = class LitProgressBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.label = '';
-        this.progress = 0;
-    }
-    render() {
-        const clampedProgress = Math.min(100, Math.max(0, this.progress));
-        return html `
+let s = class extends d {
+  constructor() {
+    super(...arguments), this.label = "", this.progress = 0;
+  }
+  render() {
+    const e = Math.min(100, Math.max(0, this.progress));
+    return g`
             <div class="container">
                 <div class="label">${this.label}</div>
                 <div class="progress-bar-container">
-                    <div class="percentage">${clampedProgress}%</div>
+                    <div class="percentage">${e}%</div>
                     <div class="progress-bar">
-                        <div class="progress-fill" style="width: ${clampedProgress}%"></div>
+                        <div class="progress-fill" style="width: ${e}%"></div>
                     </div>
                 </div>
             </div>
         `;
-    }
+  }
 };
-LitProgressBar.styles = [
-    css `
+s.styles = [
+  m`
             .container {
                 gap: 4px;
             }
@@ -66,16 +67,17 @@ LitProgressBar.styles = [
                 font-weight: 500;
                 font-size: 14px;
             }
-        `,
+        `
 ];
-__decorate([
-    property({ type: String })
-], LitProgressBar.prototype, "label", void 0);
-__decorate([
-    property({ type: Number })
-], LitProgressBar.prototype, "progress", void 0);
-LitProgressBar = __decorate([
-    customElement('lit-progress-bar')
-], LitProgressBar);
-export { LitProgressBar };
-//# sourceMappingURL=lit-progress-bar.js.map
+l([
+  n({ type: String })
+], s.prototype, "label", 2);
+l([
+  n({ type: Number })
+], s.prototype, "progress", 2);
+s = l([
+  c("lit-progress-bar")
+], s);
+export {
+  s as LitProgressBar
+};

package/dist/shared/simple-tooltip.js

@@ -1,135 +1,91 @@
-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 "../node_modules/@lit/reactive-element/reactive-element.js";
+import { render as p, html as d } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
+import { customElement as u } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as h } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { directive as g, Directive as v } from "../node_modules/lit-html/directive.js";
+import { computePosition as w, offset as y, flip as E, shift as b, size as x, arrow as T } from "../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { css as _ } from "../node_modules/@lit/reactive-element/css-tag.js";
+var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor, a = (i, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? L(t, n) : t, e = i.length - 1, s; e >= 0; e--)
+    (s = i[e]) && (o = (r ? s(t, n, o) : s(o)) || o);
+  return r && o && k(t, n, o), o;
 };
-import { html, css, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { directive, Directive } from 'lit/directive.js';
-import { render } from 'lit/html.js';
-import { computePosition, offset, shift, flip, size, arrow } from '@floating-ui/dom';
-const ENTER_EVENTS = ['pointerenter', 'mouseenter'];
-const LEAVE_EVENTS = ['pointerleave', 'mouseleave', 'blur', 'keydown', 'click', 'scroll'];
-let SimpleTooltip = class SimpleTooltip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.showing = false;
-        this.placement = 'top';
-        this.offset = 8;
-        this.openDelayMs = 300;
-        this._target = null;
-        this.openTimeout = null;
-        this.isHoveringTarget = false;
-        this.scheduleShow = () => {
-            this.clearOpenTimeout();
-            this.openTimeout = window.setTimeout(() => {
-                if (this._target && this.isHoveringTarget) {
-                    this.showTooltipNow();
-                }
-            }, this.openDelayMs);
-        };
-        this.showTooltipNow = () => {
-            this.style.removeProperty('display');
-            this.style.zIndex = '100000';
-            this.showing = true;
-            // if (!document.body.contains(this)) {
-            //     document.body.appendChild(this);
-            // }
-            if (!this.target || !this.arrowElement)
-                return;
-            computePosition(this.target, this, {
-                placement: this.placement,
-                strategy: 'absolute',
-                middleware: [
-                    offset(this.offset),
-                    flip(),
-                    shift({ padding: 8 }),
-                    size({ padding: 8 }),
-                    arrow({ element: this.arrowElement }),
-                ],
-            }).then(({ x, y, placement, middlewareData }) => {
-                if (middlewareData.hide) {
-                    Object.assign(this.style, {
-                        display: middlewareData.hide.referenceHidden || !this.showing ? 'none' : 'block',
-                    });
-                }
-                Object.assign(this.style, {
-                    left: `${x}px`,
-                    top: `${y}px`,
-                });
-                const staticSide = {
-                    top: 'bottom',
-                    bottom: 'top',
-                    left: 'right',
-                    right: 'left',
-                }[placement.split('-')[0]];
-                const { x: arrowX, y: arrowY } = middlewareData.arrow || {};
-                Object.assign(this.arrowElement.style, {
-                    left: arrowX != null ? `${arrowX}px` : '',
-                    top: arrowY != null ? `${arrowY}px` : '',
-                    right: '',
-                    bottom: '',
-                    [staticSide]: '-4px',
-                });
-            });
-        };
-        this.clearOpenTimeout = () => {
-            if (this.openTimeout !== null) {
-                clearTimeout(this.openTimeout);
-                this.openTimeout = null;
-            }
-        };
-        this.markHovering = () => {
-            this.isHoveringTarget = true;
-        };
-        this.markNotHovering = () => {
-            this.isHoveringTarget = false;
-            this.clearOpenTimeout();
-        };
-        this.hide = () => {
-            this.showing = false;
-            this.style.display = 'none';
-        };
-    }
-    get target() {
-        return this._target;
-    }
-    set target(el) {
-        if (this._target) {
-            ENTER_EVENTS.forEach((evt) => {
-                this._target.removeEventListener(evt, this.scheduleShow);
-                this._target.removeEventListener(evt, this.markHovering);
-            });
-            LEAVE_EVENTS.forEach((evt) => this._target.removeEventListener(evt, this.hide));
-        }
-        if (el) {
-            ENTER_EVENTS.forEach((evt) => {
-                el.addEventListener(evt, this.scheduleShow);
-                el.addEventListener(evt, this.markHovering);
-            });
-            LEAVE_EVENTS.forEach((evt) => {
-                el.addEventListener(evt, this.markNotHovering);
-                el.addEventListener(evt, this.hide);
-            });
-        }
-        this._target = el;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.style.display = 'none';
-    }
-    firstUpdated() {
-        this.arrowElement = this.shadowRoot.getElementById('arrow');
-    }
-    render() {
-        return html `
+const m = ["pointerenter", "mouseenter"], c = ["pointerleave", "mouseleave", "blur", "keydown", "click", "scroll"];
+let l = class extends f {
+  constructor() {
+    super(...arguments), this.showing = !1, this.placement = "top", this.offset = 8, this.openDelayMs = 300, this._target = null, this.openTimeout = null, this.isHoveringTarget = !1, this.scheduleShow = () => {
+      this.clearOpenTimeout(), this.openTimeout = window.setTimeout(() => {
+        this._target && this.isHoveringTarget && this.showTooltipNow();
+      }, this.openDelayMs);
+    }, this.showTooltipNow = () => {
+      this.style.removeProperty("display"), this.style.zIndex = "100000", this.showing = !0, !(!this.target || !this.arrowElement) && w(this.target, this, {
+        placement: this.placement,
+        strategy: "absolute",
+        middleware: [
+          y(this.offset),
+          E(),
+          b({ padding: 8 }),
+          x({ padding: 8 }),
+          T({ element: this.arrowElement })
+        ]
+      }).then(({ x: i, y: t, placement: n, middlewareData: r }) => {
+        r.hide && Object.assign(this.style, {
+          display: r.hide.referenceHidden || !this.showing ? "none" : "block"
+        }), Object.assign(this.style, {
+          left: `${i}px`,
+          top: `${t}px`
+        });
+        const o = {
+          top: "bottom",
+          bottom: "top",
+          left: "right",
+          right: "left"
+        }[n.split("-")[0]], { x: e, y: s } = r.arrow || {};
+        Object.assign(this.arrowElement.style, {
+          left: e != null ? `${e}px` : "",
+          top: s != null ? `${s}px` : "",
+          right: "",
+          bottom: "",
+          [o]: "-4px"
+        });
+      });
+    }, this.clearOpenTimeout = () => {
+      this.openTimeout !== null && (clearTimeout(this.openTimeout), this.openTimeout = null);
+    }, this.markHovering = () => {
+      this.isHoveringTarget = !0;
+    }, this.markNotHovering = () => {
+      this.isHoveringTarget = !1, this.clearOpenTimeout();
+    }, this.hide = () => {
+      this.showing = !1, this.style.display = "none";
+    };
+  }
+  get target() {
+    return this._target;
+  }
+  set target(i) {
+    this._target && (m.forEach((t) => {
+      this._target.removeEventListener(t, this.scheduleShow), this._target.removeEventListener(t, this.markHovering);
+    }), c.forEach((t) => this._target.removeEventListener(t, this.hide))), i && (m.forEach((t) => {
+      i.addEventListener(t, this.scheduleShow), i.addEventListener(t, this.markHovering);
+    }), c.forEach((t) => {
+      i.addEventListener(t, this.markNotHovering), i.addEventListener(t, this.hide);
+    })), this._target = i;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.style.display = "none";
+  }
+  firstUpdated() {
+    this.arrowElement = this.shadowRoot.getElementById("arrow");
+  }
+  render() {
+    return d`
             <div id="arrow"></div>
             <slot></slot>
         `;
-    }
+  }
 };
-SimpleTooltip.styles = css `
+l.styles = _`
         :host {
             position: absolute;
             display: inline-block;
@@ -173,76 +129,46 @@ SimpleTooltip.styles = css `
             max-height: 70vh;
         }
     `;
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SimpleTooltip.prototype, "showing", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SimpleTooltip.prototype, "placement", void 0);
-__decorate([
-    property({ type: Number })
-], SimpleTooltip.prototype, "offset", void 0);
-__decorate([
-    property({ type: Number })
-], SimpleTooltip.prototype, "openDelayMs", void 0);
-SimpleTooltip = __decorate([
-    customElement('simple-tooltip')
-], SimpleTooltip);
-export { SimpleTooltip };
-class TooltipDirective extends Directive {
-    constructor() {
-        super(...arguments);
-        this.initialized = false;
-    }
-    disconnect() {
-        if (this.tooltip) {
-            this.tooltip.hide();
-            // Remove from DOM to avoid leaks if desired
-            if (this.tooltip.parentElement) {
-                this.tooltip.parentElement.removeChild(this.tooltip);
-            }
-            this.tooltip = undefined;
-            this.initialized = false;
-        }
-    }
-    render() { } // required override
-    update(part, [content, placement = 'top', delay = 200]) {
-        this.part = part;
-        this.content = content;
-        this.placement = placement;
-        this.delay = delay;
-        const target = this.part.element;
-        if (!this.initialized) {
-            this.initialized = true;
-            const onEnter = () => {
-                if (!this.tooltip) {
-                    this.tooltip = document.createElement('simple-tooltip');
-                    this.tooltip.placement = this.placement;
-                    this.tooltip.openDelayMs = this.delay;
-                    document.body.appendChild(this.tooltip);
-                    render(this.content, this.tooltip, this.part.options);
-                }
-                this.tooltip.target = target;
-                this.tooltip.openDelayMs = this.delay;
-                this.tooltip.placement = this.placement;
-                this.tooltip.scheduleShow();
-                // Lazy mounting done — clean up listener
-                target.removeEventListener('mouseenter', onEnter);
-                target.removeEventListener('pointerenter', onEnter);
-            };
-            target.addEventListener('mouseenter', onEnter);
-            target.addEventListener('pointerenter', onEnter);
-        }
-        if (this.tooltip) {
-            this.tooltip.openDelayMs = this.delay;
-            this.tooltip.placement = this.placement;
-            render(this.content, this.tooltip, this.part.options);
-            // Hide tooltip if target is not in DOM
-            if (!document.body.contains(target)) {
-                this.tooltip.hide();
-            }
-        }
+a([
+  h({ type: Boolean, reflect: !0 })
+], l.prototype, "showing", 2);
+a([
+  h({ type: String, reflect: !0 })
+], l.prototype, "placement", 2);
+a([
+  h({ type: Number })
+], l.prototype, "offset", 2);
+a([
+  h({ type: Number })
+], l.prototype, "openDelayMs", 2);
+l = a([
+  u("simple-tooltip")
+], l);
+class H extends v {
+  constructor() {
+    super(...arguments), this.initialized = !1;
+  }
+  disconnect() {
+    this.tooltip && (this.tooltip.hide(), this.tooltip.parentElement && this.tooltip.parentElement.removeChild(this.tooltip), this.tooltip = void 0, this.initialized = !1);
+  }
+  render() {
+  }
+  // required override
+  update(t, [n, r = "top", o = 200]) {
+    this.part = t, this.content = n, this.placement = r, this.delay = o;
+    const e = this.part.element;
+    if (!this.initialized) {
+      this.initialized = !0;
+      const s = () => {
+        this.tooltip || (this.tooltip = document.createElement("simple-tooltip"), this.tooltip.placement = this.placement, this.tooltip.openDelayMs = this.delay, document.body.appendChild(this.tooltip), p(this.content, this.tooltip, this.part.options)), this.tooltip.target = e, this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, this.tooltip.scheduleShow(), e.removeEventListener("mouseenter", s), e.removeEventListener("pointerenter", s);
+      };
+      e.addEventListener("mouseenter", s), e.addEventListener("pointerenter", s);
     }
+    this.tooltip && (this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, p(this.content, this.tooltip, this.part.options), document.body.contains(e) || this.tooltip.hide());
+  }
 }
-export const tooltip = directive(TooltipDirective);
-//# sourceMappingURL=simple-tooltip.js.map
+const j = g(H);
+export {
+  l as SimpleTooltip,
+  j as tooltip
+};

package/dist/shared/styles/button-shared-styles.js

@@ -1,5 +1,8 @@
-import { css } from 'lit';
-const buttonStyles = css `
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { css as o } from "../../node_modules/@lit/reactive-element/css-tag.js";
+const e = o`
     button {
         font-family: inherit;
         border-radius: var(--border-radius-small, 0.5rem);
@@ -197,5 +200,6 @@ const buttonStyles = css `
         border: none;
     }
 `;
-export default buttonStyles;
-//# sourceMappingURL=button-shared-styles.js.map
+export {
+  e as default
+};