@mono-lit/helper 0.0.9 → 0.1.0

package/dist/field-tooltip.css_raw-U5UeTa2d.js

@@ -1,269 +0,0 @@
-import { o as infoIcon } from "./field-icons-t8rXRCKs.js";
-import { html, nothing } from "lit";
-import { ref } from "lit/directives/ref.js";
-
-//#region src/composables/field-bubble.ts
-/** Gap between anchor and bubble, and the bubble's minimum distance to the viewport edge. */
-const GAP = 8;
-const EDGE = 8;
-/** Grace period for moving the pointer from the anchor onto the bubble. */
-const HIDE_DELAY = 120;
-let _uid = 0;
-var FieldBubble = class {
-	constructor(options = {}) {
-		this.id = `mono-field-bubble-${++_uid}`;
-		this._anchor = null;
-		this._bubble = null;
-		this._open = false;
-		this.setAnchor = (el) => {
-			this._anchor = el ?? null;
-		};
-		this.setBubble = (el) => {
-			if ((el ?? null) !== this._bubble) this.hide();
-			this._bubble = el ?? null;
-		};
-		this.show = () => {
-			this.cancelHide();
-			const bubble = this._bubble;
-			if (!bubble || !bubble.isConnected || !this._anchor) return;
-			if (!this._open) {
-				this._open = true;
-				bubble.setAttribute("mono-open", "");
-				try {
-					if (typeof bubble.showPopover === "function" && !bubble.matches(":popover-open")) bubble.showPopover();
-				} catch {}
-				window.addEventListener("scroll", this.place, true);
-				window.addEventListener("resize", this.place);
-			}
-			this.place();
-		};
-		this.hide = () => {
-			this.cancelHide();
-			if (!this._open) return;
-			this._open = false;
-			window.removeEventListener("scroll", this.place, true);
-			window.removeEventListener("resize", this.place);
-			const bubble = this._bubble;
-			if (!bubble) return;
-			bubble.removeAttribute("mono-open");
-			try {
-				if (typeof bubble.hidePopover === "function" && bubble.matches(":popover-open")) bubble.hidePopover();
-			} catch {}
-		};
-		this.scheduleHide = () => {
-			this.cancelHide();
-			this._hideTimer = setTimeout(this.hide, HIDE_DELAY);
-		};
-		this.cancelHide = () => {
-			if (this._hideTimer !== void 0) clearTimeout(this._hideTimer);
-			this._hideTimer = void 0;
-		};
-		this.onPointerLeave = (e) => {
-			if (e.pointerType === "touch") return;
-			this.scheduleHide();
-		};
-		this.onKeydown = (e) => {
-			if (e.key === "Escape" && this._open) {
-				e.stopPropagation();
-				this.hide();
-			}
-		};
-		this.place = () => {
-			const anchor = this._anchor;
-			const bubble = this._bubble;
-			if (!this._open || !anchor || !bubble) return;
-			const r = anchor.getBoundingClientRect();
-			const vw = document.documentElement.clientWidth || window.innerWidth;
-			const vh = window.innerHeight;
-			const bw = bubble.offsetWidth;
-			const bh = bubble.offsetHeight;
-			const above = r.top - GAP - bh;
-			const below = r.bottom + GAP;
-			const fitsAbove = above >= EDGE;
-			const fitsBelow = below + bh <= vh - EDGE;
-			const side = this._side === "top" ? fitsAbove || !fitsBelow ? "top" : "bottom" : fitsBelow || !fitsAbove ? "bottom" : "top";
-			const top = side === "top" ? above : below;
-			const target = this._align === "center" ? r.left + r.width / 2 : r.left + Math.min(16, r.width / 2);
-			const ideal = this._align === "center" ? target - bw / 2 : r.left;
-			const left = Math.min(Math.max(ideal, EDGE), Math.max(EDGE, vw - EDGE - bw));
-			bubble.style.top = `${Math.round(top)}px`;
-			bubble.style.left = `${Math.round(left)}px`;
-			bubble.style.setProperty("--_mono-field-tip-arrow-x", `${Math.round(target - left)}px`);
-			bubble.setAttribute("mono-side", side);
-		};
-		this._side = options.side ?? "top";
-		this._align = options.align ?? "center";
-	}
-	get isOpen() {
-		return this._open;
-	}
-};
-
-//#endregion
-//#region src/composables/field-tooltip.ts
-/** `controlMonoTooltip` once floating-ui is known to load, else `null`. Probed once per page. */
-let _probe = null;
-function probeTooltip() {
-	_probe ??= (async () => {
-		try {
-			const { loadFieldTooltipAddon } = await import("./field-tooltip-addon-CWCp19mJ.js");
-			return await loadFieldTooltipAddon();
-		} catch {
-			return null;
-		}
-	})();
-	return _probe;
-}
-/** `string` → `{ content }`; anything without content → `null` (renders nothing). */
-function normalizeFieldTooltip(value) {
-	if (!value) return null;
-	if (typeof value === "string") return value.trim() ? { content: value } : null;
-	if (typeof value !== "object") return null;
-	const { content } = value;
-	if (content === void 0 || content === null || content === "") return null;
-	return value;
-}
-/** Which bubble a prop value gets: the built-in one, the floating-ui addon, or none. */
-function tooltipMode(value) {
-	if (!normalizeFieldTooltip(value)) return null;
-	return typeof value === "string" ? "simple" : "floating";
-}
-/** A click on the bubble is still inside the `<label>` and the icon: neither should react. */
-const stopBubbleClick = (e) => {
-	e.preventDefault();
-	e.stopPropagation();
-};
-const stopLabelActivation = (e) => {
-	e.preventDefault();
-};
-var FieldTooltipController = class {
-	constructor(host, read) {
-		this.host = host;
-		this.read = read;
-		this._fn = null;
-		this._ctrl = null;
-		this._el = null;
-		this._applied = null;
-		this._raw = null;
-		this._connected = false;
-		this._bubble = new FieldBubble({
-			side: "top",
-			align: "center"
-		});
-		this._setEl = (el) => {
-			if ((el ?? null) !== this._el) this._unbind();
-			this._el = el ?? null;
-			this._bubble.setAnchor(this._el);
-		};
-		this._onIconClick = (e) => {
-			stopLabelActivation(e);
-			this._bubble.show();
-		};
-		host.addController(this);
-	}
-	hostConnected() {
-		this._connected = true;
-	}
-	hostDisconnected() {
-		this._connected = false;
-		this._bubble.hide();
-		this._unbind();
-	}
-	hostUpdated() {
-		if (tooltipMode(this.read()) === "floating") this._ensureProbe();
-		this._sync();
-	}
-	/** The ⓘ for the end of the label row, or `nothing`. */
-	render() {
-		const raw = this.read();
-		const mode = tooltipMode(raw);
-		if (mode === "simple") return this._renderSimple(raw);
-		if (mode !== "floating" || !this._fn) return nothing;
-		return html`<span
-      mono-label-tooltip
-      tabindex="0"
-      role="img"
-      aria-label="More information"
-      @click=${stopLabelActivation}
-      ${ref(this._setEl)}
-    >${this._icon()}</span>`;
-	}
-	/**
-	* Plain text: the icon carries its own bubble. `aria-describedby` reads the
-	* text to screen readers on focus; hover, focus or a tap shows it, Escape
-	* dismisses it, and the pointer may move onto it without it closing.
-	*/
-	_renderSimple(text) {
-		return html`<span
-      mono-label-tooltip
-      tabindex="0"
-      role="img"
-      aria-label="More information"
-      aria-describedby=${this._bubble.id}
-      @click=${this._onIconClick}
-      @pointerenter=${this._bubble.show}
-      @pointerleave=${this._bubble.onPointerLeave}
-      @focus=${this._bubble.show}
-      @blur=${this._bubble.hide}
-      @keydown=${this._bubble.onKeydown}
-      ${ref(this._setEl)}
-    >${this._icon()}<span
-        mono-field-bubble
-        mono-label-tooltip-bubble
-        id=${this._bubble.id}
-        role="tooltip"
-        popover="manual"
-        @pointerenter=${this._bubble.cancelHide}
-        @pointerleave=${this._bubble.onPointerLeave}
-        @click=${stopBubbleClick}
-        ${ref(this._bubble.setBubble)}
-      >${text}</span></span>`;
-	}
-	/**
-	* Light build: the UnoCSS `i-mdi-information-outline` mask (shipped in
-	* `ui/index.css`). Shadow build: the same path inline — the page's icon CSS
-	* cannot reach a shadow root.
-	*/
-	_icon() {
-		if (this.host.renderRoot instanceof ShadowRoot) return infoIcon();
-		return html`<span class="mono-icon i-mdi-information-outline" mono-icon aria-hidden="true"></span>`;
-	}
-	_ensureProbe() {
-		if (this._fn || typeof document === "undefined") return;
-		probeTooltip().then((fn) => {
-			if (!fn || this._fn) return;
-			this._fn = fn;
-			this.host.requestUpdate();
-		});
-	}
-	_sync() {
-		const raw = this.read();
-		if (tooltipMode(raw) !== "floating") return this._unbind();
-		if (this._ctrl && this._raw === raw) return;
-		const options = normalizeFieldTooltip(raw);
-		if (!this._fn || !this._connected || !this._el || !options) return this._unbind();
-		if (this._ctrl) {
-			const blanked = {};
-			for (const key of Object.keys(this._applied ?? {})) blanked[key] = void 0;
-			this._ctrl.update({
-				...blanked,
-				...options
-			});
-		} else this._ctrl = this._fn(this._el, options);
-		this._applied = options;
-		this._raw = raw;
-	}
-	_unbind() {
-		this._ctrl?.destroy();
-		this._ctrl = null;
-		this._applied = null;
-		this._raw = null;
-	}
-};
-
-//#endregion
-//#region \0raw:C:\Users\VCT-DEV\Desktop\libs\packages\helper\src\components\form\field-tooltip.css?raw.js
-var field_tooltip_css_raw_default = "/* =========================================\r\n   Field tooltip — the BUILT-IN bubble behind a plain-text `tooltip=\"…\"` on\r\n   every field control (input, select, tag-input, date, textarea,\r\n   dropdown-table, slider). No floating-ui: composables/field-tooltip.ts\r\n   shows it in the top layer (Popover API) and writes its fixed `top` /\r\n   `left`, `mono-side` (top|bottom) and the arrow's x. The object form\r\n   (`.tooltip=${{…}}`) is the tooltip addon instead and never reaches here.\r\n\r\n   Looks like the addon's default `mono-tooltip`, and reads its public knobs:\r\n   --mono-tooltip-bg / -color / -radius / -max-width / -font-size /\r\n   -line-height / -padding-x / -padding-y.\r\n\r\n   Light: imported once by entries/index.css. Shadow: appended to each\r\n   control's shadow sheet.\r\n   ========================================= */\r\n\r\n[mono-field-bubble] {\r\n  --_mono-field-tip-bg: var(--mono-tooltip-bg, var(--foreground));\r\n  --_mono-field-tip-arrow: calc(var(--mono-spacing) * 2);\r\n\r\n  /* undo the [popover] UA box (inset:0; margin:auto; border; Canvas …) */\r\n  position: fixed;\r\n  inset: auto;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: var(--mono-popup-z, 1000);\r\n  display: none;\r\n  box-sizing: border-box;\r\n  width: max-content;\r\n  max-width: min(var(--mono-tooltip-max-width, 20rem), calc(100vw - 16px));\r\n  height: auto;\r\n  margin: 0;\r\n  overflow: visible;\r\n  padding: var(--mono-tooltip-padding-y, calc(var(--mono-spacing) * 1.5)) var(--mono-tooltip-padding-x, calc(var(--mono-spacing) * 3));\r\n  border: 0;\r\n  border-radius: var(--mono-tooltip-radius, var(--mono-radius-md));\r\n  background: var(--_mono-field-tip-bg);\r\n  color: var(--mono-tooltip-color, var(--background));\r\n  box-shadow: var(--mono-tooltip-shadow, 0 0 0 0 transparent);\r\n\r\n  /* it sits inside the label — drop everything the label row set */\r\n  font-family: inherit;\r\n  font-size: var(--mono-tooltip-font-size, var(--mono-text-xs));\r\n  font-weight: var(--mono-font-weight-normal, 400);\r\n  font-style: normal;\r\n  line-height: var(--mono-tooltip-line-height, var(--mono-text-xs--lh));\r\n  letter-spacing: normal;\r\n  text-transform: none;\r\n  text-align: start;\r\n  white-space: normal;\r\n  overflow-wrap: break-word;\r\n  cursor: default;\r\n  user-select: text;\r\n  pointer-events: auto;\r\n}\r\n\r\n[mono-field-bubble][mono-open] {\r\n  display: block;\r\n  animation: mono-field-tip-in var(--mono-duration, 150ms) var(--mono-ease, ease) both;\r\n}\r\n\r\n/* The arrow, plus (::before) an invisible bridge over the gap so the pointer\r\n   can travel from the icon onto the bubble without it closing. */\r\n[mono-field-bubble]::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: var(--_mono-field-tip-arrow-x, 50%);\r\n  width: var(--_mono-field-tip-arrow);\r\n  height: var(--_mono-field-tip-arrow);\r\n  background: inherit;\r\n  border-radius: 2px;\r\n  translate: -50% 0;\r\n  rotate: 45deg;\r\n}\r\n\r\n[mono-field-bubble]::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset-inline: 0;\r\n  height: 8px;\r\n}\r\n\r\n[mono-field-bubble]:not([mono-side=\"bottom\"])::after {\r\n  bottom: calc(var(--_mono-field-tip-arrow) / -2 + 1px);\r\n}\r\n[mono-field-bubble]:not([mono-side=\"bottom\"])::before {\r\n  top: 100%;\r\n}\r\n[mono-field-bubble][mono-side=\"bottom\"]::after {\r\n  top: calc(var(--_mono-field-tip-arrow) / -2 + 1px);\r\n}\r\n[mono-field-bubble][mono-side=\"bottom\"]::before {\r\n  bottom: 100%;\r\n}\r\n\r\n@keyframes mono-field-tip-in {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  [mono-field-bubble][mono-open] {\r\n    animation: none;\r\n  }\r\n}\r\n";
-
-//#endregion
-export { FieldTooltipController as n, FieldBubble as r, field_tooltip_css_raw_default as t };

