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

package/dist/chunk-JTVFVAM3.js

@@ -1,47 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/Content.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-var Content = _vue.defineComponent.call(void 0, {
-  name: "TigerContent",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Built-in content padding.
-     * @default true
-     */
-    padding: {
-      type: [Boolean, String],
-      default: true
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const contentClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getLayoutContentClasses.call(void 0, props.padding),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => _vue.h.call(void 0, "main", { ...attrs, class: contentClasses.value, style: props.style }, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]));
-  }
-});
-var Content_default = Content;
-
-
-
-
-exports.Content = Content; exports.Content_default = Content_default;

package/dist/chunk-K2DJDJZR.js

@@ -1,139 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/Collapse.ts
-var _vue = require('vue');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var CollapseContextKey = /* @__PURE__ */ Symbol("CollapseContext");
-var Collapse = _vue.defineComponent.call(void 0, {
-  name: "TigerCollapse",
-  props: {
-    /**
-     * Currently active panel keys (controlled mode)
-     */
-    activeKey: {
-      type: [String, Number, Array],
-      default: void 0
-    },
-    /**
-     * Default active panel keys (uncontrolled mode)
-     */
-    defaultActiveKey: {
-      type: [String, Number, Array],
-      default: void 0
-    },
-    /**
-     * Accordion mode - only one panel can be expanded at a time
-     * @default false
-     */
-    accordion: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show border
-     * @default true
-     */
-    bordered: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Position of the expand icon
-     * @default 'start'
-     */
-    expandIconPosition: {
-      type: String,
-      default: "start"
-    },
-    /**
-     * Ghost mode - transparent without border
-     * @default false
-     */
-    ghost: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:activeKey", "change"],
-  setup(props, { slots, emit, attrs }) {
-    const internalActiveKeys = _vue.ref.call(void 0, _tigercatcore.normalizeActiveKeys.call(void 0, props.defaultActiveKey));
-    const currentActiveKeys = _vue.computed.call(void 0, () => {
-      return props.activeKey !== void 0 ? _tigercatcore.normalizeActiveKeys.call(void 0, props.activeKey) : internalActiveKeys.value;
-    });
-    const handlePanelClick = (key) => {
-      const newKeys = _tigercatcore.togglePanelKey.call(void 0, key, currentActiveKeys.value, props.accordion);
-      if (props.activeKey === void 0) {
-        internalActiveKeys.value = newKeys;
-      }
-      if (props.accordion) {
-        emit("update:activeKey", newKeys.length > 0 ? newKeys[0] : void 0);
-        emit("change", newKeys.length > 0 ? newKeys[0] : void 0);
-      } else {
-        emit("update:activeKey", newKeys);
-        emit("change", newKeys);
-      }
-    };
-    const containerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getCollapseContainerClasses.call(void 0, props.bordered, props.ghost, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-    });
-    const collapseContextValue = _vue.reactive.call(void 0, {
-      get activeKeys() {
-        return currentActiveKeys.value;
-      },
-      get accordion() {
-        return props.accordion;
-      },
-      get expandIconPosition() {
-        return props.expandIconPosition;
-      },
-      get bordered() {
-        return props.bordered;
-      },
-      get ghost() {
-        return props.ghost;
-      },
-      handlePanelClick
-    });
-    _vue.provide.call(void 0, CollapseContextKey, collapseContextValue);
-    return () => {
-      const children = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          style: props.style,
-          role: "region"
-        },
-        children
-      );
-    };
-  }
-});
-var Collapse_default = Collapse;
-
-
-
-
-
-exports.CollapseContextKey = CollapseContextKey; exports.Collapse = Collapse; exports.Collapse_default = Collapse_default;

package/dist/chunk-K2NJI5MW.js

