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

package/dist/chunk-ZHSXICH7.js

@@ -1,264 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
-
-// src/components/Alert.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Alert = _vue.defineComponent.call(void 0, {
-  name: "TigerAlert",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Alert type (determines icon and color scheme)
-     * @default 'info'
-     */
-    type: {
-      type: String,
-      default: "info"
-    },
-    /**
-     * Alert size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Alert title (main message)
-     */
-    title: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Alert description (detailed content)
-     */
-    description: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether to show the type icon
-     * @default true
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether the alert can be closed
-     * @default false
-     */
-    closable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Accessible label for the close button (when `closable` is true)
-     * @default 'Close alert'
-     */
-    closeAriaLabel: {
-      type: String,
-      default: "Close alert"
-    },
-    /**
-     * Auto-close duration in milliseconds. 0 or undefined to disable.
-     */
-    duration: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Whether to display as full-width banner
-     * @since 0.9.0
-     */
-    banner: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show countdown progress bar
-     * @since 0.9.0
-     */
-    showCountdown: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["close"],
-  setup(props, { slots, emit, attrs }) {
-    const visible = _vue.ref.call(void 0, true);
-    const colorScheme = _vue.computed.call(void 0, () => _tigercatcore.getAlertTypeClasses.call(void 0, props.type, _tigercatcore.defaultAlertThemeColors));
-    const alertClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.alertBaseClasses,
-        _tigercatcore.alertSizeClasses[props.size],
-        colorScheme.value.bg,
-        colorScheme.value.border,
-        props.banner && _tigercatcore.alertBannerClasses
-      )
-    );
-    const iconClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertIconSizeClasses[props.size], colorScheme.value.icon)
-    );
-    const titleClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertTitleSizeClasses[props.size], colorScheme.value.title)
-    );
-    const descriptionClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertDescriptionSizeClasses[props.size], colorScheme.value.description)
-    );
-    const closeButtonClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.alertCloseButtonBaseClasses,
-        colorScheme.value.closeButton,
-        colorScheme.value.closeButtonHover,
-        colorScheme.value.focus
-      )
-    );
-    const handleClose = (event) => {
-      emit("close", event);
-      if (!event.defaultPrevented) {
-        visible.value = false;
-      }
-    };
-    let autoCloseTimer;
-    const countdownProgress = _vue.ref.call(void 0, 100);
-    let countdownInterval;
-    _vue.onMounted.call(void 0, () => {
-      if (props.duration && props.duration > 0 && props.closable) {
-        const duration = props.duration;
-        autoCloseTimer = setTimeout(() => {
-          visible.value = false;
-          emit("close", new MouseEvent("click"));
-        }, duration);
-        if (props.showCountdown) {
-          const startTime = Date.now();
-          countdownInterval = setInterval(() => {
-            const elapsed = Date.now() - startTime;
-            countdownProgress.value = Math.max(0, 100 - elapsed / duration * 100);
-          }, 50);
-        }
-      }
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      if (autoCloseTimer) clearTimeout(autoCloseTimer);
-      if (countdownInterval) clearInterval(countdownInterval);
-    });
-    return () => {
-      if (!visible.value) {
-        return null;
-      }
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      const children = [];
-      if (props.showIcon) {
-        const iconPath = _tigercatcore.getAlertIconPath.call(void 0, props.type);
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.alertIconContainerClasses },
-            _chunkJCMGBKS6js.createStatusIcon.call(void 0, iconPath, iconClasses.value)
-          )
-        );
-      }
-      const contentChildren = [];
-      if (props.title || slots.title) {
-        contentChildren.push(
-          _vue.h.call(void 0, "div", { class: titleClasses.value }, slots.title ? slots.title() : props.title)
-        );
-      }
-      if (props.description || slots.description) {
-        contentChildren.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: descriptionClasses.value },
-            slots.description ? slots.description() : props.description
-          )
-        );
-      }
-      if (!props.title && !props.description && !slots.title && !slots.description && slots.default) {
-        contentChildren.push(_vue.h.call(void 0, "div", { class: titleClasses.value }, slots.default()));
-      }
-      if (contentChildren.length > 0) {
-        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.alertContentClasses }, contentChildren));
-      }
-      if (props.closable) {
-        children.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: closeButtonClasses.value,
-              onClick: handleClose,
-              "aria-label": props.closeAriaLabel,
-              type: "button"
-            },
-            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.alertCloseIconPath, "h-4 w-4")
-          )
-        );
-      }
-      if (props.showCountdown && props.duration && props.duration > 0 && props.closable) {
-        children.push(
-          _vue.h.call(void 0, "div", { class: _tigercatcore.alertCountdownContainerClasses }, [
-            _vue.h.call(void 0, "div", {
-              class: _tigercatcore.classNames.call(void 0, _tigercatcore.alertCountdownBarClasses, _tigercatcore.alertCountdownColorClasses[props.type]),
-              style: { width: `${countdownProgress.value}%` }
-            })
-          ])
-        );
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, alertClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
-          role: "alert"
-        },
-        children
-      );
-    };
-  }
-});
-var Alert_default = Alert;
-
-
-
-
-exports.Alert = Alert; exports.Alert_default = Alert_default;