package/dist/filter-builder-C0T3pMx2.js

@@ -1,208 +0,0 @@
-import { a as flattenTree, f as coerceValue, h as resolveTexts, i as emptyGroup, l as treeToArray, n as arrayToTree, o as nextId, p as defaultOperator, r as asRootGroup, s as odataStringToArray, t as arrayToODataString } from "./filter-odata-Bi27XUpQ.js";
-import { t as createNotifier } from "./notifier-BIrqUzRh.js";
-
-//#region src/components/filter/filter-builder.ts
-function monoFilterBuilder(opts = {}) {
-	const texts = resolveTexts(opts.texts);
-	const actions = opts.actions !== false;
-	const serialize = opts.toODataString ?? ((f) => arrayToODataString(f));
-	/** Which shape the caller supplied, so `type`-less reads return the same. */
-	const inputType = typeof opts.filter === "string" ? "string" : "array";
-	let warnedUnparseable = false;
-	/**
-	* Normalise either shape into a devextreme expression. A string outside the
-	* parser's subset warns ONCE and yields `null` — an empty builder is safer than
-	* a filter that silently means something else.
-	*/
-	function toExpression(filter) {
-		if (filter === null || filter === void 0 || filter === "") return null;
-		if (typeof filter !== "string") return Array.isArray(filter) ? filter : null;
-		try {
-			return odataStringToArray(filter);
-		} catch (err) {
-			if (!warnedUnparseable) {
-				warnedUnparseable = true;
-				console.warn(`[monoFilterBuilder] could not parse the OData filter string — starting empty. Only the subset this builder emits is supported (comparisons, contains/startswith/endswith, in, and/or/not, parentheses). Reason: ${err.message}`);
-			}
-			return null;
-		}
-	}
-	const originalExpression = toExpression(opts.filter);
-	function buildTree(expr) {
-		const node = arrayToTree(expr);
-		return asRootGroup(node ? flattenTree(node) : null);
-	}
-	let tree = buildTree(originalExpression);
-	const notifier = createNotifier();
-	const notify = notifier.notify;
-	const elementProps = { ...opts.props ?? {} };
-	/**
-	* Explicit `fields` win; a `dataGrid` only contributes columns not already
-	* listed, so a table dialog can pass both and override just what it needs.
-	*/
-	function fields() {
-		const explicit = opts.fields ?? [];
-		const grid = opts.dataGrid;
-		if (!grid) return explicit;
-		const seen = new Set(explicit.map((f) => f.field));
-		const derived = [];
-		for (const col of grid.props?.().th ?? []) {
-			if (!col?.field || seen.has(col.field)) continue;
-			derived.push({
-				field: col.field,
-				caption: col.caption ?? col.field
-			});
-		}
-		return [...explicit, ...derived];
-	}
-	function fieldDef(field) {
-		return fields().find((f) => f.field === field);
-	}
-	function findNode(id, node = tree) {
-		if (node.id === id) return node;
-		if (node.kind !== "group") return null;
-		for (const c of node.children) {
-			const hit = findNode(id, c);
-			if (hit) return hit;
-		}
-		return null;
-	}
-	function findParent(id, node = tree) {
-		for (const c of node.children) {
-			if (c.id === id) return node;
-			if (c.kind === "group") {
-				const hit = findParent(id, c);
-				if (hit) return hit;
-			}
-		}
-		return null;
-	}
-	function groupById(id) {
-		if (!id) return tree;
-		const node = findNode(id);
-		return node && node.kind === "group" ? node : tree;
-	}
-	function newRule() {
-		const first = fields()[0];
-		const dataType = first?.dataType ?? "string";
-		return {
-			kind: "rule",
-			id: nextId("r"),
-			field: first?.field ?? "",
-			operator: defaultOperator(dataType),
-			value: ""
-		};
-	}
-	function read(expr, options) {
-		return (options?.type ?? inputType) === "string" ? serialize(expr) : expr;
-	}
-	const controller = {
-		get tree() {
-			return tree;
-		},
-		get fields() {
-			return fields();
-		},
-		get texts() {
-			return texts;
-		},
-		get actions() {
-			return actions;
-		},
-		props: () => elementProps,
-		/**
-		* Merge, not replace — a partial patch leaves everything else alone, matching
-		* `updateRule`. `undefined` values are passed straight through: `applyProps`
-		* skips them on the write side, so "not declared" can never clobber a value
-		* the template set.
-		*/
-		setProps: (patch) => {
-			if (!patch) return;
-			Object.assign(elementProps, patch);
-			notify();
-		},
-		original: (options) => read(originalExpression, options),
-		changed: (options) => read(treeToArray(tree), options),
-		setFilter: (filter) => {
-			tree = buildTree(toExpression(filter));
-			notify();
-		},
-		reset: () => {
-			tree = buildTree(originalExpression);
-			notify();
-		},
-		clear: () => {
-			tree = emptyGroup(tree.operator);
-			notify();
-		},
-		addRule: (groupId) => {
-			groupById(groupId).children.push(newRule());
-			notify();
-		},
-		addGroup: (groupId) => {
-			const g = emptyGroup("and");
-			g.children.push(newRule());
-			groupById(groupId).children.push(g);
-			notify();
-		},
-		/**
-		* Nest a rule: replace it in place with a group holding it plus a fresh
-		* sibling, which is what the row's nested-rule button means. Nesting a group
-		* just adds a child group to it.
-		*/
-		nest: (nodeId) => {
-			const node = findNode(nodeId);
-			if (!node) return;
-			if (node.kind === "group") {
-				const g = emptyGroup("and");
-				g.children.push(newRule());
-				node.children.push(g);
-				notify();
-				return;
-			}
-			const parent = findParent(nodeId);
-			if (!parent) return;
-			const at = parent.children.indexOf(node);
-			const g = emptyGroup(parent.operator === "or" ? "and" : "or");
-			g.children.push(node, newRule());
-			parent.children.splice(at, 1, g);
-			notify();
-		},
-		remove: (nodeId) => {
-			const parent = findParent(nodeId);
-			if (!parent) return;
-			parent.children = parent.children.filter((c) => c.id !== nodeId);
-			if (!parent.children.length && parent !== tree) controller.remove(parent.id);
-			else notify();
-		},
-		updateRule: (ruleId, patch) => {
-			const node = findNode(ruleId);
-			if (!node || node.kind !== "rule") return;
-			if (patch.field !== void 0 && patch.field !== node.field) {
-				node.field = patch.field;
-				const dt = fieldDef(node.field)?.dataType ?? "string";
-				node.operator = defaultOperator(dt);
-				node.value = "";
-			}
-			if (patch.operator !== void 0) node.operator = patch.operator;
-			if (patch.value !== void 0) {
-				const dt = fieldDef(node.field)?.dataType ?? "string";
-				node.value = Array.isArray(patch.value) ? patch.value.map((v) => coerceValue(v, dt)) : coerceValue(patch.value, dt);
-			}
-			notify();
-		},
-		setGroupOperator: (groupId, operator) => {
-			const node = findNode(groupId);
-			if (node?.kind === "group") {
-				node.operator = operator;
-				notify();
-			}
-		},
-		subscribe: (cb) => notifier.subscribe(cb),
-		dispose: () => notifier.clear()
-	};
-	return controller;
-}
-
-//#endregion
-export { monoFilterBuilder as t };