@@ -1,67 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkWF7KVMBYjs = require('./chunk-WF7KVMBY.js');
-
-// src/components/ImageGroup.ts
-var _vue = require('vue');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
-var ImageGroup = _vue.defineComponent.call(void 0, {
-  name: "TigerImageGroup",
-  props: {
-    preview: { type: Boolean, default: true }
-  },
-  emits: ["preview-visible-change"],
-  setup(props, { slots, emit }) {
-    const images = _vue.ref.call(void 0, []);
-    const previewVisible = _vue.ref.call(void 0, false);
-    const previewIndex = _vue.ref.call(void 0, 0);
-    const context = {
-      register(src) {
-        const result = _tigercatcore.registerImageGroupItem.call(void 0, images.value, src);
-        images.value = result.items;
-        return result.index;
-      },
-      unregister(src) {
-        images.value = _tigercatcore.unregisterImageGroupItem.call(void 0, images.value, src);
-      },
-      openPreview(index) {
-        if (!props.preview) return;
-        previewIndex.value = index;
-        previewVisible.value = true;
-        emit("preview-visible-change", true);
-      }
-    };
-    _vue.provide.call(void 0, IMAGE_GROUP_INJECTION_KEY, context);
-    _vue.onBeforeUnmount.call(void 0, () => {
-      images.value = [];
-    });
-    return () => {
-      const children = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
-      const preview = props.preview ? _vue.h.call(void 0, _chunkWF7KVMBYjs.ImagePreview, {
-        open: previewVisible.value,
-        images: images.value,
-        currentIndex: previewIndex.value,
-        "onUpdate:open": (val) => {
-          previewVisible.value = val;
-          if (!val) emit("preview-visible-change", false);
-        },
-        "onUpdate:currentIndex": (val) => {
-          previewIndex.value = val;
-        }
-      }) : null;
-      return _vue.h.call(void 0, "div", { class: _tigercatcore.getImageGroupClasses.call(void 0, ), role: "group" }, [children, preview]);
-    };
-  }
-});
-var ImageGroup_default = ImageGroup;
-
-
-
-
-
-exports.IMAGE_GROUP_INJECTION_KEY = IMAGE_GROUP_INJECTION_KEY; exports.ImageGroup = ImageGroup; exports.ImageGroup_default = ImageGroup_default;

package/dist/chunk-K3CIXMN4.js

