@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.1

package/dist/chunk-TXMPLBWW.js

@@ -1,213 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Resizable.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Resizable = _vue.defineComponent.call(void 0, {
-  name: "TigerResizable",
-  props: {
-    defaultWidth: { type: Number, default: void 0 },
-    defaultHeight: { type: Number, default: void 0 },
-    minWidth: { type: Number, default: 0 },
-    minHeight: { type: Number, default: 0 },
-    maxWidth: { type: Number, default: void 0 },
-    maxHeight: { type: Number, default: void 0 },
-    handles: {
-      type: Array,
-      default: () => [..._tigercatcore.defaultResizeHandles]
-    },
-    axis: {
-      type: String,
-      default: "both"
-    },
-    disabled: { type: Boolean, default: false },
-    lockAspectRatio: { type: Boolean, default: false },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["resize-start", "resize", "resize-end"],
-  setup(props, { slots, emit, attrs }) {
-    const width = _vue.ref.call(void 0, props.defaultWidth);
-    const height = _vue.ref.call(void 0, props.defaultHeight);
-    const draggingHandle = _vue.ref.call(void 0, null);
-    const startMouseX = _vue.ref.call(void 0, 0);
-    const startMouseY = _vue.ref.call(void 0, 0);
-    const startWidth = _vue.ref.call(void 0, 0);
-    const startHeight = _vue.ref.call(void 0, 0);
-    let dragSession = null;
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.resizableBaseClasses,
-        "group/resizable",
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const containerStyle = _vue.computed.call(void 0, () => {
-      const s = {};
-      if (width.value != null) s.width = `${width.value}px`;
-      if (height.value != null) s.height = `${height.value}px`;
-      return s;
-    });
-    const cleanupDragSession = () => {
-      _optionalChain([dragSession, 'optionalAccess', _ => _.dispose, 'call', _2 => _2()]);
-      dragSession = null;
-    };
-    const onMouseDown = (handle, e) => {
-      if (props.disabled) return;
-      e.preventDefault();
-      cleanupDragSession();
-      draggingHandle.value = handle;
-      startMouseX.value = e.clientX;
-      startMouseY.value = e.clientY;
-      startWidth.value = _nullishCoalesce(width.value, () => ( 0));
-      startHeight.value = _nullishCoalesce(height.value, () => ( 0));
-      emit("resize-start", {
-        width: startWidth.value,
-        height: startHeight.value,
-        handle,
-        deltaX: 0,
-        deltaY: 0
-      });
-      dragSession = _tigercatcore.createDocumentDragSession.call(void 0, {
-        startX: e.clientX,
-        startY: e.clientY,
-        ownerDocument: _optionalChain([e, 'access', _3 => _3.currentTarget, 'optionalAccess', _4 => _4.ownerDocument]),
-        onMove: ({ currentX, currentY }) => {
-          applyResize(currentX, currentY, (event) => emit("resize", event));
-        },
-        onEnd: ({ currentX, currentY }) => {
-          applyResize(currentX, currentY, (event) => emit("resize-end", event));
-          draggingHandle.value = null;
-          dragSession = null;
-        }
-      });
-    };
-    const applyResize = (currentX, currentY, notify) => {
-      const handle = draggingHandle.value;
-      if (!handle) return;
-      const mouseDeltaX = currentX - startMouseX.value;
-      const mouseDeltaY = currentY - startMouseY.value;
-      const { deltaWidth, deltaHeight } = _tigercatcore.calculateResizeDelta.call(void 0, 
-        handle,
-        mouseDeltaX,
-        mouseDeltaY,
-        props.axis
-      );
-      let newW = startWidth.value + deltaWidth;
-      let newH = startHeight.value + deltaHeight;
-      if (props.lockAspectRatio) {
-        const ar = _tigercatcore.applyAspectRatio.call(void 0, newW, newH, startWidth.value, startHeight.value);
-        newW = ar.width;
-        newH = ar.height;
-      }
-      const clamped = _tigercatcore.clampDimensions.call(void 0, 
-        newW,
-        newH,
-        props.minWidth,
-        props.minHeight,
-        props.maxWidth,
-        props.maxHeight
-      );
-      width.value = clamped.width;
-      height.value = clamped.height;
-      notify({
-        width: clamped.width,
-        height: clamped.height,
-        handle,
-        deltaX: clamped.width - startWidth.value,
-        deltaY: clamped.height - startHeight.value
-      });
-    };
-    const onKeyDown = (handle, e) => {
-      if (props.disabled) return;
-      const delta = _tigercatcore.getResizeKeyboardDelta.call(void 0, e.key);
-      if (!delta) return;
-      e.preventDefault();
-      const startW = _nullishCoalesce(width.value, () => ( 0));
-      const startH = _nullishCoalesce(height.value, () => ( 0));
-      const { deltaWidth, deltaHeight } = _tigercatcore.calculateResizeDelta.call(void 0, 
-        handle,
-        delta.deltaX,
-        delta.deltaY,
-        props.axis
-      );
-      let newW = startW + deltaWidth;
-      let newH = startH + deltaHeight;
-      if (props.lockAspectRatio) {
-        const ar = _tigercatcore.applyAspectRatio.call(void 0, newW, newH, startW, startH);
-        newW = ar.width;
-        newH = ar.height;
-      }
-      const clamped = _tigercatcore.clampDimensions.call(void 0, 
-        newW,
-        newH,
-        props.minWidth,
-        props.minHeight,
-        props.maxWidth,
-        props.maxHeight
-      );
-      width.value = clamped.width;
-      height.value = clamped.height;
-      const evt = {
-        width: clamped.width,
-        height: clamped.height,
-        handle,
-        deltaX: clamped.width - startW,
-        deltaY: clamped.height - startH
-      };
-      emit("resize", evt);
-      emit("resize-end", evt);
-    };
-    _vue.onBeforeUnmount.call(void 0, () => {
-      cleanupDragSession();
-    });
-    return () => {
-      const handleNodes = props.handles.map((pos) => {
-        const usesHeight = pos === "top" || pos === "bottom";
-        const valueNow = Math.round(_nullishCoalesce((usesHeight ? height.value : width.value), () => ( 0)));
-        return _vue.h.call(void 0, "div", {
-          class: _tigercatcore.getResizableHandleClasses.call(void 0, pos, draggingHandle.value === pos, props.disabled),
-          "data-handle": pos,
-          role: "separator",
-          "aria-label": `Resize ${pos}`,
-          "aria-orientation": _tigercatcore.getResizeHandleOrientation.call(void 0, pos),
-          "aria-valuenow": valueNow,
-          "aria-valuemin": usesHeight ? props.minHeight : props.minWidth,
-          "aria-valuemax": usesHeight ? props.maxHeight : props.maxWidth,
-          tabindex: props.disabled ? -1 : 0,
-          onMousedown: (e) => onMouseDown(pos, e),
-          onKeydown: (e) => onKeyDown(pos, e)
-        });
-      });
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          style: { ...containerStyle.value, ...props.style },
-          "data-resizable": ""
-        },
-        [..._optionalChain([slots, 'access', _5 => _5.default, 'optionalCall', _6 => _6()]) || [], ...handleNodes]
-      );
-    };
-  }
-});
-var Resizable_default = Resizable;
-
-
-
-
-exports.Resizable = Resizable; exports.Resizable_default = Resizable_default;

