agentation-vue 0.2.3 → 0.2.4

package/dist/composables/useToolbarDragSnap.js

@@ -1,296 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToolbarDragSnap = useToolbarDragSnap;
-var _vueDemi = require("vue-demi");
-var _math = require("../utils/math");
-const TOOLBAR_SIZE = 42;
-const EDGE_OFFSET = 20;
-const LONG_PRESS_MS = 350;
-const HALF_TOOLBAR_SIZE = TOOLBAR_SIZE / 2;
-const TOOLBAR_ANCHORS = ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
-function isToolbarAnchor(value) {
-  return typeof value === "string" && TOOLBAR_ANCHORS.includes(value);
-}
-function useToolbarDragSnap(options) {
-  const {
-    expanded,
-    initialPlacement,
-    onDragStart,
-    onDragEnd
-  } = options;
-  const placement = (0, _vueDemi.ref)(isToolbarAnchor(initialPlacement) ? initialPlacement : "bottom-right");
-  const isDragging = (0, _vueDemi.ref)(false);
-  const dragPosition = (0, _vueDemi.ref)(null);
-  const suppressNextClick = (0, _vueDemi.ref)(false);
-  const activePointerId = (0, _vueDemi.ref)(null);
-  const toolbarEl = (0, _vueDemi.ref)(null);
-  const dragOffset = (0, _vueDemi.ref)({
-    x: HALF_TOOLBAR_SIZE,
-    y: HALF_TOOLBAR_SIZE
-  });
-  const dragSize = (0, _vueDemi.ref)({
-    width: TOOLBAR_SIZE,
-    height: TOOLBAR_SIZE
-  });
-  const dragSource = (0, _vueDemi.ref)(null);
-  const dragRotation = (0, _vueDemi.ref)(0);
-  let longPressTimer = null;
-  const snapAnchors = TOOLBAR_ANCHORS;
-  const isExpandedDrag = (0, _vueDemi.computed)(() => isDragging.value && dragSource.value === "handle");
-  const toolbarStyle = (0, _vueDemi.computed)(() => {
-    if (!isDragging.value || !dragPosition.value) {
-      return void 0;
-    }
-    return {
-      left: `${dragPosition.value.x}px`,
-      top: `${dragPosition.value.y}px`,
-      transform: `rotate(${dragRotation.value}deg)`
-    };
-  });
-  const activeSnapAnchor = (0, _vueDemi.computed)(() => {
-    const current = dragPosition.value;
-    if (!current) {
-      return null;
-    }
-    return findClosestAnchor(current.x + dragSize.value.width / 2, current.y + dragSize.value.height / 2);
-  });
-  function getAnchorRects(size) {
-    const top = EDGE_OFFSET;
-    const bottom = window.innerHeight - EDGE_OFFSET - size.height;
-    const left = EDGE_OFFSET;
-    const right = window.innerWidth - EDGE_OFFSET - size.width;
-    const centerX = (window.innerWidth - size.width) / 2;
-    return {
-      "top-left": {
-        x: left,
-        y: top,
-        width: size.width,
-        height: size.height
-      },
-      "top-center": {
-        x: centerX,
-        y: top,
-        width: size.width,
-        height: size.height
-      },
-      "top-right": {
-        x: right,
-        y: top,
-        width: size.width,
-        height: size.height
-      },
-      "bottom-left": {
-        x: left,
-        y: bottom,
-        width: size.width,
-        height: size.height
-      },
-      "bottom-center": {
-        x: centerX,
-        y: bottom,
-        width: size.width,
-        height: size.height
-      },
-      "bottom-right": {
-        x: right,
-        y: bottom,
-        width: size.width,
-        height: size.height
-      }
-    };
-  }
-  function getSnapPoints(size) {
-    const rects = getAnchorRects(size);
-    const result = {};
-    for (const anchor of snapAnchors) {
-      const r = rects[anchor];
-      result[anchor] = {
-        x: r.x + r.width / 2,
-        y: r.y + r.height / 2
-      };
-    }
-    return result;
-  }
-  function findClosestAnchor(x, y) {
-    const points = getSnapPoints(dragSize.value);
-    let closest = "bottom-right";
-    let bestDistance = Number.POSITIVE_INFINITY;
-    for (const [anchor, point] of Object.entries(points)) {
-      const dx = point.x - x;
-      const dy = point.y - y;
-      const distance = dx * dx + dy * dy;
-      if (distance < bestDistance) {
-        bestDistance = distance;
-        closest = anchor;
-      }
-    }
-    return closest;
-  }
-  function captureDragMetrics(clientX, clientY) {
-    const rect = toolbarEl.value?.getBoundingClientRect();
-    if (!rect) {
-      return;
-    }
-    dragOffset.value = {
-      x: clientX - rect.left,
-      y: clientY - rect.top
-    };
-    dragSize.value = {
-      width: rect.width,
-      height: rect.height
-    };
-  }
-  function updateDragPosition(clientX, clientY) {
-    const {
-      width,
-      height
-    } = dragSize.value;
-    dragPosition.value = {
-      x: (0, _math.clamp)(clientX - dragOffset.value.x, 0, window.innerWidth - width),
-      y: (0, _math.clamp)(clientY - dragOffset.value.y, 0, window.innerHeight - height)
-    };
-  }
-  function clearLongPressTimer() {
-    if (longPressTimer) {
-      clearTimeout(longPressTimer);
-      longPressTimer = null;
-    }
-  }
-  function finishDrag(clientX, clientY) {
-    updateDragPosition(clientX, clientY);
-    const current = dragPosition.value;
-    if (current) {
-      placement.value = findClosestAnchor(current.x + dragSize.value.width / 2, current.y + dragSize.value.height / 2);
-    }
-    isDragging.value = false;
-    dragPosition.value = null;
-    onDragEnd?.();
-  }
-  function getSnapStyle(anchor) {
-    const rect = getAnchorRects(dragSize.value)[anchor];
-    if (isExpandedDrag.value) {
-      return {
-        left: `${rect.x}px`,
-        top: `${rect.y}px`,
-        width: `${rect.width}px`,
-        height: `${rect.height}px`
-      };
-    }
-    return {
-      left: `${rect.x + rect.width / 2}px`,
-      top: `${rect.y + rect.height / 2}px`
-    };
-  }
-  function startDragPointer(e, source, options2) {
-    if (e.button !== 0) {
-      return;
-    }
-    activePointerId.value = e.pointerId;
-    dragSource.value = source;
-    captureDragMetrics(e.clientX, e.clientY);
-    const target = e.currentTarget;
-    target?.setPointerCapture?.(e.pointerId);
-    clearLongPressTimer();
-    dragRotation.value = (2 + Math.random() * 3) * (Math.random() < 0.5 ? -1 : 1);
-    if (options2.immediate) {
-      dragRotation.value = (Math.random() * 4 + 1) * (Math.random() < 0.5 ? -1 : 1);
-      isDragging.value = true;
-      onDragStart?.();
-      updateDragPosition(e.clientX, e.clientY);
-      return;
-    }
-    longPressTimer = setTimeout(() => {
-      if (activePointerId.value !== e.pointerId || expanded.value) {
-        return;
-      }
-      dragRotation.value = (Math.random() * 4 + 1) * (Math.random() < 0.5 ? -1 : 1);
-      isDragging.value = true;
-      onDragStart?.();
-      updateDragPosition(e.clientX, e.clientY);
-    }, LONG_PRESS_MS);
-  }
-  function onTogglePointerDown(e) {
-    if (expanded.value) {
-      return;
-    }
-    startDragPointer(e, "toggle", {
-      immediate: false
-    });
-  }
-  function onHandlePointerDown(e) {
-    if (!expanded.value) {
-      return;
-    }
-    startDragPointer(e, "handle", {
-      immediate: true
-    });
-  }
-  function onPointerMove(e) {
-    if (!isDragging.value || activePointerId.value !== e.pointerId) {
-      return;
-    }
-    updateDragPosition(e.clientX, e.clientY);
-  }
-  function onPointerUp(e) {
-    if (activePointerId.value !== e.pointerId) {
-      return;
-    }
-    clearLongPressTimer();
-    if (isDragging.value) {
-      finishDrag(e.clientX, e.clientY);
-      if (dragSource.value === "toggle") {
-        suppressNextClick.value = true;
-      }
-    }
-    activePointerId.value = null;
-    dragSource.value = null;
-    const target = e.currentTarget;
-    target?.releasePointerCapture?.(e.pointerId);
-  }
-  function onPointerCancel() {
-    if (isDragging.value) {
-      onDragEnd?.();
-    }
-    clearLongPressTimer();
-    isDragging.value = false;
-    dragPosition.value = null;
-    activePointerId.value = null;
-    dragSource.value = null;
-  }
-  function consumeToggleClickSuppression() {
-    if (!suppressNextClick.value) {
-      return false;
-    }
-    suppressNextClick.value = false;
-    return true;
-  }
-  function cleanup() {
-    clearLongPressTimer();
-    if (isDragging.value) {
-      isDragging.value = false;
-      onDragEnd?.();
-    }
-    activePointerId.value = null;
-    dragSource.value = null;
-  }
-  return {
-    placement,
-    isDragging,
-    toolbarStyle,
-    toolbarEl,
-    snapAnchors,
-    activeSnapAnchor,
-    isExpandedDrag,
-    getSnapStyle,
-    onTogglePointerDown,
-    onHandlePointerDown,
-    onPointerMove,
-    onPointerUp,
-    onPointerCancel,
-    consumeToggleClickSuppression,
-    cleanup
-  };
-}

