overview-components 1.0.76 → 1.0.78

package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js

@@ -1,127 +1,131 @@
 function c() {
   return typeof window < "u";
 }
-function u(e) {
-  return a(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function s(n) {
+  return p(n) ? (n.nodeName || "").toLowerCase() : "#document";
 }
-function i(e) {
+function i(n) {
   var t;
-  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+  return (n == null || (t = n.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function h(e) {
+function E(n) {
   var t;
-  return (t = (a(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (p(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function a(e) {
-  return c() ? e instanceof Node || e instanceof i(e).Node : !1;
+function p(n) {
+  return c() ? n instanceof Node || n instanceof i(n).Node : !1;
 }
-function d(e) {
-  return c() ? e instanceof Element || e instanceof i(e).Element : !1;
+function m(n) {
+  return c() ? n instanceof Element || n instanceof i(n).Element : !1;
 }
-function m(e) {
-  return c() ? e instanceof HTMLElement || e instanceof i(e).HTMLElement : !1;
+function w(n) {
+  return c() ? n instanceof HTMLElement || n instanceof i(n).HTMLElement : !1;
 }
-function f(e) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof i(e).ShadowRoot;
+function a(n) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof i(n).ShadowRoot;
 }
-function p(e) {
+function y(n) {
   const {
     overflow: t,
-    overflowX: n,
+    overflowX: e,
     overflowY: o,
     display: r
-  } = y(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(r);
+  } = b(n);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + e) && !["inline", "contents"].includes(r);
 }
-function L(e) {
-  return ["table", "td", "th"].includes(u(e));
+function D(n) {
+  return ["table", "td", "th"].includes(s(n));
 }
-function S(e) {
+function N(n) {
   return [":popover-open", ":modal"].some((t) => {
     try {
-      return e.matches(t);
+      return n.matches(t);
     } catch {
       return !1;
     }
   });
 }
-function N(e) {
-  const t = E(), n = d(e) ? y(e) : e;
-  return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+function T(n) {
+  const t = L(), e = m(n) ? b(n) : n;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => e[o] ? e[o] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (e.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (e.contain || "").includes(o));
 }
-function D(e) {
-  let t = s(e);
-  for (; m(t) && !w(t); ) {
-    if (N(t))
+function k(n) {
+  let t = u(n);
+  for (; w(t) && !g(t); ) {
+    if (T(t))
       return t;
-    if (S(t))
+    if (N(t))
       return null;
-    t = s(t);
+    t = u(t);
   }
   return null;
 }
-function E() {
+function L() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function w(e) {
-  return ["html", "body", "#document"].includes(u(e));
+function g(n) {
+  return ["html", "body", "#document"].includes(s(n));
 }
-function y(e) {
-  return i(e).getComputedStyle(e);
+function b(n) {
+  return i(n).getComputedStyle(n);
 }
-function k(e) {
-  return d(e) ? {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
+function C(n) {
+  return m(n) ? {
+    scrollLeft: n.scrollLeft,
+    scrollTop: n.scrollTop
   } : {
-    scrollLeft: e.scrollX,
-    scrollTop: e.scrollY
+    scrollLeft: n.scrollX,
+    scrollTop: n.scrollY
   };
 }
-function s(e) {
-  if (u(e) === "html")
-    return e;
+function u(n) {
+  if (s(n) === "html")
+    return n;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
-    e.assignedSlot || // DOM Element detected.
-    e.parentNode || // ShadowRoot detected.
-    f(e) && e.host || // Fallback.
-    h(e)
+    n.assignedSlot || // DOM Element detected.
+    n.parentNode || // ShadowRoot detected.
+    a(n) && n.host || // Fallback.
+    E(n)
   );
-  return f(t) ? t.host : t;
+  return a(t) ? t.host : t;
 }
-function g(e) {
-  const t = s(e);
-  return w(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : m(t) && p(t) ? t : g(t);
+function h(n) {
+  const t = u(n);
+  return g(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : w(t) && y(t) ? t : h(t);
 }
-function v(e, t, n) {
+function d(n, t, e) {
   var o;
-  t === void 0 && (t = []);
-  const r = g(e), b = r === ((o = e.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  return b ? (T(l), t.concat(l, l.visualViewport || [], p(r) ? r : [], [])) : t.concat(r, v(r, []));
+  t === void 0 && (t = []), e === void 0 && (e = !0);
+  const r = h(n), S = r === ((o = n.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (S) {
+    const f = v(l);
+    return t.concat(l, l.visualViewport || [], y(r) ? r : [], f && e ? d(f) : []);
+  }
+  return t.concat(r, d(r, [], e));
 }
-function T(e) {
-  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+function v(n) {
+  return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
 export {
-  y as getComputedStyle,
-  D as getContainingBlock,
-  h as getDocumentElement,
-  T as getFrameElement,
-  g as getNearestOverflowAncestor,
-  u as getNodeName,
-  k as getNodeScroll,
-  v as getOverflowAncestors,
-  s as getParentNode,
+  b as getComputedStyle,
+  k as getContainingBlock,
+  E as getDocumentElement,
+  v as getFrameElement,
+  h as getNearestOverflowAncestor,
+  s as getNodeName,
+  C as getNodeScroll,
+  d as getOverflowAncestors,
+  u as getParentNode,
   i as getWindow,
-  N as isContainingBlock,
-  d as isElement,
-  m as isHTMLElement,
-  w as isLastTraversableNode,
-  a as isNode,
-  p as isOverflowElement,
-  f as isShadowRoot,
-  L as isTableElement,
-  S as isTopLayer,
-  E as isWebKit
+  T as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  g as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  a as isShadowRoot,
+  D as isTableElement,
+  N as isTopLayer,
+  L as isWebKit
 };

package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js

@@ -1,19 +1,19 @@
-const l = Math.min, m = Math.max, P = Math.round, O = (t) => ({
+const l = Math.min, a = Math.max, P = Math.round, M = Math.floor, O = (t) => ({
   x: t,
   y: t
-}), p = {
+}), m = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, a = {
+}, p = {
   start: "end",
   end: "start"
 };
-function M(t, n, e) {
-  return m(t, l(n, e));
+function S(t, n, e) {
+  return a(t, l(n, e));
 }
-function S(t, n) {
+function w(t, n) {
   return typeof t == "function" ? t(n) : t;
 }
 function f(t) {
@@ -34,18 +34,18 @@ function b(t) {
 function d(t) {
   return h(b(t));
 }
-function w(t, n, e) {
+function j(t, n, e) {
   e === void 0 && (e = !1);
   const r = g(t), o = d(t), i = x(o);
   let c = o === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
   return n.reference[i] > n.floating[i] && (c = u(c)), [c, u(c)];
 }
-function j(t) {
+function C(t) {
   const n = u(t);
   return [s(t), n, s(n)];
 }
 function s(t) {
-  return t.replace(/start|end/g, (n) => a[n]);
+  return t.replace(/start|end/g, (n) => p[n]);
 }
 function A(t, n, e) {
   const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
@@ -60,13 +60,13 @@ function A(t, n, e) {
       return [];
   }
 }
-function C(t, n, e, r) {
+function L(t, n, e, r) {
   const o = g(t);
   let i = A(f(t), e === "start", r);
   return o && (i = i.map((c) => c + "-" + o), n && (i = i.concat(i.map(s)))), i;
 }
 function u(t) {
-  return t.replace(/left|right|bottom|top/g, (n) => p[n]);
+  return t.replace(/left|right|bottom|top/g, (n) => m[n]);
 }
 function y(t) {
   return {
@@ -77,7 +77,7 @@ function y(t) {
     ...t
   };
 }
-function L(t) {
+function E(t) {
   return typeof t != "number" ? y(t) : {
     top: t,
     right: t,
@@ -85,7 +85,7 @@ function L(t) {
     left: t
   };
 }
-function E(t) {
+function R(t) {
   const {
     x: n,
     y: e,
@@ -104,24 +104,25 @@ function E(t) {
   };
 }
 export {
-  M as clamp,
+  S as clamp,
   O as createCoords,
-  S as evaluate,
+  w as evaluate,
   y as expandPaddingObject,
+  M as floor,
   g as getAlignment,
   d as getAlignmentAxis,
-  w as getAlignmentSides,
+  j as getAlignmentSides,
   x as getAxisLength,
-  j as getExpandedPlacements,
+  C as getExpandedPlacements,
   s as getOppositeAlignmentPlacement,
   h as getOppositeAxis,
-  C as getOppositeAxisPlacements,
+  L as getOppositeAxisPlacements,
   u as getOppositePlacement,
-  L as getPaddingObject,
+  E as getPaddingObject,
   f as getSide,
   b as getSideAxis,
-  m as max,
+  a as max,
   l as min,
-  E as rectToClientRect,
+  R as rectToClientRect,
   P as round
 };

package/dist/node_modules/lit-html/directives/class-map.js

@@ -0,0 +1,34 @@
+import { noChange as o } from "../lit-html.js";
+import { directive as h, Directive as c, PartType as d } from "../directive.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const f = h(class extends c {
+  constructor(s) {
+    var e;
+    if (super(s), s.type !== d.ATTRIBUTE || s.name !== "class" || ((e = s.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(s) {
+    return " " + Object.keys(s).filter((e) => s[e]).join(" ") + " ";
+  }
+  update(s, [e]) {
+    var n, i;
+    if (this.st === void 0) {
+      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((t) => t !== "")));
+      for (const t in e) e[t] && !((n = this.nt) != null && n.has(t)) && this.st.add(t);
+      return this.render(e);
+    }
+    const r = s.element.classList;
+    for (const t of this.st) t in e || (r.remove(t), this.st.delete(t));
+    for (const t in e) {
+      const a = !!e[t];
+      a === this.st.has(t) || (i = this.nt) != null && i.has(t) || (a ? (r.add(t), this.st.add(t)) : (r.remove(t), this.st.delete(t)));
+    }
+    return o;
+  }
+});
+export {
+  f as classMap
+};

package/dist/shared/lit-checkbox.js

@@ -0,0 +1,155 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as p } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { customElement as h } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as o } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { classMap as b } from "../node_modules/lit-html/directives/class-map.js";
+import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (e, i, c, n) => {
+  for (var r = n > 1 ? void 0 : n ? f(i, c) : i, s = e.length - 1, l; s >= 0; s--)
+    (l = e[s]) && (r = (n ? l(i, c, r) : l(r)) || r);
+  return n && r && u(i, c, r), r;
+};
+let t = class extends d {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.onChange = () => {
+    }, this.value = "", this.label = "";
+  }
+  // 1) Manually sync the indeterminate property on the <input>
+  updated(e) {
+    super.updated(e);
+    const i = this.renderRoot.querySelector(
+      'input[type="checkbox"]'
+    );
+    i && (i.indeterminate = this.indeterminate);
+  }
+  // 2) Intercept clicks when we're indeterminate
+  _onClick(e) {
+    this.indeterminate && (e.preventDefault(), this.indeterminate = !1, this._notifyChange(e));
+  }
+  // 3) Handle the native change event when not indeterminate
+  _onChange(e) {
+    this.checked = e.target.checked, this._notifyChange(e);
+  }
+  _notifyChange(e) {
+    this.dispatchEvent(
+      new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        detail: e.target.checked
+      })
+    ), typeof this.onChange == "function" && this.onChange(e);
+  }
+  render() {
+    return p`
+            <div class="container">
+                ${this.label ? p`
+                          <lit-label label="${this.label}" ?disabled=${this.disabled}> </lit-label>
+                      ` : ""}
+                <input
+                    class=${b({
+      indeterminate: this.indeterminate,
+      marginLeft: this.label !== ""
+    })}
+                    type="checkbox"
+                    .checked=${this.checked}
+                    ?disabled=${this.disabled}
+                    @click=${this._onClick}
+                    @change=${this._onChange}
+                    .value=${this.value}
+                    aria-label="${this.label || "checkbox"}"
+                    aria-checked="${this.indeterminate ? "mixed" : this.checked ? "true" : "false"}"
+                    aria-disabled="${this.disabled ? "true" : "false"}"
+                />
+            </div>
+        `;
+  }
+};
+t.styles = m`
+        :host {
+            display: inline-block;
+            font-family: Inter, sans-serif;
+        }
+        .container {
+            display: flex;
+            flex-direction: column;
+        }
+        /* Hide the default checkbox */
+        .marginLeft {
+            margin-left: 0.75rem;
+        }
+        input[type='checkbox'] {
+            position: relative;
+            appearance: none;
+            width: 20px;
+            height: 20px;
+            border: 1px solid var(--text-primary, #111827);
+            border-radius: 6px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: var(--background-paper, #fff);
+            transition: all 0.1s ease-in-out;
+            cursor: pointer;
+        }
+
+        input[type='checkbox'].indeterminate {
+            background-color: var(--color-primary-main, #76b703);
+            border-color: var(--color-primary-main, #76b703);
+        }
+
+        input[type='checkbox'].indeterminate::after {
+            content: '−';
+            color: var(--background-default, #111827);
+            font-size: 16px;
+        }
+
+        /* Custom checkmark */
+        input[type='checkbox']::after {
+            content: '✓';
+            color: var(--background-paper, #111827);
+            font-size: 16px;
+            visible: none;
+        }
+
+        /* Checked state */
+        input[type='checkbox']:checked {
+            background-color: var(--color-primary-main, #76b703);
+            border-color: var(--color-primary-main, #76b703);
+        }
+
+        input[type='checkbox']:checked::after {
+            visible: visibility;
+        }
+
+        /* Disabled state */
+        input[type='checkbox']:disabled {
+            background-color: var(--background-paper, #fff);
+            border-color: var(--color-primary-disabled, #d0d3db);
+            cursor: not-allowed;
+        }
+    `;
+a([
+  o({ type: Boolean })
+], t.prototype, "disabled", 2);
+a([
+  o({ type: Boolean })
+], t.prototype, "checked", 2);
+a([
+  o({ type: Boolean })
+], t.prototype, "indeterminate", 2);
+a([
+  o({ type: Function })
+], t.prototype, "onChange", 2);
+a([
+  o({ type: String })
+], t.prototype, "value", 2);
+a([
+  o({ type: String })
+], t.prototype, "label", 2);
+t = a([
+  h("lit-checkbox")
+], t);
+export {
+  t as LitCheckbox
+};