package/dist/chunk-ZMGNQKXL.js

@@ -1,233 +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/Gantt.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Gantt = _vue.defineComponent.call(void 0, {
-  name: "TigerGantt",
-  props: {
-    data: { type: Array, required: true },
-    width: { type: Number, default: 760 },
-    height: { type: Number, default: 360 },
-    padding: { type: [Number, Object], default: 24 },
-    scale: { type: String, default: "week" },
-    rowHeight: { type: Number, default: 40 },
-    barHeight: { type: Number, default: 18 },
-    taskLabelWidth: { type: Number, default: 140 },
-    timelineHeight: { type: Number, default: 36 },
-    minDate: { type: [String, Number, Date] },
-    maxDate: { type: [String, Number, Date] },
-    minBarWidth: { type: Number, default: 6 },
-    showToday: { type: Boolean, default: false },
-    showProgress: { type: Boolean, default: true },
-    showDependencies: { 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 },
-    dateFormatter: {
-      type: Function
-    },
-    colors: { type: Array },
-    title: { type: String },
-    desc: { type: String },
-    ariaLabel: { type: String, default: "Gantt chart" },
-    className: { type: String }
-  },
-  emits: ["update:selectedId", "task-click", "task-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.computeGanttLayout.call(void 0, props.data, {
-        width: innerRect.value.width,
-        rowHeight: props.rowHeight,
-        barHeight: props.barHeight,
-        taskLabelWidth: props.taskLabelWidth,
-        timelineHeight: props.timelineHeight,
-        minDate: props.minDate,
-        maxDate: props.maxDate,
-        minBarWidth: props.minBarWidth,
-        scale: props.scale,
-        colors: props.colors,
-        today: props.showToday ? /* @__PURE__ */ new Date() : void 0,
-        dateFormatter: props.dateFormatter
-      })
-    );
-    const activeId = _vue.computed.call(void 0, () => _nullishCoalesce(resolvedSelectedId.value, () => ( hoveredId.value)));
-    const selectTask = (task) => {
-      if (props.selectable && !task.task.disabled) {
-        const nextId = resolvedSelectedId.value === task.id ? null : task.id;
-        innerSelectedId.value = nextId;
-        emit("update:selectedId", nextId);
-      }
-      emit("task-click", task.task);
-    };
-    const setHoveredTask = (task) => {
-      if (!props.hoverable) return;
-      hoveredId.value = _nullishCoalesce(_optionalChain([task, 'optionalAccess', _ => _.id]), () => ( null));
-      emit("task-hover", _nullishCoalesce(_optionalChain([task, 'optionalAccess', _2 => _2.task]), () => ( null)));
-    };
-    const getTaskOpacity = (task) => {
-      if (activeId.value === null) return props.activeOpacity;
-      return activeId.value === task.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", { "data-series-type": "gantt" }, [
-          _vue.h.call(void 0, "g", { "data-gantt-axis": "true" }, [
-            _vue.h.call(void 0, "line", {
-              x1: props.taskLabelWidth,
-              x2: layout.value.width,
-              y1: props.timelineHeight - 1,
-              y2: props.timelineHeight - 1,
-              stroke: "var(--tiger-border,#d1d5db)"
-            }),
-            ...layout.value.ticks.map(
-              (tick) => _vue.h.call(void 0, "g", { key: `${tick.label}-${tick.x}` }, [
-                _vue.h.call(void 0, "line", {
-                  x1: tick.x,
-                  x2: tick.x,
-                  y1: 0,
-                  y2: layout.value.height,
-                  stroke: "var(--tiger-border,#e5e7eb)"
-                }),
-                _vue.h.call(void 0, "text", { x: tick.x + 4, y: 16, class: _tigercatcore.ganttAxisTextClasses }, tick.label)
-              ])
-            )
-          ]),
-          _vue.h.call(void 0, 
-            "g",
-            { "data-gantt-rows": "true" },
-            layout.value.tasks.map(
-              (task) => _vue.h.call(void 0, "rect", {
-                key: `row-${task.id}`,
-                x: 0,
-                y: props.timelineHeight + task.index * props.rowHeight,
-                width: layout.value.width,
-                height: props.rowHeight,
-                class: task.index % 2 === 0 ? _tigercatcore.ganttRowClasses : void 0,
-                opacity: task.index % 2 === 0 ? 0.75 : 0
-              })
-            )
-          ),
-          props.showToday && layout.value.todayX !== null ? _vue.h.call(void 0, "line", {
-            x1: layout.value.todayX,
-            x2: layout.value.todayX,
-            y1: 0,
-            y2: layout.value.height,
-            class: _tigercatcore.ganttTodayLineClasses,
-            "data-gantt-today": "true"
-          }) : void 0,
-          props.showDependencies ? _vue.h.call(void 0, 
-            "g",
-            { "data-gantt-dependencies": "true" },
-            layout.value.dependencies.map(
-              (dependency) => _vue.h.call(void 0, "path", {
-                key: `${dependency.sourceId}-${dependency.targetId}`,
-                d: dependency.path,
-                class: _tigercatcore.ganttDependencyClasses
-              })
-            )
-          ) : void 0,
-          _vue.h.call(void 0, 
-            "g",
-            { "data-gantt-tasks": "true" },
-            layout.value.tasks.map((task) => {
-              const selected = resolvedSelectedId.value === task.id;
-              const interactive = (props.hoverable || props.selectable) && !task.task.disabled;
-              return _vue.h.call(void 0, "g", { key: task.id, opacity: getTaskOpacity(task) }, [
-                _vue.h.call(void 0, 
-                  "text",
-                  {
-                    x: 0,
-                    y: task.y + task.height / 2 + 4,
-                    class: _tigercatcore.ganttLabelClasses
-                  },
-                  task.task.label
-                ),
-                _vue.h.call(void 0, 
-                  "g",
-                  {
-                    class: _tigercatcore.getGanttTaskClasses.call(void 0, interactive, selected),
-                    role: interactive ? "button" : "group",
-                    tabindex: interactive ? 0 : void 0,
-                    "aria-label": _tigercatcore.getGanttTaskAriaLabel.call(void 0, task.task),
-                    onMouseenter: () => setHoveredTask(task),
-                    onMouseleave: () => setHoveredTask(null),
-                    onClick: () => selectTask(task),
-                    onKeydown: (event) => {
-                      if (event.key === "Enter" || event.key === " ") {
-                        event.preventDefault();
-                        selectTask(task);
-                      }
-                    }
-                  },
-                  [
-                    _vue.h.call(void 0, "rect", {
-                      x: task.x,
-                      y: task.y,
-                      width: task.width,
-                      height: task.height,
-                      rx: 4,
-                      fill: task.color,
-                      stroke: selected ? "var(--tiger-text,#111827)" : void 0,
-                      strokeWidth: selected ? 2 : void 0
-                    }),
-                    props.showProgress && task.progressWidth > 0 ? _vue.h.call(void 0, "rect", {
-                      x: task.x,
-                      y: task.y,
-                      width: task.progressWidth,
-                      height: task.height,
-                      rx: 4,
-                      class: _tigercatcore.ganttProgressClasses
-                    }) : void 0
-                  ]
-                )
-              ]);
-            })
-          )
-        ])
-      }
-    );
-  }
-});
-var Gantt_default = Gantt;
-
-
-
-
-exports.Gantt = Gantt; exports.Gantt_default = Gantt_default;