package/dist/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VA_DATA_ATTR_SELECTOR = exports.VA_DATA_ATTR = void 0;
-const VA_DATA_ATTR = exports.VA_DATA_ATTR = "data-agentation-vue";
-const VA_DATA_ATTR_SELECTOR = exports.VA_DATA_ATTR_SELECTOR = "[data-agentation-vue]";

package/dist/directives/vaTooltip.js

@@ -1,241 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vaTooltipDirective = exports.default = void 0;
-const TOOLTIP_STATE_KEY = "__vaTooltipState";
-const TOOLTIP_MARGIN = 8;
-const DEFAULT_OFFSET = 12;
-const DEFAULT_SHOW_DELAY = 300;
-function normalizeTooltipValue(value) {
-  if (!value) return null;
-  if (typeof value === "string") {
-    const text2 = value.trim();
-    if (!text2) return null;
-    return {
-      text: text2,
-      placement: "top",
-      offset: DEFAULT_OFFSET,
-      showDelay: DEFAULT_SHOW_DELAY
-    };
-  }
-  if (typeof value !== "object") return null;
-  if (value.disabled) return null;
-  const text = typeof value.text === "string" ? value.text.trim() : "";
-  if (!text) return null;
-  const shortcut = typeof value.shortcut === "string" ? value.shortcut.trim() : void 0;
-  const placement = value.placement === "bottom" ? "bottom" : "top";
-  const offset = Number.isFinite(value.offset) ? Math.max(4, Number(value.offset)) : DEFAULT_OFFSET;
-  const showDelay = Number.isFinite(value.showDelay) ? Math.max(0, Number(value.showDelay)) : DEFAULT_SHOW_DELAY;
-  return {
-    text,
-    shortcut: shortcut || void 0,
-    placement,
-    offset,
-    showDelay
-  };
-}
-function getState(el) {
-  return el[TOOLTIP_STATE_KEY];
-}
-function isHostDisabled(el) {
-  if ("disabled" in el) return Boolean(el.disabled);
-  return false;
-}
-function createTooltipElement(value) {
-  const tooltipEl = document.createElement("div");
-  tooltipEl.className = "__va-tooltip";
-  tooltipEl.setAttribute("role", "tooltip");
-  updateTooltipContent(tooltipEl, value);
-  return tooltipEl;
-}
-function updateTooltipContent(tooltipEl, value) {
-  tooltipEl.innerHTML = "";
-  tooltipEl.setAttribute("data-placement", value.placement);
-  const labelEl = document.createElement("span");
-  labelEl.className = "__va-tooltip-label";
-  labelEl.textContent = value.text;
-  tooltipEl.appendChild(labelEl);
-  if (value.shortcut) {
-    const shortcutEl = document.createElement("kbd");
-    shortcutEl.className = "__va-tooltip-shortcut";
-    shortcutEl.textContent = value.shortcut;
-    tooltipEl.appendChild(shortcutEl);
-  }
-  const arrowEl = document.createElement("span");
-  arrowEl.className = "__va-tooltip-arrow";
-  arrowEl.setAttribute("aria-hidden", "true");
-  tooltipEl.appendChild(arrowEl);
-}
-function positionTooltip(el) {
-  const state = getState(el);
-  if (!state?.value || !state.tooltipEl) return;
-  const tooltipEl = state.tooltipEl;
-  const hostRect = el.getBoundingClientRect();
-  const viewportWidth = window.innerWidth;
-  const viewportHeight = window.innerHeight;
-  tooltipEl.style.left = "0px";
-  tooltipEl.style.top = "0px";
-  const tooltipRect = tooltipEl.getBoundingClientRect();
-  let placement = state.value.placement;
-  let top = placement === "top" ? hostRect.top - tooltipRect.height - state.value.offset : hostRect.bottom + state.value.offset;
-  if (placement === "top" && top < TOOLTIP_MARGIN) {
-    placement = "bottom";
-    top = hostRect.bottom + state.value.offset;
-  } else if (placement === "bottom" && top + tooltipRect.height > viewportHeight - TOOLTIP_MARGIN) {
-    placement = "top";
-    top = hostRect.top - tooltipRect.height - state.value.offset;
-  }
-  const centeredLeft = hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
-  const maxLeft = Math.max(TOOLTIP_MARGIN, viewportWidth - tooltipRect.width - TOOLTIP_MARGIN);
-  const left = Math.min(Math.max(centeredLeft, TOOLTIP_MARGIN), maxLeft);
-  const maxTop = Math.max(TOOLTIP_MARGIN, viewportHeight - tooltipRect.height - TOOLTIP_MARGIN);
-  tooltipEl.setAttribute("data-placement", placement);
-  tooltipEl.style.left = `${Math.round(left)}px`;
-  tooltipEl.style.top = `${Math.round(Math.min(Math.max(top, TOOLTIP_MARGIN), maxTop))}px`;
-}
-function attachWindowListeners(el) {
-  const state = getState(el);
-  if (!state) return;
-  window.addEventListener("scroll", state.onWindowReposition, true);
-  window.addEventListener("resize", state.onWindowReposition, {
-    passive: true
-  });
-}
-function detachWindowListeners(el) {
-  const state = getState(el);
-  if (!state) return;
-  window.removeEventListener("scroll", state.onWindowReposition, true);
-  window.removeEventListener("resize", state.onWindowReposition);
-}
-function clearShowTimer(el) {
-  const state = getState(el);
-  if (!state?.showTimer) return;
-  clearTimeout(state.showTimer);
-  state.showTimer = null;
-}
-function showTooltipNow(el) {
-  const state = getState(el);
-  if (!state?.value || isHostDisabled(el)) return;
-  if (!state.tooltipEl) state.tooltipEl = createTooltipElement(state.value);else updateTooltipContent(state.tooltipEl, state.value);
-  if (!document.body.contains(state.tooltipEl)) document.body.appendChild(state.tooltipEl);
-  positionTooltip(el);
-  state.tooltipEl.classList.add("__va-tooltip--visible");
-  attachWindowListeners(el);
-}
-function scheduleShowTooltip(el) {
-  const state = getState(el);
-  if (!state?.value || isHostDisabled(el)) return;
-  clearShowTimer(el);
-  if (state.value.showDelay <= 0) {
-    showTooltipNow(el);
-    return;
-  }
-  state.showTimer = setTimeout(() => {
-    state.showTimer = null;
-    showTooltipNow(el);
-  }, state.value.showDelay);
-}
-function hideTooltip(el) {
-  const state = getState(el);
-  if (!state) return;
-  clearShowTimer(el);
-  if (!state.tooltipEl) return;
-  detachWindowListeners(el);
-  state.tooltipEl.classList.remove("__va-tooltip--visible");
-  state.tooltipEl.remove();
-}
-function syncAriaLabel(el) {
-  const state = getState(el);
-  if (!state) return;
-  if (!state.value && state.ownsAriaLabel) {
-    el.removeAttribute("aria-label");
-    state.ownsAriaLabel = false;
-    return;
-  }
-  if (!state.value) return;
-  if (!el.hasAttribute("aria-label")) {
-    el.setAttribute("aria-label", state.value.text);
-    state.ownsAriaLabel = true;
-  } else if (state.ownsAriaLabel) {
-    el.setAttribute("aria-label", state.value.text);
-  }
-}
-function updateTooltipValue(el, value) {
-  const state = getState(el);
-  if (!state) return;
-  state.value = normalizeTooltipValue(value);
-  syncAriaLabel(el);
-  if (!state.value) {
-    hideTooltip(el);
-    return;
-  }
-  if (state.tooltipEl) {
-    updateTooltipContent(state.tooltipEl, state.value);
-    positionTooltip(el);
-  }
-}
-function bindTooltip(el, binding) {
-  if (getState(el)) {
-    updateTooltipValue(el, binding.value);
-    return;
-  }
-  const state = {
-    value: null,
-    tooltipEl: null,
-    ownsAriaLabel: false,
-    showTimer: null,
-    onMouseEnter: () => scheduleShowTooltip(el),
-    onMouseLeave: () => hideTooltip(el),
-    onFocus: () => scheduleShowTooltip(el),
-    onBlur: () => hideTooltip(el),
-    onPointerDown: () => hideTooltip(el),
-    onKeyDown: event => {
-      if (event.key === "Escape") hideTooltip(el);
-    },
-    onWindowReposition: () => positionTooltip(el)
-  };
-  el[TOOLTIP_STATE_KEY] = state;
-  el.addEventListener("mouseenter", state.onMouseEnter);
-  el.addEventListener("mouseleave", state.onMouseLeave);
-  el.addEventListener("focus", state.onFocus, true);
-  el.addEventListener("blur", state.onBlur, true);
-  el.addEventListener("pointerdown", state.onPointerDown);
-  el.addEventListener("keydown", state.onKeyDown);
-  updateTooltipValue(el, binding.value);
-}
-function unbindTooltip(el) {
-  const state = getState(el);
-  if (!state) return;
-  hideTooltip(el);
-  el.removeEventListener("mouseenter", state.onMouseEnter);
-  el.removeEventListener("mouseleave", state.onMouseLeave);
-  el.removeEventListener("focus", state.onFocus, true);
-  el.removeEventListener("blur", state.onBlur, true);
-  el.removeEventListener("pointerdown", state.onPointerDown);
-  el.removeEventListener("keydown", state.onKeyDown);
-  if (state.ownsAriaLabel) el.removeAttribute("aria-label");
-  delete el[TOOLTIP_STATE_KEY];
-}
-const vaTooltipDirective = exports.vaTooltipDirective = {
-  beforeMount(el, binding) {
-    bindTooltip(el, binding);
-  },
-  updated(el, binding) {
-    updateTooltipValue(el, binding.value);
-  },
-  unmounted(el) {
-    unbindTooltip(el);
-  },
-  bind(el, binding) {
-    bindTooltip(el, binding);
-  },
-  componentUpdated(el, binding) {
-    updateTooltipValue(el, binding.value);
-  },
-  unbind(el) {
-    unbindTooltip(el);
-  }
-};
-module.exports = vaTooltipDirective;