@@ -1,212 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/Splitter.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Splitter = _vue.defineComponent.call(void 0, {
-  name: "TigerSplitter",
-  props: {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    sizes: {
-      type: Array,
-      default: void 0
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    max: {
-      type: Number,
-      default: void 0
-    },
-    gutterSize: {
-      type: Number,
-      default: 4
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:sizes", "resize-start", "resize", "resize-end"],
-  setup(props, { slots, emit, attrs }) {
-    const containerRef = _vue.ref.call(void 0, null);
-    const paneSizes = _vue.ref.call(void 0, []);
-    const draggingIndex = _vue.ref.call(void 0, -1);
-    const startPos = _vue.ref.call(void 0, 0);
-    const startSizes = _vue.ref.call(void 0, []);
-    let dragSession = null;
-    _vue.watch.call(void 0, 
-      () => props.sizes,
-      (newSizes) => {
-        if (newSizes) paneSizes.value = [...newSizes];
-      },
-      { immediate: true }
-    );
-    const initSizes = () => {
-      if (props.sizes && props.sizes.length > 0) {
-        paneSizes.value = [...props.sizes];
-        return;
-      }
-      const el = containerRef.value;
-      if (!el) return;
-      const slotChildren = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
-      const paneCount = slotChildren.length;
-      if (paneCount === 0) return;
-      const totalGutter = (paneCount - 1) * props.gutterSize;
-      const total = props.direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
-      const eachSize = total / paneCount;
-      paneSizes.value = Array.from({ length: paneCount }, () => eachSize);
-    };
-    _vue.onMounted.call(void 0, initSizes);
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getSplitterContainerClasses.call(void 0, props.direction, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const getMins = () => paneSizes.value.map(() => props.min);
-    const getMaxes = () => paneSizes.value.map(() => props.max);
-    const cleanupDragSession = () => {
-      _optionalChain([dragSession, 'optionalAccess', _3 => _3.dispose, 'call', _4 => _4()]);
-      dragSession = null;
-    };
-    const onMouseDown = (index, e) => {
-      if (props.disabled) return;
-      e.preventDefault();
-      cleanupDragSession();
-      draggingIndex.value = index;
-      startPos.value = props.direction === "horizontal" ? e.clientX : e.clientY;
-      startSizes.value = [...paneSizes.value];
-      emit("resize-start", { index, sizes: [...paneSizes.value] });
-      dragSession = _tigercatcore.createDocumentDragSession.call(void 0, {
-        startX: e.clientX,
-        startY: e.clientY,
-        ownerDocument: _optionalChain([e, 'access', _5 => _5.currentTarget, 'optionalAccess', _6 => _6.ownerDocument]),
-        onMove: ({ currentX, currentY }) => {
-          applyDragResize(currentX, currentY);
-        },
-        onEnd: ({ currentX, currentY }) => {
-          applyDragResize(currentX, currentY);
-          if (draggingIndex.value >= 0) {
-            emit("resize-end", {
-              index: draggingIndex.value,
-              sizes: [...paneSizes.value]
-            });
-          }
-          draggingIndex.value = -1;
-          dragSession = null;
-        }
-      });
-    };
-    const applyDragResize = (currentX, currentY) => {
-      if (draggingIndex.value < 0) return;
-      const currentPos = props.direction === "horizontal" ? currentX : currentY;
-      const delta = currentPos - startPos.value;
-      const newSizes = _tigercatcore.resizePanes.call(void 0, 
-        startSizes.value,
-        draggingIndex.value,
-        delta,
-        getMins(),
-        getMaxes()
-      );
-      if (newSizes) {
-        paneSizes.value = newSizes;
-        emit("update:sizes", newSizes);
-        emit("resize", { index: draggingIndex.value, sizes: newSizes });
-      }
-    };
-    _vue.onBeforeUnmount.call(void 0, () => {
-      cleanupDragSession();
-    });
-    return () => {
-      const children = _optionalChain([slots, 'access', _7 => _7.default, 'optionalCall', _8 => _8()]) || [];
-      const nodes = [];
-      children.forEach((child, i) => {
-        const size = paneSizes.value[i];
-        const paneStyle = size != null ? _tigercatcore.getPaneStyle.call(void 0, size, props.direction) : void 0;
-        nodes.push(
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: "tiger-splitter-pane relative overflow-auto",
-              style: paneStyle,
-              "data-pane-index": i
-            },
-            [child]
-          )
-        );
-        if (i < children.length - 1) {
-          const isDragging = draggingIndex.value === i;
-          nodes.push(
-            _vue.h.call(void 0, 
-              "div",
-              {
-                class: _tigercatcore.getSplitterGutterClasses.call(void 0, props.direction, isDragging, props.disabled),
-                role: "separator",
-                "aria-orientation": props.direction === "horizontal" ? "vertical" : "horizontal",
-                tabindex: props.disabled ? -1 : 0,
-                "data-gutter-index": i,
-                onMousedown: (e) => onMouseDown(i, e),
-                onKeydown: (e) => {
-                  if (props.disabled) return;
-                  const step = 10;
-                  let delta = 0;
-                  if (props.direction === "horizontal" && e.key === "ArrowLeft" || props.direction === "vertical" && e.key === "ArrowUp") {
-                    delta = -step;
-                  } else if (props.direction === "horizontal" && e.key === "ArrowRight" || props.direction === "vertical" && e.key === "ArrowDown") {
-                    delta = step;
-                  }
-                  if (delta !== 0) {
-                    e.preventDefault();
-                    const newSizes = _tigercatcore.resizePanes.call(void 0, paneSizes.value, i, delta, getMins(), getMaxes());
-                    if (newSizes) {
-                      paneSizes.value = newSizes;
-                      emit("update:sizes", newSizes);
-                      emit("resize", { index: i, sizes: newSizes });
-                    }
-                  }
-                }
-              },
-              [_vue.h.call(void 0, "div", { class: _tigercatcore.getSplitterGutterHandleClasses.call(void 0, props.direction) })]
-            )
-          );
-        }
-      });
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ref: containerRef,
-          class: containerClasses.value,
-          style: props.style,
-          "data-direction": props.direction
-        },
-        nodes
-      );
-    };
-  }
-});
-var Splitter_default = Splitter;
-
-
-
-
-exports.Splitter = Splitter; exports.Splitter_default = Splitter_default;