package/dist/chunk-TYYJPEWG.js

@@ -1,119 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Empty.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Empty = _vue.defineComponent.call(void 0, {
-  name: "TigerEmpty",
-  inheritAttrs: false,
-  props: {
-    preset: {
-      type: String,
-      default: "default"
-    },
-    description: {
-      type: String,
-      default: void 0
-    },
-    showImage: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const descText = _vue.computed.call(void 0, 
-      () => _nullishCoalesce(props.description, () => ( _tigercatcore.getEmptyDescription.call(void 0, props.preset, mergedLocale.value)))
-    );
-    return () => {
-      const attrsRecord = attrs;
-      const children = [];
-      if (props.showImage) {
-        if (slots.image) {
-          children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.emptyImageClasses }, slots.image()));
-        } else {
-          const paths = _tigercatcore.emptyIllustrationPaths.map(
-            (p, i) => _vue.h.call(void 0, "path", {
-              key: i,
-              d: p.d,
-              fill: _nullishCoalesce(p.fill, () => ( "none")),
-              stroke: p.stroke,
-              "stroke-width": p.strokeWidth,
-              opacity: p.opacity
-            })
-          );
-          children.push(
-            _vue.h.call(void 0, "div", { class: _tigercatcore.emptyImageClasses }, [
-              _vue.h.call(void 0, 
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  viewBox: _tigercatcore.emptyIllustrationViewBox,
-                  class: "mx-auto h-24 w-24"
-                },
-                paths
-              )
-            ])
-          );
-        }
-      }
-      if (slots.description || descText.value) {
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.emptyDescriptionClasses },
-            slots.description ? slots.description() : descText.value
-          )
-        );
-      }
-      if (slots.extra) {
-        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.emptyActionsClasses }, slots.extra()));
-      }
-      if (slots.default) {
-        children.push(_vue.h.call(void 0, "div", null, slots.default()));
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.emptyBaseClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style)
-        },
-        children
-      );
-    };
-  }
-});
-var Empty_default = Empty;
-
-
-
-
-exports.Empty = Empty; exports.Empty_default = Empty_default;