package/dist/icons.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.icons = void 0;
-const icons = exports.icons = {
-  "cursor": '<path d="m4 4 7 17 2.5-7.5L21 11Z"/>',
-  "area-select": '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 3v18" opacity="0.3"/>',
-  "pause": '<rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/>',
-  "play": '<polygon points="5,3 19,12 5,21"/>',
-  "copy": '<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/>',
-  "trash": '<path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/>',
-  "settings": '<path d="M14.4 2h-4.8l-.6 3a7.8 7.8 0 0 0-1.9 1.1L4.3 5 2 9.1l2.2 2a7.7 7.7 0 0 0 0 1.8L2 14.9 4.3 19l2.8-1.1A7.8 7.8 0 0 0 9 19l.6 3h4.8l.6-3a7.8 7.8 0 0 0 1.9-1.1l2.8 1.1 2.3-4.1-2.2-2a7.7 7.7 0 0 0 0-1.8l2.2-2L19.7 5l-2.8 1.1A7.8 7.8 0 0 0 15 5z"/><circle cx="12" cy="12" r="3"/>',
-  "minimize": '<polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/>',
-  "sun": '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>',
-  "moon": '<path d="M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z"/>',
-  "pencil": '<path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/>',
-  "plus": '<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>',
-  "close": '<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>'
-};