package/dist/chunk-K6DYTMBE.js

@@ -1,111 +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/Icon.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Icon = _vue.defineComponent.call(void 0, {
-  name: "TigerIcon",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Built-in icon name. Renders the matching glyph from the built-in icon
-     * set when no custom SVG children are provided.
-     */
-    name: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Icon size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Icon color (CSS color value)
-     * @default 'currentColor'
-     */
-    color: {
-      type: String,
-      default: "currentColor"
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const wrapperClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.iconWrapperClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
-    );
-    const svgClasses = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[props.size]));
-    return () => {
-      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
-      const hasSlotContent = Array.isArray(defaultSlot) && defaultSlot.length > 0;
-      const isDecorative = attrs["aria-label"] == null && attrs["aria-labelledby"] == null && attrs.role == null;
-      const definition = !hasSlotContent && props.name ? _tigercatcore.getIconDefinition.call(void 0, props.name) : void 0;
-      const builtInSvg = definition ? _vue.h.call(void 0, 
-        "svg",
-        {
-          class: svgClasses.value,
-          xmlns: _tigercatcore.SVG_DEFAULT_XMLNS,
-          viewBox: definition.viewBox,
-          fill: definition.mode === "fill" ? "currentColor" : _tigercatcore.SVG_DEFAULT_FILL,
-          stroke: definition.mode === "stroke" ? "currentColor" : _tigercatcore.SVG_DEFAULT_STROKE,
-          "stroke-width": definition.mode === "stroke" ? 1.5 : void 0,
-          "stroke-linecap": definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinecap : void 0,
-          "stroke-linejoin": definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinejoin : void 0
-        },
-        definition.paths.map((d) => _vue.h.call(void 0, "path", { d }))
-      ) : null;
-      const normalizeSlotNode = (node) => {
-        if (node && typeof node === "object" && node.type === "svg") {
-          const svgProps = _nullishCoalesce(node.props, () => ( {}));
-          return _vue.h.call(void 0, 
-            "svg",
-            {
-              ...svgProps,
-              class: _tigercatcore.classNames.call(void 0, svgClasses.value, _tigercatcore.coerceClassValue.call(void 0, svgProps.class)),
-              xmlns: _nullishCoalesce(svgProps.xmlns, () => ( _tigercatcore.SVG_DEFAULT_XMLNS)),
-              viewBox: _nullishCoalesce(svgProps.viewBox, () => ( _tigercatcore.SVG_DEFAULT_VIEWBOX_24)),
-              fill: _nullishCoalesce(svgProps.fill, () => ( _tigercatcore.SVG_DEFAULT_FILL)),
-              stroke: _nullishCoalesce(svgProps.stroke, () => ( _tigercatcore.SVG_DEFAULT_STROKE)),
-              "stroke-width": _nullishCoalesce(svgProps["stroke-width"], () => ( _tigercatcore.iconSvgDefaultStrokeWidth)),
-              "stroke-linecap": _nullishCoalesce(svgProps["stroke-linecap"], () => ( _tigercatcore.iconSvgDefaultStrokeLinecap)),
-              "stroke-linejoin": _nullishCoalesce(svgProps["stroke-linejoin"], () => ( _tigercatcore.iconSvgDefaultStrokeLinejoin))
-            },
-            node.children === null ? void 0 : node.children
-          );
-        }
-        return node;
-      };
-      const children = builtInSvg ? [builtInSvg] : (_nullishCoalesce(defaultSlot, () => ( []))).map(normalizeSlotNode);
-      return _vue.h.call(void 0, 
-        "span",
-        {
-          ...attrs,
-          class: wrapperClasses.value,
-          style: { ...attrs.style, color: props.color },
-          ...isDecorative ? { "aria-hidden": "true" } : { role: _nullishCoalesce(attrs.role, () => ( "img")) }
-        },
-        children
-      );
-    };
-  }
-});
-var Icon_default = Icon;
-
-
-
-
-exports.Icon = Icon; exports.Icon_default = Icon_default;