package/dist/chunk-U36NBQWP.js

@@ -1,192 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
-
-// src/components/OrgChart.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var OrgChart = _vue.defineComponent.call(void 0, {
-  name: "TigerOrgChart",
-  props: {
-    data: { type: [Object, Array], required: true },
-    width: { type: Number, default: 720 },
-    height: { type: Number, default: 420 },
-    padding: { type: [Number, Object], default: 24 },
-    nodeWidth: { type: Number, default: 160 },
-    nodeHeight: { type: Number, default: 72 },
-    levelGap: { type: Number, default: 80 },
-    siblingGap: { type: Number, default: 32 },
-    direction: { type: String, default: "vertical" },
-    showAvatars: { type: Boolean, default: true },
-    showSubtitles: { type: Boolean, default: true },
-    hoverable: { type: Boolean, default: false },
-    selectable: { type: Boolean, default: false },
-    selectedId: {
-      type: [String, Number, null],
-      default: void 0
-    },
-    activeOpacity: { type: Number, default: 1 },
-    inactiveOpacity: { type: Number, default: 0.35 },
-    colors: { type: Array },
-    title: { type: String },
-    desc: { type: String },
-    ariaLabel: { type: String, default: "Organization chart" },
-    className: { type: String }
-  },
-  emits: ["update:selectedId", "node-click", "node-hover"],
-  setup(props, { emit }) {
-    const innerSelectedId = _vue.ref.call(void 0, null);
-    const hoveredId = _vue.ref.call(void 0, null);
-    const resolvedSelectedId = _vue.computed.call(void 0, 
-      () => props.selectedId === void 0 ? innerSelectedId.value : props.selectedId
-    );
-    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
-    const layout = _vue.computed.call(void 0, 
-      () => _tigercatcore.computeOrgChartLayout.call(void 0, props.data, {
-        nodeWidth: props.nodeWidth,
-        nodeHeight: props.nodeHeight,
-        levelGap: props.levelGap,
-        siblingGap: props.siblingGap,
-        direction: props.direction,
-        colors: props.colors
-      })
-    );
-    const offsetX = _vue.computed.call(void 0, () => Math.max(0, (innerRect.value.width - layout.value.width) / 2));
-    const offsetY = _vue.computed.call(void 0, () => Math.max(0, (innerRect.value.height - layout.value.height) / 2));
-    const activeId = _vue.computed.call(void 0, () => _nullishCoalesce(resolvedSelectedId.value, () => ( hoveredId.value)));
-    const selectNode = (node) => {
-      if (props.selectable && !node.node.disabled) {
-        const nextId = resolvedSelectedId.value === node.id ? null : node.id;
-        innerSelectedId.value = nextId;
-        emit("update:selectedId", nextId);
-      }
-      emit("node-click", node.node);
-    };
-    const setHoveredNode = (node) => {
-      if (!props.hoverable) return;
-      hoveredId.value = _nullishCoalesce(_optionalChain([node, 'optionalAccess', _ => _.id]), () => ( null));
-      emit("node-hover", _nullishCoalesce(_optionalChain([node, 'optionalAccess', _2 => _2.node]), () => ( null)));
-    };
-    const getNodeOpacity = (node) => {
-      if (activeId.value === null) return props.activeOpacity;
-      return activeId.value === node.id ? props.activeOpacity : props.inactiveOpacity;
-    };
-    return () => _vue.h.call(void 0, 
-      _chunkUHVUKLHFjs.ChartCanvas,
-      {
-        width: props.width,
-        height: props.height,
-        padding: props.padding,
-        title: props.title,
-        desc: props.desc,
-        className: _tigercatcore.classNames.call(void 0, props.className),
-        role: "img",
-        "aria-label": props.ariaLabel
-      },
-      {
-        default: () => _vue.h.call(void 0, 
-          "g",
-          {
-            transform: `translate(${offsetX.value}, ${offsetY.value})`,
-            "data-series-type": "org-chart"
-          },
-          [
-            _vue.h.call(void 0, 
-              "g",
-              { "data-org-chart-links": "true" },
-              layout.value.links.map(
-                (link) => _vue.h.call(void 0, "path", {
-                  key: `${link.sourceId}-${link.targetId}`,
-                  d: link.path,
-                  class: _tigercatcore.orgChartLinkClasses
-                })
-              )
-            ),
-            _vue.h.call(void 0, 
-              "g",
-              { "data-org-chart-nodes": "true" },
-              layout.value.nodes.map((node) => {
-                const selected = resolvedSelectedId.value === node.id;
-                const interactive = (props.hoverable || props.selectable) && !node.node.disabled;
-                const textStart = props.showAvatars && node.node.avatar ? 58 : 16;
-                return _vue.h.call(void 0, 
-                  "g",
-                  {
-                    key: node.id,
-                    transform: `translate(${node.x}, ${node.y})`,
-                    class: _tigercatcore.getOrgChartNodeClasses.call(void 0, interactive, selected),
-                    opacity: getNodeOpacity(node),
-                    role: interactive ? "button" : "group",
-                    tabindex: interactive ? 0 : void 0,
-                    "aria-label": _tigercatcore.getOrgChartNodeAriaLabel.call(void 0, node.node),
-                    onMouseenter: () => setHoveredNode(node),
-                    onMouseleave: () => setHoveredNode(null),
-                    onClick: () => selectNode(node),
-                    onKeydown: (event) => {
-                      if (event.key === "Enter" || event.key === " ") {
-                        event.preventDefault();
-                        selectNode(node);
-                      }
-                    }
-                  },
-                  [
-                    _vue.h.call(void 0, "rect", {
-                      width: node.width,
-                      height: node.height,
-                      rx: 8,
-                      class: _tigercatcore.orgChartNodeRectClasses,
-                      stroke: selected ? node.color : void 0,
-                      strokeWidth: selected ? 2 : 1
-                    }),
-                    _vue.h.call(void 0, "rect", { width: 4, height: node.height, rx: 2, fill: node.color }),
-                    props.showAvatars && node.node.avatar ? _vue.h.call(void 0, "image", {
-                      href: node.node.avatar,
-                      x: 16,
-                      y: 16,
-                      width: 32,
-                      height: 32,
-                      preserveAspectRatio: "xMidYMid slice",
-                      "aria-hidden": "true"
-                    }) : void 0,
-                    _vue.h.call(void 0, 
-                      "text",
-                      { x: textStart, y: 26, class: _tigercatcore.orgChartNodeLabelClasses },
-                      node.node.label
-                    ),
-                    node.node.title ? _vue.h.call(void 0, 
-                      "text",
-                      { x: textStart, y: 44, class: _tigercatcore.orgChartNodeTitleClasses },
-                      node.node.title
-                    ) : void 0,
-                    props.showSubtitles && node.node.subtitle ? _vue.h.call(void 0, 
-                      "text",
-                      { x: textStart, y: 60, class: _tigercatcore.orgChartNodeSubtitleClasses },
-                      node.node.subtitle
-                    ) : void 0
-                  ]
-                );
-              })
-            )
-          ]
-        )
-      }
-    );
-  }
-});
-var OrgChart_default = OrgChart;
-
-
-
-
-exports.OrgChart = OrgChart; exports.OrgChart_default = OrgChart_default;