package/dist/chunk-ZNVQ2OFX.js

@@ -1,46 +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/Space.ts
-var _vue = require('vue');
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Space = _vue.defineComponent.call(void 0, {
-  name: "TigerSpace",
-  props: {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    size: {
-      type: [String, Number],
-      default: "md"
-    },
-    align: {
-      type: String,
-      default: "start"
-    },
-    wrap: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const classes = _vue.computed.call(void 0, () => _tigercatcore.getSpaceClasses.call(void 0, props));
-    const style = _vue.computed.call(void 0, () => _tigercatcore.getSpaceStyle.call(void 0, props.size));
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        ...attrs,
-        class: [classes.value, attrs.class],
-        style: [style.value, attrs.style]
-      },
-      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-    );
-  }
-});
-var Space_default = Space;
-
-
-
-
-exports.Space = Space; exports.Space_default = Space_default;

package/dist/chunk-ZOUJFFG4.js

@@ -1,93 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ChartTooltip.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-var ChartTooltip = _vue.defineComponent.call(void 0, {
-  name: "TigerChartTooltip",
-  props: {
-    content: {
-      type: String,
-      required: true
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    x: {
-      type: Number,
-      default: 0
-    },
-    y: {
-      type: Number,
-      default: 0
-    },
-    className: {
-      type: String
-    }
-  },
-  setup(props) {
-    const tooltipRef = _vue.ref.call(void 0, null);
-    const adjustedPosition = _vue.ref.call(void 0, { x: props.x, y: props.y });
-    _vue.watch.call(void 0, 
-      () => [props.x, props.y, props.visible],
-      (_value, _oldValue, onCleanup) => {
-        if (!props.visible) return;
-        let x = props.x + 12;
-        let y = props.y - 8;
-        const frameHandle = requestAnimationFrame(() => {
-          if (!tooltipRef.value) return;
-          const rect = tooltipRef.value.getBoundingClientRect();
-          const viewportWidth = window.innerWidth;
-          const viewportHeight = window.innerHeight;
-          if (x + rect.width > viewportWidth - 8) {
-            x = props.x - rect.width - 12;
-          }
-          if (y + rect.height > viewportHeight - 8) {
-            y = props.y - rect.height - 8;
-          }
-          x = Math.max(8, x);
-          y = Math.max(8, y);
-          adjustedPosition.value = { x, y };
-        });
-        onCleanup(() => cancelAnimationFrame(frameHandle));
-        adjustedPosition.value = { x, y };
-      },
-      { immediate: true }
-    );
-    const tooltipClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "fixed left-0 top-0 z-[9999] pointer-events-none will-change-transform",
-        "px-3 py-2 rounded-[var(--tiger-radius-md,0.375rem)] shadow-[var(--tiger-shadow-glass,0_10px_15px_-3px_rgb(0_0_0_/_0.1),0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",
-        "bg-[color:var(--tiger-bg-elevated,#1f2937)]",
-        "text-[color:var(--tiger-text-inverse,#f9fafb)]",
-        "text-sm whitespace-nowrap",
-        "transition-opacity duration-150",
-        props.visible ? "opacity-100" : "opacity-0",
-        props.className
-      )
-    );
-    return () => {
-      if (!props.content) return null;
-      return _vue.h.call(void 0, _vue.Teleport, { to: "body" }, [
-        _vue.h.call(void 0, 
-          "div",
-          {
-            ref: tooltipRef,
-            class: tooltipClasses.value,
-            style: {
-              transform: _tigercatcore.getChartTooltipTransform.call(void 0, adjustedPosition.value)
-            },
-            role: "tooltip",
-            "data-chart-tooltip": "true"
-          },
-          props.content
-        )
-      ]);
-    };
-  }
-});
-var ChartTooltip_default = ChartTooltip;
-
-
-
-
-exports.ChartTooltip = ChartTooltip; exports.ChartTooltip_default = ChartTooltip_default;